récuperation de la couleur du background d'un bouton
Bonjour,
je suis face à une "bizarrerie" que je n'arrive pas à m'expliquer.
les boutons sont définis par css avec un background = white, j'ai fait une fonction pour récupérer la couleur du background lors du onmouseover mais je n'arrive pas à obtenir la valeur pourtant définie.
En affectant white au background lors du onmouseout, si je reviens sur le même bouton, cette fois la fonction me donne white.
quelqu'un sait me dire pourquoi et comment récupérer la couleur lors du premier survol?
Merci
le code php :
Code:
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
26
27
28
29
30
31
32
33
|
<HTML>
<HEAD>
<TITLE>test1</TITLE>
<STYLE>
.btn_rdv{
background:white;
width:100%;}
</STYLE>
<SCRIPT language="javascript" type="text/javascript" SRC="include/js/scriptrdv.js"></SCRIPT>
</HEAD>
<BODY>
<table align="left" border="1" width="100%">
<?php
for ($i=0;$i<24;$i++){ ?>
<tr>
<td align="center" width="12%">
<span style="font-family:Comic Sans MS; font-size:12px; font-weight:bold; color:#0000dd;">
<a href="test2.php">test</a>
</span>
</td>
<td align="left" width="28%">
<input type="button" name="rdvx" value="" onMouseover="pointeurdessus(<?php echo ($i);?>)" onMouseout="pointeurhors(<?php echo ($i);?>)" class="btn_rdv">
</td>
<td align="left" width="60%">
<?php echo ("essai");?>
</td>
</tr>
<?php
} ?>
</table>
</BODY>
</HTML> |
le code js :
Code:
1
2
3
4
5
6
7
8
9
|
function pointeurdessus(i) {
var color = document.getElementsByName("rdvx")[i].style.backgroundColor;
window.alert("Couleur : " + color);
}
function pointeurhors(i) {
document.all.rdvx[i].style.background="white";
} |
