par
j_saisrien » 01 août 2020, 05:11
Bonjour tous(tes)
Je croyais que ce site avait été supprimé. C'aurait été dommage car il rend de bons services.
En parlant de services ... j'ai passé une partie de l'été à créer un jeu de mots croisés pour mon site. Rien d'original car ça existe déjà. Il est fonctionnel mais je bute sur une option que je n'ai pas pu mettre en pratique.
Pour ce jeu je me sers du code de glisser/déposer ( drag & drop) du site de openclassrooms.com . Le joueur dispose d'un bassin de lettres ( un tableau) qu'il doit glisser/déposer dans les cases. Toutes les lettres de la solution du jeu sont dans ce tableau. Une fois complété il restera des lettres non utilisées. Il devra composer un mot caché avec ces lettres.
J'arrive bientôt à mon problème.
On peut supprimer des lettres, une à une. J'ai prévu une petite fonction à cet effet.
Code : Tout sélectionner
dropper.addEventListener('dblclick', function() {
var ajout = dropper.id;
document.getElementById('correction2').innerHTML = ajout;
});
Le numéro de la case (dropper.id) est envoyé vers un formulaire assez banal. Et ce formulaire envoie la requête vers une page php qui supprime la lettre. Elle est automatiquement retournée dans le tableau.
Ça fonctionne bien sauf que ... le joueur doit cliquer sur la lettre et encore cliquer sur le "valider" du formulaire.
Code : Tout sélectionner
<form id="formulaire2" method="post" action="pratique5.php">
<p>
<textarea name="erratus2" id="correction2"></textarea>
<button id="submit-form2" name="submit-form2" value="valider"> <span style="font-size:20px; font-weight:bold; color:green;">Supprimer la lettre </span> </button>
</p>
</form>
J'aimerais que la lettre soit supprimée dès le double clic.
J'ai presque usé un clavier à tenter différents procédés mais il est temps d'admettre que je tourne en rond.
J'apprécierais un conseil. Merci à l'avance.
a+ et bonne journée