javascript-popup erzeugen

[doofesohr]

ich würde gern auf diversen links ein kleines popup-fenster haben wenn ich mit der maus drüber gehe. ungefähr so wie hier . allerdings kann man da ja nur 1 popup pro seite machen kann (is doch so oder? ) - allerdings brauche ich das ganze für mehrere links die untereinander stehen.

gruß

ohr

 

[netbandit]

AW: javascript-popup erzeugen

Hallo,

dem Script einfach die entsprechende ID mit übergeben, z.B. so (Rotmarkierte sind die Änderungen):

Script

function ShowPopup(hoveritem, popup)
{
hp = document.getElementById(popup);

// Set position of hover-over popup
hp.style.top = hoveritem.offsetTop + 18;
hp.style.left = hoveritem.offsetLeft + 20;

// Set popup to visible
hp.style.visibility = "Visible";
}

function HidePopup(popup)
{
hp = document.getElementById(popup);
hp.style.visibility = "Hidden";
}
</script>

HTML

<a id="hoverover_1" style="cursor:default;" onMouseOver="ShowPopup(this, 'popup_1');" onMouseOut="HidePopup('popup_1');">Hover over me Nr. 1!</a><br>
<a id="hoverover_2" style="cursor:default;" onMouseOver="ShowPopup(this, 'popup_2');" onMouseOut="HidePopup('popup_2');">Hover over me Nr. 2!</a><br>
<a id="hoverover_3" style="cursor:default;" onMouseOver="ShowPopup(this, 'popup_3');" onMouseOut="HidePopup('popup_3');">Hover over me Nr. 3!</a><br>
<div id="popup_1" style="visibility:hidden; position:absolute; top:0; left:0;background-color: #ffff99; padding: 5px;">Text 1</div>
<div id="popup_2" style="visibility:hidden; position:absolute; top:0; left:0;background-color: #ffff99; padding: 5px;">Text 2</div>
<div id="popup_3" style="visibility:hidden; position:absolute; top:0; left:0;background-color: #ffff99; padding: 5px;">Text 3</div>

Grüße