PDA

View Full Version : Help: Submenus not expanding



fjaccarino
09-14-2011, 01:58 PM
1) Script Title:

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem:
Submenus not expanding. In the code below I properly get the top level menu. Even the menu items that contain submenus correctly display the right arrow icon, but during mouseover I cannot see any expansion as expected. Am I missing something in a config somewhere? In the sample code below I want a submenu that shows "DELETE" for the 1st 11 menu items.

Thanks in advance for any suggestions.

FJ



<ul>
<li><a href="#" id="size0" class="menuItemSelected" onclick="updateSizeFilter('ALL','ALL',this); "><span id="size_ALL">ALL</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz1">DELETE</a></li></ul></li>

<li><a href="#" id="size1" class="menuItemUnSelected" onclick="updateSizeFilter('1','0-5',this); "><span id="size_1">0-5</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz2">DELETE</a></li></ul></li>

<li><a href="#" id="size2" class="menuItemUnSelected" onclick="updateSizeFilter('2','5-10',this); "><span id="size_2">5-10</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz3">DELETE</a></li></ul></li>

<li><a href="#" id="size3" class="menuItemUnSelected" onclick="updateSizeFilter('3','10-20',this); "><span id="size_3">10-20</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz4">DELETE</a></li></ul></li>

<li><a href="#" id="size4" class="menuItemUnSelected" onclick="updateSizeFilter('4','20-50',this); "><span id="size_4">20-50</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz5">DELETE</a></li></ul></li>

<li><a href="#" id="size5" class="menuItemUnSelected" onclick="updateSizeFilter('5','50-100',this); "><span id="size_5">50-100</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz6">DELETE</a></li></ul></li>

<li><a href="#" id="size6" class="menuItemUnSelected" onclick="updateSizeFilter('6','100+',this); "><span id="size_6">100+</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz7">DELETE</a></li></ul></li>

<li><a href="#" id="size7" class="menuItemUnSelected" onclick="updateSizeFilter('7','22-33',this); "><span id="size_7">22-33</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz8">DELETE</a></li></ul></li>

<li><a href="#" id="size8" class="menuItemUnSelected" onclick="updateSizeFilter('8','4-50',this); "><span id="size_8">4-50</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz9">DELETE</a></li></ul></li>

<li><a href="#" id="size9" class="menuItemUnSelected" onclick="updateSizeFilter('9','1-22',this); "><span id="size_9">1-22</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz10">DELETE</a></li></ul></li>

<li><a href="#" id="size10" class="menuItemUnSelected" onclick="updateSizeFilter('10','5-10',this); "><span id="size_10">5-10</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz11">DELETE</a></li></ul></li>

<li><a href="#" id="size11" class="menuItemUnSelected" onclick="updateSizeFilter('11','1-2',this); "><span id="size_11">1-2</span></a><ul><li><a href="#" class="menuItemUnSelected" id="xyz12">DELETE</a></li></ul></li>

<li><a href="#" id="size12" class="menuItemUnSelected customRange" onclick="overlay(12); "><span id="size_CUSTOM">Custom...</span></a></li>

</ul>

fjaccarino
09-14-2011, 02:06 PM
A piece of additional information. I just realized that this renders fine in Firefox but not IE. Am I missing something IE specific in my setup? I need to develop to IE unfortunately.

Thanks again in advance

FJ

ddadmin
09-15-2011, 05:33 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

fjaccarino
09-15-2011, 04:37 PM
I wish I could post a link. Unfortunately we are developing in an embedded browser in our proprietary workstations. Since I only needed one sub-menu item, I decided to include a small icon in the top-level menu item and triggered events from that icon.