Javascript > j'ai une petite question sur un champ text

Marsh Posté le 07-12-2004 à 00:38:08

Bonjour, je dois réaliser un formulaire en javascript.
J'ai donc créé ma page HTML avec des questions et des input de type text pour avoir les réponses.
A l'origine, lorsque l'on ouvre la page, les champs textes sont initialisés avec des valeurs imageant la réponse. Lorsque l'internaute clique sur le champ, la valeur doit disparaitre. Si l'utilisateur n'a pas rempli le champ lorsqu'il clic ailleurs dans la page, le message revient alors dans le champ.
Voila, si quelqu'un peut m'aider ça serait sympa.
A bientot.
Merci

Reply

Marsh Posté le 07-12-2004 à 00:38:08

Reply

Marsh Posté le 07-12-2004 à 09:35:11

<html>
<head>
<script>
function initForm()
{
inputs = document.getElementsByTagName('input');
for( i=0; i<inputs.length; i++ )
{
input = inputs.item(i);
input.value = input.getAttribute('initval');
}
}
function resetInput(i)
{
if( i.value == '' )
{
i.value = i.getAttribute('initval');
}
}
function inputFocus(i)
{
i.value = '';
}
</script>
</head>
<body onload="initForm();">
<form>
<input name="i1" type="text" initval="Valeur par défaut 1" onClick="inputFocus(this);" onBlur="resetInput(this);"><br>
<input name="i2" type="text" initval="Valeur par défaut 2" onFocus="inputFocus(this);" onBlur="resetInput(this);"><br>
<input type="submit">
</form>
</body>
</html>

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Marsh Posté le 07-12-2004 à 09:43:54

c'est sur que là il va apprendre

Reply

Marsh Posté le 07-12-2004 à 09:51:32

esrevni a écrit :

c'est sur que là il va apprendre

Je suis d'accord avec toi, mais comme y'a pas mal notion différentes, je préfère donner un exemple qui marche et en discuter après.

En gros j'ai plus de courrage pour pondre un exemple que pour me lancer dans la rédaction d'un tuto

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Marsh Posté le 07-12-2004 à 17:22:04

J'te remercie beaucoup pour ton soft, je viens d'y regarder, jai tout compris sauf une seule ligne :
input = inputs.item(i);
à quoi correspond cette commande ?
Aller, j'te remercie encore pour tout !
A+

Reply

Marsh Posté le 07-12-2004 à 17:48:08

Si ta's pas compris : input = inputs.item(i);
T'as pas compris non plus : inputs = document.getElementsByTagName('input');

getElementsByTagName retourne un objet "nodeList" qui est une liste des nodes. Cette liste contient tous les Elements de type "input".

inputs est un nodeList. Il a une propriété : length qui te donne le nombre de nodes et une methode item() qui te retourne un node particulier en fonction de l'indice passé.

Dans mon exemple, il y a 3 tags input. Donc inputs.length retourne 2, inputs.item(0) retourne le node correspondant au premier input et inputs.item(1) le deuxième, et le dernier est le bouton submit.

Ca me fait penser qu'il faut tester le type du input dans initForm() pour ne pas traiter le bouton submit

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Javascript > j'ai une petite question sur un champ text

Sujets relatifs:

Leave a Replay