Лёгкий PHP-скрипт древовидного вывода содержимого папки

Всем привет! Сегодня решение простейшей, казалось бы, задачи — функция древовидного представления файловой системы с анимацией открытия папок, и всё это — всего в нескольких строках кода в одном php файле! В конце статьи — бонус, для Joomla

Условия следующие — есть папка на хостинге, нужно на определенной странице сделать вывод примерно как в «Проводнике» Windows, короче говоря, с древовидной структурой.

Для простоты эксперимента назовём наш файл niceseo_tree.php и положим в корень сайта. Пусть это будет сайт на Joomla, а папку, которую нужно вывести — components.

2015-07-25 linur screen 005

Зайдём через браузер на страничку и вуаля:

2015-07-25 linur screen 006

 

Красота, да и только :D

Теперь непосредственно к коду. Файл получился 4 с лишним килобайта, по большей части за счёт картинок, которые в нём вшиты. Вот он niceseo_tree, и вот весь его код (21 строка, но можно оптимизировать и уменьшить):

 

‘.$e.’

‘;}else{echo’

‘;}}}
?>

 

Как видно, меняем лишь первую строчку, остальное не трогаем, и всё работает на ура! JQuery подключается ссылкой на оффсайт, никаких лишних скриптов наш niceseo_tree не тянет!

Bonus! Как отобразить структуру какой-либо папки в Joomla, привязав к пункту меню!

Создаём пункт меню, выбираем Wrapper, и пишем путь к нашему скрипту:

2015-07-25 linur screen 007

 

Заходим на сайт, и любуемся свежеиспечённым пунктом меню, показывающим древовидный файл-менеджер прямо внутри шаблона сайта:

2015-07-25 linur screen 008 За сим всё, до скорых встреч! Если возникли вопросы, вэлкам ту каменты, помогу и обьясню!

Древовидная структура папок рулит?
Конечно, очень удобноНу не знаю, может бытьНеудобно, но приходится пользоватьсяСвой ответ (в комментарии)

Оцените статью!

5 (100%) всего голосов: 1

Понравилась статья? Поделиться с друзьями:
Комментариев: 1
  1. seoonly.ru

    Спс за скрипт-)

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Для отправки сообщения выберите лишнее изображение