Edition inline de plusieurs données en AJAX

Par j0k le mardi 29 août 2006, 09:40 dans développement - 11851 vues

Comme présenté dans mon tutoriel sur l'édition à la volée en AJAX, le club Developpez.com propose un tutoriel dans le même genre.
Il propose de modifier à la volée tous les champs d'une base de données. Le principe est le même que celui présenté dans mon tutoriel. Les données sont affichées et quand on (double) clique dessus, un champ texte ou un textarea apparaît et on peut modifier directement les données. Par contre, il n'y a pas de bouton "modifier" ou "annuler" qui s'affiche, une pression de la touche "entrée" ou un clic ailleurs dans la page sauvegarde les données.

Cela va ravir Mathelec de voir que le script proposé n'utilise pas de librairie JavaScript mais directement l'objet XMLHTTPRequest à nue, je dirai.

Bonne lecture, vous pourrez trouver une démo ici.

13 commentaires en tout !

1. j0k le samedi 02 septembre 2006, 02:07 #permalien
j0k

De rien ;)

2. Anonymous le samedi 02 septembre 2006, 12:34 #permalien
Anonymous

Merci j0k3r d'avoir relayé la publication de mon article sur ton site !
Cordialement, Olivier Lance.

3. Anonymous le samedi 24 février 2007, 03:12 #permalien
Anonymous

Mise à jour tardive de l'article qui comprenait un bug gênant l'enregistrement en base de données des entrées utilisateur...
Je propose maintenant un zip en téléchargement, ça évite le copier/coller ;)

4. Anonymous le samedi 31 mars 2007, 01:57 #permalien
Anonymous

Bonjour,
je vous informe que j'ai (enfin) publié la seconde partie de mon article, qui reprend le développement de la première partie avec des objets pour augmenter la modularité du script :)

Bonne lecture ! Olivier Lance.

5. Bisvan le lundi 22 septembre 2008, 04:31 #permalien
Bisvan

Juste un petit bug sur le script. Lorsqu'un champ est vide dans la base de donnée, si on tente de cliquer sur ce champ vide dans la page index.php, le script bug et on ne peut plus modifier aucuns champs de la page.

Une idée pour modifier ce soucis ?

6. srsdf le lundi 05 octobre 2009, 22:00 #permalien
srsdf

Merci

7. ghost4life le mardi 06 mars 2012, 14:05 #permalien
ghost4life

Bonjour, j'ai une erreur 404 http://www.j0k3r.net/ajax-edition-a-la-volee-en-ajax-edit-in-place-5.html pouvez vous svp mettre à jour le lien? Par avance merci.

8. j0k le mardi 06 mars 2012, 14:12 #permalien
j0k

Corrigé !

9. ghost4life le mardi 06 mars 2012, 14:26 #permalien
ghost4life

Merci :) vous allez me trouver lourd mais la démo aussi ne fonctionne pas ^^ http://www.j0k3r.net/article/ajax-edition-a-la-volee-en-ajax-edit-in-place .. Je voulais savoir si j'utilises plusieurs champs textfield que j'affiche de ma base de donnée avec des echos. je peux tous les modifier? il faut utiliser une classe non ? car si je souhaite pouvoir par exemple j'ai les champs nom / prénom/ email a modifier, et que ces champs puissent être modifiés et sauvés directement sur mysql c'est possible? et est-ce que ce système gère également les select list? par avance merci. cordialement.

10. j0k le mardi 06 mars 2012, 14:54 #permalien
j0k

Oui oui c'est tout à fait possible. Suffit de rajouter les éléments à afficher et de les gérer comme le content.
Par contre, pour les listes déroulantes, ça demandera un peu plus de travail.

Je vais voir pour remettre la démo en place rapidement.

11. j0k le mercredi 07 mars 2012, 21:19 #permalien
j0k

C'est réparé pour les exemples ;-)

12. djak le lundi 30 avril 2012, 16:01 #permalien
djak

bonjour, je reviens sur un bug renconté par Bisvan

le lundi 22 septembre 2008 à 04:31, impossible d'éditer des champs vides et blocage de toutes les autres cellules. Y aurait-il une solution envisageable ? merci

13. djak le jeudi 10 mai 2012, 15:21 #permalien
djak

si jamais, pour résoudre le problème des champs vides il faut mettre des spans autour de l'élément à afficher

Pensez à vous inscrire !

  • C'est rapide
  • Utiliser votre compte Facebook
  • Ou votre Open ID
Laisser un commentaire





Catégories


Tags


Liens