plugin treeview affichage en profondeur [Résolu]

Shinosha · 07/07/2011, 08h52

Bonjour,

Je suis en train de faire un module d'affichage d'articles en PHP et j'ai décidé d'utiliser un treeview pour afficher les sous titres de chaque article. Malheureusement il y a un problème. Seul le premier article a les sous titres sous forme de tree, alors que les autres sont juste affichés sous forme de liste, comme si l'appel treeview n'avait pas marché. Voyez plutôt :

Screen

L'article bar le duc est fonctionnel, tandis que celui du musée ne fait rien... Je ne pense pas que le problème vienne du php, c'est pourquoi j'ai posté ici. Mais je vais montrer le head ainsi que ma boucle sur les sous titres :

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
<head>
[...]
<link rel="stylesheet" type="text/css" href="css/jquery.treeview.css" media="screen" />
 
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.treeview.js" ></script>
 
<script type="text/javascript"> 
[...]
$(function() { //Treeview
			$("#tree").treeview({
				collapsed: true,
				animated: "medium",
				control:"#sidetreecontrol",
				persist: "location"
			});
		})
</script>
 
 
</head>

Voici ensuite le PHP, qui est un include dans ma page principale (dont le head figure ci-dessus)

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
echo '<tr>';
 
 
 
				echo '<td width = "100%" colspan = "2">';
					echo '<ul id="tree" class="filetree">';
						echo'<li><span  class="folder">Voir aussi</span>';
							echo '<ul>';
							for($z = 0; $z <= sizeof($subs) - 1; $z++) {
 
								if($subs[$z]['sub'] == $articles[$i]['sub']){
 
								echo '';
 
								}
								else {
 
								echo '<li><span class="file"><a href="http://www.xxxx-xxxx.xxx/xxxxxx/index.php?artid=' . $articles[$i]['idart'].'#'.$subs[$z]['sub'] . '">'.$subs[$z]['sub'] . '</a>' .' | ' . getdatetxt($subs[$z]['date1']) . '</span></li>';
 
 
								}
 
							}
							echo '</ul>';
						echo '</li>';	
					echo '</ul>';
 
				echo '</td>';
 
echo '</tr>';

Donc voila, si vous avez une idée merci bien...

Shinosha · 07/07/2011, 11h07

J'ai trouvé, c'est à cause de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo '<ul id="tree" class="filetree">';

Comme je boucle sur ça je lui demande de créer plusieurs tree avec comme id "tree", mais vu que les id sont uniques ben...

Du coup je vois pas trop comment faire vu qu'il a déjà une classe... C'est possible de faire ça proprement sans balancer le javascript dans la boucle ?

Bovino · 07/07/2011, 11h32

Citation:

je vois pas trop comment faire vu qu'il a déjà une classe

un même élément peut avoir plusieurs classes :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<ul id="tree" class="filetree autreclasse encoreuneautre">

Shinosha · 07/07/2011, 11h34

Ahun

Merci ça marche.

07/07/2011, 11h07	#2
Shinosha Futur Membre du Club Étudiant Inscription : janvier 2008 Messages : 46 Détails du profil Informations personnelles : Sexe : Âge : 22 Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2008 Messages : 46 Points : 17 Points : 17	J'ai trouvé, c'est à cause de : Code : Sélectionner tout - Visualiser dans une fenêtre à part echo '<ul id="tree" class="filetree">'; Comme je boucle sur ça je lui demande de créer plusieurs tree avec comme id "tree", mais vu que les id sont uniques ben... Du coup je vois pas trop comment faire vu qu'il a déjà une classe... C'est possible de faire ça proprement sans balancer le javascript dans la boucle ?
	10

07/07/2011, 11h34	#4
Shinosha Futur Membre du Club Étudiant Inscription : janvier 2008 Messages : 46 Détails du profil Informations personnelles : Sexe : Âge : 22 Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2008 Messages : 46 Points : 17 Points : 17	Ahun Merci ça marche.
	00

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