Discussion :

[kodokan]

Bonjour à tous

Je viens de me mettre au langage javascript et j'ai un petit probleme avec mon script . Ce script change la couleur de fond (CSS) d'un div au passage de la souris .Il y a un pb quelque part mais je ne le trouve pas ...

Javascript :

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
<script language="javascript1.4">
 
function montre(id) {
var d = document.getElementById(id);
 
if (d) {d.style.background-color='#74A1C4';}
}
 
function cache(id) {
var d = document.getElementById(id);
 
if(d) {d.style.background-color='#E4E7F2';}
 
}
 
</script>

Mon css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
.billet{
width:650px;
margin:20px; 
padding:5px;
border-bottom:1px solid #999;
 background-color: #E4E7F2;
border-left:1px solid #E4E7F2; 
border-right:1px solid #E4E7F2;
border-top:1px solid #E4E7F2;
}

et le HTML

Code :

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

1
2
3
4
5
 
<div class="billet" onMouseOver="javascript:montre('<?php echo $num //numero du div (1,2,3,4 ...) ?>')" 
id="<?php echo $num ?>" onMouseOut="javascript:montre()">
.... contenu
</div>

Merci pour vos réponses

PS: je sais que je peut le faire avec un :hover sur le div mais ça ne marchera pas sous IE

[Bisûnûrs]

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
<script language="javascript1.4">

function montre(id) {
var d = document.getElementById(id);
	
if (d) {d.style.backgroundColor='#74A1C4';}
}

function cache(id) {
var d = document.getElementById(id);

if(d) {d.style.backgroundColor='#E4E7F2';}

}

</script>

[kodokan]

C bon ca marche !

Merci BisounoursJos !