nicht angemeldet
Popup öffnen lassen
hallo,
wie kann ich das am besten realisieren ?
würde gern wenn man über ein bestimmtes wort fährt mit der maus ein popup öffnen lassen das sich wieder schliesst wenn man mit der maus das wort verlassen tut.
oder2. möglich keit wenn man das wort anklickt öffnet sich ein popup wo ein bestimmtes bild angezeigt wird.
methode1
das wort "TOPF" geht man darüber öffnet sich ein popup mit bild vom topf.
methode2
das wort "TOPF" anklicken öffnet sich ein popup mit bild
vielen dank für eure hilfe
-
Schau mal da:
http://selfhtml.teamone.de/dhtml/beispiele/navigation.htm
-
Hallo,
ich würde das mit einem Div realisieren. Um das Wort, bei dem Du den tooltip haben möchtest, packst Du ein span-Tag-Paar, in dem Du per mousover und mouseout die Maus überwachst. Fährt die Maus dann über das Wort läst Du per Javascript das Div an die position der maus und der CSS-Eigenschaft visible erscheinen. In das Div schreibst Du dynamisch den anzuzeigenden Inhalt. (am besten übergibt das mouseover selbigen an die Javascriptroutiene.... das können dann komplette Tags sein, also auch images....)
Wenn Du dem Div eine css-class zuweist, kannst Du darüber das Aussehen bestimmen. Fährt die Maus wieder aus, schaltest Du das Div einfach auf unsichtbar.
Du brauchst also:
Ein Div- Bereich
Ein spawn-Tagpaar um das Wort
kenntnisse, wie man mittels mousover und mouseout eine JS-Funktion aktivieren kann
Kenntnisse, wie man mittels dhtml ein Div ein (und wieder aus-)blenden kann
Kenntnisse, wie man den inhalt eines Divs dynaisch ändern kannSteht dann alles in selfhtml verteilt. Bei Problemen nach Deinen ersten Versuchen helfen wir gerne weiter....
Chräcker
-
Hi Chräcker,
ich würde das mit einem Div realisieren.
einverstanden.
Um das Wort, bei dem Du den tooltip haben möchtest, packst Du ein span-Tag-Paar,
Absolut einverstanden.
in dem Du per mousover und mouseout die Maus überwachst.
Grundsätzlich einverstanden.
Fährt die Maus dann über das Wort läst Du per Javascript
<div style="gameshow">Oooooooh... falsche Methode</div> ;)
Das ist gar nicht notwendig, es funktioniert auch mit reinem CSS. Ein Beispiel:
http://fractatulum.de/fraccss/sample/menu2format.htm
Opera hat damit noch Probleme, aber das wird sich ja hoffentlich bald ändern.
LG Orlando
PS: "Mehr zu diesem Thema demnächst auf Ihrem Lieblingssender" ;)
-
Hallo,
PS: "Mehr zu diesem Thema demnächst auf Ihrem Lieblingssender" ;)
bei dem Sender möchte ich immer am liebsten auf dem hampelmann rumklicken... ja, gut, das kann ich auch machen, aber "mach" da doch mal ein mouseover hin ;-) (meinentwegen auch mit reinem CSS ;-))))
Chräcker
-
-