Comments on: Wirklich einfache JavaScript Tooltips

By: webmatze

webmatze — Mon, 19 Jul 2010 12:28:00 +0000

Ich glaube durch die ganzen neuen Browser-Versionen sowohl von Internet Explorer als auch Firefox usw. scheint der Code nicht mehr so zu funktionieren, wie es damals der Fall war.

Ich werde mich mal an eine komplett neue Version setzen, die in allen Browsern funktioniert und welche auch einfacher zu verwenden ist.

By: gochtel

gochtel — Thu, 15 Jul 2010 08:18:43 +0000

schade, der code lässt sich nicht posten…

By: gochtel

gochtel — Thu, 15 Jul 2010 08:18:08 +0000

function normalizeEvent(e)
{
if(window.event){e = window.event;}
if(e.pageX)
{
e.clientX = e.pageX;
e.clientY = e.pageY;
}
else if(e.clientX)
{
e.pageX = e.clientX;
e.pageY = e.clientY;
}

return e;
}

wmtt = null;
document.onmousemove = updateWMTT;
function updateWMTT(e)
{
if (wmtt != null && wmtt.style.display == ‘block’)
{

x = (e != null ? e.pageX : window.event.x) + wmtt.offsetParent.scrollLeft – wmtt.offsetParent.offsetLeft;
y = (e != null ? e.pageY : window.event.y) + wmtt.offsetParent.scrollTop – wmtt.offsetParent.offsetTop;
wmtt.style.left = (x – 410) + “px”;
wmtt.style.top = (y – 310) + “px”;
}
}

function showWMTT(id) {
wmtt = document.getElementById(id);
wmtt.style.display = “block”;
}
function hideWMTT() {
wmtt.style.display = “none”;
}

By: gochtel

gochtel — Thu, 15 Jul 2010 08:17:20 +0000

so hab jetzt eine ganze weile dran gehangen. hab mitlerweile eine lösung gefunden, die im FF und IE funktionieren. hier mal der komplette javascript code, falls wieder mal jemand das problem hat:

By: gochtel

gochtel — Wed, 14 Jul 2010 15:40:32 +0000

Hab das gleiche Problem wie Marco:
“Bei mir funktioniert das im FF sehr gut, im IE gibt er mir den Fehler “pageX” ist Null oder kein Objekt. Der Tooltip erscheint zwar, aber nicht neben meiner Maus sondern unterhalb von meinen Bildern”
Wenn ich die Änderung von Marco nehme, wird im FF gar kein Tooltip mehr angezeigt und im IE kommt der Fehler:

Meldung: Objekt erwartet
Zeile: 31
Zeichen: 1
Code: 0
URI: http://www.gehorsam-mit-spass.de/aa_test/wohnung.php

Kann mir jemand weiter helfen? Das Script ist ansonsten echt klasse!!!

By: Marco

Marco — Tue, 22 Jun 2010 14:29:53 +0000

Habe es gelöst, e war nicht definiert:

x = (e != null ? e.clientX : window.event.x) + wmtt.offsetParent.scrollLeft – wmtt.offsetParent.offsetLeft;
y = (e != null ? e.clientY : window.event.y) + wmtt.offsetParent.scrollTop – wmtt.offsetParent.offsetTop;

By: Marco

Marco — Tue, 22 Jun 2010 12:57:34 +0000

Bei mir funktioniert das im FF sehr gut, im IE gibt er mir den Fehler “pageX” ist Null oder kein Objekt. Der Tooltip erscheint zwar, aber nicht neben meiner Maus sondern unterhalb von meinem Bild mit Imagemaps. Hat jemand ne Ahnung was da falsch ist?

By: Michi

Michi — Mon, 21 Jun 2010 09:18:47 +0000

Hey webmatze

Danke für die Antwort. Hab das mal so probiert:

// JavaScript Document

lead = null;
document.onmousemove = updateLEAD;
function updateLEAD(e , xoff, yoff) {
if (lead != null) {
x = (document.all) ? window.event.x + lead.offsetParent.scrollRight : e.pageX;
y = (document.all) ? window.event.y + lead.offsetParent.scrollTop : e.pageY;
lead.style.right = (x – 735) + “px”;
lead.style.top = (y + 13) + “px”;
lead.style.right = (x + xoff) + “px”;
lead.style.top = (y + yoff) + “px”;
}
}
function showLEAD(id) {
lead = document.getElementById(id);
lead.style.display = “block”
}
function hideLEAD() {
lead.style.display = “none”;
}

Aber irgendwie bugt das ziemlich rum. Vermutlich weil ich einen Fehler eingebaut habe?

By: webmatze

webmatze — Wed, 16 Jun 2010 09:46:18 +0000

@Michi: Ich würde an deiner Stelle einfach die Funktion updateWMTT(e) anpassen und zwei Parameter mit aufnehmen, updateWMTT(e , xoff, yoff).

Dann kannst du dort deine eigenen Abstände eingeben und musst diese entsprechen im Code übernehmen.

Also statt:
wmtt.style.left = (x + 20) + “px”;
wmtt.style.top = (y + 20) + “px”;

Einfach:

wmtt.style.left = (x + xoff) + “px”;
wmtt.style.top = (y + yoff) + “px”;

By: webmatze

webmatze — Wed, 16 Jun 2010 08:54:28 +0000

@Marco: Ist hier mit geschehen. :o)