SimplytheBest Scripts
A collection of the best Ajax, DHTML scripts and Javascripts available on the Web. SimplytheBest Online Games
We offer a library of online games in many categories. Enjoyment and frustration guaranteed. SimplytheBest Software
A software directory with the best shareware and freeware available on the Web.
With this script you can display menus or large amounts of information when
needed. Insert text, links, graphics and any other HTML element you wish to include.
EXAMPLE
Click on the tab image to Hide or Show
the slide-in table.
1) Insert this Style command with the script in the <HEAD> section of
the page.
2) Insert the following HTML code anywhere
in the <BODY> section of the page.
3) Insert the onload event handler inside the <BODY> tag as follows:
<body
onload=init(),
followed by other tags such as bgcolor, etc..
4) Change these variables to customize the
style of the slide-in menu and its positioning on the page in this section of the
<STYLE> command:
6) Define the the path to the tab image
and the content of the slide-in menu in this section of the HTML code:
<DIV id=tabDiv><a href="javascript:hidepoptext();"><img alt="Click here to close"
src="images/popout_menu.gif" width=14 border=0></a></DIV>
<DIV id=textdiv>
<font face="Verdana" size="2"><a href="http://simplythebest.net/scripts/dhtml_scripts.html">
SimplytheBest DHTML Scripts & Javascripts</a></font><br>
<font face="Verdana" size="1">A collection of the best DHTML scripts and javascripts available on the Web.<br></font>
</DIV>
To add a second popup window to the page, insert a new set of styles for the tab and the
popup window, and the
corresponding new DIV containers. For example:
In the <BODY> section add:
<DIV id=tabDiv2><a href="javascript:hidepoptext();"><img alt="Click here to close"
src="images/popout_menu.gif" width=14 border=0></a></DIV>
<DIV id=textdiv2>New content</DIV>