getElementByID().style ;-)

**lemmings** · 20/09/2005, 11h17

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

Code :

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

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 :

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

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

**KiLVaiDeN** · 20/09/2005, 11h27

Le bon code est style.backgroundColor

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.

**denisC** · 20/09/2005, 11h30

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

**lemmings** · 20/09/2005, 11h37

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

ca ne marche tjs pas ???

voila le nouveau code

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

**SpaceFrog** · 20/09/2005, 11h38

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

**KiLVaiDeN** · 20/09/2005, 11h39

Fait plutot dans ta fonction :

Code :

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

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

**lemmings** · 20/09/2005, 11h40

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.

**lemmings** · 20/09/2005, 11h42

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)

**SpaceFrog** · 20/09/2005, 11h51

faut definir le style ...

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

getElementByID().style ;-)

JavaScript

Discussions similaires

Partager

Partager