Discussion :

[Finality]

Bonjour tout le monde,

débutant en javascript, j'essai de bidouiller pour apprendre ce langage, apportant (si bien utilisé) un vrai plus à un site web. Mais je bloc sur un problème : j'aimmerais afficher dans une alert la valeur d'un champ texte (sans revalidé ma page)

Code :

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

1
2
3
4
 
<form name="formulaire">
<input type="text" name="champ" value="Test" />
<form>

Dans ce cas présent, j'aimmerais afficher "Test" dans ma boite d'alerte.
Quelqu'un pourrait-il m'expliquer comment faire?

Merci pour vos réponses
Kevin

[E.Bzz]

Bonjour,

Code :

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

1
2
3
<form name="formulaire">
<input type="text" id="champ" name="champ" value="Test" /><input type="button" value="Comme ça !" onclick="alert(document.getElementById('champ').value);">
<form>

A+

[Finality]

oki merci pour ta réponse qui marche parfaitement

Mais en fait j'aimmerais me passer du bouton... Est-ce que c'est possible en Javasacript ou alors je drois utiliser un autre langage?

Merci pour ta reponse
Kevin

[Auteur]

bonjour,

si ce n'est pas sur le clic d'un bouton, dans quel cas (ou plus précisément après quel événement) voudrais-tu que le message s'affiche ?

[Finality]

Re bonjour tout le monde

désolé pour le retard mes les greves de la SNCF ont largement perturné mon emploi du temps ^^

En fait j'aimmerais que le message s'affiche une fois que le champ de texte a été modifié. J'ai essayé avec onChange, mais cela ne marche qu'une fois alors que je voudrais que ça se répete à chaque fois que le champ est modifié

Quelqu'un peut-il m'expliquer comment faire?
Merci pour votre aide
Cordialement
Kevin

[Auteur]

avec onblur ? C'est un événement qui se déclenche quand ton input perd le focus (il faut cliquer sur un autre élément de ta page).

[E.Bzz]

cela ne marche qu'une fois alors que je voudrais que ça se répete à chaque fois que le champ est modifié

C'est exactement le rôle de onchange. Pour un input, champ modifié = modification de la value + perte du focus.
Sinon, onkeyup, mais là ça risque de se déclencher trop souvent ...

A+

[Auteur]

Sinon, onkeyup, mais là ça risque de se déclencher trop souvent ...

à moins de le lier à un timer.

S'il n'y a pas eu de nouveaux caractères dans la zone pendant 2 secondes par exemple, tu affiches un message.

[d-Rek]

Ca veut dire qu'après la dernière frappe, il faut attendre 2 sec pour voir le message.. (je titille )

[Auteur]

Ca veut dire qu'après la dernière frappe, il faut attendre 2 sec pour voir le message.. (je titille )

ben oui
Plusieurs solutions peuvent être combinées :
- si tu restes dans l'input, tu lances un timer qui affiche les messages x secondes après la dernière frappe (2 secondes c'est rapide et ça laisse le temps d'entrer le message) ;
- tu affiches le message lors du onblur sans attendre (si le timer est déclenché avant le onblur, il est stoppé) ;
- tu affiches le message lors du onchange (et si le timer est déclenché avant le onchange, il est stoppé)
etc...

[Auteur]

tu peux même ajouter un peu d'ergonomie :
il est vrai aussi qu'un alert ce n'est pas l'idéal si tu écris lentement (plus de 2 secondes entre chaque frappe). Là l'utilisateur va être vite lassé et va laisser tomber rapidement.

Donc pour éviter de bloquer la frappe par des alert() intempestives, tu peux afficher le message dans un div.