WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   javascript infofenster (http://www.wcm.at/forum/showthread.php?t=55808)

fenster 08.05.2002 09:41

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

_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

:cool: 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

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

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