flyttbart lager?

4 svar · 249 visningar · startad av monAmour 16 apr. 2003

monAmourMedlem sedan dec. 2002258 inlägg

Trådstart16 apr. 2003 09:43#1

Försöker göra så att man ska kunna dra ett lager med musen.
Trodde det var ganska simpelt.
Så här ser min kod ut nu:

<script type="text/javascript">
<!--

function dragable(X) {
	if (document.getElementById) {
		document.getElementBydId(X).style.left = window.event.clientX + "px";
		document.getElementById(X).style.top = window.event.clientY + "px";
	}
}

//-->
</script>

<body>
<div id="styr" style="position:absolute; left:100px; top:100px; width:500px; border-style:solid; border-width:1px; border-color:#000000; z-index:1;" ondrag=dragable(this)>
<div id="bar" style="position:relative; left:0px; top:0px; width:500px; height:20px; background-color:#000000; z-index:2">
<span style="padding-left:3px; font-family:Verdana; font-size:10px; font-weight:Bold; text-decoration:none; color:#FFFFFF">Kalender</span>
</div>
</div>

Får inga error men det händer nada..
Hur bör jag gå tillväga?

SebbeMedlem sedan jan. 20032 285 inlägg

16 apr. 2003 10:37#2

Det kanske bara blev ett fel när du skrev det här, men ska det inte stå

document.getElementById(X).style.left = window.event.clientX + "px";

istället för

document.getElementBydId(X).style.left = window.event.clientX + "px";

Peter SMedlem sedan dec. 20025 483 inlägg

16 apr. 2003 13:43#3

Du bör inte använda ett händelseattribut direkt i ett element, utan istället använda någonting sådant här:

document.onmousedown = ...
document.onmouseup = ...
document.onmousemove = ...

Punkterna ovan ersätter du med funktioner som kollar om det tänkta elementet ifråga blivit tryckt på och isåfall utför önskade operationer.

monAmourMedlem sedan dec. 2002258 inlägg

16 apr. 2003 16:46#4

om jag använder det istället då, hur ska funktionen se ut som ska flytta lagret.. inget verkar fungera av det jag använder nu..

JojoxxMedlem sedan juni 20004 308 inlägg

16 apr. 2003 17:32#5

Du kan få tjuvtitta på ett färdigt exempel om du vill här.