View Pane and Load Panel : Panel « Ajax Layer « JavaScript DHTML






  1. JavaScript DHTML
  2. Ajax Layer
  3. Panel

View Pane and Load Panel

<html>
<head>
<title>DynAPI Examples - ViewPane and LoadPanel</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
  dynapi.library.setPath('./dynapisrc/');
  dynapi.library.include('dynapi.api');
  dynapi.library.include('dynapi.gui.LoadPanel');
  dynapi.library.include('ViewPane');
</script>
<script language="Javascript">

  var lp = new LoadPanel('./dynapiexamples/loadpanel/file1.html');
  lp.setSize(300,300);
  lp.setBgColor('#C0C0C0');

  var vp = new ViewPane(null,250,100,200,200);
  vp.setContent(lp)

  dynapi.document.addChild(vp);

</script>
</head>
<body>
<p>
<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>
<script>
  dynapi.document.insertAllChildren();
</script>
</body>
</html>








dynapi.zip( 791 k)

Related examples in the same category

1.Simple drag and drop panel
2.Rounded Corners
3.ViewPane and Explorer