/ best free open source web resources /

Graphic Resources

How to Create a Drag & Drop Sortable Sitemap with jQuery

Posted · Category: License Free, Tools

Yesterday, we have just mentioned SlickMap CSS, which is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. Now we have a great tutorial of Creating a Draggable Sitemap with jQuery.

There are a handful of javascript libraries and plugins available that attempt this task, but none of them worked flawlessly. After a number of failed attempts, BoagWorld has ended up a slick solution, building a drag-and-drop sortable sitemap with jQuery.

jQuery Sitemap

Requirements: jQuery Framework
Demo: http://boagworld.com/demos/sitemap
License: License Free

  • Now, how about merging this with the slickmap css. Go into edit mode, drag and drop, add new pages. Then save and see it with the Slickmap CSS.

  • I can’t seem to figure out, how to update the position in the database, using ajax. Any help would be welcome

  • Evert

    trying to do that to, reading out of the database works fine but it is te update :)

    anyway can help?

  • Anyone figured a way to serialize the updated sitemap so that it can be updated in the database?

  • Hi,

    I could do with this too, has anybody sussed it out.


  • Musa


    Thanks for the great tuto but the app isn’t completed, is it possible yo have it completed?

    Thanks in advance!

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons