Hallo,
Ich brauche eure hilfe, da ich mich noch nicht so gut mit html etc auskenne.
Also es geht um folgendes:
Ich habe einDrag & Drop script erstellt, aber ich möchte das die vorgenommen verschiebungen gespeichert werden... wie bekomme ich das hin?
Hier das Script:
<html>
<head>
<title>Aufstellung</title>
<script type="text/javascript">
<!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4
var dragobjekt = null;
var dragx = 0;
var dragy = 0;
var posx = 0;
var posy = 0;
function draginit() {
document.onmousemove = drag;
document.onmouseup = dragstop;
}
function dragstart(element) {
dragobjekt = element;
dragx = posx - dragobjekt.offsetLeft;
dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
dragobjekt=null;
}
function drag(ereignis) {
posx = document.all ? window.event.clientX : ereignis.pageX;
posy = document.all ? window.event.clientY : ereignis.pageY;
if(dragobjekt != null) {
dragobjekt.style.left = (posx - dragx) + "px";
dragobjekt.style.top = (posy - dragy) + "px";
}
}
//-->
</script>
</head>
<body onload="draginit()">
<div onmousedown="dragstart(this)" style="position:absolute;top:0px;left:530px;height :21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:21px;left:530px;heigh t:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:42px;left:530px;heigh t:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:63px;left:530px;heigh t:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:84px;left:530px;heigh t:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:105px;left:530px;heig ht:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:126px;left:530px;heig ht:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:147px;left:530px;heig ht:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:168px;left:530px;heig ht:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:189px;left:530px;heig ht:21px;width:100px;background-image:url(1.jpg)"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:210px;left:530px;heig ht:21px;width:100px;background-image:url(1.jpg)"> </div>
<img src="fussballfeld.png" width="515" height="635"></body>
</html>
danke im voraus
