Discussion :

[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 :

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

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 :

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

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 :

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

<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 :

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

<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: