Ce tutorial n'a pas seulement pour but de concrétiser ce que vous avez appris, il vous apprendra comment réfléchir pour faire un script.
Voici le script que nous allons réaliser :
Il s'efface et se sélectionne au passage de la souris et se déselectionne quand celle ci quite le champ.
En premier lieu, je donnerai dans l'ordre les questions a se poser - essayez d'y répondre - et ensuite j'y répondrais
Les questions a se poser : comment réfléchir
1. Le code de la partie HTML: l'écrire.
2. Quels sont les évènements qui déclencheront les actions ?
3. Quelle synthaxe utiliser ? Ou placer les scripts, fonctions, tests, variable, ...
4. Quelles propriétés et méthodes utiliser ?
5. Assembler et tester
Résultats
1. Le HTML :
<form>
<input type="text" value="champ 1">
</form>
Vous vérez pourquoi on ne rajoute pas NAME a INPUT et a FORM
2. Les évènements sont simplement onMouseover et onMouseout
3.Comme le code sera très court, nous le placeront dans la balise.
4. Les méthodes sont focus() et blur(), et la propriété
value
5. La syntaxe : nous allons voir quelquechose de nouveau
<form>
<input type="text" value="champ 1" onMouseover="this.value='';this.focus()" onMouseout="this.blur()">
</form> Attention : dans this.value=''; (une ligne plus haut) ce ne sont pas des guillemets " mais 2 apostrophes ' et ' collées. this remplace l'objet dans lequel il est utilisé, ici le champ.
