PDA

View Full Version : Question about DD Tab Menu II



Ecojiro
09-15-2006, 02:41 AM
DD Tab Menu II

http://www.dynamicdrive.com/dynamicindex1/ddtabmenu2.htm

I'm trying to incorporate this script on the following page:
http://academic.evergreen.edu/j/johsha17/
My hope is to augment the script so that the mouseover on the buttons also produces supplementary text in the black space between the two rows of images (there is filler text there now). I'm interested in where to place the Menu script so that it will work along with the rollover script, or is it even possible?

I'm embarrassingly unfamiliar with scripting, and I get confused as soon as a "div" tag is mentioned. I would very much love any input what-so-ever, even though I'm in a little over my head. Feel free to tell me to get lost if clueless posts aren't welcome...

Thank you for any input.

jscheuer1
09-15-2006, 06:55 AM
<span id="subtext" class="style2">View excerpts from Shaun's academic journal in Miyazaki, Japan. </span>


<script type="text/javascript">
function fillsub(n){
subtexts=[];
subtexts[0]='View excerpts from Shaun\'s academic journal in Miyazaki, Japan.';
subtexts[1]='Something about another tab';
subtexts[2]='I think you are getting the idea';
subtexts[3]='More info on a tab';
document.getElementById('subtext').innerHTML=subtexts[n];
}
</script>


<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="fillsub(0);MM_swapImage('Illustrations','','Home/Source 2/illustrationbon.jpg',1)"><img src="Home/Source 2/illustrationboff.jpg" name="Illustrations" width="46" height="368" border="0" id="Illustrations" /></a>

For each mouseover event, use a fillsub(#); call that corresponds the the subtexts[#] you want displayed.

Ecojiro
09-16-2006, 12:46 AM
Thank you for taking the time to explain it to me!

Check out what I did with it:

http://academic.evergreen.edu/j/johsha17/home.html