Dossier, sous dossier et liens
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:
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 ;)
