• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Popup erstellen, CMS

A

apfelearth

Neues Mitglied
Hallo,

wie kann ich ein Popup erstellen, sodass wenn man auf eine bestimmte Stelle drüberfährt etwas aufpoppt und man ein Fenster seiht, beim normalen Text? Geht das? / HTML oder CSS.
 
SELFHTML: JavaScript / Sprachelemente / Event-Handler

Code: 
<div id="popup" style="visibility:hidden;">
  Popup Inhalt
</div>

<a href="#" onmouseover="document.getElementById('popup').style.visibility='visible'" onmouseout="document.getElementById('popup').style.visibility='hidden'">Link</a>

fahr mit der Maus über den Link und dein Popup wird sichtbar. Geht natürlich auch mit jedem anderen Element ;)
 
Zuletzt bearbeitet von einem Moderator:
Hallo,

das was suchst ist wohl ein tooltip? oder was verstehst unter "aufpoppt" oder meinst echt popup was auch schon mal gerne von den Browsern geblockt wird, also keiner sieht :O).

Google mal einfach: tooltip
Wenn etwas genauer weist was willst kannst noch zusätzlich css oder javascript ranhängen.
css tooltip: sind meistens etwas einfacher und schlichter
javascript tooltip: sind fast keine grenzen gesetzt bei effekten und aussehen, können aber schon mal recht aufwendig werden :O)

Cheffchen
 
Die Div-Box kannst du irgendwo innerhalb deines <body>-tags einfügen, is Wurscht. Wenn das nur bei einem Text aufpoppen soll dann mach deinen Text in einen paragraph und gib dem die Eventhandler. (<p onmouseover"..." onmouseout"...">Text</p>). Wenn du mehrere solcher Texte hast dann wird das schon etwas umständlicher, weil du mehrere Divs brauchst mit verschiedenen ID's usw. Oder du baust das ganze mit PHP, dann musst du nur einen Code für viele mögliche Popups schreiben.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben