[JavaScript] Positioinierung eines divs nach klick??

[Morpheus2100]

Hi Leute,

irgenwie komm ich nicht drauf, ich möchte immer etwas versetzt nach nem klick auf ein feld nen divcontainer anzeigen lassen?

function updateWMTT(e) {
        x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
        y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
    
        if (wmtt != null) {
        wmtt.style.left = (x + 5) + "px";
        wmtt.style.top  = (y + 5) + "px";
        }
        
    }
    
    function showWMTT(id) {
        wmtt = document.getElementById(id);
        wmtt.style.display = "block"
    }
    
    function hideWMTT() {
        wmtt.style.display = "none";
    } 

Das is so ein hover effekt!

UND HIER DER AUFRUF?

<span onMouseOver=\"showWMTT('$commentdiv')\" onMouseOut=\"hideWMTT()\">
<a href=\"test.php?id=$id&action=comment&maintask=$_GET[maintask]\">Comment</a></span> 

Also wenn ich über den link fahre belendet er mir das span ein!

Aber wie kann ich es so positionieren, dass es immer neben dem angeklickten erscheint???

Hab schon einigezeit gesucht leider bis jetzt ohne Erfolg!!

DANKE

MFG
MIKE

[XGremliN]

wmtt.style.display = "inline"; 

anstatt display="block"

[Morpheus2100]

Original geschrieben von XGremliN

wmtt.style.display = "inline"; 

anstatt display="block"

Ging leider nicht!

habe auch noch folgenden Code eingebunden:

// DRAG & DROP
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;
// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;
// Mausposition
var posx = 0;
var posy = 0;

function draginit() {
 // Initialisierung der Uberwachung der Events

  document.onmousemove = drag;
  document.onmouseup = dragstop;
}

function dragstart(element) {
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.

  dragobjekt = element;
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
}

function dragstop() {
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.

  dragobjekt=null;
}

function drag(ereignis) {
  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.

  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  if(dragobjekt != null) {
    dragobjekt.style.left = (posx - dragx) + "px";
    dragobjekt.style.top = (posy - dragy) + "px";
  }
} 

HABS, hab mir "onmousemove" überschrieben!