hi i have used something like that before, if iv used is what i think what u what.
although the 1 iv got uses a drop down menu to change html on a page. the page will load with the one in the number 1 slot and when changed the html what was there will be replaced with the html that corresponds to the option selected in the menu.
the javascript needed is below (NOTE --this must be placed below the code for the menu that is used to change the html other wise it will not function:
var textdisplay=new Array()
textdisplay[0]="html displayes in here with option 1 selected"
textdisplay[1]="html displayes in here with option 2 selected"
textdisplay[2]="html displayes in here with option 3 selected"
textdisplay[3]="html displayes in here with option 4 selected"
textdisplay[4]="html displayes in here with option 5 selected"
function displaydesc(which){
if (document.all)
descriptions.innerHTML=textdisplay[which]
else if (document.getElementById)
document.getElementById("descriptions").innerHTML=textdisplay[which]
}
displaydesc(document.choosecat.selectcat.selectedIndex)
document.choosecat.selectcat.options[0].selected=true
this is a menu that will interact with the javascript above:
<select name="selectcat" size="1" class="searchinput" onChange="displaydesc(document.choosecat.selectcat.selectedIndex)">
<option>Caption1</option>
<option>Caption2</option>
<option>Caption3</option>
<option>Caption4</option>
<option>Caption5</option>
</select>
this is the place where the html will be placed when selected from the menu:
<span id="descriptions">
this works perfectly for what i wanted to do i hope it can help u
good luck