Load HTML file to Layer : Layer Container « Ajax Layer « JavaScript DHTML






Load HTML file to Layer


http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999       
<html>
<head>
<title>DynAPI Examples - LoadPanel</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.library');
dynapi.library.include('dynapi.api');
//dynapi.library.include('dynapi.debug');
dynapi.library.include('dynapi.gui.LoadPanel');
</script>
<script language="JavaScript">
<!--

lp = new LoadPanel('./dynapiexamples/loadpanel/file1.html');
lp.setLocation(200,20);
lp.setSize(300,300);
lp.setBgColor('#C0C0C0');
dynapi.document.addChild(lp);

//-->
</script>
</head>
<body bgcolor="#999999">
<script>
  dynapi.document.insertAllChildren();
</script>
<a href="javascript:lp.setURL('./dynapiexamples/loadpanel/file1.html')">file 1</a><br>
<a href="javascript:lp.setURL('./dynapiexamples/loadpanel/file2.html')">file 2</a><br>
<a href="javascript:lp.setURL('./dynapiexamples/loadpanel/file3.html')">file 3</a>

<p><a href="javascript:lp.history.back()">back</a><br>
<a href="javascript:lp.history.forward()">forward</a><br>
<a href="javascript:lp.reload()">reload</a><br>
<a href="javascript:lp.clear()">clear</a>

<p><a href="javascript:alert(lp.history)">show history</a><br>
</body>
</html>
           
       








dynapi.zip( 791 k)

Related examples in the same category

1.Container based on Layer
2.Image in Frame
3.Relative Layers: External Source example