Discussion :

[nadiaflamingenierie]

Bonjour,

j'ai un menu constitué de 4 éléments, je veux quand on clique sur un élément qu'il change de colore mais les autres doivent rester inéchangeable.
voici le code:
Html:

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
34
<table border="0" style="position:absolute; left:300px;" id="Banner_tabs" width="70%" cellspacing="0" >
<tr id="ligne1">													
						<td class="TdMenu" id="1" onClick="active(this.id);">
						 <DIV class="OtherTabs">
							<NOBR>
						      <com:THyperLink  NavigateUrl="?page=Home" Text="Accueil" />
							</NOBR>
						 </DIV>										
						</td>
 
					<td class="TdMenu" id="2" onClick="active(this.id);">
						<DIV class="OtherTabs">
							<NOBR>
								<com:THyperLink  NavigateUrl="?page=GestionEmetteur"  Text="Etablissements" />
							</NOBR>
						</DIV>									
					</td>										
					<td class="TdMenu" id="3" onClick="active(this.id);">
						<DIV class="OtherTabs">
							<NOBR> 
								<com:THyperLink NavigateUrl="?page=GestionCentreGestion" 
								Text="Centres de Gestion" />
							</NOBR>
						</DIV>									
					</td>										
					<td class="TdMenu" id="4" onClick="active(this.id);">
						<DIV class="OtherTabs" >
							<NOBR>
								<com:THyperLink NavigateUrl="?page=GestionSite" Text="Sites" />
							</NOBR>
						</DIV>									
					</td>								
</tr>
</table>

javascript:

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
34
35
36
37
38
function active(id)
{
 
	var table = document.getElementById("Banner_tabs");
	var row;
	var cell;
	var element;
	for (var i = 0; i < table.rows.length; i++) 
	{
	  row = table.rows[i];
	  for (var j = 0; j < row.cells.length; j++) 
	  {
		cell = row.cells[j];
		element = cell.firstChild;
		//alert(cell.length);exit;
		if(cell.id == id)
		{		//alert("test");exit;  	  
				// cell.className = 'tabOn';
				if (element != null && element.tagName == "a")
					{
						//alert("test");exit;
						element.className = 'tabOn';
					}			
		}
		else
		{
		   /* cell.className = 'TdMenu';*/
		      if (element != null && element.tagName == "a")
					{
					  element.className = 'TdMenu';
					}
		 }
		// ex1 : cellule contenant directement du texte.
		//alert("Contenu de la cellule [" + i + ";" + j + "] : " + cell.firstChild.innerHTML);	exit;
	  }
    }	
 
}

mais mon code ne change pas de style, je sais pas pourquoi, pouvez vous m'aider?
Merci d'avance.

[nadiaflamingenierie]

Bonjour,

Svp, j'attends toujours votre réponse.

Merci.

[kernelfailure]

sans parce que :

Code :

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

element.tagName == "a"

renvoie false.

Le firstChild de tes TD est un DIV.

[nadiaflamingenierie]

Merci de votre réponse,
oui exactement, le premier élément est un "div", je sais pas comment je peux accéder au "a"?

[kernelfailure]

Je ne le vois pas non plus.

Je ne connais pas les tags "<NOBR>...</NOBR>", ni le "<com:THyperLink...". Tout ceci ne m'a pas l'air très standard.
Si Anchor il y a, elle doit être quelque par par là.

Est-ce qu'un

Code :

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

element.getElementsByTagName('a')

retourne quelque chose ?