> 
- Home Page
- > Script DHTML
- > Script DHTML Frame
- > Frame show
Frame show
Shows and hides the content of a frame. It uses the iframes.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<title>Demo dhtml</title>
</HEAD>
<BODY>
<br><br><br><br><br><br><br><br><br>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
document.write("<SCRIPT LANGUAGE='JavaScript' SRC='/banner/banner.js'><\/SCRIPT>");
}
//-->
</SCRIPT>
<DIV id="bodyframe" style="visibility:hidden">
<IFRAME id="heads" SRC="frame2.htm" frameborder="1"
style="position:absolute; left:200; top:0; width:430; height:400">
</IFRAME>
</DIV>
<div style="position:absolute; left:0; top:0; width:200; z-index:1;
cursor:hand; background-color:red"
onclick="document.all.bodyframe.style.visibility='visible'">Mostra
il frame</div>
<div style="position:absolute; left:0; top:20; width:200; z-index:1;
cursor:hand; background-color:red"
onclick="document.all.bodyframe.style.visibility='hidden'">Nascondi
il frame</div>
<div style="position:absolute; left:0; top:80; width:200; z-index:1;
cursor:hand; background-color:green"
onclick="document.all.heads.src='http://www.risorse.net/software'">Software</div>
<div style="position:absolute; left:0; top:100; width:200; z-index:1;
cursor:hand; background-color:green"
onclick="document.all.heads.src='http://www.risorse.net/dhtml'">sezione
Dhtml</div>
<div style="position:absolute; left:0; top:60; width:200; z-index:1;
cursor:hand; background-color:green"
onclick="document.all.heads.src='http://www.risorse.net'">RISORSE.NET</div>
</BODY>
</HTML>
