javascript infofenster

fenster · 08.05.2002, 09:41

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

_m3 · 08.05.2002, 09:47

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">
<html>
<head>
<title>Button Test</title>
</head>
<body>
<form>
<input type="button" value="Dr&amp;uuml;ck mich" title="Das ist die Erkl&amp;auml;rung f&amp;uuml;r den Button!">
</form>
</body>
</html>

snowman · 08.05.2002, 10:41

oder mit css:
http://www.drweb.de/html/css_tooltipps.shtml

gruss,
snowman

_m3 · 08.05.2002, 11:01

Wow - wieder was dazugelernt - danke snowman.

mueller · 08.05.2002, 11:20

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

_m3 · 08.05.2002, 11:31

@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).

käptn · 08.05.2002, 18:23

ja, aber nicht mit ns4 und opera...

_m3 · 08.05.2002, 20:22

Bei Opera steht der Text in der Statuszeile und zu NS4 kann ich nur auf http://archive.webstandards.org/upgrade/ verweisen.

fenster · 08.05.2002, 20:28

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

jak · 09.05.2002, 10:49

? 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">

</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

08.05.2002, 09:41	#1
fenster Master Registriert seit: 29.12.2001 Beiträge: 797	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

08.05.2002, 09:47	#2
_m3 Inventar Registriert seit: 24.09.2001 Beiträge: 7.335	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"> <html> <head> <title>Button Test</title> </head> <body> <form> <input type="button" value="Dr&uuml;ck mich" title="Das ist die Erkl&auml;rung f&uuml;r den Button!"> </form> </body> </html> ____________________________________ Weiterhin zu finden auf http://martin.leyrer.priv.at , http://twitter.com/leyrer , http://www.debattierclub.net/ , http://www.tratschen.at/ und via Instant Messaging auf Jabber: m3 <ät> cargal.org .

08.05.2002, 10:41	#3
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	oder mit css: http://www.drweb.de/html/css_tooltipps.shtml gruss, snowman ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

08.05.2002, 11:01	#4
_m3 Inventar Registriert seit: 24.09.2001 Beiträge: 7.335	Wow - wieder was dazugelernt - danke snowman. ____________________________________ Weiterhin zu finden auf http://martin.leyrer.priv.at , http://twitter.com/leyrer , http://www.debattierclub.net/ , http://www.tratschen.at/ und via Instant Messaging auf Jabber: m3 <ät> cargal.org .

08.05.2002, 11:31	#6
_m3 Inventar Registriert seit: 24.09.2001 Beiträge: 7.335	@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). ____________________________________ Weiterhin zu finden auf http://martin.leyrer.priv.at , http://twitter.com/leyrer , http://www.debattierclub.net/ , http://www.tratschen.at/ und via Instant Messaging auf Jabber: m3 <ät> cargal.org .

08.05.2002, 11:20	#5
mueller Senior Member Registriert seit: 18.10.2001 Beiträge: 179	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

08.05.2002, 18:23	#7
käptn Inventar Registriert seit: 04.11.2001 Alter: 45 Beiträge: 2.150	ja, aber nicht mit ns4 und opera...

08.05.2002, 20:22	#8
_m3 Inventar Registriert seit: 24.09.2001 Beiträge: 7.335	Bei Opera steht der Text in der Statuszeile und zu NS4 kann ich nur auf http://archive.webstandards.org/upgrade/ verweisen. ____________________________________ Weiterhin zu finden auf http://martin.leyrer.priv.at , http://twitter.com/leyrer , http://www.debattierclub.net/ , http://www.tratschen.at/ und via Instant Messaging auf Jabber: m3 <ät> cargal.org .

08.05.2002, 20:28	#9
fenster Master Registriert seit: 29.12.2001 Beiträge: 797	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

09.05.2002, 10:49	#10
jak Inventar Registriert seit: 13.06.2001 Beiträge: 1.830	? 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 ____________________________________ Join the DNRC \| Godwin\'s Law (thx@stona) Documentation is like sex: If it\'s good, it\'s very, very good. If it\'s bad, it\'s better than nothing. \"In theory, theory and practice are the same. In practice, they are not\" (Lawrence Berra)

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln