•
•
•
•
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 361,949 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,627 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: 6897 | Replies: 8
![]() |
•
•
Join Date: Jun 2004
Posts: 11
Reputation:
Rep Power: 5
Solved Threads: 0
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 )
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 )
•
•
Join Date: Feb 2002
Location: Lawn Guylen, NY
Posts: 10,866
Reputation:
Rep Power: 32
Solved Threads: 107
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
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Jun 2004
Posts: 11
Reputation:
Rep Power: 5
Solved Threads: 0
•
•
•
•
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.
Been looking to do this for some time, but wasn't sure where to get started.
•
•
Join Date: Nov 2003
Location: California
Posts: 199
Reputation:
Rep Power: 5
Solved Threads: 1
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.

Check out www.dynamicdrive.com or even viewing the source of this forum to check out the .js.
•
•
Join Date: Jun 2004
Posts: 11
Reputation:
Rep Power: 5
Solved Threads: 0
•
•
•
•
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.
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.
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!
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!
•
•
Join Date: Nov 2003
Location: California
Posts: 199
Reputation:
Rep Power: 5
Solved Threads: 1
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.
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.
•
•
Join Date: Aug 2004
Posts: 2
Reputation:
Rep Power: 0
Solved Threads: 0
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/
•
•
Join Date: Apr 2008
Posts: 2
Reputation:
Rep Power: 0
Solved Threads: 0
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:
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", "");
}
}
}
}
}
}![]() |
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
- Beginner CSS Help/ (HTML and CSS)
- Help with dynamic menu (HTML and CSS)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Help with Swapping Images onclick
- Next Thread: script/function to lock a mouse and keyboard.



Linear Mode