PDA

View Full Version : ChromeMenu "undefined" link display



petroglyphic
03-16-2011, 08:22 PM
1) Script Title: ChromeMenu Dropdown

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/chromejs/chrome.js

3) Describe problem: The parent-level links in the menu (CLOTHING and CONCEPTS) display "undefined" (no quotation marks) after the link copy. I have not changed the .js other than commenting out the dropdown arrow. My page is not on the web, but here is my HTML:


<div id="header">
<div id="chromemenu" class="headerNav">
<ul>
<li class="cart"><a href="#">(0)</a></li>
<li><a href="#" rel="dropmenu1">CLOTHING</a></li>
<li><a href="#" rel="dropmenu2">CONCEPTS</a></li>
</ul>
</div>

<!--Header Dropdown Menus-->
<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="#">JACKETS &amp; VESTS</a>
<a href="#">PANTS</a>
<a href="#">SHIRTS</a>
</div>

<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv">
<a href="#">WHY OSMIUM?</a>
<a href="#">PHILOSOPHY</a>
<a href="#">THE PERFECT SHIRT</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

<img class="logo" src="images/OSMIUM_header.gif" />
<img src="images/Osmium_line.gif" />
<!--close header--></div>


Here is the demo HTML:


<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>

<!--3rd drop down menu -->
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="http://www.google.com/">Google</a>
<a href="http://www.yahoo.com">Yahoo</a>
<a href="http://www.msn.com">MSN</a>
</div>


<script type="text/javascript">

cssdropdown.startchrome("chromemenu")

</script>


I can't find the difference between my code and the demo!!??

Thanks, Susan