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

Version imprimable

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!

21/09/2005, 14h02
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 ?
21/09/2005, 14h08
SpaceFrog

tu es dans un form ? la touche entrée risque de valider le form ...
tu devrais plutot le doubler sur le onblur()
21/09/2005, 14h23
Capt. Flame
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!
21/09/2005, 14h25
SpaceFrog

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
21/09/2005, 14h28
Matthieu2000

:idea:

Citation:

onSubmit

dans le form ulaire...
21/09/2005, 14h29
Capt. Flame

Je ne vois pas ce que tu veux dire Frog, je viens de le teste et tu as accès au menu contextuel... :?
21/09/2005, 14h31
Capt. Flame

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:
21/09/2005, 14h32
SpaceFrog

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
21/09/2005, 14h35
Capt. Flame

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?
21/09/2005, 14h36
SpaceFrog

ben tu lances la focntion quand la zone de texte à la focus et quoi qu'il arrive tu auras récupére sa valeur ...
21/09/2005, 14h41
Capt. Flame

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...
21/09/2005, 14h47
SpaceFrog

sans 's' à anyway :wink:
21/09/2005, 14h48
Capt. Flame

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

Merci pour la leçon!

-Capt!
21/09/2005, 14h49
Capt. Flame

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

-Capt!
21/09/2005, 14h51
SpaceFrog

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 .
21/09/2005, 15h07
Capt. Flame

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...
21/09/2005, 15h10
SpaceFrog

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:

21/09/2005, 15h13
Capt. Flame

Ouais, peut-être, je travaille tellement dans des Intranet que je n'ai plus l'habitude de penser au autres navigateurs... Je sais pas si celui ci serait supporter...