[Javascript] Tooltips

[xriz]

Hi !

Habe mal wieder ein Problem mit JS. Ich möchte einen Hilfetext einblenden wenn ich mit der Maus über ein Bild fahre.

Soweit hab ichs schon:

function showHide_Layer(name,vis) {
document.getElementById(name).style.visibility = vis;
}

Hier der Text
<div id="help_date" style="position:absolute; border: solid 1px black; background: lightgrey; left:50px; top:330px; width:147px; height:33px; z-index:1; visibility: hidden">
Format: yyyy-mm-dd<br>
e.g. 2003-11-25
</div>

Hier das Bild:
<a href="#" onMouseOver="showHide_Layer('help_date','visible')" onMouseOut="showHide_Layer('help_date','hidden')"><img src="images/help.gif" border=0 align="middle"></a>

Ich möchte jetzt aber, dass der Text nicht an einer festen Position ist (je nach Browser ist die auch wieder unterschiedlich), sondern in der Nähe der Maus, bzw. ein paar Pixel über dem Bild. Wie komme ich an die Mauskoordinaten ran?

 

[Loopo]

du kannst dir ein fertiges Tooltip hier saugen:
http://www.walterzorn.com/tooltip/tooltip_e.htm

 

[xriz]

is ja echt super. vielen dank

 

[Schade]

Funktioniert das auch wenn man das in einem Formular anwendet?
oder geht das nur bei texten bzw. bildern?
...
Ich will in einem Formular gewisse Felder mit ToolTips ausstatten...also wenn jemand die maus auf das Feld setzt so ein tooltipp aufpopt mit der jeweiligen nachricht!?

 

[Enigma]

Also ich hab für Tooltips das Nicetitles script verwendet.

Das funktioniert auch wunderbar, ohne extra onmouseover/out tags zu verwenden.

PS: MEIN Avatar

 

[Cobinja]

In Sachen ToolTips kann ich die Overlib empfehlen:
Klick mich

 

[Schade]

@Enigma Das is mein Avantar......das hab ich mal bei google gefunden!
*rumzikkt*