Discussion :

[avogadro]

Bonjour,

j'ai un petit bout de code qui s'apparente à ça :

Code :

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

1
2
3
4
5
<input type="text" size="40" maxlength="50" name="pharma_name"
 onFocus='javascript:style.background="yellow"'
 onMouseOver='javascript:style.background="yellow"' 
 onMouseOut='javascript:style.background="white"'>
</font></td>

Probleme 1 : le onFocus ne marche pas !

Probleme 2 : une fois les evènements finis, la bordure qui était égale a 1 a disparu, dans il faut rajouter quelque part border="1" mais je ne sais pas comment !

Avez vous des idées? oO

[KiLVaiDeN]

Salut,

Et ceci ?

Code :

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

1
2
3
4
5
<input type="text" size="40" maxlength="50" name="pharma_name"
 onFocus='javascript:this.style.backgroundColor="yellow"'
 onMouseOver='javascript:this.style.background="yellow"' 
 onMouseOut='javascript:this.style.background="white"'
 onBlur='javascript:this.style.backgroundColor="white"'>

PS : n'utilises pas les balises FONT, utilises des feuilles de style !

[avogadro]

Salut,

Et ceci ?

Code :

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

1
2
3
4
5
<input type="text" size="40" maxlength="50" name="pharma_name"
 onFocus='javascript:this.style.backgroundColor="yellow"'
 onMouseOver='javascript:this.style.background="yellow"' 
 onMouseOut='javascript:this.style.background="white"'
 onBlur='javascript:this.style.backgroundColor="white"'>

PS : n'utilises pas les balises FONT, utilises des feuilles de style !

c'est toujours pareil pour le onFocus, je comprend pas, il ne fonctionne pas oO

Et il y a toujours le probleme sous IE, la bordure disparait, il faudrait mettre

Code :

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

onMouseOut='javascript:this.style.background="white";this.style.border="1"'

Mais ici la syntaxe est mauvaise!

[FremyCompany]

je rappelle la différence entre border et borderWidth....
... entre background et backgroundColor
... que borderWidth réclame une unité (px, pt, %, ...)
... que si le controle a le focus, et qu'ensuite on sort la souris de controle (par ex pour savoir lire la lettre sous le cuseur) la couleur de fond va changer

[avogadro]

je rappelle la différence entre border et borderWidth....
... entre background et backgroundColor
... que borderWidth réclame une unité (px, pt, %, ...)
... que si le controle a le focus, et qu'ensuite on sort la souris de controle (par ex pour savoir lire la lettre sous le cuseur) la couleur de fond va changer

pk ce rappel?

Le onFocus et interprété par FF et IE je pense, mais ça ne marche pas, ça ne vient pas d'une de mes autres fonctions d'apres moi!

exemple de rendus (avec le onMouseOn)
sous FF:


IE:

(bordure absente)

[javatwister]

en gros - si j'ai un peu compris - je dirais ça:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<p>
<input type="text" style="border:3px solid" size="40" maxlength="50" id="t" name="pharma_name" />
</p>
 
 
 
<script type="text/javascript">
 
 
var ch=document.getElementById("t");
 
function col(){
ch.style.backgroundColor="#ffff00"
}
 
function decol(){
ch.style.backgroundColor="#ffffff"
}
 
ch.onfocus=col;
ch.onmouseover=col;
ch.onmouseout=decol;
ch.onblur=decol;
 
</script>

mais c'est lourdingue;

[denisC]

Avez vous des idées? oO

mets le nom des evenements en minuscule (onfocus, onmouseout)

Remplace

javascript:style.background="yellow"

par

Code :

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

1
2
 
this.style.background="yellow"

(on s'en doute un peu que c'est du javascript)

[KiLVaiDeN]

mets le nom des evenements en minuscule (onfocus, onmouseout)

Salut denisC,

Est-ce vraiment important, la casse des évènements ?

A+

[FremyCompany]

Salut denisC,

Est-ce vraiment important, la casse des évènements ?

A+

Ca ne l'est plus, mais avant ca l'était...

[denisC]

Salut denisC,

Est-ce vraiment important, la casse des évènements ?

A+

Non, mais les bonnes habitudes, ce n'est jamais génant

Si on ne voit pas d'autre solution, on peut toujours commencer par ça. Comme la casse est important en javascript (mais pas en HTML), meiux vaut avoir les bonne habitudes.