NamePros
Welcome, Guest! Ready to make a name for yourself in the domain business? We welcome both the hobbyist and professional domainer to join the discussion as part of the NamePros community.

Click here to create your profile to start earning reputation for posting, and trader ratings for buying & selling in our free e-marketplace. Build your trader rating with each successful sale. Our system has tracked over 100,000 sales and counting!
FAQ & TOS Register Search Today's Posts Mark Forums Read

Go Back   NamePros.com > Website Development Discussion Forums > Programming
Reload this Page Link Drop Down

Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics.

Advanced Search


Closed Thread
 
LinkBack Thread Tools
Old 07-12-2005, 04:28 PM THREAD STARTER               #1 (permalink)
Senior Member
Join Date: Jun 2004
Location: Ontario , Canada
Posts: 1,103
Mike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the rough
 

Link Drop Down

Hey everyone,

I want to know howto make a dropdown list where you click a link (hyperlinck) and a list of more links apear. Just like above ^ (NP$ store, Active Threads, Live Chat, Domain Services, and quick links all have the exact thing i want)

how can i do this?
__________________
"Dont argue with an idiot, he will just drag you down to his level and beat you with expeirence. Dont argue with me, ill drag you down to my level and beat you with a baseball bat"
:D
Mike_Wiseman is offline  
Old 07-12-2005, 04:34 PM   #2 (permalink)
Professional Monkey
 
Amnezia's Avatar
Join Date: Jul 2005
Location: Escaped from the zoo
Posts: 907
Amnezia has a spectacular aura aboutAmnezia has a spectacular aura about
 


Cancer Survivorship Save a Life
you use javascript

http://www.trans4mind.com/personal_d...ript/menu1.htm
__________________
Webmaster Words
Amnezia is offline  
Old 07-12-2005, 04:48 PM THREAD STARTER               #3 (permalink)
Senior Member
Join Date: Jun 2004
Location: Ontario , Canada
Posts: 1,103
Mike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the rough
 
no thats not what i need.. I want it where you click a link, not select one from a dropdown list.
__________________
"Dont argue with an idiot, he will just drag you down to his level and beat you with expeirence. Dont argue with me, ill drag you down to my level and beat you with a baseball bat"
:D
Mike_Wiseman is offline  
Old 07-12-2005, 04:56 PM   #4 (permalink)
Account Closed
 
axilant's Avatar
Join Date: May 2004
Location: /etc/passwd
Posts: 2,178
axilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to behold
 

Member of the Month July 2005

http://javascriptsource.com
axilant is offline  
Old 07-12-2005, 05:02 PM   #5 (permalink)
NamePros Member
 
kpm547's Avatar
Join Date: May 2005
Location: Canada
Posts: 171
kpm547 is an unknown quantity at this point
 
I believe you're looking for the same sort of menu as this forum has. It uses dhtml i believe. There many scripts out there for it. I've used the ultimate Drop Down Menu before and really liked it.

Give it a try, here

You can see it in action at the address in my signature.
__________________
www.twocrazyducks.com - Two Crazy Ducks Web Hosting - Lethbridge, Alberta
www.lasara.org - Lethbridge Area Search and Rescue
themuellers.ca - The Mueller Family Webpage
jobsitestructures.com - Job Site Structures Ltd. - for all your site office and accomodation needs!
kpm547 is offline  
Old 07-12-2005, 05:19 PM THREAD STARTER               #6 (permalink)
Senior Member
Join Date: Jun 2004
Location: Ontario , Canada
Posts: 1,103
Mike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the rough
 
i dont see why everyone is giving me the wrong info click "NP$ Store"

Thats exactly what i want, nothing els.
__________________
"Dont argue with an idiot, he will just drag you down to his level and beat you with expeirence. Dont argue with me, ill drag you down to my level and beat you with a baseball bat"
:D
Mike_Wiseman is offline  
Old 07-12-2005, 05:20 PM   #7 (permalink)
Account Closed
 
axilant's Avatar
Join Date: May 2004
Location: /etc/passwd
Posts: 2,178
axilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to behold
 

Member of the Month July 2005

all i gave you was a link to thousands of javascripts, so that wasnt wrong...
axilant is offline  
Old 07-12-2005, 05:22 PM THREAD STARTER               #8 (permalink)
Senior Member
Join Date: Jun 2004
Location: Ontario , Canada
Posts: 1,103
Mike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the rough
 
Im too lazy to look through thousands of tutorials ;(
__________________
"Dont argue with an idiot, he will just drag you down to his level and beat you with expeirence. Dont argue with me, ill drag you down to my level and beat you with a baseball bat"
:D
Mike_Wiseman is offline  
Old 07-12-2005, 05:27 PM   #9 (permalink)
Account Closed
 
axilant's Avatar
Join Date: May 2004
Location: /etc/passwd
Posts: 2,178
axilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to beholdaxilant is a splendid one to behold
 

Member of the Month July 2005

Originally Posted by Mike_Wiseman
Im too lazy to look through thousands of tutorials ;(
Your also too lazy to know that isnt tutorials... there actually codes O.o
axilant is offline  
Old 07-12-2005, 05:38 PM THREAD STARTER               #10 (permalink)
Senior Member
Join Date: Jun 2004
Location: Ontario , Canada
Posts: 1,103
Mike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the roughMike_Wiseman is a jewel in the rough
 
same thing
__________________
"Dont argue with an idiot, he will just drag you down to his level and beat you with expeirence. Dont argue with me, ill drag you down to my level and beat you with a baseball bat"
:D
Mike_Wiseman is offline  
Old 07-13-2005, 05:19 AM   #11 (permalink)
Pro Coder & Designer
 
aween's Avatar
Join Date: Apr 2005
Location: Netherlands
Posts: 967
aween is just really niceaween is just really niceaween is just really niceaween is just really niceaween is just really niceaween is just really niceaween is just really niceaween is just really nice
 
mike i can make exactly the same example: www.npgeek.com click on NP$ Auction. with the same effect aswell if needed

btw its not free
__________________
aween web development
aween is offline  
Old 07-13-2005, 07:08 AM   #12 (permalink)
NamePros Member
Join Date: Dec 2003
Location: Warrington, UK
Posts: 174
Boardhost is on a distinguished road
 
search google for Sothink DHTML Menu Maker
__________________
www.Scene-Power.com - ***YOUR DEDICATED SERVER SOLUTIONS***
Boardhost is offline  
Old 07-13-2005, 10:49 AM   #13 (permalink)
Senior Member
Join Date: Apr 2005
Location: Joliet, Illinois
Posts: 1,177
RageD is a splendid one to beholdRageD is a splendid one to beholdRageD is a splendid one to beholdRageD is a splendid one to beholdRageD is a splendid one to beholdRageD is a splendid one to beholdRageD is a splendid one to beholdRageD is a splendid one to behold
 


Child Abuse
I will make you a simple little code, easily editable...

Code:
<!-- Original code by RageD -->

<p align=left><font color=blue>Site Navagation</font><!-- Style_sheet --><style type="text/css" title="drop_menu">
.Main_menu {
	border: 1px solid #ffffff;
	background-color: #000099;
	padding-left: 3px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
.Main_menu_over {
	border: 1px solid #ffffff;
	background-color: green;
	padding-left: 3px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
.Sub_menu {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	padding-left: 10px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
.Sub_menu_over {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	padding-left: 10px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
a.main_text 		{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:visited.main_text { font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:hover.main_text 	{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a.sub_text 			{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:visited.sub_text 	{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:hover.sub_text 	{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
</style><!-- Script_code --><script language="JavaScript" type="text/javascript">
<!-- //
function toggle_dropmenu(id){
	count = 1;
	while (count <= 10){
		var step = id+'_'+count;
		if (document.getElementById(step)){
		document.getElementById(step).style.display = (document.getElementById(step).style.display == 'block') ? 'none' : 'block';
		}
		count++;
	}
}

function roll_dropmenu(id, roll_class){
	document.getElementById(id).className = roll_class;
}
//-->
</script><!-- Menu_Code_stylesheet -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<div id="Main_1" class="Main_menu" onmouseover="roll_dropmenu('Main_1','Main_menu_over')" onmouseout="roll_dropmenu('Main_1','Main_menu')">
		<a href="javascript:void(0)" id="main_text_1" class="main_text" onClick="toggle_dropmenu('sub1')">Navagation</a>
	</div>
		
	<div id="sub1_1" class="Sub_menu" onmouseover="roll_dropmenu('sub1_1','Sub_menu_over')" onmouseout="roll_dropmenu('sub1_1','Sub_menu')" style="display: none">

		<a href="blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="sub1_2" class="Sub_menu" onmouseover="roll_dropmenu('sub1_2','Sub_menu_over')" onmouseout="roll_dropmenu('sub1_2','Sub_menu')" style="display: none">
		<a href="blah.com" class="sub_text" target="_self">blah</a><br />
	</div>
		
	<div id="sub1_3" class="Sub_menu" onmouseover="roll_dropmenu('sub1_3','Sub_menu_over')" onmouseout="roll_dropmenu('sub1_3','Sub_menu')" style="display: none">
		<a href="blah.com class="sub_text" target="_self">blah</a><br />

	</div>
		
	<div id="sub1_4" class="Sub_menu" onmouseover="roll_dropmenu('sub1_4','Sub_menu_over')" onmouseout="roll_dropmenu('sub1_4','Sub_menu')" style="display: none">
		<a href="blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="sub1_5" class="Sub_menu" onmouseover="roll_dropmenu('sub1_5','Sub_menu_over')" onmouseout="roll_dropmenu('sub1_5','Sub_menu')" style="display: none">
		<a href="blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="sub1_6" class="Sub_menu" onmouseover="roll_dropmenu('sub1_6','Sub_menu_over')" onmouseout="roll_dropmenu('sub1_6','Sub_menu')" style="display: none">

		<a href="blah" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="Main_2" class="Main_menu" onmouseover="roll_dropmenu('Main_2','Main_menu_over')" onmouseout="roll_dropmenu('Main_2','Main_menu')">
		<a href="javascript:void(0)" id="main_text_2" class="main_text" onClick="toggle_dropmenu('sub2')">Blah</a>
	</div>
		
	<div id="sub2_1" class="Sub_menu" onmouseover="roll_dropmenu('sub2_1','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_1','Sub_menu')" style="display: none">
		<a href="http://blah.com" class="sub_text" target="_self">blah</a><br />

	</div>
		
	<div id="sub2_2" class="Sub_menu" onmouseover="roll_dropmenu('sub2_2','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_2','Sub_menu')" style="display: none">
		<a href="http://blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="sub2_3" class="Sub_menu" onmouseover="roll_dropmenu('sub2_3','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_3','Sub_menu')" style="display: none">
		<a href="http://blah.com" class="sub_text" target="_self">blah</a><br />
	</div>
		
	<div id="sub2_4" class="Sub_menu" onmouseover="roll_dropmenu('sub2_4','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_4','Sub_menu')" style="display: none">

		<a href="http://blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="sub2_5" class="Sub_menu" onmouseover="roll_dropmenu('sub2_5','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_5','Sub_menu')" style="display: none">
		<a href="http://www.angelfire.com/rebellion2/xboxclan/rules.html" class="sub_text" target="_self">FC Tryout Rules</a><br />
	</div>
		
	<div id="sub2_6" class="Sub_menu" onmouseover="roll_dropmenu('sub2_6','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_6','Sub_menu')" style="display: none">
		<a href="http://blah.com" class="sub_text" target="_self">blah</a><br />

	</div>
		
	<div id="sub2_7" class="Sub_menu" onmouseover="roll_dropmenu('sub2_7','Sub_menu_over')" onmouseout="roll_dropmenu('sub2_7','Sub_menu')" style="display: none">
		<a href="Blah" class="sub_text" target="_self">Blah</a><br />
	</div>
<style type="text/css" title="drop_menu">
.Main_menu {
	border: 1px solid #ffffff;
	background-color: #000099;
	padding-left: 3px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
.Main_menu_over {
	border: 1px solid #ffffff;
	background-color: green;
	padding-left: 3px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
.Sub_menu {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	padding-left: 10px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
.Sub_menu_over {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	padding-left: 10px;
	line-height: 100%;
	width: 150;
	cursor: hand;
}
a.main_text 		{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:visited.main_text { font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:hover.main_text 	{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a.sub_text 			{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:visited.sub_text 	{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:hover.sub_text 	{ font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
</style><!-- Script_code --><script language="JavaScript" type="text/javascript">
<!-- //
function toggle_dropmenu(id){
	count = 1;
	while (count <= 10){
		var step = id+'_'+count;
		if (document.getElementById(step)){
		document.getElementById(step).style.display = (document.getElementById(step).style.display == 'block') ? 'none' : 'block';
		}
		count++;
	}
}

function roll_dropmenu(id, roll_class){
	document.getElementById(id).className = roll_class;
}
//-->
</script><!-- Menu_Code_stylesheet -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<div id="Main_3" class="Main_menu" onmouseover="roll_dropmenu('Main_3','Main_menu_over')" onmouseout="roll_dropmenu('Main_3','Main_menu')">
		<a href="javascript:void(0)" id="main_text_3" class="main_text" onClick="toggle_dropmenu('sub3')">Blah</a>

	</div>	
	<div id="sub3_1" class="Sub_menu" onmouseover="roll_dropmenu('sub3_1','Sub_menu_over')" onmouseout="roll_dropmenu('sub3_1','Sub_menu')" style="display: none">
		<a href="http://blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
		
	<div id="sub3_2" class="Sub_menu" onmouseover="roll_dropmenu('sub3_2','Sub_menu_over')" onmouseout="roll_dropmenu('sub3_2','Sub_menu')" style="display: none">
		<a href="http://blah.com" class="sub_text" target="_self">Blah</a><br />
	</div>
	</SCRIPT>
All HTML, so depending on what you are using it may need to be altered...
????: NamePros.com http://www.namepros.com/programming/106070-link-drop-down.html
????: NamePros.com http://www.namepros.com/showthread.php?t=106070

umm... This IS JavaScript BTW...

-Thanks

-RageD

This code was made about 2 years ago when I started webdesign... For a working example check out my OLD, very OLD clan site, scroll down to get to navigation...

You may edit as needed...

Site: Working Example
Last edited by RageD; 07-13-2005 at 11:01 AM.
RageD is offline  
Closed Thread

« Content change. | custom CMS »

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
phpLinkTrader - PHP Link Exchange Manager - Only $5.00 shakez For Sale / Advertising Board 0 07-10-2005 05:55 PM
.name clearance sale! *crazy cheap* - domainsite.com fleaking Domains For Sale - Make Offer 0 06-29-2005 03:02 AM
New Redemption Period / Onhold Link Popularity Reports dropscripts For Sale / Advertising Board 1 01-16-2004 06:49 AM
New Link Popularity Reports and More! dropscripts For Sale / Advertising Board 1 12-17-2003 06:31 AM

Liquid Web Smart Servers  
All times are GMT -7. The time now is 03:28 AM.

Contact Us - NamePros.com - Privacy Statement - Top
Managed Web Hosting by Liquid Web
Domain name forum recommended by Domaining.com Powered by: vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.0 Ad Management plugin by RedTyger