PDA

View Full Version : Resolved <a href "#"> is linking to an error page.



maximumovertime
12-17-2008, 03:21 AM
1) Script Title:All Levels Navigational Menu (v1.5)

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

3) Describe problem: Script has been re-configured so that the menus expand on click rather than on mouseover.

The problem is that when you click on a button that I have created to open the menu, it becomes an active link to an error page.

I have tried changing the <a href "#"> values in the line of code below but cannot seem to correct the problem.


<li><a href="#" rel="ddsubmenuside1"><img src="http://www.lotstoshopforcash.com/images/Products on this page button_0.png" onmouseover="this.src='/images/Products on this page button_1.png';" onmouseout="this.src='/images/Products on this page button_0.png';" border="0" ></a></li>

The url to the page is:
http://www.lotstoshopforcash.com/Test%20page.htm#

The link to the page is also of concern to me as there is the # symbol at the end of the url address. This is not how the file is named and was wondering if that may cause problems with the url to this page when I re-name the file name for my site?

Is that meant to appear at the end of the address?

If anyone can help, then that would be great. I have also attached the 'ddlevelsmenu.js' for the on click event instead of mouseover.
Thanks.
:confused:

ddadmin
12-17-2008, 10:42 AM
From what I gather you're asking how to disable the hyperlink for the top level menu buttons (so clicking on them have no effect)? If so, find the below lines in the .js file, and add to it the code in red:


if (istoplevel){
this.addEvent(header, function(e){
ddlevelsmenu.hidemenu(ddlevelsmenu.subuls[this._master][parseInt(this._pos)])
e.preventDefault()
return false
}, "click")
}

dmwhipp
02-13-2009, 07:00 PM
I am trying to do something very similar with the following menu:

BLM MultiLevel Effects Menu
http://www.dynamicdrive.com/dynamicindex1/blmmenu/index.htm

My test page is here: http://www.flimpact.org/testmenu.html

Here is my menu code:


<div class="mlmenu vertical delay menuback accessible">
<ul>
<li><a class="menu" href="#"><font class="space">&nbsp;</font><br />About Us</a></li>
<li><a class="menu" href="/ptech.html"><font class="space2">&nbsp;</font><br />Partnership To End<br />Childhood Hunger</a></li>
<li><a class="menu" href="#"><font class="space">&nbsp;</font><br />Resources For Families</a>
<ul>
<li><a class="menu" href="/resources/healthcare.html"><font class="space">&nbsp;</font><br />Healthcare</a></li>
<li><a class="menu" href="/resources/nutrition.html"><font class="space">&nbsp;</font><br />Nutrition</a></li>
<li><a class="menu" href="/resources/housing.html"><font class="space">&nbsp;</font><br />Housing &amp; Utilities</a></li>
<li><a class="menu" href="/resources/income.html"><font class="space">&nbsp;</font><br />Income Assistance</a></li>
</ul>
</li>
<li><a class="menu" href="/yourvoice.html"><font class="space">&nbsp;</font><br />Let Your Voice Be Heard</a></li>
<li><a class="menu" href="#"><font class="space">&nbsp;</font><br />Publications</a>
<ul>
<li><a class="menu" href="/current.html"><font class="space">&nbsp;</font><br />Current Publications</a></li>
<li><a class="menu" href="/archives.html"><font class="space">&nbsp;</font><br />Archived Publications</a></li>
</ul>
</li>
<li><a class="menu" href="/board.html"><font class="space">&nbsp;</font><br />Board Of Directors</a></li>
<li><a class="menu" href="/staff.html"><font class="space">&nbsp;</font><br />Our Staff</a></li>
<li><a class="menu" href="/gallery.html"><font class="space">&nbsp;</font><br />Photo Gallery</a></li>
<li><a class="menu" href="/contact.html"><font class="space">&nbsp;</font><br />Contact Us</a></li>
</ul>
</div>


I would like to disable the links for just the three menu items which have href="#"

Is that possible with this menu also? Additionally, I would like to remove the mouse-over effect of font color change for these three items if possible.

Thanks,
Deborah