getElementByID().style ;-)

Version imprimable

salut,
je voudrais comprendre pourquoi ce code ne fonctionne pas ;-)
Code:

1 2 3 4 5 function sel(a){ alert(a); document.getElementById(a).style.background-Color="#499CF8"; }
ce script est appelé dans un tableau :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <table cellspacing="2" cellpadding="2" border="0" width="800"> <tr> <td class="tdc1">titre</td> </tr> <cfoutput query="find_data"> <tr id="a#i#" onClick="sel('a#i#');" onMouseOver="bgColor='##499CF8';" onMouseOut="bgColor='##FFFFFF';"> <td>hellol</td> </tr> <cfset i=#i#+1> </cfoutput> </table>
dans le script j'ai deja essaye plein de possibilitée comme style.bgColor,style.backgroundColor mais bon je dois surement me tromper quelque part.

Merci d'avance pour votre aide

Lemmings

20/09/2005, 11h27
KiLVaiDeN

Le bon code est style.backgroundColor :wink:
Après, au lieu de passer l'id d'un TR ( ce qui ne marche peut-être pas ) je passerait plutot "this" à la fonction sel.
20/09/2005, 11h30
denisC

Y'a pas de tiret (-) dans les variables JS.

Donc, tout ce que je peux dire, c'est que c'est pas background-Color. Il me semblait que c'était backgroundColor mais si tu dis que ça ne marche pas....

voila j'ai retirer le - et j'ai utilisé this .....

ca ne marche tjs pas ???

voila le nouveau code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script>
function sel(a){ 
alert(a); 
document.getElementById(a).style.backgroundColor="499CF8"; 
} 
 
</script>
 
<table cellspacing="2" cellpadding="2" border="0" width="800"> 
<tr> 
    <td class="tdc1">titre</td> 
    </tr> 
 
<tr id="a1" onClick="sel(this);" onMouseOver="bgColor='#499CF8';" onMouseOut="bgColor='#FFFFFF';"> 
<td>hellol</td> 
</tr> 
 
</table>

20/09/2005, 11h38
SpaceFrog

je confirme les propos de DenisC sauf qu'il ne s'agit pas de variables mais de propriétés...
les propriétés css prenant un trait d'union se transforment en javascript en les concaténant et en ajoutant une majuscule àprès le trait d'union

background-color => backgroundColor

Fait plutot dans ta fonction :
Code:

1 2 3 4 function sel(ceTR) { ceTR.style.backgroundColor="HEBABE"; }

20/09/2005, 11h40
lemmings

je suis d'accord avec ce principe mais comme j'ai deja essayé sans - et que j'ai tjs une erreure je ne vois pas ce qui pourrait en etre la cause.
20/09/2005, 11h42
lemmings

Merci c'est juste ce qu'il me fallait.

un grand merci pour votre aide a tous ;-)

Lemmings(fait des bons car grace a ca il a fini son taf pour ce matin)

faut definir le style ...

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
<script>
function sel(a){
 
//document.getElementById('a1').style.backgroundColor="red";
a.style.backgroundColor="red";
 
}
 
</script>
</head>
 
<body>
 
 
 
<table cellspacing="2" cellpadding="2" border="0" width="800">
<tr>
    <td class="tdc1">titre</td>
    </tr>
 
<tr id="a1" onclick="sel(this);" style='background-color:white;' onmouseover="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor='green';">
<td>hellol</td>
</tr>
 
</table> 
</body>
</html>