Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Mootools Drag & Drop
Coach
Geschrieben am: Di 12.02.2008, 16:27
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 111
Mitglied seit: 26.09.2007


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?

Top
PMEmail Poster
Top
 
 
Crazymind
#2 Geschrieben am: Mi 13.02.2008, 12:07 (+19:40)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 186
Mitglied seit: 25.02.2005


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
  };
//****
 },
//...






--------------------
www.crazymind.ch - Webdesign, Bildbearbeitung, Animationen
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/22964

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Drop Down Menü mit Javascript wie Google Spider 290 2 Mi 23.04.2008, 22:39
Frage zu Upload Skript (Mootools) Coach 296 4 Sa 1.03.2008, 03:20
Drop-Shipping ShopPark geplant Ronald Nickel 332 7 Di 10.07.2007, 15:31
drag and drop abspeichern Siegfried_D 422 4 Di 27.03.2007, 09:54
Wie JS Drop-Down Menü platzieren? Ben Frauen 547 0 Fr 16.06.2006, 21:34
Drop-Down-Liste pangu 358 2 So 23.04.2006, 14:42
Drop Down Pfeilfarbe ändern weissNix 639 4 Fr 17.02.2006, 01:56
GET in URL mit Drop Down kekskruemel 309 2 Do 5.01.2006, 22:20




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]