![]() |
javascript infofenster
hallo
ich möchte auf meiner homepage wenn ein besucher in der menüführung mit dem mauszeiger über einen button fährt dass dann ein kleines javascript fenster unter dem mauszeiger erscheint und ihm informationen über diese button zeigt (was sich unter dem button befindet wenn er ihen anklickt) leider kann ich noch kein javascript vielleicht wisst ihr wo man sich so ein script mit anleitung downloaden kann hab schon überall gesucht und auch etliche scripts gefunden nur dass, das ich brauche nicht gurß hubert |
Also im IE 5.5 und im Mozilla geht das ohne javascript:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
:cool: Wow - wieder was dazugelernt - danke snowman. :)
|
Hi @ll,
man kann Tooltipps auch mit DHTML lösen! Gefällt mir persönlich besser, da man alles nach seinen Wünschen anpassen kann (Hintergrundfarbe, Schrift, ...) Check it out: http://www.dhtmlcentral.com/script/script.asp?id=29 rgds, mueller |
@mueller: Das war ja klar, aber wozu, wenns ohne auch geht. Mit dem Title bzw. der CSS Lösung sehe ich auch was, wenn JavaScript deaktiviert ist oder die Browsererkennung im Script nicht korrekt funktioniert (soll ja angeblich sogar auf großen Sites passieren).
|
ja, aber nicht mit ns4 und opera...
|
Bei Opera steht der Text in der Statuszeile und zu NS4 kann ich nur auf http://archive.webstandards.org/upgrade/ verweisen.
|
an alle hallo leute
hallo
vorerst mal danke für die zahlreichen antworten leider ist das noch immer nicht was ich brauche ich brauch dieses infofenster für einen button (gif,jpg) css lässt sich auf einen button nicht anwenden. ausser dem sollte das infofenster nicht starr sein sondern mit dem mauszeiger etwas mitgehen vielleicht habt ihr noch ein par tips für mich gruß hubert |
? Ein gif/jpg als Button ?
Du kannst doch den Code von snowman verwenden, wenn du den Button als Link machst. <html> <head> <title>Tooltipp mit CSS</title> <style type="text/css"> <!-- div#link {position: absolute; } div#link a {display: block;} div#link a:hover {background: white; } div#link a span {display: none;} div#link a:hover span {display: block; text-decoration : none; position: absolute; top: 40px; left: 0; width: 140px; padding: 5px; margin: 4px; z-index: 100; color: black; background: yellow;} --> </style> </head><body> <div id="link"> Link <span>Zusatztext als PopUp.</span></div> </body> </html> Statt Link schreibst du halt eine <img>-Tag hin. Jak |
Alle Zeitangaben in WEZ +2. Es ist jetzt 09:47 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag