Récupérer un valeur de zone de texte dans OnClick

Bonjour !

J'aimerais récupérer le n° saisi dans la zone de texte et l'afficher dans mon message de confirmation. Celui ci apparait sur l'évènement OnClick sur le button d'envoi.

Code:

---

1 2 3 4 5 6

<form name="frm_supp_img" action="trait_supp_img.php" method="post"> Veuillez saisir le n° de la photo : <input type="text" name="num_img" value="" size="10" maxlength="10" />   <input type="submit" value="Valider la suppression de la photo" onclick="if (window.confirm('Etes-vous sur de vouloir supprimer la photo ' + frm_supp_img("num_img").value + ' ?')) {location.href='trait_supp_img.php';return true;} else {return false;}" /> </form>

---

Merci de votre aide ! :wink:
@+

Premièrement, pour identifier ton tag tu dois utiliser l'attribut id et non l'attribut name:

Code:

---

1 2	<input type="text" id="num_img" value="" size="10" maxlength="10""/>

---

L'attribut name sera utile dans d'autres circonstances.

Deuxièmement, je te propose d'utiliser la fonction document.getElementById('num_img') pour récupérer ton objet. C'est stable et éprouvé...

Voici ce que donnerait ton code:

Code:

---

1 2 3

Veuillez saisir le n° de la photo : <input type="text" id="num_img" value="" size="10" maxlength="10"/> <input type="submit" value="Valider la suppression de la photo" onclick="if (window.confirm('Etes-vous sur de vouloir supprimer la photo ' + document.getElementById('num_img').value + ' ?')) {location.href='trait_supp_img.php';return true;} else {return false;}" ID="Submit1" NAME="Submit1"/>

---

-Capt!

Merci ! Cela marche très bien.

Cependant, comment puis-je faire pour que ce message apparaisse aussi lorsque l'utilisateur appuie sur la touche Entrée dans la zone de texte ?

tu es dans un form ? la touche entrée risque de valider le form ...
tu devrais plutot le doubler sur le onblur()

Utilises dans l'évenement onkeypress

Code:

---

1 2	<input ... onkeypress="if(event.keyCode == 13){Action();event.returnValue = false;}" ... />

---

Ici, Action() représente le code que tu veux faire...

Frog, event.returnValue = false devrait éviter le submit de la form... Mais c'est à tester...

-Capt!

il est tout de même préférable d'utiliser une fonction lancée dans un setInterval sur le onfocus du champs et de l'arreter sur le onblur() sinon tu rates les copier coller avec la souris

:idea:

Citation:

---

onSubmit

---

dans le form ulaire...

Je ne vois pas ce que tu veux dire Frog, je viens de le teste et tu as accès au menu contextuel... :?

Il veut que l'évenement se déclanche sur le click du bouton ou sur la touche "enter" quand il est dans le champ...

By the way Frog, c'est Patrick, je sais, je suis en recherche d'identité :wink:

si tu fais un copier coller au moyen de la souris dans la zone de texte...
la focntion de récupération de la valeur n'est pas lancée ...

tandis que si la fonction est lancée ittérativement tous les 1/4 de seconde tant que le champs à le focus, la valuer sera toujours récupérée, quelque soit le mode de remplissage de la zone

Oui, je comprend mais il veut la lancer sur le click du bouton ou sur la touche enter quand il est dans le champ... Il ne veut pas faire la validation en tout temps... En tout cas, si j'ai bien compris....

Navis, pourrais tu nous éclairer?

ben tu lances la focntion quand la zone de texte à la focus et quoi qu'il arrive tu auras récupére sa valeur ...

Citation:

---

Envoyé par navis84

Merci ! Cela marche très bien.

Cependant, comment puis-je faire pour que ce message apparaisse aussi lorsque l'utilisateur appuie sur la touche Entrée dans la zone de texte ?

---

Désolé Frog, je veux pas faire mon étourdit, je comprend ce que tu veux faire mais Navis n'a pas de problème à récupérer la valeur, il veut déclancher un évenement quand l'utilisateur va appuyer sur la touche "Entrée"...

Dans cette situation, je ne vois pas l'utilité de récupérer la valeur dans en utilisant un Interval... Anyways, l'utilisateur qui va utiliser sa souris pour coller le text dans le champ va probablement continuer de l'utiliser pour cliquer sur le bouton... :wink: Mais anyways, c'est même pas ça le problème...

sans 's' à anyway :wink:

J'ai pour coutume de considérer qu'il y a toujours plusieurs routes possible!!! :wink:

Merci pour la leçon!

-Capt!

Et pour le problème de Navis, on arrête de s'obstiner, il fera bien ce qu'il voudra! :P

-Capt!

intercepter la touche entrée sur un form est hasardeux si celui-ci comporte un bouton submit, à ce moment là mieux vaut remplacer le bouton submit par un input button .

Ouais, je vois ce que tu veux dire...

c'est pour ça que j'avais ajouté : event.returnValue = false mais je n'ai pas testé si ça bloquait le submit...

le problème de l'interception des évènements est aussi la compatibilité multibrowser :(

Citation:

---

Envoyé par Capt. Flame

Navis, pourrais tu nous éclairer?

---

Oui, bien sûr. :wink:

L'idée de base était la suivante : lorsque l'utilisateur envoie le formulaire, un message de confirmation avec le n° de la photo à supprimer lui apparait. Lorsqu'il clique sur le bouton, il n'y a pas de problèmes, le message apparait.

Cependant, s'il reste sur la zone de texte et appuie sur Entrée (ce qui est un réflexe plus probable), le formulaire est envoyé sans que le message d'alerte n'apparaisse. D'où le problème...

J'ai essayé de changer le OnClick du bouton en mettant OnSubmit, mais le message n'apparait pas.

J'ai donc essayé le code suggéré par Capt. Flame et cela marche très bien :

Code:

---

1 2

<input type="text" name="num_img" id="num_img" value="" onfocus="this.className='formH';" onblur="this.className='';" size="10" maxlength="10" onkeypress="if(event.keyCode == 13){if (window.confirm('Etes-vous sur de vouloir supprimer la photo ' + document.getElementById('num_img').value + ' ?')) {location.href='trait_supp_img.php';return true;} else {return false;} event.returnValue = false;}" />

---

Merci beaucoup pour votre aide !! :D
J'espère que tout le monde a compris ce que je voulais faire. :wink: