Register free!
Search
 
     

The Green Industry's Resource Center


Click for Weather
Reply
 
Thread Tools Display Modes
  #1  
Old 02-22-2008, 07:42 PM
Dunn's's Avatar
Dunn's Dunn's is offline
LawnSite Bronze Member
 
Join Date: Mar 2006
Location: In a house, on a street
Posts: 1,548
Drop down navigation bar.

Hey everyone anyone know how to make drop down navigation bars.

I am thinking I need to make something like a mouseover image. Then making the text links.

Is that how you all have or would do it or is there a better way?


Thanks in advance for all replies.
Reply With Quote
  #2  
Old 02-24-2008, 04:08 PM
JDUtah's Avatar
JDUtah JDUtah is offline
LawnSite Silver Member
 
Join Date: Nov 2007
Location: UT
Posts: 2,671
solution

It takes a little understanding of java and css, which I don't have but I'll try to explain what I did... My new site will have them and I have a test of it uploaded. http://www.jdmowers.com/web2

Basically in the header, if you look, you can see me run menu.css and menu.js... the css file calls out what the drop down menu will look like (colors, sizes etc), and the js file contains the java that tells the browser how to do it(show it on mouseover etc.)... Running those files from your heading tags tells the browser how to handle the menu when it gets to it.

Then after running those two files from your heading tags, In your body tags when you get to your menu, you basically build a table, but in that table you tell it to run the java commands when the mouse is over certain cells in the table.. It's hard to explain, especially since I am no expert but just searched online and did the classic trial and error to get it working. But if you are zealous enough you should be able to figure it out...

Save http://www.jdmowers.com/web2/menu.css and http://www.jdmowers.com/web2/menu.js to the folder containing page you want the menu to be on...

Then place these commands between your header tags....

<script type="text/" =".">
</script>
<link rel="" ="menu." type="text/css"
media="screen" />


Then view the source of http://www.jdmowers.com/web2 Look through it and figure out where I call out the menu... copy that into your page and adjust it, along with the menu.css file until it works for you...

Hope it helps. I can't explain to much more, but can try if you have questions... good luck!

Last edited by JDUtah; 02-24-2008 at 04:12 PM.
Reply With Quote
  #3  
Old 02-24-2008, 05:49 PM
Dunn's's Avatar
Dunn's Dunn's is offline
LawnSite Bronze Member
 
Join Date: Mar 2006
Location: In a house, on a street
Posts: 1,548
Thanks I am going to give it try and see what I can come up with.
Reply With Quote
  #4  
Old 02-24-2008, 05:59 PM
JDUtah's Avatar
JDUtah JDUtah is offline
LawnSite Silver Member
 
Join Date: Nov 2007
Location: UT
Posts: 2,671
Quote:
Originally Posted by Dunn's View Post
Thanks I am going to give it try and see what I can come up with.
I posted the wrong things for you to include in your header tags.. paste these ones instead...

<script type="text/javascript" src="menuh.js">
</script>

<link rel="stylesheet" href="menu.css" type="text/css"
media="screen" />
Reply With Quote
  #5  
Old 02-26-2008, 01:50 PM
snobird snobird is offline
LawnSite Member
 
Join Date: Feb 2008
Location: Nashville,Tn
Posts: 23
the better drop downs will need to be made in java, if you google search there is a few sites who have preloaded generators who can make them for you or I could possibly help you out when I get some free time
Reply With Quote
  #6  
Old 02-28-2008, 11:30 AM
NeilsWeb NeilsWeb is offline
LawnSite Member
 
Join Date: Nov 2007
Location: Montreal
Posts: 1
Java is a Programing Language. You guys are reffering to JavaScript to make a drop down menu.

Heres is a site that explains and gives code to make a basic one: http://www.dynamicdrive.com/dynamici...pmenuindex.htm
Reply With Quote
  #7  
Old 02-28-2008, 11:31 AM
JDUtah's Avatar
JDUtah JDUtah is offline
LawnSite Silver Member
 
Join Date: Nov 2007
Location: UT
Posts: 2,671
Quote:
Originally Posted by NeilsWeb View Post
Java is a Programing Language. You guys are reffering to JavaScript to make a drop down menu.

Heres is a site that explains and gives code to make a basic one: http://www.dynamicdrive.com/dynamici...pmenuindex.htm
Interesting. I never distingiushed the two. Are they different really?
Reply With Quote
  #8  
Old 02-28-2008, 11:45 AM
NeilsWeb NeilsWeb is offline
LawnSite Member
 
Join Date: Nov 2007
Location: Montreal
Posts: 1
Yap. they sure are

Java is a high level programing language (like C, C++,Pascal, etc..) Java can be used to develop large industrial sized applications. It's main use is developing programs that are not used on the web. You can not write Java straight into an HTML document.

JavaScript was developed to run small scripts/programs within the web browser. It allowed users to preform more dynamic tasks that HTML was not capable of. It is typically written write into the HTML document.
Reply With Quote
  #9  
Old 02-28-2008, 11:48 AM
JDUtah's Avatar
JDUtah JDUtah is offline
LawnSite Silver Member
 
Join Date: Nov 2007
Location: UT
Posts: 2,671
Quote:
Originally Posted by NeilsWeb View Post
Yap. they sure are

Java is a high level programing language (like C, C++,Pascal, etc..) Java can be used to develop large industrial sized applications. It's main use is developing programs that are not used on the web. You can not write Java straight into an HTML document.

JavaScript was developed to run small scripts/programs within the web browser. It allowed users to preform more dynamic tasks that HTML was not capable of. It is typically written write into the HTML document.
WoW! You learn soemething every day don't you! I'll be sure to distinguish the two from now on. Thanks!
Reply With Quote
  #10  
Old 02-28-2008, 11:51 AM
NeilsWeb NeilsWeb is offline
LawnSite Member
 
Join Date: Nov 2007
Location: Montreal
Posts: 1
No problem! It is a typical mistake. I did not make the distinguish between the two when I first started out in web development. If you are interested in learning Javascript this is an excellent site with interactive tutorials: http://www.w3schools.com/js/default.asp
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump





Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Copyright ©1998 - 2012, LawnSite.comô - Moose River Media
All times are GMT -4. The time now is 05:56 AM.

Page generated in 0.10318 seconds with 7 queries