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

**navis84** · 21/09/2005, 13h05

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

@+

**Capt. Flame** · 21/09/2005, 13h13

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

**navis84** · 21/09/2005, 14h02

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 ?

**SpaceFrog** · 21/09/2005, 14h08

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

**Capt. Flame** · 21/09/2005, 14h23

Utilises dans l'évenement onkeypress

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

**SpaceFrog** · 21/09/2005, 14h25

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

**Matthieu2000** · 21/09/2005, 14h28

onSubmit

dans le form ulaire...

**Capt. Flame** · 21/09/2005, 14h29

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

**Capt. Flame** · 21/09/2005, 14h31

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é

**SpaceFrog** · 21/09/2005, 14h32

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

**Capt. Flame** · 21/09/2005, 14h35

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?

**SpaceFrog** · 21/09/2005, 14h36

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

**Capt. Flame** · 21/09/2005, 14h41

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...

Mais anyways, c'est même pas ça le problème...

**SpaceFrog** · 21/09/2005, 14h47

sans 's' à anyway

**Capt. Flame** · 21/09/2005, 14h48

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

Merci pour la leçon!

-Capt!

**Capt. Flame** · 21/09/2005, 14h49

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

-Capt!

**SpaceFrog** · 21/09/2005, 14h51

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 .

**Capt. Flame** · 21/09/2005, 15h07

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...

**SpaceFrog** · 21/09/2005, 15h10

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

**navis84** · 21/09/2005, 15h10

Envoyé par Capt. Flame

Navis, pourrais tu nous éclairer?

Oui, bien sûr.

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;}" />