|
|
The code which produces the above is:
<html>
<title>Javascript Menu Links</title>
<body bgcolor="ffffff" text="ff0000" link="0000ff" alink="0000ff" vlink="0000ff">
<center>
<!-- <SERVICE NAME="geoguide"> -->
<table bgcolor=#666666 cellpadding=1 cellspacing=0 border=0 width=468>
<tr><td><table bgcolor=#eeeeee cellpadding=2 cellspacing=0 border=0 width=100%>
<tr><td bgcolor=#FFFFFF><a href="http://geocities.yahoo.com/addons/interact/mbe.html"><IMG SRC="http://pic.geocities.com/images/mbe/mbeFFFFFF.gif" ALT="Yahoo! GeoCities Member Banner Exchange" WIDTH=335 HEIGHT=20 border=0></a></td>
<td align=right bgcolor=#FFFFFF><font face="Arial" size="-1"><a href="http://geocities.yahoo.com/addons/interact/mbe.html">Info</a></font> </td></tr></table></td></tr>
</table>
<table cellpadding=0 cellspacing=0 width=468 border=0>
<tr><td valign=top height=1></td></tr>
<tr><td valign=top><SCRIPT LANGUAGE="javascript" src="http://geocities.yahoo.com/toto?s=76000007&b=2"></SCRIPT></td></tr>
</table>
<!-- </SERVICE> -->
</center>
<hr>
<center><img src="menulinks.gif"></center>
<hr>
<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com
function go() {
document.location = document.abcd.a.options[document.abcd.a.selectedIndex].value
}
//-->
</script>
<form name="abcd">
<select name="a">
<option value="http://www.javascript-page.com">Nic's Javascript Page
<option value="http://tracker.clicktrade.com/tracker/tracker.dll?to='http://www.clubunlimited.com/'&ad=91014.0&lp=142821">Animated GIFs
<option value="http://tracker.clicktrade.com/tracker/tracker.dll?to='http://www.btsunlimited.com/'&ad=79994.1&lp=142821">TURBOCharge your Clipboard
<option value="http://tracker.clicktrade.com/tracker/tracker.dll?to='http://www.visic.com/aceexpert/'&ad=39121.0&lp=142821">AceExpert HTML Editor
<option value="http://www.geocities.com">Geocities
</select>
<input type="button" value="Go" onclick="go()">
</form>
<hr>
I would say this is the most usefull Javascript that I have put out yet. Normally CGI based, this Javascript allows the user to chose out of a list where s/he wants to go. This is great to have as a link menu to the sections of your page because it looks neat and saves space. A great script for both webmaster and newbie pages, period. This script uses color coding to show what to change.
<hr>
The source...<br>
<Br>
<br>
<font color="000000"><b><pre>
<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com
function go() {
document.location = document.abcd.a.options[document.abcd.a.selectedIndex].value
}
//-->
</script>
<form name="abcd">
<select name="a">
<option value="<font color=191997>http://www.javascript-page.com</font>"><font color=ff00ff>Nic's Javascript Page</font>
<option value="http://www.geocities.com/ResearchTriangle/1500/thering.html">RT: The Ring
<option value="http://www.geocities.com/CapeCanaveral/Hangar/5545">ASCE
<option value="http://www.pit-bull.com">Pit Bull Stands
<option value="http://www.geocities.com">Geocities
</select>
<input type="button" value="Go" onclick="go()">
</form>
</pre></b></font>
<hr>
Color coding...<br>
<br>
<br>
<font color=191997>Change this to the URL of the page where you want the user to go to if he selects that.</font><br>
<font color="ff00ff">Change this to the name that you want users to see when they are selecting a page.</font>
<hr>
<a href="index.html"><img border="0" src="jsnow.gif"></a>
</body>
</html>
<!-- Yahoo! Menu service --></table></noscript></script><script language="JavaScript" src="http://a372.g.a.yimg.com/f/372/27/1d/www.geocities.com/js_source/ygNSLib5.js"></script><script language="JavaScript">yfEA(1);</script><!-- END Yahoo! Menu Service -->
<!-- <SERVICE NAME="ybeacon"> --> <IMG SRC="http://geo.yahoo.com/serv?s=76000007&t=950691731" WIDTH=1 HEIGHT=1> <!-- </SERVICE> -->