Flytte et element

Mener du, at man skal kunne trække elementet et andet sted hen, eller skal man bare klikke der, hvor elementet skal placeres?

Man skal kunne klikke der hvor elementet skal hen til

Det burde du kunne gøre således:
--------------------------------
<script type="text/javascript">
// Variable som indeholder elementet, der skal flyttes
var oElement=document.getElementById("elementet");

// Variabler som indeholder X- og Y-koordinaterne
var X=Y=0;

// Tjekker hvilken browser der benyttes og derved hvilken teknik, vi skal bruge
var IE=document.all?true:false
if(!IE)document.captureEvents(Event.MOUSEMOVE)

// Finder cursorens koordinater
document.onmousemove=getMouseXY;

// Funktionen som henter koordinaterne
function getMouseXY(e){
    if(IE){
        X=event.clientX+document.body.scrollLeft;
        Y=event.clientY+document.body.scrollTop;
    }else{
        X=e.pageX;
        Y=e.pageY;
    }
    if(X<0){X=0}
    if(Y<0){Y=0}
}

// Funktion som flytter elementet ved klik
document.body.onclick=function(){oElement.style.top=Y+"px";oElement.style.left=X+"px"}
</script>

<img position="position:absolute;top:50px;left:50px" id="elementet" src="element.jpg">

Eller mere kompakt:
------------------------------
<script type="text/javascript">
var oElement=document.getElementById("elementet");

var X=Y=0;
var IE=document.all?true:false;if(!IE)document.captureEvents(Event.MOUSEMOVE);document.onmousemove=getMouseXY;
function getMouseXY(e){if(IE){X=event.clientX+document.body.scrollLeft;Y=event.clientY+document.body.scrollTop}else{X=e.pageX;Y=e.pageY}if(X<0)X=0;if(Y<0)Y=0;}

document.body.onclick=function(){oElement.style.top=Y+"px";oElement.style.left=X+"px"}
</script>

<img position="position:absolute;top:50px;left:50px" id="elementet" src="element.jpg">

Hvordan fungere det så med at flytte "billedet" ? Jeg trykker på et tilfældigt område i browseren, men der sker intet.

Jo, der sker da det, at du får en fejlmeddelelse i JavaScript, som fortæller dig præcis, hvad der er galt. Og med den kan man rette scriptet til ´følgende, som er testet og fungerer:

<html>
<head></head>
<body onclick="moveElement()">

<img style="position:absolute;top:50px;left:50px" id="elementet" src="element.jpg">

<script type="text/javascript">
var oElement=document.getElementById("elementet");

var X=Y=0;
var IE=document.all?true:false;if(!IE)document.captureEvents(Event.MOUSEMOVE);document.onmousemove=getMouseXY;
function getMouseXY(e){if(IE){X=event.clientX+document.body.scrollLeft;Y=event.clientY+document.body.scrollTop}else{X=e.pageX;Y=e.pageY}if(X<0)X=0;if(Y<0)Y=0;}

function moveElement(){
    oElement.style.top=Y+"px";
    oElement.style.left=X+"px"
}
</script>

</body>
</html>

mange tak, det virker :)

:) Så lidt.