Alleen voor div met id="slepen"
Bij het kopen van een product, wil ik een versleepbaar bericht in het midden van het scherm die om een bevestiging vraagt. Maar met het volgende script zijn alle divs te verslepen. Hoe zorg ik ervoor dat alleen de divs met het id "slepen" verplaatst kunnen worden?
Dit is het script, en alvast bedankt:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<script language="javascript">
Wholething = (document.all) ? 0 : 1;
var objectone;
function MouseMovement(e) {
if (objectone) {
if (Wholething) {
objectone.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
objectone.pixelLeft = event.clientX-X + document.body.scrollLeft;
objectone.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MouseClickUp() {
objectone = null;
}
if (Wholething) {
document.captureEvents(Event.mousedown | Event.mousemove | Event.mouseup);
}
function MouseClickDown(e) {
if (Wholething) {
objectone = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
objectone = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
document.onmouseup = MouseClickUp;
document.onmousedown = MouseClickDown;
document.onmousemove = MouseMovement;
</script>
Wholething = (document.all) ? 0 : 1;
var objectone;
function MouseMovement(e) {
if (objectone) {
if (Wholething) {
objectone.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
objectone.pixelLeft = event.clientX-X + document.body.scrollLeft;
objectone.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MouseClickUp() {
objectone = null;
}
if (Wholething) {
document.captureEvents(Event.mousedown | Event.mousemove | Event.mouseup);
}
function MouseClickDown(e) {
if (Wholething) {
objectone = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
objectone = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
document.onmouseup = MouseClickUp;
document.onmousedown = MouseClickDown;
document.onmousemove = MouseMovement;
</script>
Persoonlijk zou ik jQuery gaan gebruiken.
Ga maar jQuery gebruiken.
Avicka Avickum op 20/11/2010 13:39:18:
leuk dat je dat ook op zo'n sympathieke manier zegt *kuch*
Het is bagger, het is oud (volgens mij nog ouder dan 5 jaar), het werkt niet op alle browsers, dus wat wil je dan?
Eerst eens research doen voordat je wat gebruikt.
Jacco Engel op 20/11/2010 13:51:42:
Karl, relax. Als je niet weet waar je research naar moet doen is het moeilijk. Er is nu aan hem aan gegeven dat hij jQuery kan gaan gebruiken en ik neem aan dat hij nu weer in de research fase zit
Google lijkt mij de juiste plek. Kan je zo dingen vinden over dat het niet werkt en dat het oud is.
Avicka Avickum op 20/11/2010 12:59:40:
...
Hoe zorg ik ervoor dat alleen de divs met het id "slepen" verplaatst kunnen worden?
...
Hoe zorg ik ervoor dat alleen de divs met het id "slepen" verplaatst kunnen worden?
...
Alle divs met het id "slepen"? Het idee achter een id is dat deze uniek is. Daarom mogen er geen twee elementen "slepen" heten. Dit zou je wel d.m.v. een class kunnen instellen, of opgeven welke elementen wél en welke elementen niet gesleept mogen worden.