Topic 1
2
3
4
5
6
7
8
9
10
Click a topic above for more info!
Here's the code:
Place this part of the code in your head tag <head> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function linkDisplay(selection) { if (selection=="1") { document.form.info.value="Topic 1 Description here!"; document.form.go.value="http://Topic 1 Address Here.html"; } else if(selection=="2") { document.form.info.value="Topic 2 Description here!"; document.form.go.value="http://Topic 2 Address Here.html"; } else if(selection=="3") { document.form.info.value="Topic 3 Description here!"; document.form.go.value="http://Topic 3 Address Here.html"; } else if(selection=="4") { document.form.info.value="Topic 4 Description here!"; document.form.go.value="http://Topic 4 Addss Here.html"; } else if(selection=="5") { document.form.info.value="Topic 5 Description here!"; document.form.go.value="http://Topic 5 Address Here.html"; } else if(selection=="6") { document.form.info.value="Topic 6 Description here!"; document.form.go.value="http://Topic 6 Address Here.html"; } else if(selection=="7") { document.form.info.value="Topic 7 Description here!"; document.form.go.value="http://Topic 7 Address Here.html"; } else if(selection=="8") { document.form.info.value="Topic 8 Description here!"; document.form.go.value="http://Topic 8 Address Here.html"; } else if(selection=="9") { document.form.info.value="Topic 9 Description here!"; document.form.go.value="http://Topic 9 Address Here.html"; } else if(selection=="10") { document.form.info.value="Topic 10 Description here!"; document.form.go.value="http://Topic 10 Address Here.html"; } else } function moreInfo() { var page=document.form.go.value; window.location=page; } // End --> </script> </HEAD> This part goes in your body tag. Replace these (-) with these <-> in the textarea part of the code in the body tag. <BODY background="" bgcolor="#" text="#" link="#"> <center> <form name=form> <table border=0 cellspacing=0 cellpadding=3> <tr><td align=center> <a href="javascript:linkDisplay(1);">Topic 1</a> </td> <td align=center> <a href="javascript:linkDisplay(2);">2</a> </td> <td align=center> <a href="javascript:linkDisplay(3);">3</a> </td> <td align=center> <a href="javascript:linkDisplay(4);">4</a> </td> <td align=center> <a href="javascript:linkDisplay(5);">5</a> </td> <td align=center> <a href="javascript:linkDisplay(6);">6</a> </td> <td align=center> <a href="javascript:linkDisplay(7);">7</a> </td> <td align=center> <a href="javascript:linkDisplay(8);">8</a> </td> <td align=center> <a href="javascript:linkDisplay(9);">9</a> </td> <td align=center> <a href="javascript:linkDisplay(10);">10</a> </td></tr></table> (textarea name=info rows=4 bgcolor="#262626" text="#999966" cols=40 wrap=virtual>Click a topic above for more info!</textarea) <br> <input type=button name=button value="Go There!" onClick="moreInfo()"> <input type=hidden name=go value=""> </form> </center>