✔ DIV auf gleicher Höhe von anderem DIV anblenden

[Emu-Emsen]

Hallo,

ich habe mir eine JavaScript Funktion geschrieben, die aus der Datenbank ausgelesene Menüpunkte zu einem Menü zusammenbaut und in DIV-Container mittels .innerHTML schreibt.

Das Menü wird bei onmouseover (über einen Link) aufgerufen. Da das verschiedene Stellen im Dokument sind, möchte ich, dass das Menü genau auf gleicher Höhe neben dem DIV wo ich über den Link ein Rollover mache.

Wie bekomme ich das aber auf gleiche Höhe? (ohne die Elemente, die auf onmouseover reagieren absolut zu positionieren und somit über JS die Position abfragen zu können)
Kann man irgendwie die Position eines DIVs ermitteln?

 

[Sven Mintel]

Probiers mal so: (der Link muss ein direktes Kind des <div> sein, sonst müsste man die Variable objTarget noch anpassen)

function moveLayer(e)
{
  objLayer  = document.getElementById('menueID');
  objTarget = (window.event) ? e.srcElement.parentNode : e.target.parentNode;
  objLayer.style.left = objTarget.offsetLeft + objTarget.offsetWidth + 'px';
  objLayer.style.top  = objTarget.offsetTop  + 'px';
}

Aufruf jeweils:

<a onmouseover="moveLayer(event)">

Die jeweiligen Eigenschaften sind also offsetTop bzw. offsetLeft

 

[Emu-Emsen]

Vielen Dank,

habe es hinbekommen