faire un arbre - site web

**cimson** · 02/03/2007, 23h16

Bonjour,

Voila, je sais pas vraiment si ca s'appelle comme ca. Je voudrais faire un truc avec des "+", ca se développe qd vous cliquez dessus, puis peut etre refermé qd vous cliquez sur les "-". Vous voyez??

Donc je voudrais faire ca sur une page web. Comment faire ca? une idée?
Merci d'être clair, je m'y connais pas trop. J'ai juste qq notions d' html.
Si vous avez des adresses, ou quoi que ce soit.

Merci d'avance!

**Auteur** · 03/03/2007, 14h41

bonjour,

voilà un petit exemple :

Code html :

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
83
84
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.conteneur{
 height: 200px;
 width: 200px;
 border: 5px #AAAAAA ridge;
 background-color: #CCCCCC;
 overflow: auto;
 padding: 5px;
}
.clListe{
 display: none;
}
.item{
 cursor: pointer;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
var oldObj = null;
function gestionListe(idObj)
{
  var liste = document.getElementById(idObj);
 
  if (oldObj==liste && liste.style.display!="block")
     oldObj = null;
 
  liste.style.display = "block";
 
  if (oldObj!=null)
     oldObj.style.display = "none";
 
  oldObj = liste;
}
 
 
//-->
</script>
 
</head>
 
<body>
<div class="conteneur">
 
<span class="item" onclick="gestionListe('liste1')">Afficher liste 1</span><br>
<ul class="clListe" id="liste1">
<li><a href="page1.htm">Item 1</a></li>
<li><a href="page2.htm">Item 2</a></li>
<li><a href="page3.htm">Item 3</a></li>
</ul>
 
<span class="item" onclick="gestionListe('liste2')">Afficher liste 2</span><br>
<ul  class="clListe" id="liste2">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
<li>Item 8</li>
<li>Item 9</li>
</ul>
 
<span class="item" onclick="gestionListe('liste3')">Afficher liste 3</span><br>
<ul  class="clListe" id="liste3">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
 
</div>
 
</body>
 
</html>

faire un arbre - site web

HTML

Vue hybride

Discussions similaires

Partager

Partager