Aide pour des formulaires dynamiques

Eléphanteau du PHP | 13 Messages

26 févr. 2016, 19:50

Bonjour
Je voudrais développer une application style dictée à choix multiples
Le principe : une zone de texte où le prof tape le texte qui servira de base à la dictée. Pas de problème.
Une fois le texte saisi, ce prof double clique ou clique sur certains mots qui feront objet de la dictée.
Quand il double clique sur le mot, je voudrais l'apparition d'une liste déroulante où il pourra ajouter les différentes orthographes du mot et une case à cocher ou autre pour la bonne orthographe. Cette opération devra être réalisée sur plusieurs mots du texte.

Tout ce qui est envoi au serveur, gestion PHP/mySQL, pas de problème.

Ce qui me manque c'est le côté dynamique du "je clique sur un mot une liste déroulante s'ouvre", "je fais des propositions, je les stocke avant l'envoie au serveur".

Vers quel langage me tourner, enfin je pense bien que ce sera une base de javascript.

Je ne demande pas qu'on fasse le travail à ma place, juste si vous aviez quelques liens pour me documenter sur ce côté " dynamique".


D'avance merci !

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

27 févr. 2016, 11:57

Bonjour,

Effectivement, c'est bien en javascript qu'il faut faire cela.
- Voici une piste pour récupérer le mot double-cliqué :
http://jsfiddle.net/oscarj24/5D4d3/
- Ensuite pour la saisie des différentes propositions, j'utiliserais si j'avais à le faire la fonction de tag de Select2 :
https://select2.github.io/examples.html#tags

Reste plus qu'à combiner les deux et ça devrait faire quelque chose de plutôt réussi
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 13 Messages

27 févr. 2016, 12:12

OK merci beaucoup pour la réponse, je vais voir ces liens ;-)
de mon côté, j'ai trouvé trouvé un peu de doc sur des zform avec mootools... je vois mieux comment m'y prendre dès lors.
Merci

Eléphanteau du PHP | 13 Messages

27 févr. 2016, 12:15

Sinon , je viens d'essayer la premier fonction, nickel en effet ! Je pense pouvoir faire quelque chose de bien avec tout cela ! Un grand merci !