NiceSEO’s VKontakte Crossposter

Бесплатный плагин для Wordpress для автоматического кросспостинга в паблик ВКонтакте

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

derevo-papok-failov-na-php-jquery

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

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

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

2015-07-25 linur screen 005

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

2015-07-25 linur screen 006

 

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

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

 

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

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

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

2015-07-25 linur screen 007

 

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

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

Статью подготовил linur, Специально для NiceSEO.ru, 25 июля 2015 года. При копировании не забывайте о ссылке на источник.
  • http://seoonly.ru/ seoonly.ru

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

Я также состою в:
Лучшая веб-студия!
Яндекс.Метрика
© 2011-2017 NiceSeo.ru