User Name Password Register
DaniWeb IT Discussion Community
All
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 370,607 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,057 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: 6962 | Replies: 8
Reply
Join Date: Jun 2004
Posts: 11
Reputation: moose41 is an unknown quantity at this point 
Rep Power: 5
Solved Threads: 0
moose41 moose41 is offline Offline
Newbie Poster

Dynamic pull out menus

  #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 )
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Feb 2002
Location: Lawn Guylen, NY
Posts: 10,871
Reputation: cscgal is just really nice cscgal is just really nice cscgal is just really nice cscgal is just really nice cscgal is just really nice 
Rep Power: 32
Solved Threads: 107
Admin
Staff Writer
cscgal's Avatar
cscgal cscgal is offline Offline
The Queen of DaniWeb

Re: Dynamic pull out menus

  #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.
Reply With Quote  
Join Date: Jun 2004
Posts: 11
Reputation: moose41 is an unknown quantity at this point 
Rep Power: 5
Solved Threads: 0
moose41 moose41 is offline Offline
Newbie Poster

Re: Dynamic pull out menus

  #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.
Reply With Quote  
Join Date: Nov 2003
Location: California
Posts: 199
Reputation: rixius is an unknown quantity at this point 
Rep Power: 5
Solved Threads: 1
rixius rixius is offline Offline
Junior Poster

Re: Dynamic pull out menus

  #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.
Reply With Quote  
Join Date: Jun 2004
Posts: 11
Reputation: moose41 is an unknown quantity at this point 
Rep Power: 5
Solved Threads: 0
moose41 moose41 is offline Offline
Newbie Poster

Re: Dynamic pull out menus

  #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.
Reply With Quote  
Join Date: Apr 2004
Location: Tracy
Posts: 743
Reputation: Killer_Typo will become famous soon enough Killer_Typo will become famous soon enough 
Rep Power: 7
Solved Threads: 31
Killer_Typo's Avatar
Killer_Typo Killer_Typo is offline Offline
Master Poster

Re: Dynamic pull out menus

  #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.
!!!!! WARNING YOUR COMPUTER MAY BE INFECTED WITH SPYWARE!!!! PAY AN OVER PRICED AMMOUNT TO HAVE SOMTHING FIXED WE PLACED THERE IN THE FIRST PLACE!!!!!!!!!

sound familiar, know how to block yourself and keep yourself clean.
_____________________
http://www.lavasoftusa.com/ -->adaware
http://www.safer-networking.org/en/index.html -->spybot S&D
http://www.javacoolsoftware.com/spywareblaster.html -->spywareblaster
http://www.javacoolsoftware.com/spywareguard.html -->spywareguard
_____________________
and dont forget to spread the reputation to those that deserve!
Reply With Quote  
Join Date: Nov 2003
Location: California
Posts: 199
Reputation: rixius is an unknown quantity at this point 
Rep Power: 5
Solved Threads: 1
rixius rixius is offline Offline
Junior Poster

Re: Dynamic pull out menus

  #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.
Reply With Quote  
Join Date: Aug 2004
Posts: 2
Reputation: saucer is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
saucer saucer is offline Offline
Newbie Poster

Re: Dynamic pull out menus

  #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  
Join Date: Apr 2008
Posts: 2
Reputation: rafael.franco is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
rafael.franco rafael.franco is offline Offline
Newbie Poster

Re: Dynamic pull out menus

  #9  
Apr 11th, 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:

function menuCss(elemento) {
	if (document.all&&document.getElementById) {
		if(document.getElementById(elemento)) {
			nav = document.getElementById(elemento);
			for (i=0; i<nav.childNodes.length; i++) {
				node = nav.childNodes[i];
				if (node.nodeName=="LI") {
					node.onmouseover=function() {
					this.className+=" over";
					}
					node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
					}
				}
			}
		}
 	}
}
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

DaniWeb JavaScript / DHTML / AJAX Marketplace
Thread Tools Display Modes

Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

All times are GMT -4. The time now is 6:37 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC