Go Back   CodingForums.com > :: Client side development > JavaScript programming

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-16-2005, 01:28 PM   PM User | #1
a4udi
Regular Coder

 
Join Date: Jan 2005
Posts: 181
Thanks: 5
Thanked 0 Times in 0 Posts
a4udi is an unknown quantity at this point
Simple Javascript Menu

Okay, I can't believe I can't find this (I've searched, yes!) but I want a very basic javascript menu that I can attach to my images.

So, I've got my nav images in a vertical row on the left hand side of the page, and when I rollover I just want a submenu to appear to the right which I can add more sections too. Does anyone know off the top of their head something that would do the trick for me? I would really appreciate it. Thanks!
a4udi is offline   Reply With Quote
Old 09-16-2005, 01:48 PM   PM User | #2
nikkiH
Senior Coder

 
nikkiH's Avatar
 
Join Date: Jun 2005
Location: Near Chicago, IL, USA
Posts: 1,973
Thanks: 1
Thanked 32 Times in 31 Posts
nikkiH is on a distinguished road
HVMenu allows you to use images (rollovers) for the links and can have as many submenus as you want.
__________________

If this post contains any code, I may or may not have tested it. It's probably just example code, so no getting knickers in a bunch over a typo, OK? If it doesn't have basic error checking in it, such as object detection or checking if objects are null before using them, put that in there. I'm giving examples, not typing up your whole app for you. You run code at your own risk.
Bored? Visit
http://www.kaelisspace.com/
nikkiH is offline   Reply With Quote
Old 09-17-2005, 06:06 AM   PM User | #3
a4udi
Regular Coder

 
Join Date: Jan 2005
Posts: 181
Thanks: 5
Thanked 0 Times in 0 Posts
a4udi is an unknown quantity at this point
Thanks, that's exactly what I was looking for!

Is there any way to have it move with the page, for instance if my webpage is centered, to have it stay over the same spot on the page when the user resized the browser?
a4udi is offline   Reply With Quote
Old 09-19-2005, 01:55 PM   PM User | #4
nikkiH
Senior Coder

 
nikkiH's Avatar
 
Join Date: Jun 2005
Location: Near Chicago, IL, USA
Posts: 1,973
Thanks: 1
Thanked 32 Times in 31 Posts
nikkiH is on a distinguished road
Not sure what you mean, but you can use either relative or absolute positioning with that one. Read the README type file that comes with. It says how to do that.
__________________

If this post contains any code, I may or may not have tested it. It's probably just example code, so no getting knickers in a bunch over a typo, OK? If it doesn't have basic error checking in it, such as object detection or checking if objects are null before using them, put that in there. I'm giving examples, not typing up your whole app for you. You run code at your own risk.
Bored? Visit
http://www.kaelisspace.com/
nikkiH is offline   Reply With Quote
Old 09-19-2005, 05:22 PM   PM User | #5
NimbusSoftware
New Coder

 
Join Date: Apr 2005
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
NimbusSoftware is an unknown quantity at this point
Yes, you can...I think

look for this line...
Code:
	var TargetLoc='';  // span id for relative positioning
in exmplmenu_var.js. Change the '' to 'movingSpan'. In your web page add...
Code:
<span id='movingSpan' style='positon:reletive'></span>
That should work.
NimbusSoftware is offline   Reply With Quote
Old 09-25-2005, 05:26 PM   PM User | #6
a4udi
Regular Coder

 
Join Date: Jan 2005
Posts: 181
Thanks: 5
Thanked 0 Times in 0 Posts
a4udi is an unknown quantity at this point
NimbusSoftware, I made a couple tweaks to your code, but that worked perfectly! Thank you so much!
a4udi is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:06 PM.


Advertisement
Log in to turn off these ads.