JavaScript Only DIV Code

Dysan

Hello! How do I display the code for a DIV within the page source only if JavaScript is turned on? (If JavaScript is disabled, then the DIV code shouldn't be visible within the page source)

Also, if JavaScript is turned on, how do I show/hide the div, upon clicking a link? If JavaScript is disabled, then this link should navigate to a different page (e.g. google.co.uk)

NogDog

Something like this, using onclick events on the link that returns false. That way the href value is only followed if JavaScript is disabled.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<script type="text/javascript">
function show_div()
{
   document.getElementById('test').style.display='block';
}
function hide_div()
{
   document.getElementById('test').style.display='none';
}
</script>
<style type="text/css">
body {
   margin: 0;
   padding: 10px;
   height:  100%;
}
#test {
   position: absolute;
   top: 30%;
   left: 30%;
   width: 200px;
   padding: 20px;
   border: outset 2px gray;
   display: none;
   text-align: center;
}
</style>
</head>
<body>
<p><a href="http://www.google.com" onclick="show_div();return false;">Click Me</a></p>
<div id="test">
<a href="" onclick="hide_div();return false;">Close this window</a>
</div>
</body>
</html>