Javascript document.getElementById("") className et zero resultat

Version imprimable

Bonjour,

Comment activer un changement de class par javascript?

Je n'y arrive que sur un test :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
  <style> 
.essai { 
color : red; 
} 
</style
 
<script language="javascript">
    function change_class() {
        var btn = document.getElementById("btnTest");
        btn.className = "essai";
    } 
</script> 
<input type="button" value="Test" class="buttonType1" onclick="change_class()" id="btnTest">

Jusque là tout fonctionne mais voilà je cherche sur la structure

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="navigue">
	<ul>	
			<li id="li1" class="active" runat="server">
                    <asp:LinkButton ID="LinkButton1" runat="server" CssClass="linkButton" 
                        CausesValidation="False">premier essai</asp:LinkButton>
				</li>
				<li id="li2" runat="server" class="">
					 <asp:LinkButton ID="LinkButton2" runat="server" CssClass="linkButton" 
                         CausesValidation="False">second essai</asp:LinkButton>
				</li>
 
	</ul>
 
</div>
 
<asp:LinkButton ID="LinkButton9" runat="server" OnClientClick="change_class()">LinkButton</asp:LinkButton>

je voudrais reussir lors du click sur linkbutton9 a activer li2 en class="active".

Auriez vous une idée...

Merci d'avance

un exemple fonctionnel :

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
28
29
30
31
<style type="text/css"> 
.active { 
color : red; 
} 
</style>
 
<script type="text/javascript">
function change_class(eltId) {
        var btn = document.getElementById(eltId);
        btn.className = "active";
        var otherbtn = document.getElementById("li1");
        otherbtn.className=""
 
    } 
</script>
</head>
 
<body>
 
<p>
<input type ="button" id="btnTest" onclick="change_class('li2')" value="essai" />
<ul id="liste">	
			<li id="li1" class="active">
                   li1
				</li>
				<li id="li2" >
					li2
				</li>
 
	</ul>
</body>

après si tu souhaites faire un toggle ... faudra tester l'egalité dans une boucle entre l'id passé et l'id de l'element de la boucle

15/09/2011, 23h43
letel

Javascript document.getElementById("") className et zero resultat

Bonjour SpaceFrog ,

Monsieur le président je vous salue et vous remercie pour cette aide, cela fonctionne parfaitement et en plus j'ai compris le système.

Encore un grand merci