Coding for Jump Button

Since I put it in about a year ago, I’ve gotten a few inquiries about how to add the button I have in my footer for visiting other diaries. Following is the code I used – there are as many different ways to tweak this as there are people who are using it.

For what it’s worth, if you ever see trick you like on a web page, you can get see for yourself how it’s coded by hitting the right mouse button and then selecting “View Source”. That will display the source code for the entire page, and you can then locate the part that was of interest to you. It’s a great way to teach yourself some html and to get an idea of how other people set things up, and you’ll probably end up learning more in the long run by doing that than by having me explain it to you.

Anyhow, following is my version of the jump button to other diaries. I’ve added a space before every “open bracket” sign so that the code will display. I could have also used special character symbols to make the code display (for those of you who were about to suggest that I should have done that instead) but doing so makes it impossible to go in and edit the entry without re-entering every special character code, so I’ve elected not to do it that way.

< CENTER>

< TABLE WIDTH="250">< TR>< TD>< CENTER>

< form name="jump">

< FIELDSET>< LEGEND>< CENTER>< b>< FONT COLOR="#5B1503">< U>Recommended Reading< /U>< /FONT>< /b>< /CENTER> < /LEGEND>

< select name="menu">

< option value="http://www.deardiary.org/show/diaries/23857/newest">allimom< /option>

< option value="http://www.deardiary.org/show/diaries/9925/newest">AnneOakley< /option>

< option value="http://www.deardiary.org/show/diaries/17476/newest">AQuietEvening< /option>

< option value="http://www.deardiary.org/show/diaries/10617/newest">AussieDeafMan< /option>

< option value="http://www.deardiary.org/show/diaries/36588/newest">EdStun< /option>

< option value="http://www.deardiary.org/show/diaries/13170/newest">Froggy< /option>

< option value="http://www.deardiary.org/show/diaries/77/newest">Jamisinc< /option>

< option value="http://www.deardiary.org/show/diaries/4441/newest">justjen< /option>

< option value="http://www.deardiary.org/show/diaries/1147/newest">Lilith< /option>

< option value="http://www.deardiary.org/show/diaries/11810/newest">MoonriddenGirl< /option>

< option value="http://www.deardiary.org/show/diaries/13467/newest">Rayne< /option>

< option value="http://www.freeopendiary.com/entrylist.asp?authorcode=B259052">Shambles< /option>

< option value="http://www.deardiary.org/show/diaries/21534/newest">Shay4l< /option>

< option value="http://www.deardiary.org/show/diaries/7835/newest">Slipperman< /option>

< option value="http://www.deardiary.org/show/diaries/1218/newest">Toxicepiphany< /option>

< option value="http://www.deardiary.org/show/diaries/18640/newest">TraumaMama< /option>

< option value="http://www.deardiary.org/show/diaries/25358/newest">trebora< /option>< /FIELDSET>< /select>

< input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="Check it out!">

< /FORM>< /CENTER>< /TD>< /TR>< /TABLE>