Mootools Drag & Drop

Coach

Aktives Mitglied
Hallo,

hat jmd schon mal mit Mootools gearbeitet? Ich will grade eine Bildverwaltung aufbauen und nutze dazu das Drag & Drop.

CODE
<script type="text/javascript">
var drop = $('cart');
var dropFx = drop.effect('background-color', {wait: false});

$$('.item').each(function(item){

item.addEvent('mousedown', function(e) {
e = new Event(e).stop();

var clone = this.clone()
.setStyles(this.getCoordinates())
.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));
},
'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>



Da ich jedoch nicht sehr bewandert bin in javascript habe ich eine frage an euch:
wie muss ich die funktion umschreiben, so dass beim ablegen eines gegenstandes eine funktion zum löschen aufgerufen wird? kann mir da bitte jmd helfen?

 
Müsste eigentlich so gehen:
CODE

//...
drop.addEvents({
'drop': function() {
drop.removeEvents();
clone.remove();
item.clone().inject(drop);
dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));

//***
var value = function(){
//hier aktion einfügen
};
//****
},
//...





 
Zurück
Oben