Printable View
Hi its hard to descirbe what exactly i want so ive found an example of what im looking for.
http://www.fisherathletic.co.uk/
Go there and in the far right hand side you will see it says "Last Match" "Next Match" underneath them it has a box with content when you hover over "Last Match" or "Next Match" it changes the content in the box to the relevent one.
Can someone help me i dont know how to do this, all help appreciated! :D
I can try to figure out how do to that email me at <a href="mailto:jeremyfifty9@gmail.com">jeremyfifty9@gmail.com</a>
I can try to figure that out email me at jeremyfifty9@gmail.com</a>
Cheers pal, emailing you know.
thats cool :o i wanna know too :P
Heres the code:
<script>
<!--
/*
Textual Tooltip Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<br><big><b>Menus and navigation systems</b></big><br>Click here for DHTML scripts that help enhance your site\'s navigability, such as collapsible menus, sliding menu bars etc.'
content[1]='<br><big><b>Special document effects</b></big><br>With the advent of DHTML, webpages are one step closer to its cousin, TV, in terms of special effects...'
content[2]='<br><big><b>Scrollers</b></big><br>Up until now, adding a scroller or tickertape to your website usually meant using a slow Java applet. Not anymore. Click here for DHTML scrollers that accomplish the same task with minimal download time.'
content[3]='<br><big><b>Image effects</b></big><br>Add lightweight effects to your existing images using these scripts. Make them fly, light up, turn static, all without paying the cost of slow downloading time.'
content[4]='<br><big><b>Links and buttons</b></big><br>Add tooltips to your text links, rollover effects to your form buttons, keyboard features to your document, and more.'
content[5]='<br><big><b>Dynamic clocks and dates</b></big><br>Time is never static, so why should your time script be? Enter for DHTML scripts that actually understand this simple truth.'
content[6]='<br><big><b>Text animations</b></big><br>Text have been silent for too long- DHTML promises to free them, with flying text, typing text, dragable text, and more.'
content[7]='<br><big><b>Browser window</b></big><br>Click here scripts related to the browser window and frames.'
content[8]='<br><big><b>Other</b></big><br>All scripts that don\'t comfortably fit in any of the above categories go here...'
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}
function changetext(whichcontent){
if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}
function appear(){
document.d1.visibility='show'
}
window.onload=regenerate2
//-->
</script><div id="scriptmenu" style="line-height:20px"><p><strong><font
face="Verdana"><a href="../dynamicindex1/index.html" onMouseover="changetext(content[0])"><small>Menus
and Navigation Systems</small></a><br>
<a href="../dynamicindex3/index.html" onMouseover="changetext(content[1])"><small>Special document
effects</small></a><br>
<a href="../dynamicindex2/index.html" onMouseover="changetext(content[2])"><small>Scrollers</small></a><br>
<a href="../dynamicindex4/index.html" onMouseover="changetext(content[3])"><small>Image
effects</small></a><br>
<a href="index.html" onMouseover="changetext(content[4])"><small>Links and buttons</small></a><br>
<a href="../dynamicindex6/index.html" onMouseover="changetext(content[5])"><small>Dynamic
Clocks and dates</small></a><br>
<a href="../dynamicindex10/index.html" onMouseover="changetext(content[6])"><small>Text
animations</small></a><br>
<a href="../dynamicindex8/index.html" onMouseover="changetext(content[7])"><small>Browser
Window</small></a><br>
<a href="../dynamicindex11/index.html" onMouseover="changetext(content[8])"><small>Other</small></a></font></strong></p>
</div><ilayer id="d1" width="200" height="200" visibility="hide">
<layer id="d2" width="200" height="200">
<div id="descriptions" align="left">
<!--Change below to default content of your own-->
<strong><font face="Verdana" color="#000000"><p>Welcome to our new look!<br>
</font></strong><font face="Verdana"><small>Hope you like the new look for Dynamic Drive.
This is the first in a series of steps we're taking to improve our site. In the very near
future, you can expect many cool features such as a new forum, newsletter, feedback form,
and more, to be introduced. Enjoy!</small><br>
</font>
<!--Stop editting-->
</div>
</layer>
</ilayer>onMouseover="changetext(content[0])"
HTML Code:<script>
<!--
/*
Textual Tooltip Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<br><big><b>Menus and navigation systems</b></big><br>Click here for DHTML scripts that help enhance your site\'s navigability, such as collapsible menus, sliding menu bars etc.'
content[1]='<br><big><b>Special document effects</b></big><br>With the advent of DHTML, webpages are one step closer to its cousin, TV, in terms of special effects...'
content[2]='<br><big><b>Scrollers</b></big><br>Up until now, adding a scroller or tickertape to your website usually meant using a slow Java applet. Not anymore. Click here for DHTML scrollers that accomplish the same task with minimal download time.'
content[3]='<br><big><b>Image effects</b></big><br>Add lightweight effects to your existing images using these scripts. Make them fly, light up, turn static, all without paying the cost of slow downloading time.'
content[4]='<br><big><b>Links and buttons</b></big><br>Add tooltips to your text links, rollover effects to your form buttons, keyboard features to your document, and more.'
content[5]='<br><big><b>Dynamic clocks and dates</b></big><br>Time is never static, so why should your time script be? Enter for DHTML scripts that actually understand this simple truth.'
content[6]='<br><big><b>Text animations</b></big><br>Text have been silent for too long- DHTML promises to free them, with flying text, typing text, dragable text, and more.'
content[7]='<br><big><b>Browser window</b></big><br>Click here scripts related to the browser window and frames.'
content[8]='<br><big><b>Other</b></big><br>All scripts that don\'t comfortably fit in any of the above categories go here...'
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}
function changetext(whichcontent){
if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}
function appear(){
document.d1.visibility='show'
}
window.onload=regenerate2
//-->
</script><div id="scriptmenu" style="line-height:20px"><p><strong><font
face="Verdana"><a href="../dynamicindex1/index.html" onMouseover="changetext(content[0])"><small>Menus
and Navigation Systems</small></a><br>
<a href="../dynamicindex3/index.html" onMouseover="changetext(content[1])"><small>Special document
effects</small></a><br>
<a href="../dynamicindex2/index.html" onMouseover="changetext(content[2])"><small>Scrollers</small></a><br>
<a href="../dynamicindex4/index.html" onMouseover="changetext(content[3])"><small>Image
effects</small></a><br>
<a href="index.html" onMouseover="changetext(content[4])"><small>Links and buttons</small></a><br>
<a href="../dynamicindex6/index.html" onMouseover="changetext(content[5])"><small>Dynamic
Clocks and dates</small></a><br>
<a href="../dynamicindex10/index.html" onMouseover="changetext(content[6])"><small>Text
animations</small></a><br>
<a href="../dynamicindex8/index.html" onMouseover="changetext(content[7])"><small>Browser
Window</small></a><br>
<a href="../dynamicindex11/index.html" onMouseover="changetext(content[8])"><small>Other</small></a></font></strong></p>
</div><ilayer id="d1" width="200" height="200" visibility="hide">
<layer id="d2" width="200" height="200">
<div id="descriptions" align="left">
<!--Change below to default content of your own-->
<strong><font face="Verdana" color="#000000"><p>Welcome to our new look!<br>
</font></strong><font face="Verdana"><small>Hope you like the new look for Dynamic Drive.
This is the first in a series of steps we're taking to improve our site. In the very near
future, you can expect many cool features such as a new forum, newsletter, feedback form,
and more, to be introduced. Enjoy!</small><br>
</font>
<!--Stop editting-->
</div>
</layer>
</ilayer>onMouseover="changetext(content[0])"