Forum Home Enhancements - Dropdown Menu box for Links/Urls

As a result of this post https://vborg.vbsupport.ru/showthrea...82#post1697782

I've come up with a small modification that will allow admins to include a small dropdown box in the forum discription. With this mod you will be able to add a few or hundreds of urls and links without filling up your forum.




This is really easy, all you need to do is to copy the following code to notepad on your PC and save it as subnav.js

function go_nav() {
	
  if (document.getElementById && document.createTextNode) {	
	
	var user_link = document.getElementById("my_links").value;	
    
	window.location = user_link;
	
	return false;
	
  }
  
}

or you can just download the zip file

then you need to upload the subnav.js file to your forums root directory.

The next stage is the code where you edit your urls etc...

<div id="drop_box_nav">
<form action="#" onsubmit="return go_nav();">
<select name="my_links" id="my_links">
  <option value="http://www.ukbusinesslive.co.uk">UKBusinesslive Store</option>
  <option value="http://www.ukbusinesslive.co.uk/topsite">Topsite</option>
  <option value="http://www.google.com">Google</option>
  <option value="http://www.ukbusinesslive.co.uk/links/">UKBL Links</option>
</select>
&nbsp;&nbsp;
<input type="submit" name="sub_nav" id="sub_nav" value="Go to URL" />
</form>
</div>
<script type="text/javascript" src="subnav.js"></script>

Within that code you need to edit your urls and description in the option values

 <option value="http://www.ukbusinesslive.co.uk">UKBusinesslive Store</option>

I've only done 4 in the above but you can add as little or as many as you need by simply adding more option values as in the code above.

Once you've saved your edit, you can upload it to a forum, what i did was to create a new forum called "Quick Links" and then paste all of that code into the Forum Description.

Thats all there is to it, Feel free to experiment with this and remember to post a link here if you want to show off your new dropbox.

Enjoy



*****************************UPDATE*************** *******************
4th Jan 2009

Please find below an .xml file, This is the Menubox done within a Module for vBa

It's the actual module with the default url still in place. (You need to edit these - Unless you want a link to my site )
Anyone with vBa3 can upload it via the vBa control panel.
Lower versions of vBa may need to edit the .xml file.
REMEMBER you still need to upload the subnav.js file to your forum root

Many Thanks to Mal for this Code

Enjoy
*****************************UPDATE*************** *******************

12 January 2009

To Open in new Browser Window

To get the link to open in a new browser window, what you do is add the target="_blank" attribute to your link tag, like this in your Menu Links area

<option value="http://www.ukbusinesslive.co.uk" target="_blank">UKBusinesslive Store</option>

If you do that to the ones that you want to open in a new window, then you don't navigate away from your site

[realdx]

Anyway to implent the target_blank option in the vbadvanced module? I tried but with no results.. thanks!!

[Alucard^]

Good man, installed... I love it.

The only problem that I have, is that doesn't open in a new browser window. And I am using this:

PHP Code:

<div id="drop_box_nav">
<form action="#" onsubmit="return go_nav();">
<select name="my_links" id="my_links">
  <option value="http://www.google.com" target="_blank">Google</option>
  <option value="http://www.google.com" target="_blank">Google</option>
  <option value="http://www.google.com" target="_blank">Google</option>
  <option value="http://www.google.com" target="_blank">Google</option>
</select>
&nbsp;&nbsp;
<input type="submit" name="sub_nav" id="sub_nav" value="Go to URL" />
</form>
</div>
<script type="text/javascript" src="subnav.js"></script> 


[Cla75]

Hi guys, I need your help
I uploaded the file in the root ... subnav.js
I opened a new forum and I have included in the description field

<div id="drop_box_nav">
<form action="#" onsubmit="return go_nav();">
<select name="my_links" id="my_links">
<option value="http://www.GOOGLE.com" target="_blank">GOOGLE</option>
</select>
&nbsp;&nbsp;
<input type="submit" name="sub_nav" id="sub_nav" value="Go to URL" />
</form>
</div>
<script type="text/javascript" src="subnav.js"></script>

on index the dropdown menu is visible, I see all the sub-menus, but if you click on "Go to URL" reload the forum index

why? can anyone help me please?

thanks