Q410 How do you hide and reveal the article synopsis' on irt.org?

You are here: irt.org | FAQ | DHTML | Q410 [ previous next ]

Here is a fully working example:

<html>

<head>

<title>Sample</title>

<style type="text/css"><!--
.article { position: absolute; visibility: hidden; }
//--></style>

<script type="text/javascript" language="JavaScript"><!--
function show(object) {
    if (document.layers && document.layers[object] != null)
        document.layers[object].visibility = 'visible';
    else if (document.all) {
        document.all[object].style.visibility = 'visible';
    }
}
function hide(object) {
    if (document.layers && document.layers[object] != null)
        document.layers[object].visibility = 'hidden';
    else if (document.all)
         document.all[object].style.visibility = 'hidden';
}
//--></script>

</head>

<body>

<table bgcolor="#FFCC99" width="600"><tr><td><p><b>94.</b> Monday 15th May 1998 - <a href="articles/js094" onMouseover="show('L094')" onMouseout="hide('L094')">Building a Dynamic Thank You Page</a></td></tr></table>
<div id="L094" class="article"><table bgcolor="#FFFFCC" width="600"><tr><td>
<b>Synopsis:</b><br> See how you can use JavaScript to enhance your Thank You page to let the user know that what they sent is exactly what you received.
<br><br><b>Techniques:</b><br> JavaScript, CGI, forms, thank you page
</td></tr></table></div>

</body>

</html>