IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Drag and drop image en enregistrant la position image


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Juin 2006
    Messages
    502
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 502
    Par défaut Drag and drop image en enregistrant la position image
    Bonjour à tous,

    Après quelques recherche et n'ayant rien trouvé je fais donc appel à vos connaissances.
    J'ai réaliser un site internet en PHP et je souhaite ajouter un drag and drop pour une galerie d'image. Je souhaite faire la même chose que dans facebook : Pouvoir déplacer mes images tout en enregistrant la position de l'image.
    Pouvez-vous m'aider svp.

    Merci d'avance.

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 15
    Par défaut
    Salut,

    Tu peux regarder ici si tu veux : http://www.defusion.org.uk/demos/060519/cropper.php

  3. #3
    Membre éclairé
    Inscrit en
    Juin 2006
    Messages
    502
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 502
    Par défaut
    Merci pour ta réponse mais ce n'est pas ça que je recherche.
    J'ai une galerie photo et je souhaiterai déplacer mes photos exemple l'image 1 de ma galerie je souhaiterai la mettre en 3eme position, la 4eme photo je souhaiterai la mettre en dernière etc...

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 15
    Par défaut
    Ah d'accord !

    Je connais la librairie Prototype donc je te donne des exemples qu'avec celle-ci

    Tu peux utiliser Sortable : http://wiki.github.com/madrobby/scriptaculous/sortable

    Et ensuite stocker leurs positions dans un cookies JS, mais si tu as beaucoup d'images, tu vas te retrouver avec une fichier cookie long ...

    Pourquoi ne pas faire le traitement directement sur la galerie ? C'est du php ?

  5. #5
    Membre éclairé
    Inscrit en
    Juin 2006
    Messages
    502
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 502
    Par défaut
    Merci pour ta réponse.

    Oui oui c'est PHP. J'avais pensé enregistrer en bdd la position de l'image (parceque des images il y en aura surement bcp). Mais je ne sais pas du tout comment m'y prendre.

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 15
    Par défaut
    Tu rajoute un champ dans ta table, tu enregistre ça position et ensuite dans ta requête tu fait un ORDER BY

Discussions similaires

  1. drag and drop d'une image d'une page web lancée depuis un webbroswer
    Par chrisledeveloppeur2 dans le forum Web & réseau
    Réponses: 3
    Dernier message: 02/01/2007, 15h33
  2. Drag and drop d'images
    Par PrinceMaster77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/05/2006, 21h53
  3. [ c# ]image deplacer durant drag and drop
    Par psykostik dans le forum Windows Forms
    Réponses: 2
    Dernier message: 03/05/2006, 09h16
  4. [WD10] Drag and drop "image..."
    Par lalilo dans le forum WinDev
    Réponses: 1
    Dernier message: 02/03/2006, 13h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo