Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1085 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [AJAX ?] Drag & Drop de blocs avec enregistrement de position

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[AJAX ?] Drag & Drop de blocs avec enregistrement de position

n°1259025
moon06
Ignorance is bliss
Posté le 05-12-2005 à 13:54:58  profilanswer
 

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 :jap:


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
mood
Publicité
Posté le 05-12-2005 à 13:54:58  profilanswer
 

n°1259033
anapajari
s/travail/glanding on hfr/gs;
Posté le 05-12-2005 à 14:03:40  profilanswer
 

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


Message édité par anapajari le 05-12-2005 à 14:05:32
n°1259093
moon06
Ignorance is bliss
Posté le 05-12-2005 à 14:51:26  profilanswer
 

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


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1259100
FlorentG
Posté le 05-12-2005 à 14:56:09  profilanswer
 

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

n°1259111
moon06
Ignorance is bliss
Posté le 05-12-2005 à 15:01:10  profilanswer
 

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


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1259177
moon06
Ignorance is bliss
Posté le 05-12-2005 à 15:48:06  profilanswer
 

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 ;)


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1259183
anapajari
s/travail/glanding on hfr/gs;
Posté le 05-12-2005 à 15:52:36  profilanswer
 

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é...

n°1259196
moon06
Ignorance is bliss
Posté le 05-12-2005 à 15:59:27  profilanswer
 

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 ! ;)


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1259546
moon06
Ignorance is bliss
Posté le 05-12-2005 à 21:28:54  profilanswer
 

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 :hello:


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1259807
anapajari
s/travail/glanding on hfr/gs;
Posté le 06-12-2005 à 09:43:13  profilanswer
 

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  

Code :
  1. sqrt(pow((ancreX-dropX),2)  + pow((ancreY-dropY),2)) < XXX pixels


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é ...


Message édité par anapajari le 06-12-2005 à 09:43:50
mood
Publicité
Posté le 06-12-2005 à 09:43:13  profilanswer
 

n°1259858
moon06
Ignorance is bliss
Posté le 06-12-2005 à 10:54:27  profilanswer
 

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 ! :jap: :hello:


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1259915
moon06
Ignorance is bliss
Posté le 06-12-2005 à 12:26:42  profilanswer
 

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 :p


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°1329269
art_dupond
je suis neuneu... oui oui !!
Posté le 21-03-2006 à 09:49:30  profilanswer
 

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

n°1329291
anapajari
s/travail/glanding on hfr/gs;
Posté le 21-03-2006 à 10:36:44  profilanswer
 

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

n°1329731
art_dupond
je suis neuneu... oui oui !!
Posté le 21-03-2006 à 18:50:15  profilanswer
 

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


---------------
oui oui
n°1445240
younes371
Posté le 20-09-2006 à 13:14:37  profilanswer
 

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  
 
 
 

n°1445252
anapajari
s/travail/glanding on hfr/gs;
Posté le 20-09-2006 à 13:21:14  profilanswer
 

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


Message édité par anapajari le 20-09-2006 à 13:23:08
n°1445265
younes371
Posté le 20-09-2006 à 13:35:43  profilanswer
 

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 ?

n°1445379
anapajari
s/travail/glanding on hfr/gs;
Posté le 20-09-2006 à 16:11:29  profilanswer
 

ouais bin c'est pas une solution toute faite hein :o
ç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...
 

n°1445420
younes371
Posté le 20-09-2006 à 17:05:27  profilanswer
 

Y!UI examples ??

n°1445426
gooopil
pfiew
Posté le 20-09-2006 à 17:17:47  profilanswer
 
n°1445448
younes371
Posté le 20-09-2006 à 18:09:54  profilanswer
 

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

n°1445601
anapajari
s/travail/glanding on hfr/gs;
Posté le 21-09-2006 à 09:36:48  profilanswer
 

c'est pas la redoute ici hein ...

n°1445671
younes371
Posté le 21-09-2006 à 11:18:33  profilanswer
 

pardon anapajari ?

n°1445674
mIRROR
Chevreuillobolchévik
Posté le 21-09-2006 à 11:21:36  profilanswer
 

c est pas les 3 suisses :o

n°1445740
younes371
Posté le 21-09-2006 à 13:40:07  profilanswer
 

??

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [AJAX ?] Drag & Drop de blocs avec enregistrement de position

 

Sujets relatifs
drop de toutes les tablesInfrastructure d'un site Web avec AJAX
empecher l'enregistrement automatique des données dans access[Javascript] position X et Y d'une balise HTML [Résolu]
Enregistrement du contenu d'une TextBox dans une variable (VB6)...positionnement IE div float et div position absolute
VBA Access - Repositionner le curseur sur l'enregistrement en modif[CSS] - Probleme double marge IE : position:absolute [résolu]
Tester si un enregistrement existe ou non.[Résolu][VB .net] Drag & drop entre deux applications
Plus de sujets relatifs à : [AJAX ?] Drag & Drop de blocs avec enregistrement de position


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR