Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 29/01/2012, 19h30   #1
Invité de passage
 
Inscription : avril 2010
Messages : 29
Détails du profil
Informations personnelles :
Âge : 38
Localisation : France, Gironde (Aquitaine)

Informations forums :
Inscription : avril 2010
Messages : 29
Points : 2
Points : 2
Par défaut jqueryFileTree avec fancybox

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

Code :
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 :
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 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/01/2012, 20h03   #2
Invité de passage
 
Inscription : avril 2010
Messages : 29
Détails du profil
Informations personnelles :
Âge : 38
Localisation : France, Gironde (Aquitaine)

Informations forums :
Inscription : avril 2010
Messages : 29
Points : 2
Points : 2
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 :
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'
				});
            });
masiuxus est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 13h55.


 
 
 
 
Partenaires

Hébergement Web