champs input modifier valeur par defaut [Résolu]

[salsabouge]

bonjour j'ai un soucis sur un formulaire, je suis débutant en javascript alors je fais appel a vous.

Voila j'ai ce formulaire en html :

Code :

1
2
3
4
5
<form action="connexion.php" method="post" id="connexion" >
<input type="text" style="color:#999999" id="mail" name="mail" maxlength="30" value="Votre email" class="login" onclick="javascript:del('mail')"/>
<input type="text" style="color:#999999" id="pw" name="password" maxlength="12" value="Votre mot de passe" onclick="javascript:del('pw')"/>
<input type="submit" value="Connexion" class="login2" />
</form>

J'ai la fonction javascript suivante :

Code :

1
2
3
4
5
6
<script type="text/javascript">
function del(id){
document.getElementById(id).value='';
document.getElementById(id).style.color='#000000';
}
</script>

Lorsque je clique sur le champ 'mail', il s'efface (normal!) et je peux entrer un mot.
Par contre j'aimerai que lorsque je sors du champ 'mail' et que j'y re-rentre, le champ que j'avais entré auparavant se s'efface plus, comment puis faire?

merci de votre aide

[SpaceFrog]

rajoute un test if pour verifier le contenu avant de l'effacer ...

Code :

<input type='text' onfocus="this.value=(this.value!='nom')?this.value:''" onblur="this.value=(this.value!='')?this.value:'nom'" value='nom'/>

[salsabouge]

ça fonctionne, seul hic, lorsque je reviens dans le champ avec le focus, le curseur se place au début , comment faire pour qu'il soit a la suite de ce qui était déjà inséré?

merci bcp!

[SpaceFrog]

Code :

<input type='text' onfocus="setInterval(function(){this.value=(this.value!='nom')?this.value:'';},10)" onmouseup="this.value=this.value" onblur="this.value=(this.value!='')?this.value:'nom'" value='nom'/>

[salsabouge]

les deux réponses sont identiques

[SpaceFrog]

arf désolé erreur de copier coller ...

j'ai édité le message précédent :red:

[salsabouge]

en ce qui concerne ma question?

[SpaceFrog]

non en ce qui concerne ma réponse ...
j'ai édité (modifié) le post au dessus
le code y est maintenant correct
j'avais fait un erreur de copier coller

merci de ne pas oublier le bouton résolu

[salsabouge]

le fait d'appeler la fonction toute les 10 millisecondes ne fonctionne pas.

merci en tout cas

[SpaceFrog]

la focntion n'est pas lancée toutes les 10 ms ...
elle se declenche juste 10ms après le onfocus...
Tu testes sous quel navigateur?

ça passe sous IE et FFx