Welcome to WebDirect basics.

<-- Back to Training Home

Thickbox is a very useful tool for displaying information on a webpage. Especially when the webpage is quite full, or the content just doesent seem to fit anywhere.
Click here for an example

Thickbox does not work in the secure folder.
to use thickbox:

in between the <head></head> tags, include:

<script type="text/javascript" src="/thickbox/scripts/scroller.js"></script>
<script type="text/javascript" src="/thickbox/jquery.js"></script>
<script type="text/javascript" src="/thickbox/thickbox.js"></script>
<link rel="stylesheet" href="/thickbox/thickbox.css" type="text/css" media="screen" />


and then to use it:
<a class="thickbox" href="thickboxcontent.php?KeepThis=true&TB_iframe=true&height=100&width=300" >Click here for an example</a>
notice, that an external url is being pulled in. In general, you will need to create another page that will load into thickbox.
You may pass $_GET variables into a thickbox url (just like a normal page)

whenever you implement thickbox, if you wont need to do any restyling or reworking of the thickbox code, just use the base docs directory thickbox. Otherwise, copy it to the folder you are working in and modify it there.

There are many different ways to use thickbox. To become a "thickbox champion" go to ThickBox's site and learn more.