Looking for help with javascript: void(0)

[maxbrad124]

I have created a number of items in the main menu of my site that im not looking to link anywhere, they are merely there as a kind of header for the sub-menu.

In Joomla 1.7 the only thing I can see to use as the menu's type is 'text separator' but when hovering over the menu item you see that it is linked to 'javascript: void(0)'. In Joomla 1.5 you could select the type 'separator' for this and everything would work fine.

I can see the following tag around the menu item:

Code: Select all

<a href="javascript: void(0)">

How would I go about removing this?

[bigbangireland]

You could try "External URL" and entering # in the link field.

[maxbrad124]

Thanks, that's gotten rid of the javascript link but, if its possible, I would prefer it not to link anywhere at all.

[bigbangireland]

Very strange, I just tried separator it and it works fine.

Are you using a 3rd party module for your menu or a template that overrides the core mod_menu?

Is there a folder here?
/templates/YOUR_TEMPLATE/html/mod_menu/

[maxbrad124]

Yeah, im using the Jsn Epic template. There are 4 files in that folder:

default.php
default_component.php
default_separator.php
default_url.php

The default_separator.php file has this in it:

Code: Select all

<a href="javascript: void(0)">
	<span>
		<?php 			
		if ($item->anchor_title) {
			echo '<span class="jsn-menutitle">'.$linktype.'</span>';
			echo '<span class="jsn-menudescription">'.$item->anchor_title.'</span>';		
		} else {
			echo $linktype;
		}
		?>
	</span>
  </a>

I have tried to remove the <a> tag but it breaks the whole menu...

[bigbangireland]

Sorted then, just remove these lines in default_separator.php

Code: Select all

<a href="javascript: void(0)">

</a>

Then test your menu. Depending on the CSS and JS used in the template it may fail.

[maxbrad124]

I changed

<a href="javascript: void(0)">

to

<a onmouseover="this.style.cursor='pointer'">

The item's aren't showing up as links any more! Thanks for your help

[bigbangireland]

That's no better than how it was. An anchor needs a href to be valid.

Delete the link and add this to the existing span.

Code: Select all

<span style="cursor:pointer">

Or better yet add the CSS externally.

Code: Select all

#menu-id span {
  cursor:pointer
}

[Ameenaazeez]

Hi maxbrad124 , the error you are getting is not a critical error, but certainly is frustrating. The problem may be lying within your internet browser. I would suggest you to follow the steps given in the website, https://appuals.com/solved-javascriptvoid0/. Hope it helps you out and many others.