Uncle Jim's Web Designs: Option Links

COPY - Insert Between Head Tags: <HEAD></HEAD>

function newtext()
{
var link1="MAIN OFFICE TIPS SITE!" + '\n' + "Microsoft Office Tips and Tricks";
var rating1="10";
var alsosee1="http://jdstiles.com/index.html";
var link2="ACCESS TIPS!" + '\n' + "Tips and Tricks for Microsoft Access!";
var rating2="10";
var alsosee2="http://jdstiles.com/index.html";
var link3="EXCEL TIPS!" + '\n' + "Tips and Tricks for Microsoft Excel!";
var rating3="9";
var alsosee3="http://jdstiles.com/index.html";
var link4="WORD TIPS!" + '\n' + "Tips and Tricks for Microsoft Word!";
var rating4="8";
var alsosee4="http://jdstiles.com/index.html";
var link5="WINDOWS TIPS!" + '\n' + "Tips and Tricks for Microsoft Windows!";
var rating5="8";
var alsosee5="http://jdstiles.com/index.html";
var link6="POWERPOINT TIPS!" + '\n' + "Tips and Tricks for Microsoft PowerPoint!";
var rating6="9";
var alsosee6="http://jdstiles.com/index.html";
var link7="FRONT PAGE TIPS!" + '\n' + "Tips and Tricks for Microsoft Front Page!";
var rating7="10";
var alsosee7="http://jdstiles.com/index.html";
var link8="PUBLISHER TIPS!" + '\n' + "Tips and Tricks for Microsoft Publisher!";
var rating8="8";
var alsosee8="http://jdstiles.com/index.html";
var link9="OUTLOOK TIPS!" + '\n' + "Tips and Tricks for Microsoft Outlook!";
var rating9="8";
var alsosee9="http://jdstiles.com/index.html";
var link10="MICROSOFT OFFICE TIPS!" + '\n' + "Tips and Tricks for Microsoft Office!";
var rating10="10";
var alsosee10="http://jdstiles.com/index.html";

if (document.form1.select1.options.selectedIndex==0)
{
document.form1.textarea1.value=link1;
document.form1.text3.value=alsosee1;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating1;
}
if (document.form1.select1.options.selectedIndex==1)
{
document.form1.textarea1.value=link2;
document.form1.text3.value=alsosee2;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating2;
}
if (document.form1.select1.options.selectedIndex==2)
{
document.form1.textarea1.value=link3;
document.form1.text3.value=alsosee3;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating3;
}
if (document.form1.select1.options.selectedIndex==3)
{
document.form1.textarea1.value=link4;
document.form1.text3.value=alsosee4;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating4;
}
if (document.form1.select1.options.selectedIndex==4)
{
document.form1.textarea1.value=link5;
document.form1.text3.value=alsosee5;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating5;
}
if (document.form1.select1.options.selectedIndex==5)
{
document.form1.textarea1.value=link6;
document.form1.text3.value=alsosee6;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating6;
}
if (document.form1.select1.options.selectedIndex==6)
{
document.form1.textarea1.value=link7;
document.form1.text3.value=alsosee7;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating7;
}
if (document.form1.select1.options.selectedIndex==7)
{
document.form1.textarea1.value=link8;
document.form1.text3.value=alsosee8;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating8;
}
if (document.form1.select1.options.selectedIndex==8)
{
document.form1.textarea1.value=link9;
document.form1.text3.value=alsosee9;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating9;
}
if (document.form1.select1.options.selectedIndex==9)
{
document.form1.textarea1.value=link10;
document.form1.text3.value=alsosee10;
var selected_option = document.form1.select1.selectedIndex;
document.form1.text2.value = document.form1.select1.options[selected_option].value;
document.form1.text1.value=rating10;
}

}
//--></script>

COPY - Insert Inside Body: <BODY></BODY>

<table border=0 cellspacing=0 cellpadding=2><tr><td><div align=left><b>
<font face="arial, helvetica" size=2 color=000000>Links:</font></b></div></td>
<td>
<form name=form1>
<center>
<select size=4 name=select1 onChange="newtext();">
<option value="http://jdstiles.com/jds.main_office.html" selected>Main Office</option>
<option value="http://jdstiles.com/jds.main_office.html">Access</option>
<option value="http://jdstiles.com/jds.main_office.html">Excel</option>
<option value="http://jdstiles.com/jds.main_office.html">Word</option>
<option value="http://jdstiles.com/jds.main_office.html">Windows</option>
<option value="http://jdstiles.com/jds.main_office.html">PowerPoint</option>
<option value="http://jdstiles.com/jds.main_office.html">Front Page</option>
<option value="http://jdstiles.com/jds.main_office.html">Publisher</option>
<option value="http://jdstiles.com/jds.main_office.html">Outlook</option>
<option value="http://jdstiles.com/jds.main_office.html">General Office</option>
</select></center></td>
<td><font face="arial, helvetica" color=000000 size=2>
<div align=right><b>Rating:</b><input type=text name=text1 size=30></div>
<div align=right><b>Location:</b><input type=text name=text2 size=30></div>
<div align=right><b>Also See:</b><input type=text name=text3 size=30></div></font></td></tr>
<tr><td colspan=3>
<div align=left><b>
<font face="arial, helvetica" size=2 color=000000>Description:</font>
</b></div>
<center><textarea name=textarea1 rows=4 cols=55>Click on a link! It's description will pop up here!

Uncle Jim's JavaScript Examples

Author: Jim Stiles

INSTALLATION INSTRUCTIONS COPY - Insert Between Head Tags: <HEAD></HEAD> <script type="text/javascript"><!-- /* _____________________________________ /ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ\ \| Another JavaScript from Uncle Jim \| \| Feel free to copy, use and change \| \| this script as long as this part \| \| remains unchanged. You can visit \| \| my website at http://jdstiles.com \| \| for more scripts like this one. \| \| Created: 1996 Updated: 2006 \| \_____________________________________/ ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ / function gothere() { var loc=document.form1.select1.selectedIndex; location.href=document.form1.select1.options[loc].value; } function newtext() { var link1="MAIN OFFICE TIPS SITE!" + '\n' + "Microsoft Office Tips and Tricks"; var rating1="10"; var alsosee1="http://jdstiles.com/index.html"; var link2="ACCESS TIPS!" + '\n' + "Tips and Tricks for Microsoft Access!"; var rating2="10"; var alsosee2="http://jdstiles.com/index.html"; var link3="EXCEL TIPS!" + '\n' + "Tips and Tricks for Microsoft Excel!"; var rating3="9"; var alsosee3="http://jdstiles.com/index.html"; var link4="WORD TIPS!" + '\n' + "Tips and Tricks for Microsoft Word!"; var rating4="8"; var alsosee4="http://jdstiles.com/index.html"; var link5="WINDOWS TIPS!" + '\n' + "Tips and Tricks for Microsoft Windows!"; var rating5="8"; var alsosee5="http://jdstiles.com/index.html"; var link6="POWERPOINT TIPS!" + '\n' + "Tips and Tricks for Microsoft PowerPoint!"; var rating6="9"; var alsosee6="http://jdstiles.com/index.html"; var link7="FRONT PAGE TIPS!" + '\n' + "Tips and Tricks for Microsoft Front Page!"; var rating7="10"; var alsosee7="http://jdstiles.com/index.html"; var link8="PUBLISHER TIPS!" + '\n' + "Tips and Tricks for Microsoft Publisher!"; var rating8="8"; var alsosee8="http://jdstiles.com/index.html"; var link9="OUTLOOK TIPS!" + '\n' + "Tips and Tricks for Microsoft Outlook!"; var rating9="8"; var alsosee9="http://jdstiles.com/index.html"; var link10="MICROSOFT OFFICE TIPS!" + '\n' + "Tips and Tricks for Microsoft Office!"; var rating10="10"; var alsosee10="http://jdstiles.com/index.html"; if (document.form1.select1.options.selectedIndex==0) { document.form1.textarea1.value=link1; document.form1.text3.value=alsosee1; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating1; } if (document.form1.select1.options.selectedIndex==1) { document.form1.textarea1.value=link2; document.form1.text3.value=alsosee2; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating2; } if (document.form1.select1.options.selectedIndex==2) { document.form1.textarea1.value=link3; document.form1.text3.value=alsosee3; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating3; } if (document.form1.select1.options.selectedIndex==3) { document.form1.textarea1.value=link4; document.form1.text3.value=alsosee4; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating4; } if (document.form1.select1.options.selectedIndex==4) { document.form1.textarea1.value=link5; document.form1.text3.value=alsosee5; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating5; } if (document.form1.select1.options.selectedIndex==5) { document.form1.textarea1.value=link6; document.form1.text3.value=alsosee6; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating6; } if (document.form1.select1.options.selectedIndex==6) { document.form1.textarea1.value=link7; document.form1.text3.value=alsosee7; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating7; } if (document.form1.select1.options.selectedIndex==7) { document.form1.textarea1.value=link8; document.form1.text3.value=alsosee8; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating8; } if (document.form1.select1.options.selectedIndex==8) { document.form1.textarea1.value=link9; document.form1.text3.value=alsosee9; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating9; } if (document.form1.select1.options.selectedIndex==9) { document.form1.textarea1.value=link10; document.form1.text3.value=alsosee10; var selected_option = document.form1.select1.selectedIndex; document.form1.text2.value = document.form1.select1.options[selected_option].value; document.form1.text1.value=rating10; } } //--></script> COPY* - Insert Inside Body: <BODY></BODY> <table border=0 cellspacing=0 cellpadding=2><tr><td><div align=left><b> <font face="arial, helvetica" size=2 color=000000>Links:</font></b></div></td> <td> <form name=form1> <center> <select size=4 name=select1 onChange="newtext();"> <option value="http://jdstiles.com/jds.main_office.html" selected>Main Office</option> <option value="http://jdstiles.com/jds.main_office.html">Access</option> <option value="http://jdstiles.com/jds.main_office.html">Excel</option> <option value="http://jdstiles.com/jds.main_office.html">Word</option> <option value="http://jdstiles.com/jds.main_office.html">Windows</option> <option value="http://jdstiles.com/jds.main_office.html">PowerPoint</option> <option value="http://jdstiles.com/jds.main_office.html">Front Page</option> <option value="http://jdstiles.com/jds.main_office.html">Publisher</option> <option value="http://jdstiles.com/jds.main_office.html">Outlook</option> <option value="http://jdstiles.com/jds.main_office.html">General Office</option> </select></center></td> <td><font face="arial, helvetica" color=000000 size=2> <div align=right><b>Rating:</b><input type=text name=text1 size=30></div> <div align=right><b>Location:</b><input type=text name=text2 size=30></div> <div align=right><b>Also See:</b><input type=text name=text3 size=30></div></font></td></tr> <tr><td colspan=3> <div align=left><b> <font face="arial, helvetica" size=2 color=000000>Description:</font> </b></div> <center><textarea name=textarea1 rows=4 cols=55>Click on a link! It's description will pop up here!