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:
Code:
<script type="text/javascript">
jQuery.ajax({
url: "list.html",
cache: false
}).done(function( html ) {
jQuery(".result").append(html);
});
</script>
And used jQuery 1.7.2 instead of jQuery 1.3.4
What i did next is:
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>
This speeds things up, but i found two bugs that i can't seem to solve with my limited knowledge of jQuery and JS.
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.
Bookmarks