Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „javascript-popup erzeugen“

doofesohr

Nicht mehr ganz neu hier

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

Aktives Mitglied

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 :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.881
Mitglieder
67.226
Neuestes Mitglied
Alec168
Oben