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
Partager