jQuery File Tree est un plugin jQuery fonctionnant en AJAX qui permet d'explorer facilement un dossier. Ainsi en quelques lignes de codes vous pourrez parcourir un dossier pour votre front ou back office.

Vous avez une démo à cette adresse : http://labs.abeautifulsite.net/archived/jquery-fileTree/demo/

Les dossiers peuvent être ouverts plusieurs à la fois ou non, avec un effet de rebond lors de l'ouverture ... Les choix sont vastes.

Vous pourrez l'utiliser sur différents serveurs car son créateur à l'a programmé en PHP, ASP, ASP.NET, JPS et Lasso.

Compatibilité

Niveau compatibilités voici le minimum requis :

• jQuery 1.2.6
• Internet Explorer 6
• Firefox 2
• Safari 3
• Google Chome
• Opera 9

Utilisation

Super simple à mettre en place

JavaScript :

$(document).ready( function() {
    $('#explorateur').fileTree({
        root: '../son/dossier/'
    }, function(file) {
        alert(file); //Donne le lien du fichier (relatif)
    });
});

HTML :

<div id="explorateur"></div>

Et voici la documentation : http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/#configuring

Téléchargement

Vous pouvez télécharger la dernière version ici : http://labs.abeautifulsite.net/archived/jquery-fileTree/

Demo

2013-12-08 19:17:24

Source

http://lemon-cake.fr/?p=55