1) Script Title: Drill Down Menu (v1.6)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...lldownmenu.htm
3) Describe problem:
The script works fine when the list is short. But I am working with an enormous list with a lot of duplicate information, which makes it very buggy. Internet Explorer doesn't even open it.
The best way to speed things up would be (imho) to load some child-elements (especially the duplicate elements) with AJAX.
So i added this to the header:
And used jQuery 1.7.2 instead of jQuery 1.3.4Code:<script type="text/javascript"> jQuery.ajax({ url: "list.html", cache: false }).done(function( html ) { jQuery(".result").append(html); }); </script>
What i did next is:
This speeds things up, but i found two bugs that i can't seem to solve with my limited knowledge of jQuery and JS.Code:<div id="drillmenu1" class="drillmenu"> <ul> <li><a href="#">Geslacht</a> <ul> <li><a href="#">Man</a><ul class="result"></ul></li> <li><a href="#">Vrouw</a><ul class="result"></ul></li> </ul> </li> </ul> </div>
1. When list.html contains a list with child-elements, it doesn't drilldown to them. It just lists everything below each other.
2. When it does that, it doesn't show a scrollbar in the drilldown menu.
For an expert i think this isn't to hard to fix, but i can't solve it after a day of trial and error.



Reply With Quote

Bookmarks