Mostra e nasconde il contenuto di un frame. Usa le iframe.
<HTML>
<HEAD>
<title>Demo dhtml</title>
</HEAD>
<BODY>
<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>
Scarica il Codice...
Stampa la pagina