Object mit der Maus bewegen

[sharK223]

Guten Tag,

Ich hab heute ein Problem nach dem anderen ^^ .
Ich möchte auf meiner Seite http://doompage.square7.ch/ ein div mit Javascript bewegen.
Wenn ihr drauf geht dann seht ihr ja die 2 Menu balcken. über dem Roten seht ihr eine kleine Ecke.
Diese soll beim OnMousehover event des Roten Menübalcken immer der Maus nach links und rechts folgen.

Wie folgt habe ich es ausprobiert nach längerem suchen:

HTML:

<script type="text/javascript" src="/javascripts/pfeilbewegung.js"></script>
<div id="menu_2" onMousehover="pfeil_bewegung"></div>

pfeilbewegung.js :

function pfeil_bewegung() 
{
var pfeil = getElementById('pfeil');
var body = getElementById('body');
pfeil.style.left = body.offsetLeft;
}

Nur klappt das leider nicht. Ich weis nicht wieso oder wie ich es noch probieren soll...


Edit:

Ach ja. Das div ist über eine Externe CSS Datei angepasst.

Mit freundlichen Grüßen
sharK

 

[Maik]

Hi,

schau mal hier: http://christoph.ist-stylish.de/tut/mousefollow.html

Außerdem heißt der Eventhandler onmouseover, und nicht onmousehover, und im Anschluß an den Funktionsnamen pfeil_bewegung fehlen beide runde Klammern.

mfg Maik

 

[sharK223]

WoW ... was ein code -.-"

Ich fürchte soweit bin ich dann doch noch nicht um das zu checken.

Kann man das nicht etwas vereinfacht schreiben?

Mit freundlichen Grüßen
sharK

 

[Maik]

Dann studier zum besseren Verständnis den Artikel Drag and Drop.

mfg Maik