Javascript document.getElementById("") className et zero resultat [Résolu]

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

15/09/2011, 23h43	#3
letel Candidat au titre de Membre du Club Inscription : octobre 2005 Messages : 47 Détails du profil Informations forums : Inscription : octobre 2005 Messages : 47 Points : 14 Points : 14	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
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email