tooltip mit js und css als Alternative zum title

[Struppi]

Code sieht momentan wie folgt aus:

Da wäre es noch uinteressant wie du den Aufrufst, da content ja im Mozilla das Eventobjekt ist und im IE?

<script language="JavaScript">

function show_date(content){
posx = document.all ? window.event.clientX : content.pageX;
posy = document.all ? window.event.clientY : content.pageY;

Warum prüfst du auf document.all, wenn du doch eigentlich was anderes wissen willst?

Übrigens bereitet hier der IE mehr Probleme, da je nach DOCTYPE andere Werte liefert.
Ich glaub das müßte in den meisten Browsern die Position zurückgeben:

function _mouse_pos(evt)
{
    if(!evt) return true;
    var _MOUSE_POS_ = {left:0,top:0};
    _MOUSE_POS_.left = evt.pageX ? evt.pageX : evt.clientX;
    _MOUSE_POS_.top = evt.pageY ? evt.pageY : evt.clientY;

// Der IE braucht Sonderbehandlung
    if(typeof document.documentElement != 'undefined')
    {
        // IE 6
        _MOUSE_POS_.left += document.documentElement.scrollLeft;
        _MOUSE_POS_.top += document.documentElement.scrollTop;
    }else    if (document.body)
    {
        // IE 4
        _MOUSE_POS_.left += document.body.scrollLeft;
        _MOUSE_POS_.top  += document.body.scrollTop;
    }
    return _MOUSE_POS_;
}

document.getElementById("content_box").style.left = posx;
  document.getElementById("content_box").style.top  = posy;

if(document.all){

document.all ist IE 4 syntax, neuere Browser (auch der IE) können ohne Probleme z.b. getElementById

function hide_date(){
document.getElementById("content_box").style.visibility = "hidden";
}

Besserer Stil ist es auf jeden Fall immer zu prüfen was du da machst. also hier auf das Objekt:

if(!document.getElementById) return;
var obj = document.getElementById("content_box");
if(!obj || obj.style) return;
obj.style.visibility = "hidden";

Damit machst du die Besitzer älterer Browser glücklich, die je nach Version noch mit aufpoppenden Fehlermeldungen genervt werden.

Struppi.