Value case pseudo et prenom

debute en JS ^^

Sujet résolu

13 décembre 2010 à 18:13:59

Bonsoir,
je viens de découvrir le javascript avec le tuto du site du zero

J'essaye de faire un script tout bête qui quand on clic sur la case pseudo, la value passe à null et quand on clic sur la page et que la value est toujours null qu'elle se remette à Pseudo
de même pour une case Prenom
J'ai essayer plein de chose et tout ca rend jamais comme je voudrais

Voici ou j'en suis :

<body>
<div id="nickname"></div>
<form >
<input id="nick" type="text"  onclick="rmcase('nick');"  value="Pseudo"/><br />
<input id="name" type="text"  onclick="rmcase('name');"  value="Prenom"/><br />
<!--<input type="submit" onclick="request(readData);" value="Afficher pseudo" />-->
</form>

<script type="text/javascript" src="script1.js"></script>
</body>

var input = new Array() ;
input['nick'] = document.getElementById("nick");
input['name'] = document.getElementById("name");

function rmcase(id)
{
	if(input[id].value == "Pseudo" || input[id].value=="Prenom")
	input[id].value = null;
	
}
function valuecase(id)
{
	
	if(input[id].value == "")
	{
		if(id=="nick")
		input[id].value = "Pseudo";
		else if(id=="name")
		input[id].value = "Prenom";
	}
}
if(input['name'].value == null)
{
		document.getElementsByTagName("body")[0].click = valuecase('name');
}
else if(input['nick'].value == null)
	document.getElementsByTagName("body")[0].click = valuecase('nick');

Je vous avoue que je me suis en-mellé les pinceaux et que je suis partie d'une fonction pour en arriver la --'
La quand on clic sur une case la value passe à null mais je n'arrive pas a lui redonner sa valeur initiale !
http://snigle.free.fr ma page de test :

Edite : j'avais oublier de vous montrer les variables

HerrRox

13 décembre 2010 à 18:24:39

Essaie d'attacher un evenement "onblur" a tes deux input. Cet evenement sera lance quand ton input perdra le focus.

<input id="nick" type="text"  onclick="rmcase('nick');" onblur="valuecase('nick')"  value="Pseudo"/><br />

skuti

13 décembre 2010 à 18:32:12

Utilise plutot onfocus() que onclick() et le contraire de onfocus() c'est onblur() donc en gros quand il deselectionne le input.

Et tu peux le faire directement dans le input:

<input type="text" name="pseudo" value="Pseudo" onFocus="if(this.value == 'Pseudo') this.value='';" onBlur="if(this.value == '') this.value='Pseudo';"/>

Je suis pas trop sur de moi la, je l'ai pas testé mais j'avais déjà fait un truc du style.

$2b||!$2b

Snigle

13 décembre 2010 à 18:35:55

Merci beaucoup c'est onBlur qui me manquait donc

Je n'avais pas pensé à le faire en une ligne c'est vrai que c'est pratique aussi.
Résolu