Demo Dynamic HTML - IFrame crossbrowser

IFrame crossbrowser

Compatibilidad: Ms Internet Explorer, Netscape

Como ya sabes, Netscape no reconoce la marca IFrame, que permite crear marcos internos en la página. Esta demo pone fin a este límite de Netscape y permite visualizar perfectamente un marco tanto a Ns como a Msie.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

</HEAD>

<ilayer name="scroll1" width=170 height=150 clip="0,0,170,150">
<layer name="scroll2" width=170 height=150 bgColor="yellow">
<div id="scroll3" style="width:170;height:150;background-color:yellow;overflow:scroll">
www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, www.htmlpoint.com, </div>
</layer>
</ilayer>

var nsstyle='display:""'
if (document.layers)
var scrolldoc=document.scroll1.document.scroll2
function up(){
if (!document.layers) return
if (scrolldoc.top<0)
scrolldoc.top+=10
temp2=setTimeout("up()",50)
}
function down(){
if (!document.layers) return
if (scrolldoc.top-150>=scrolldoc.document.height*-1)
scrolldoc.top-=10
temp=setTimeout("down()",50)
}

function clearup(){
if (window.temp2)
clearInterval(temp2)
}

function cleardown(){
if (window.temp)
clearInterval(temp)
}

</script>
<br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()"
    onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#"
    onMousedown="down()" onMouseup="cleardown()" onClick="return false"
    onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]