JavaScript / DHTML / AJAX RSS JavaScript / DHTML / AJAX RSS

Dynamic pull out menus

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Jun 2004
Posts: 11
Reputation: moose41 is an unknown quantity at this point 
Solved Threads: 0
moose41 moose41 is offline Offline
Newbie Poster

Dynamic pull out menus

 
0
  #1
Jun 21st, 2004
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 )
http://united.forerunners.org/moosesig.jpg
Reply With Quote Quick reply to this message  
•
•
Join Date: Feb 2002
Posts: 12,036
Reputation: cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light 
Solved Threads: 129
Administrator
Staff Writer
cscgal's Avatar
cscgal cscgal is offline Offline
The Queen of DaniWeb

Re: Dynamic pull out menus

 
0
  #2
Jun 21st, 2004
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.
Dani the Computer Science Gal
Follow my Twitter feed! twitter.com/daniweb
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 11
Reputation: moose41 is an unknown quantity at this point 
Solved Threads: 0
moose41 moose41 is offline Offline
Newbie Poster

Re: Dynamic pull out menus

 
0
  #3
Jun 21st, 2004
•
•
•
•
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.
http://united.forerunners.org/moosesig.jpg
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2003
Posts: 207
Reputation: rixius is an unknown quantity at this point 
Solved Threads: 1
rixius rixius is offline Offline
Posting Whiz in Training

Re: Dynamic pull out menus

 
0
  #4
Jun 22nd, 2004
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.
Google Chrome Message Board / Internet Marketing Strategy & SEO Techniques / Photoshop Tutorials
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 11
Reputation: moose41 is an unknown quantity at this point 
Solved Threads: 0
moose41 moose41 is offline Offline
Newbie Poster

Re: Dynamic pull out menus

 
0
  #5
Jun 22nd, 2004
•
•
•
•
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.
http://united.forerunners.org/moosesig.jpg
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2004
Posts: 759
Reputation: Killer_Typo will become famous soon enough Killer_Typo will become famous soon enough 
Solved Threads: 35
Killer_Typo's Avatar
Killer_Typo Killer_Typo is offline Offline
Master Poster

Re: Dynamic pull out menus

 
0
  #6
Jun 22nd, 2004
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.
Dont forget to spread the reputation to those that deserve!
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2003
Posts: 207
Reputation: rixius is an unknown quantity at this point 
Solved Threads: 1
rixius rixius is offline Offline
Posting Whiz in Training

Re: Dynamic pull out menus

 
0
  #7
Jul 8th, 2004
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.
Google Chrome Message Board / Internet Marketing Strategy & SEO Techniques / Photoshop Tutorials
Reply With Quote Quick reply to this message  
•
•
Join Date: Aug 2004
Posts: 2
Reputation: saucer is an unknown quantity at this point 
Solved Threads: 0
saucer saucer is offline Offline
Newbie Poster

Re: Dynamic pull out menus

 
0
  #8
Aug 2nd, 2004
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/
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2008
Posts: 2
Reputation: rafael.franco is an unknown quantity at this point 
Solved Threads: 0
rafael.franco rafael.franco is offline Offline
Newbie Poster

Re: Dynamic pull out menus

 
0
  #9
Apr 12th, 2008
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. }
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate array automatically beta box browser bug calendar captchaformproblem cart checkbox close codes column createrange() css cursor date debugger decimal dependent design dom download dropdown element embed enter error events firefox focus form frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 iframe images index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsfile jsp libcurl listbox maps masterpage media menu microsoft mimic mp4 onmouseover paypal php player position post problem programming progressbar prototype redirect regex runtime safari scale scriptlets search security select size software sql text textarea unicode w3c website window windowofwords windowsxp
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC