récuperation de la couleur du background d'un bouton

**YvesSt** · 13/09/2012, 18h39

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 :

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

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

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";
}

**Bovino** · 13/09/2012, 19h19

je n'arrive pas à obtenir la valeur pourtant définie.

Ben non justement !

C'est background que tu as défini, pas background-color...

Sans rapport, mais tu gagnerais à adopter une façon de coder (HTML et JavaScript) plus... comment dire... moderne.

**YvesSt** · 13/09/2012, 20h06

merci

**NoSmoking** · 14/09/2012, 19h11

Bonjour,
même en déclarant dans le CSS background-color on ne peut pas atteindre, la première fois, cette valeur via l'objet javascript.

Il faut passer par les méthodes getComputedStyle et/ou propriété currentStyle.

récuperation de la couleur du background d'un bouton

JavaScript

Vue hybride

Discussions similaires

Partager

Partager