943,975 Members | Top Members by Rank

Web Development > JavaScript / DHTML / AJAX > Dynamic pull out menus
Ad:
Permalink
Jun 21st, 2004
0

Dynamic pull out menus

Expand Post »
Hi all, I'm new here, but I've been designing web pages for a while.

I just have a few questions regarding pull down menus. I want to design my own (learn the concept etc.), but I'm kind of confused on what to use to make them: Jacascript, ASP, DHTML? What is the best, most browser compatible out there?

(to give you an idea, i'm looking into designing something similiar to the Thread Tools/Search This Thread etc. at the top here).

Thanks for all of your time!
(Some of my work: Kahr's Carving, Halo 2: United )
Reputation Points: 10
Solved Threads: 0
Newbie Poster
moose41 is offline Offline
11 posts
since Jun 2004
Permalink
Jun 21st, 2004
0

Re: Dynamic pull out menus

The menus would need to be done with a client-side language as opposed to server-side. Therefore, languages such as ASP and PHP are out. The menus here were created with a combination of DHTML and JavaScript. (DHTML for the menu itself, and JavaScript in the HTML code to call the function). Your best bet is to check out www.dynamicdrive.com - they have a bunch of similar working code snippets that will help give you ideas. No better way to learn than by example.
Administrator
Staff Writer
Reputation Points: 1422
Solved Threads: 162
The Queen of DaniWeb
cscgal is offline Offline
13,645 posts
since Feb 2002
Permalink
Jun 21st, 2004
0

Re: Dynamic pull out menus

Quote originally posted by cscgal ...
The menus would need to be done with a client-side language as opposed to server-side. Therefore, languages such as ASP and PHP are out. The menus here were created with a combination of DHTML and JavaScript. (DHTML for the menu itself, and JavaScript in the HTML code to call the function). Your best bet is to check out www.dynamicdrive.com - they have a bunch of similar working code snippets that will help give you ideas. No better way to learn than by example.
Thanks a lot, cscgal!

Been looking to do this for some time, but wasn't sure where to get started.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
moose41 is offline Offline
11 posts
since Jun 2004
Permalink
Jun 22nd, 2004
0

Re: Dynamic pull out menus

Like Dani said, this would be done with client side scripting. and in this case, Javascript.

Check out www.dynamicdrive.com or even viewing the source of this forum to check out the .js.
Reputation Points: 12
Solved Threads: 3
Posting Whiz in Training
rixius is offline Offline
212 posts
since Nov 2003
Permalink
Jun 22nd, 2004
0

Re: Dynamic pull out menus

Quote originally posted by rixius ...
Like Dani said, this would be done with client side scripting. and in this case, Javascript.

Check out www.dynamicdrive.com or even viewing the source of this forum to check out the .js.
I've implemented the menus (here: http://united.forerunners.org click 'Features'), but there i usually have to click it twice, why is there a delay there?

Also, there wasn't anything on dynamic drive (that i could find) about giving it the "wipe" or "slide" effect. It kind of just appears, which is fine, but i wanted something a bit niftier .

Thanks again for all your help.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
moose41 is offline Offline
11 posts
since Jun 2004
Permalink
Jun 22nd, 2004
0

Re: Dynamic pull out menus

i like your site but it really isnt set up for dynamic menues. it doesnt look good how they cover up the other buttons. maybe try adjusting the layout in a way so that they can pop out and not cover so much up.
Reputation Points: 152
Solved Threads: 39
Master Poster
Killer_Typo is offline Offline
778 posts
since Apr 2004
Permalink
Jul 8th, 2004
0

Re: Dynamic pull out menus

It looks good in IE, but when I browse to it in firefox, it looks pretty bad :/.

For just the sliding effect, well, you can search for just the effect itself on dynamic drive, I'm sure they'd have that, then just apply it to the whole div, or table you have as the dropout menu.
Reputation Points: 12
Solved Threads: 3
Posting Whiz in Training
rixius is offline Offline
212 posts
since Nov 2003
Permalink
Aug 2nd, 2004
0

Re: Dynamic pull out menus

You might also want to check out the example at "Drop-Down Menus, Horizontal Style" at "A List Apart" http://www.alistapart.com/articles/horizdropdowns/
Reputation Points: 10
Solved Threads: 0
Newbie Poster
saucer is offline Offline
2 posts
since Aug 2004
Permalink
Apr 12th, 2008
0

Re: Dynamic pull out menus

There is a problem with IE5 and IE6 to create this pull out menu.
I've created a solution on my website www.cartaomega.com.br. Look at file /scripts/global.js. The main function is:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1. function menuCss(elemento) {
  2. 	if (document.all&&document.getElementById) {
  3. 		if(document.getElementById(elemento)) {
  4. 			nav = document.getElementById(elemento);
  5. 			for (i=0; i<nav.childNodes.length; i++) {
  6. 				node = nav.childNodes[i];
  7. 				if (node.nodeName=="LI") {
  8. 					node.onmouseover=function() {
  9. 					this.className+=" over";
  10. 					}
  11. 					node.onmouseout=function() {
  12. 					this.className=this.className.replace(" over", "");
  13. 					}
  14. 				}
  15. 			}
  16. 		}
  17.  	}
  18. }
Reputation Points: 10
Solved Threads: 0
Newbie Poster
rafael.franco is offline Offline
2 posts
since Apr 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Help with Swapping Images onclick
Next Thread in JavaScript / DHTML / AJAX Forum Timeline: script/function to lock a mouse and keyboard.





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC