Het denkt dus dat ik nog aan het draggen ben ook al heb ik al dat plaatje gedropt.
Remove() genoeg uitgeprobeerd... werkt niet.
Iemand een idee?
<script type="text/javascript">
window.addEvent('domready', function(){
var drop = $('thuis-scroll');
//var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
$$('.type').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();
var nl13=$$('.nl-13');
var nl16=$$('.nl-16');
var nl12=$$('.nl-12');
var nl5=$$('.nl-5');
var el;
nl13.addEvent('mouseover', function(){
el = $$('#nl-13');
var newHTML = '<div>'+
'<label for="naam">Appelvlaai</label>'+
'<span>5 pt</span>'+
'</div>'+
'<ol class="products">'+
'<li>'+
'<img src="images/'+clone.name+'_klein.gif" alt="" />'+
': 1'+
'</li>'+
'</ol>';
el.setHTML(newHTML);
});
nl16.addEvent('mouseover', function(){
el = $$('#nl-16');
alert('16');
});
nl12.addEvent('mouseover', function(){
el = $$('#nl-12');
alert('12');
});
nl5.addEvent('mouseover', function(){
el = $$('#nl-5');
alert('5');
});
},
'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>
