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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Javascript > j'ai une petite question sur un champ text

45ping

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

Publicité

Mara's dad

Yes I can !

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

esrevni

à contrario

c'est sur que là il va apprendre

Mara's dad

Yes I can !

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

45ping

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+

Mara's dad

Yes I can !

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Question sur les vecteurs	question sur une instruction avec un "size of "
petite aide SQL requete imbriqué	recherche programmeur pour question
question bête	adition en javascript
Selection automatique d'un champ lors de l'ouverture d'une page HTML	variable de session en javascript
question de débutant à propos des array	Comment recuperer une variable javascript dans php
Plus de sujets relatifs à : Javascript > j'ai une petite question sur un champ text

Page générée en 0.031 secondes