Discussion :

[masiuxus]

Bonjour.
J'utilise la jqueryFileTree pour afficher l'arborescence de répertoires.
Dans le code PHP qui affiche les fichiers, on peut lire :

Code :

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

1
2
 
echo "<li class=\"file ext_$ext\"><a href=\"" . htmlentities($_POST['dir'] . $file) . "\" class=\"pdf\" rel=\"" . htmlentities($_POST['dir'] . $file) . "\">" . htmlentities($file) . "</a></li>";

J'ai moi-même ajouté class="pdf" afin de pouvoir ouvrir les fichiers (tous des documents PDF) dans une fancybox, en ayant au préalable paramétré les choses ainsi :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$('a.pdf').fancybox({
					'transitionIn'	:	'elastic',
					'transitionOut'	:	'elastic',
					'width'		: 	'100%',
					'height'		:	'100%',
					'speedIn'		:	600, 
					'speedOut'		:	200, 
					'type'			: 	'iframe'
			});

Le soucis est que les documents s'ouvrent dans un nouvel onglet, et je ne vois pas pourquoi.
Si quelqu'un connait jqueryFileTree et sait comment y remédier ...

Merci d'avance.

[masiuxus]

Bon, mea culpa ... J'avais cherché pas mal de temps avant mon post, et la solution est venue après ...

Pour info, il faut juste insérer :

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
 
$('#contenu').fileTree({
                root: './<le répertoire>/',
                folderEvent: 'click',
                expandSpeed: 750,
                collapseSpeed: 750,
            },  function(file) {
                    $.fancybox(file,{
					'transitionIn'	:	'elastic',
					'transitionOut'	:	'elastic',
					'width'			: 	'100%',
					'height'		:	'100%',
					'speedIn'		:	600, 
					'speedOut'		:	200, 
					'type'			: 	'iframe'
				});
            });