drag and drop "glisser-deplacer"

drag and drop "glisser-deplacer" - HTML/CSS - Programmation

Marsh Posté le 29-04-2007 à 17:51:11    


Bonjour à tous ,  
 
 
Je souhaite réaliser un glisser-deplasser dans ma page web. En fait,  j'ai une liste d'éléments , et une image sous forme de corbeille , je voudrais avoir la possibilité de supprimer des elemément de la liste en faisant un glisser deplacer vers l'image représantant la corbeille. j'ai essayer de faire ca avec "scriptaculous", j'arrive a faire se glisser deplacer vers une autre liste mais pas vers une image.
 
quelqu'un pourrais m'aider?
 
merci par avance

Reply

Marsh Posté le 29-04-2007 à 17:51:11   

Reply

Marsh Posté le 29-04-2007 à 18:06:48    

hello,
mate la page "droppables" sur scriptaculous:
http://wiki.script.aculo.us/script [...] pables.add

Reply

Marsh Posté le 30-04-2007 à 10:32:59    

merci free_rider_
 
J'utilise le code suivant mais ca marche toujour pas.
Le code:
 
 Sortable.create("firstlist",
     {dropOnEmpty:true, revert:true ,containment:["firstlist","corbeille"],constraint:false});
 
 
  //création ensuite de la corbeille :
   Droppables.add("corbeille" ,  { accept:'green' , containment:"firstlist", overlap:'horizontal', onDrop:function affiche(){
 
    alert("gisser réussi" );
    hoverclass :"ClassA ";
 
 }
 
 });
 
En faits le message d'alerte s'affiche, mais l'élement glissé reprend ca place dans la liste de départ.
 
pourriez vous me dire pourquoi?
 
merci d'avance.  

Reply

Marsh Posté le 30-04-2007 à 13:12:05    

ben oui , dans affiche, tu dois faire la fonction qui eface ton document

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed