getElementById sur un tableau

**Crockets** · 29/01/2008, 12h42

Bonjour,

Je n'arrive pas a modifier les bordures et le couleur de fond d'un tableau avec l'aide d'un getElementById.

voici le code:

dans la page principale:

Code :

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

1
2
3
4
5
<div class="service" id="id_service" scrolling="no">
    <table class="tableau-menu-service" id="menu-service">
	 <tr>
		 <td class="texte">
                    ...

dans la page secondaire:

Code :

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

1
2
3
4
<script language="JavaScript">
document.getElementById("menu-service").style.bgcolor = "#ffffff";
document.getElementById("menu-service").style.border-bottom = "none";
</script>

**Auteur** · 29/01/2008, 12h48

bonjour,

c'est backgroundColor pas bgcolor

Ensuite qu'appelles-tu "page secondaire" ?

**Crockets** · 29/01/2008, 13h03

La page principale est le conteneur des informations.
La page secondaire est l'onglet du menu (il doit changer de couleur quand il est sélectionné)

Autrement voici le message d'erreur que me retourne firebug:

Code :

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

document.getElementById("menu-service") has no properties

BackgroundColor n'a pas l'aire de marcher..

**Auteur** · 29/01/2008, 17h18

le script est dans le head de ta page ? Si c'est le cas c'est logique que tu aies une erreur : effet lors de l'exécution du script ton élément menu-service n'existe pas encore. Exécute ton script lors de l'évenement onload.

Code html :

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
 
<head>
<title></title>
 
<script type="text/javascript">
<!--
function initpage()
{
    document.getElementById("menu-service").style.bgcolor = "#ffffff";
    document.getElementById("menu-service").style.border-bottom = "none";
}
 
 
//-->
</script>
 
</head>
<body onload="initpage()">
....
</body>
 
</html>