Hallo, ich realisiere grade mit mootools und dem fancy upload eine bildergallerie.
dabei nutze ich folgende funktion:
CODE var uplooad = new FancyUpload(input, {
url: '/ajax/upload/uplooad.php?id={article_id}&gal=article_images',
swf: '/media/js/upload/Swiff.Uploader.swf',
queueList: 'photoupload-queue',
container: $E('h1'),
onAllComplete:function(){
var myAjax = new Ajax('/ajax/admin_get_images.php', {method: 'get',onComplete:function(r){$('items').setHTML(r); }}).request('id={article_id}&gal=article_image');
}
});
wie man sieht, "hole" ich mit dem new ajax.request eine andere datei. In dieser werden die bilder der aktuellen gallerie geladen. diese sind mit einer id versehen.
hinzugefügt habe ich nun eine mögichkeit, die dateien per drag&drop in einen papierkorb zu verschieben:
CODE 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() {
var id = item.id;
var myAjax = new Ajax('{site_url}/ajax/admin_delete_image.php', {method: 'get'}).request('id='+id+'&gal=article_image');
drop.removeEvents();
clone.remove();
item.remove();
},
});
var drag = clone.makeDraggable({
droppables: [drop]
});
drag.start(e);
});
});
das mit dem drag and drop funktioniert auch beim aufrufen einer vorhandenen galerie. wenn ich aber die bilder über meinen ajax.request nachladen will, sind diese nicht per drag&drop verschiebbar. kann mir jemand erklären, warum das so ist und wie ich das löse?
Danke schon mal, ich verzweifle bald...
dabei nutze ich folgende funktion:
CODE var uplooad = new FancyUpload(input, {
url: '/ajax/upload/uplooad.php?id={article_id}&gal=article_images',
swf: '/media/js/upload/Swiff.Uploader.swf',
queueList: 'photoupload-queue',
container: $E('h1'),
onAllComplete:function(){
var myAjax = new Ajax('/ajax/admin_get_images.php', {method: 'get',onComplete:function(r){$('items').setHTML(r); }}).request('id={article_id}&gal=article_image');
}
});
wie man sieht, "hole" ich mit dem new ajax.request eine andere datei. In dieser werden die bilder der aktuellen gallerie geladen. diese sind mit einer id versehen.
hinzugefügt habe ich nun eine mögichkeit, die dateien per drag&drop in einen papierkorb zu verschieben:
CODE 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() {
var id = item.id;
var myAjax = new Ajax('{site_url}/ajax/admin_delete_image.php', {method: 'get'}).request('id='+id+'&gal=article_image');
drop.removeEvents();
clone.remove();
item.remove();
},
});
var drag = clone.makeDraggable({
droppables: [drop]
});
drag.start(e);
});
});
das mit dem drag and drop funktioniert auch beim aufrufen einer vorhandenen galerie. wenn ich aber die bilder über meinen ajax.request nachladen will, sind diese nicht per drag&drop verschiebbar. kann mir jemand erklären, warum das so ist und wie ich das löse?
Danke schon mal, ich verzweifle bald...