Sleek Directory Navigator

Sleek Directory Navigator


Directory Navigator script allows you to display any directory on your website in an easy view format. All content is displayed in ascending alphabetical order with an option to switch from ascending to descending by clicking on the folder/file count text above the the files and folders. To display a directory’s contents just add the path to the function argument, or leave it blank to display the current directory.

You can style the CSS however you want to match your websites design. I tried my best to make it look as simple looking as possible to allow for it to be incorporated with many designs without looking out-of-place. Included in the zip is a read me file to help you get started.


  • Easy to integrate into any page.
  • Includes a breadcrumb navigation, for ease of use.
  • Displays how many files and folders are within a folder.
  • Alphabetically listed items.
  • Hide any file or folder which you don’t want the script to show.
  • Configurable file to easily add any extra file extensions too the list of 30+ already.
  • Add any custom extension icons.
  • Supports PHP4 and PHP5
  • 100% pure CSS, so it’s easily edited to your custom taste and needs.
  • HTML5 to live up to today’s web-standards.

Recent Updates


  • Removed unnecessary element ID causing HTML errors with multiple directory listings on the same page.


  • Removed jQuery requirement and replaced with plain JavaScript function. (Works on IE6-9, Firefox 3-9, Chrome)
  • Added arrows to indicate the sort order.
  • Updated CSS class names.


  • Revamped UI with icons
  • Changed file extensions to be case-insensitive
  • Removed Terabyte, Petabyte etc. from size formatting function. I don’t think anyone will be needing those. ;)


  • Removed unnecessary loop which should speed up load times


  • Added support for international characters (eg. å, Å)


  • Fixed file counter skipping files with unknown extension


  • Cleaned up code dramatically
  • Added Google CDN jQuery file


  • Added the ability to hide files with certain extensions.
  • Improved code
  • Added more file types


  • Item icons are now part of the items link


  • Changed sorting to be case insensitive


  • Added more comments & cleaned code up
  • Removed extra slashes at the end of the folder paths
  • Added protection agaisnt extra slashes in parameter


  • Fixed an error when a directory name contained quotes.


  • Added size highlight when hovering over files.
  • Fixed unnecessary code. Should be a bit faster.
  • Removed duplicate file extension in icon list.
  • Displays an ’s’ by file/folder count only if plural.
  • Shortened URL ‘dir’ parameter to ‘d’.


  • Added spaces between slashes(/) and links in the navigation area.
  • All folders and files now sort in descending alphabetical order.
  • Added jQuery support for switching from descending and ascending alphabetical lists.
  • Changed a couple file icons and added more.
  • Home navigation link now shows as selected when viewing the home directory.
  • Links are styled blue by default.
  • Removed unnecessary lists and replaced them with divs.
  • Improved read-me file.


  • Fixed the / (slash) being part of the home link with defined directory.


  • Fixed file counter from counting hidden files. (Sorry)


  • Fixed clashing variables causing the file and folder count to be messed up.


  • Changed a big clumsy if statement to a nice neat one.  :P


  • Added folder count and if there’s no folders it’ll show files and then if there’s no files it’ll display “Empty”.
  • It now highlights the current directory in the navigator.
  • Optimized the code a lot more.


  • If you have already bought this item I recommend you update it.
  • Changed the file ignore to use full paths (e.g. if ”/myFolder/index.php” is ignored, it only finds it
    in the “myFolder” folder not all your files).
  • Minor fixes and improvements.


PM me with any inquiries you may have. If there’s any errors I’ve probably forgot to add or change something, just message me and I’ll fix it!  :)


Author Image