Beste mede tweakers,
Ik ben nu een tijdje bezig met de drag & drop functie van Mootools maar zit met een vraagje.
Ik wil dat je de inhoud van de div genaamd cart doormiddel van de id naam van een div door kan sturen en bijv in een db kan zetten.
dit is de js van mootools:
Ik heb hard gezocht naar voorbeelden en ervaringen /oplossingen van anderen. Maar heb niets gevonden wat mij direct helpt.
ik heb nu dit geprobeerd.
Het probleem hiervan is dat hij met this.id de naam van de plek waar gedropt word verstuurd (cart dus) en de bedoeling is dat hij item.id verstuur deze blijft alleen leeg bij versturen.
Hoe kom ik aan de id naam van item.
item zelf geeft dit [object HTMLDivElement]
item.id geeft niets!
Weet iemand een oplossing?
Bij voorbaat dank.
Ik ben nu een tijdje bezig met de drag & drop functie van Mootools maar zit met een vraagje.
Ik wil dat je de inhoud van de div genaamd cart doormiddel van de id naam van een div door kan sturen en bijv in een db kan zetten.
dit is de js van mootools:
code:
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
44
45
46
| <script type="text/javascript">
window.addEvent('domready', function(){
var ding = $('test');
var drop = $('cart');
var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
$$('.item').each(function(item){
item.addEvent('mousedown', function(e) {
e = new Event(e).stop();
var clone = this.clone()
.setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
.setStyles({'opacity': 0.7, 'position': 'absolute'})
.addEvent('emptydrop', function() {
this.remove();
drop.removeEvents();
}).inject(document.body);
drop.addEvents({
'drop': function() {
drop.removeEvents();
clone.remove();
item.clone().inject(drop);
dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));
var url = "create.php";
new Ajax(url, {method: 'post',data:'test='+this.id}).request(); },
'over': function() {
dropFx.start('98B5C1');
},
'leave': function() {
dropFx.start('ffffff');
}
});
var drag = clone.makeDraggable({
droppables: [drop]
}); // this returns the dragged element
drag.start(e); // start the event manual
});
});
});
</script> |
Ik heb hard gezocht naar voorbeelden en ervaringen /oplossingen van anderen. Maar heb niets gevonden wat mij direct helpt.
ik heb nu dit geprobeerd.
code:
1
2
| var url = "create.php";
new Ajax(url, {method: 'post',data:'test='+this.id}).request(); |
Het probleem hiervan is dat hij met this.id de naam van de plek waar gedropt word verstuurd (cart dus) en de bedoeling is dat hij item.id verstuur deze blijft alleen leeg bij versturen.
Hoe kom ik aan de id naam van item.
item zelf geeft dit [object HTMLDivElement]
item.id geeft niets!
Weet iemand een oplossing?
Bij voorbaat dank.