Bonsoir à tous,

Histoire de m'entrainer un petit peu avec JavaScript, j'ai décidé d'essayer de coder genre la liste des favoris.

Liste principal il y a 4 liens direct et un dossier qui comprend 4 liens direct.
On peut cliquer sur le dossier pour que les sous-dossiers (ou sous-lien) s'ouvrent et se ferment.

Cela marche plutôt pas mal mais il y a un petit souci dont je ne parviens pas à comprendre pourquoi. (le souci c'est pourquoi il y a 2 fois "Dossier3" affiché alors que normalement ça devrait afficher un seul fois (et en mode "fermé")

Test en ligne (cliquez sur Nom dossier favoris 1111 et Dossier3)


Code JS : 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<html>
	<head>
		<script language="javascript" type="text/javascript">
			<!--
			article_begin = 1;
			article_end = 1;
			function cache_article(i)
			{
				if (document.getElementById('article_' + i))
				{
					document.getElementById('article_' + i).style.display='none';
					document.getElementById('carticle_' + i).style.display='none';
					document.getElementById('marticle_' + i).style.display='block';
				}
			}
			function montre_article(i)
			{
				if (document.getElementById('article_' + i))
				{
					document.getElementById('article_' + i).style.display='block';
					document.getElementById('carticle_' + i).style.display='block';
					document.getElementById('marticle_' + i).style.display='none';
				}
			}
			function cache_tarticle()
			{
				for ( var i = article_begin; i <= article_end; i++ )
				{
					cache_article(i);
				}
			}
			function montre_tarticle()
			{
				for ( var i = article_begin; i <= article_end; i++ )
				{
					montre_article(i);
				}
			}
			window.onload = cache_tarticle;
			-->
		</script>
	</head>
	<body>
		<table width="100%" class="tableau" cellspacing="0" cellpadding="6">
			<tr>
  				<td class="td_titre">
   					<div align="center" class="b">
    				</div>
  				</td>
 			</tr>
 			<tr>
  				<td class="td_forum" width="100%">
   					<br />
      				<a name="1"></a>
      				<a id="marticle_1" onClick="javaviviviscript:montre_article('1');">Nom dossier favoris 11111</a>
      				<div id="article_1">
						<a onClick="javascript:cache_article('1');" id="carticle_1">Nom dossier favoris 11111</a>
						<div class="reponse_faq">
							<ul>
                    			<li>lien 1</li>
                    			<li>lien 2</li>
                    			<a id="marticle_sous3" onClick="javaviviviscript:montre_article('sous3');">Dossier3</a>
                                <div id="article_sous3">
									<a onClick="javascript:cache_article('sous3');" id="carticle_sous3">Dossier3</a>
										<div class="reponse_faq">
											<ul>
                    							<li>lien 1</li>
                    							<li>lien 2</li>
                                				<li>lien 3</li>
                   			 					<li>lien 4</li>
                    						</ul>
										</div>
                                </div>
                   			 	<li>lien 4</li>
                    		</ul>
						</div>
	  				</div>
    			</td>
 			</tr>
		</table>  
  	</body>
</html>

Bien merci