Reinhold: Mouseover + Infofenster

Beitrag lesen

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>