•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 373,936 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,907 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 7638 | Replies: 31
 |
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation: 
Rep Power: 5
Solved Threads: 17
Posting Pro in Training
There's more than one way to skin a cat...let me try something else.
•
•
Join Date: Sep 2006
Posts: 20
Reputation:
Rep Power: 2
Solved Threads: 0
Newbie Poster
•
•
•
•
Originally Posted by Deacon J 
There's more than one way to skin a cat...let me try something else.
Well Good Luck! :-P
Thanks again.. I really do appreciate this ^_^
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation:
Rep Power: 5
Solved Threads: 17
Posting Pro in Training
Re: Easy drop down menu? Ha!
I knew I'd figure it out eventually.
I based it on the Suckerfish menu...but it works very similar to my first post.
Simply add your items to the arrays in the javascript file and customize with the css file.
The float selector in the CSS file is still required for the javascript to dynamically write the menus...so don't delete it. It is used to keep the top-level menu items in the same order no matter which margin the menu is floated on.
DJ
I knew I'd figure it out eventually.
I based it on the Suckerfish menu...but it works very similar to my first post.
Simply add your items to the arrays in the javascript file and customize with the css file.
The float selector in the CSS file is still required for the javascript to dynamically write the menus...so don't delete it. It is used to keep the top-level menu items in the same order no matter which margin the menu is floated on.
DJ
Last edited by FC Jamison : Sep 14th, 2006 at 1:12 am.
•
•
Join Date: Sep 2006
Posts: 20
Reputation:
Rep Power: 2
Solved Threads: 0
Newbie Poster
AWESOME! THanks a lot!
I'll implement it into my code and let you know how it works
Really appreciate this!
I'll implement it into my code and let you know how it works
Really appreciate this!
•
•
Join Date: Sep 2006
Posts: 20
Reputation:
Rep Power: 2
Solved Threads: 0
Newbie Poster
Ignore post: Found out my problem
Last edited by Mikeish : Sep 15th, 2006 at 3:31 am.
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation:
Rep Power: 5
Solved Threads: 17
Posting Pro in Training
#topMenu li #flyMenu3_6 {
margin: -21px 0 0 135px;
width:167px;
}is one of the styles to control the position of the flyout menus
you need one of these for each flyout
•
•
Join Date: Sep 2006
Posts: 20
Reputation:
Rep Power: 2
Solved Threads: 0
Newbie Poster
•
•
•
•
Originally Posted by FC Jamison
#topMenu li #flyMenu3_6 { margin: -21px 0 0 135px; width:167px; }
is one of the styles to control the position of the flyout menus
you need one of these for each flyout
I've gone ahead and done what I can about those, however there's still a slight difference in FF and IE when you go down to try and do third level... but I've gotten it set up to work up pretty well so I think that'll do it.
Thanks a lot!!
--Mike
•
•
Join Date: Sep 2006
Location: Broken Arrow, OK
Posts: 31
Reputation:
Rep Power: 2
Solved Threads: 0
Light Poster
Hello all.
cath120,
Here's an alternative that might work for you.
[html]http://www.serve.com/apg/workshop/cssMenu.html[/html]
It uses nested unordered lists of links and css styles to "hide" the drop down links until mouseover.
I hope this helps.
Peace
cath120,
Here's an alternative that might work for you.
[html]http://www.serve.com/apg/workshop/cssMenu.html[/html]
It uses nested unordered lists of links and css styles to "hide" the drop down links until mouseover.
I hope this helps.
Peace
•
•
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation:
Rep Power: 5
Solved Threads: 17
Posting Pro in Training
I have posted a tutorial on this site at http://www.daniweb.com/tutorials/tutorial55309.html which may help those in need of a simple dropdown menu along with a working example.
P.S. The example below at http://www.serve.com/apg/workshop/cssMenu.html did not work for me in IE 6.
P.S. The example below at http://www.serve.com/apg/workshop/cssMenu.html did not work for me in IE 6.
Last edited by FC Jamison : Sep 20th, 2006 at 11:36 pm.
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
Linear Mode
- Javascript generated drop down menu (JavaScript / DHTML / AJAX)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Encrypting Session Data
- Next Thread: Help with Javascript
