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?
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?