Jörg: Mouseover + Infofenster

Hallo zusammen,

als absoluter "Frischling" suche ich einen Script, welcher ein kleines Infofenster (bzw. Beschreibung) zu einen Link öffnet sobald ich mit der Maus drauf bin und es wieder schliesst wenn die Maus den Link verlässt. Und das ganze sollte bei Netscape und IE funktionieren.

Für eure Hilfe bin ich sehr dankbar.

Jörg

  1. Hallo zusammen,

    als absoluter "Frischling" suche ich einen Script, welcher ein kleines Infofenster (bzw. Beschreibung) zu einen Link öffnet sobald ich mit der Maus drauf bin und es wieder schliesst wenn die Maus den Link verlässt. Und das ganze sollte bei Netscape und IE funktionieren.

    Für eure Hilfe bin ich sehr dankbar.

    Jörg

    Hallo Jörg,

    klein ist es nun aber nicht aber es funzt ganz gut. Ist aber nicht von mir!!!
    Folgendes kommt oben zwischen <Head> und </Head>

    <script language="Javascript">
    <!-- Hiding
    /*    Script by Lefteris Haritou    
        Copyright ©1998
        http://www.geocities.com/~lef
        This Script is free as long
        as you keep the above credit !
    */

    bname=navigator.appName;
    bversion=parseInt(navigator.appVersion)
    if (bname=="Netscape")
    brows=true
    else
    brows=false
    var x=0;
    var link=new Array();

    function dspl(msg,bgcolor,dtop,delft){
    this.msg=msg;
    this.bgcolor=bgcolor;
    this.dtop=dtop;
    this.dleft=delft;
    }

    link[0]=new dspl('<CENTER><Font face="Arial" color="#000000"size=2><B>Beschreibungstext des 1.Linkes hier!!!</B></Font></CENTER>','#FF0000',370,90)

    link[1]=new dspl('<CENTER><Font face="Arial" color="#FF0000"size=2><B>Beschreibungstext des 2.Linkes hier!!!</B></Font></CENTER>','#000000',370,310)

    link[2]=new dspl('<CENTER><Font face="Arial" color="#FFFFF0"size=2><B>Beschreibungstext des 3.Linkes hier!!!</B></Font></CENTER>','#0000FF',370,450)

    link[3]=new dspl('<CENTER><Font face="Arial" color="#FFFFF0"size=2><B>Beschreibungstext des 4.Linkes hier!!!</B></Font></CENTER>','#0000FF',410,310)

    function don(x){
    if ((bname=="Netscape" && bversion>=4) (bname=="Microsoft Internet Explorer" && bversion>=4)){
    if (brows){
    with(link[x]){
    document.layers['linkex'].bgColor=bgcolor;
    document.layers['linkex'].document.writeln(msg);
    document.layers['linkex'].document.close();
    document.layers['linkex'].top=dtop;
    document.layers['linkex'].left=dleft;
    }
    document.layers['linkex'].visibility="show";
    }
    else{
    with(link[x]){
    linkex.innerHTML=msg;
    linkex.style.top=dtop;
    linkex.style.left=dleft;
    linkex.style.background=bgcolor;
    }
    linkex.style.visibility="visible";
    }
    }
    }

    function doff(){
    if ((bname=="Netscape" && bversion>=4) (bname=="Microsoft Internet Explorer" && bversion>=4)){
    if (brows)
    document.layers['linkex'].visibility="hide";
    else
    linkex.style.visibility="hidden";
    }
    }

    // done hiding -->
    </script>

    Dann im unteren Teil, nach <body> bei dem Link folgendes einfügen:

    <a href="irgendein_link.htm" onmouseover="don(0)" onmouseout="doff()" target="Hauptframe" class="LinkExt"><font face="Arial">Hier steht dann der Text des 1.Linkes</font></a>
    <a href="irgendein_link2.htm" onmouseover="don(1)" onmouseout="doff()" target="Hauptframe" class="LinkExt"><font face="Arial">Hier steht dann der Text des 2. Linkes</font></a>
    <a href="irgendein_link3.htm" onmouseover="don(2)" onmouseout="doff()" target="Hauptframe" class="LinkExt"><font face="Arial">Hier steht dann der Text des 3. Linkes</font></a>
    usw. usw.

    GAA Thorhall

  2. Hallo zusammen,

    als absoluter "Frischling" suche ich einen Script, welcher ein kleines Infofenster (bzw. Beschreibung) zu einen Link öffnet sobald ich mit der Maus drauf bin und es wieder schliesst wenn die Maus den Link verlässt. Und das ganze sollte bei Netscape und IE funktionieren.

    Für eure Hilfe bin ich sehr dankbar.

    Jörg

    Ich habe sowas mal auf http://www.weihnachtswunsch.de gesehen, weiß aber nicht, wie man es benutzt.

  3. Hallo zusammen,

    als absoluter "Frischling" suche ich einen Script, welcher ein kleines Infofenster (bzw. Beschreibung) zu einen Link öffnet sobald ich mit der Maus drauf bin und es wieder schliesst wenn die Maus den Link verlässt. Und das ganze sollte bei Netscape und IE funktionieren.

    Für eure Hilfe bin ich sehr dankbar.

    Jörg

    Hallo Jörg,

    Hier eine kurze aber auch sehr effektive Lösung:

    var popup_window = null;                                                                                                                                          
    function popup(status,url) {                                                                                                                                    
        if(status != 0) {                                                                                                                                                                    if(popup != null) popup.focus();                                                                                                                                                               else {                                                                                                                                                      
                var popup = open(url, "Popup", "width=350,height=175");                                                                                                    
                popup_window = popup;                                                                                                                                          
           }                                                                                                                                                          
        } else {                                                                                                                                                      
           if(popup_window != null) popup_window.close();                                                                                                              
        }                                                                                                                                                              }

    Der Aufruf im Body erfolgt dann beispielsweise so:

    <a href="#" onMouseOver="popup(1,'infofile.htm')"onMouseOut="popup(0)">
        <img src="info.gif" border="0">
    </a>

  4. Hallo zusammen,

    als absoluter "Frischling" suche ich einen Script, welcher ein kleines Infofenster (bzw. Beschreibung) zu einen Link öffnet sobald ich mit der Maus drauf bin und es wieder schliesst wenn die Maus den Link verlässt. Und das ganze sollte bei Netscape und IE funktionieren.

    Für eure Hilfe bin ich sehr dankbar.

    Jörg

    Hallo zusammen,

    vielen Dank an Euch für Eure schnelle Hilfe. Ohne Euch hätte ich das nicht geschafft.

    Danke nochmal und Grüße

    Jörg