Bonjour tout le monde
 
J'ai commencé tout doucement à utiliser la technologie Ajax ; jusque là tout va bien
 
J'ai vu sur plusieurs sites (Google.com/ig , Netvibes.com, Start.com ...) que l'on pouvait déplacer des blocs avec un enregistrement automatique de la position. Pour l'enregistrement, j'imagine bien que c'est de l'Ajax, mais pour le déplacement, comment se fait-il ?
 
Quelqu'un aurait-il des sources ou un lien vers un tutoriel/guide ?
 
Les sources des pages de Netvibes et Google m'ont pas beaucoup aidé sur ce coup
 
Merci

Pourtant google ça aide bien...
 
1ere réponse:
http://www.walterzorn.com/dragdrop/dragdrop_e.htm
 
edit: de balise url

ok je te remercie je m'étais limite à "drag and drop ajax" ...

Accessoirement, un drag & drop n'a rien à voir avec Ajax

oui c'est pour cela que je n'ai rien trouvé, l'AJAX sert uniquement à sauver les nouvelles positions dans mon cas

bon, je me suis fait une bonne partie des sites trouvés sur les premières pages de résultats Google ... mais rien de bien concluant !
 
j'en trouve aucun qui regroupe le drag & drop d'un BLOC, faisable à l'horizontale et verticale (comme Netvibes quoi ..), et qui se "positionne automatiquement" (toujours pareil que Google, Start.com, Netvibes ...).
 
si quelqu'un a cela en stock, merci d'avance

Le lien que je te donnais en haut permet le drag&drop horizontale et vertical, t'as juste à l'adapter pour le positionnement automatique...
 
s'pas trop compliqué...

oui j'ai bien vu que ça le permettait, mais j'ai pas vu dans la même page parler d'ancrage automatique d'un bloc ...voila le souci !

alors, personne n'a une idée de comment mettre en place un système permettant de placer automatiquement un objet que l'on bouge sur une page ?
 
merci d'avance

Tu définis la position des tes zones d'ancrage.  
Ensuite tu regardes la position de ton div à la fin de ton drag&drop.  
Pour chacune de tes zones d'ancrage, si  

Si oui tu déplaces ta div jusqu'au bon endroit.
Si non tu la remets sur son points de départ.
 
Je le redis s'pas très compliqué ...

merci anaparjal pour ton aide
 
je comprends bien ce que tu m'explique mais en fait je me perds dans tous les trucs : pour ne reprendre que l'exemple de NetVibes (oui toujours lui), quand on déplace un bloc, en fait on peut l'ancrer en dessous d'autres blocs, entre deux (avec un déplacement automatique des autres).
sur http://tool-man.org/examples/sorting.html il y a à peu près le même système mais avec des <li> .. suffit-il que j'applique ça à mes div ? (et à la rigueur à des <table> ?)
 
Merci !

bon, j'ai tenté avec les scripts de tool-man.org mais apparament c'est uniquement fait pour une liste...
 
apparament c'est pas pour aujourd'hui que j'arriverai à mettre en place un tel système

pitite remarque: il vaut mieux éviter le sqrt => brol < x²

moi aussi j'aime bien les up de trois mois ...

après on va me reprocher de pas avoir fait de recherche

Bonjour,  
 
Je travail sur un projet de fin d'étude ,oû je dois mettre des drag and drop, le meme que www.netvibes.com ou www.google.com/ig
Si vous pouvez m'aider et m'envoyer le script ça serait gentil de votre part .  
aussi je me suis inspiré http://tool-man.org/examples/sorting.html mais ça reste un peu flou.
Aussi j'aimerai bien faire lacreation de nouvel onglet comme sur www.netvibes.com ' nouvel onglet ' . merci d avance les amis
Merci  
 
 
 

Personnelement j'aime beaucoup Yahoo UI library ainsi que les patterns qu'ils fournissent mais il y a maintenant plein d'autre librairies dans le même gout(ricco, scriptaculous, prototype ...).
 
Pour ton souci de drag&drop, c'est exactement ce qui est décrit dans une des pattern yahoo, je te conseille donc d'y jeter un oeil: http://developer.yahoo.com/ypatter [...] ropmodules
 
Pour ton onglet, une autre pattern yahoo: http://developer.yahoo.com/ypatter [...] moduletabs

pour le drag and drop c exactement ce ke je ve, mais y a pas de code source je pense, je ne trouve que une explication !!!!
Tu me comprend ?

ouais bin c'est pas une solution toute faite hein
ça t'explique tout ce à quoi tu dois penser pour réaliser cela! Par contre dans la partie droite tu as les Y!UI examples. Tu n'as plus qu'a assembler tout ça...
 

Y!UI examples ??

http://developer.yahoo.com/yui/examples/dragdrop/

Merci, j ai deja trouvé.
Le problème ce qu j ai deja developper un script qui fait le meme travail, je pourrai vous l envoyer si vous voulez. mais le probleme ça reside dans le fait ' lorsqu on deplace un truc les autres doivent laisser une place vide, => tout change, pas un truc sur l autre !!'
comme netvibes ou googlr.com/ig.
Merci

c'est pas la redoute ici hein ...

pardon anapajari ?

c est pas les 3 suisses

??