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

**letel** · 15/09/2011, 02h00

Bonjour,

Comment activer un changement de class par javascript?

Je n'y arrive que sur un test :

Code :

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

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 :

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

**SpaceFrog** · 15/09/2011, 08h36

un exemple fonctionnel :

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

**letel** · 15/09/2011, 23h43

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager