déplacement d'un bloc dans des cases sur une grille

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par indigene, 24 Octobre 2019.

  1. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    3 697
    J'aime reçus:
    78
    Bonjour,

    Je recherche un script simple en javascript/php permettant de déplacer un bloc d'infos d'une case à une autre sur une grille avec réorganisation de tous les blocs (s’intercaler entre deux blocs et tout décaler).
    Style jeu de cartes, tickets Jira, post-it Trello
    Le déplacement doit être possible non seulement d'une colonne à une autre mais également d'une ligne à une autre. Ceci afin de trier visuellement un ensemble de tickets et de retourner un ordre qui sera enregistré en base afin de retrouver le même ordonnancement à la prochaine visualisation.
    Ca serait un simple script à implémenter sur une page et pas un progiciel.
    Javascript/Ajax, je ne sais pas trop.
     
  2. passion
    passion WRInaute accro
    Inscrit:
    6 Janvier 2006
    Messages:
    3 639
    J'aime reçus:
    114
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    8 809
    J'aime reçus:
    242
  4. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    3 697
    J'aime reçus:
    78
    Merci !!! Je regarde ça !
     
  5. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    3 697
    J'aime reçus:
    78
    Super ! J'y suis arrivé avec le premier script donné par @passion
    Ce n'était pas simple car le script en question ne fait que du "déplacé" et pas du "drag and drop". Après avoir déplacé mes cartes, si je fais une mise à jour d'une des cartes dans une fenêtre modale je dois ensuite jongler avec de l'Ajax qui appelle une url qui correspond à un script php qui ne fait qu'appeler un script javascript pour me retourner la liste des id et qui fait une redirection vers une autre url en lui communiquant la liste en paramètre et qui met à jour la base avant de recharger la page avec le paramètre "refresh". Et lors du premier affichage j'utilise le paramètre "reload" qui commence par mettre à jour la base en copiant le champ "ordre" dans le champ "ordre2". L'affichage des cartes dans l'ordre se fait à partir de "ordre2". Et j'ai un bouton "figer" qui permet ensuite de sauvegarder l'ordre en recopiant le champ "ordre2" dans le champ "ordre" pour qu'au prochain affichage avec le paramètre "reload" on parte bien de l'ordre conservé. Le bouton "figer" fait appel à une fonction javascript qui retourne la liste des id et fait une redirection vers une page php en lui communiquant en paramètre d'url la liste. La page php fait les mises à jour en base avant d'afficher la page complete. Ouf !
    Mais j'y suis arrivé.
    Encore merci à vous
     
  6. passion
    passion WRInaute accro
    Inscrit:
    6 Janvier 2006
    Messages:
    3 639
    J'aime reçus:
    114
    Bravo ;)
    Faut faire preuve de persévérance et de patience. ça ne marche toujours pas comme on le veut la 1ère fois ;)
     
    indigene apprécie ceci.
Chargement...
Similar Threads - déplacement bloc cases Forum Date
Déplacement site et NDD et référencement Problèmes de référencement spécifiques à vos sites 30 Novembre 2015
Duplicate après déplacement contenu texte sur même domaine? Référencement Google 17 Juillet 2015
Déplacement d'articles de blog Le café de WebRankInfo 3 Février 2015
résultat de recherches faux suite à un déplacement de dossier Débuter en référencement 21 Juillet 2014
Desindexation des images suite deplacement de répertoire Crawl et indexation Google, sitemaps 4 Février 2013
deplacement de marqueur Google : l'entreprise, les sites web, les services 21 Mars 2012
Déplacement de site d'un EN vers FR Référencement international (langues, pays) 15 Septembre 2011
Carte pour un rpg en php, déplacement via javascript Développement d'un site Web ou d'une appli mobile 16 Juin 2010
déplacement de div sous ie Demandes d'avis et de conseils sur vos sites 11 Janvier 2009
Comment analyser et monétiser le Trafic Adblock ! Monétisation d'un site web 9 Octobre 2019
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice