Avatar billede matz Nybegynder
23. april 2008 - 18:06 Der er 3 kommentarer og
1 løsning

Flyt et element der allerede er placeret

Hvordan flytter man et element der allerede er blevet placeret indenfor et bestemt område?

F.eks, forstil jer et Danmarks kort hvor, man sætter et kryds i Århus, men når jeg så klikker på Aalborg skal krydset flyttes dertil?
Avatar billede soerenlyn Nybegynder
23. april 2008 - 19:42 #1
Ja det kommer jo fuldstændig an på hvordan du har lavet dit kort, og hvordan du indsætter dit kryds til at starte med. Du må give nogle flere oplysninger :) Hvis det kryds angivet med top-/left-koordinater, så kan du aflæse musens koordinater og sætte dem til de samme, så den rykker sig? Det kommer som sagt an på hvordan du har implementeret det til at starte med ...
Avatar billede w13 Novice
24. april 2008 - 09:36 #2
Jeg lavede denne kode til en anden bruger for et par dage siden:

<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>

Som du kan se, skal linjen:
var oElement=document.getElementById("elementet");
ændres til kryds-billedets id.

Og du skal nok fjerne onclick'en fra:
<body onclick="moveElement()">
og sætte den på dit kort i stedet.
Avatar billede matz Nybegynder
16. juni 2008 - 07:30 #3
Lig et svar!
Avatar billede w13 Novice
16. juni 2008 - 08:10 #4
:)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester