pagerunners selection menu

Source code:

Noteworthy notes: This example uses arrays and an external javascript file. It is oulined below.

var topics=new Array()
var sitemap=new Array()
var concord_jjs=new Array()
var concord_dsm=new Array()

concord_dsm[0]=99991
concord_jjs[0]='pagerunners index page: A short introduction:'

concord_dsm[1]=99992
concord_jjs[1]='pagerunners index page: Includes: <a href="tricks.htm">html tips and tricks</a>, <a href="imagewrks.htm">imageworks</a> and <a href="menus.htm">menus</a>.'

sitemap[0]=10000
topics[0]='<a href="tricks.htm"><IMG SRC="webclrs.jpg" WIDTH="205" HEIGHT="198" border="0"></a>'

sitemap[1]=11000
topics[1]='imageworks section<UL><LI><a href="screen.htm">backscreening</a><LI><a href="frame.htm">custom frame</a><LI><a href="pastein.htm">paste into text</a></LI><LI><a href="imagewrk.htm">More imageworks</a></UL>'

sitemap[2]=12000
topics[2]='<a href="menus.htm">on the menu</a>: There are almost as many ways to navigate a website as there are websites. Here we present several ways to find your way around a site, using various drop-down menu examples. 1. Opens in the parent window, 2. url opens in a separate browser window and 3. url opens in a separate browser window and is resizable.</UL>'

sitemap[3]=13000
topics[3]='new stuff:<UL><LI><a href="textlayer.htm">text layers for transparent text</a><LI><a href="pastein.htm">pasting an image into type<LI><a href="imagewrk.htm#contrast">adding brightness and contrast to an image</a></UL>'

sitemap[4]=14000
topics[4]='snippets:<UL><LI><a href="onunload.htm">onunload.htm</a><LI><a href="onload.htm">onload.htm</a></UL>'

sitemap[5]=15000
topics[5]='paste into type one: Pasting an image of Deception Pass into type <a href="pastein.htm"><IMG SRC="passdec.jpg" WIDTH="200" HEIGHT="130" border="0"></a>'

sitemap[6]=16000
topics[6]='paste into type two: pasting an image of Mt. Baker into type <a href="pasted.htm"><IMG SRC="mountbaker.jpg" WIDTH="205" HEIGHT="105" border="0"></a>'

sitemap[7]=17000
topics[7]='paste into type three: pasting an image of a serene forest into type <a href="paste2.htm"><IMG SRC="forests.jpg" WIDTH="205" HEIGHT="136" border="0"></a>'

sitemap[8]=18000
topics[8]='weblinks:<UL><LI><a href="http://www.dhtmlzone.com/index.html">DHTML Zone</a><LI><a href="http://dynamicdrive.com">Dynamic Drive</a><LI><a href="http://www.ruleweb.com/dhtml">Jeff Rule DHTML</a><LI><a href="http://www.builder.com">Builder.com</a><LI><a href="http://www.gamelan.com">Gamelan</a><LI><a href="http://www.serve.com/hotsyte">HotSyte</a><LI><a href="http://www.freewarejava.com">Java Phone Book</a><LI><a href="http://www.javaboutique.com">Java Boutique</a><LI><a href="http://www.designsbymark.com">Designs by Mark</a></UL>'

sitemap[9]=19000
topics[9]='more tips & tricks:<UL><LI><a href="iframe.htm">i-frame</a><LI><a href="mouseovr.htm">onmouseover</a><LI><a href="mouseovr.htm">open windows</a><LI><a href="mailpage.htm">mail this page</a><LI><a href="formroll.htm">rollover & forms</a></UL>'

sitemap[10]=20000
topics[10]='<a href="contact.html">contact us:</a> pagerunners.com can be contacted at: jdixon@pagerunners.com and at 708-466-4590. </UL>'

sitemap[11]=21000
topics[11]='new under the radar:<DIV ALIGN="center"><a href="newstuff.htm"><IMG SRC="radar.gif" WIDTH="200" HEIGHT="200"></a></DIV>'

sitemap[12]=22000
topics[12]='<IMG SRC="sunscenes.jpg" WIDTH="205" HEIGHT="236">'

sitemap[13]=23000
topics[13]='<IMG SRC="collage4.jpg" WIDTH="205" HEIGHT="200">'

sitemap[14]=24000
topics[14]='<IMG SRC="collage3.jpg" WIDTH="205" HEIGHT="198">'

sitemap[15]=25000
topics[15]='<IMG SRC="collage2.jpg" WIDTH="205" HEIGHT="198">'

sitemap[16]=26000
topics[16]='<IMG SRC="collage1.jpg" WIDTH="205" HEIGHT="198">'

<table border="0">
<td>
<select name="pagemap" size="18" id="pagemap" onchange="movein(this)" onclick="movein(this)" onfocus="movein(this)"><option value="99991" selected="selected">pagerunners.com
/option><option value="99992">pagerunners index
</option><option value="10000">html tips n' tricks
</option><option value="11000">imageworks
</option><option value="12000">on the menu
</option><option value="13000">new stuff
</option><option value="14000">snippets
</option><option value="15000">paste into type deception
</option><option value="16000">paste into type mt. baker
</option><option value="17000">paste into type forest
</option><option value="18000">weblinks
</option><option value="19000">more tips & tricks
</option><option value="20000">contact us
</option><option value="21000">new under the radar
</option><option value="22000">sunrise scenes
</option><option value="23000">Trail Scenes
</option><option value="24000">Mountain Scenes
</option><option value="25000">Mountain Scenes II
</option><option value="26000">Natural Scenes
</option></select>
</td>
<td>
 
</td>
<td width="100%" align="left" valign="top">
pagerunners selection menu: A
short introduction: A unique selection menu
presented in the guise of a psuedo sitemap---the visitor can choose from a selection on the left and have the
content appear just to the right of the menu. Very efficient (and borderline exciting), especially for showing
previews of your site.
</td>
</tr>
<tr>
<td colspan="2">
 
</td>
</tr>
</table>