Mega Code Archive

 
Categories / JavaScript DHTML / Ajax Layer
 

Layer anchor 2

http://dynapi.sourceforge.net/ GNU LESSER GENERAL PUBLIC LICENSE Version 2.1, February 1999 <html> <head> <title>DynAPI Examples - DynLayer Anchor II</title> <script language="JavaScript" src="./dynapisrc/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('./dynapisrc/'); dynapi.library.include('dynapi.api'); </script> <script language="Javascript">   var parentLayer = dynapi.document.addChild(new DynLayer(null,200,10,50,50,'#999999'));   var greenLayer = parentLayer.addChild(new DynLayer(null,0,0,8,8,'green'));       greenLayer.setAnchor({right:0,bottom:0});   var redLayer = parentLayer.addChild(new DynLayer(null,0,0,8,8,'red'));       redLayer.setAnchor({top:0,left:0});   var blueLayer = parentLayer.addChild(new DynLayer(null,0,0,8,8,'blue'));       blueLayer.setAnchor({top:0,right:0});   var yellowLayer = parentLayer.addChild(new DynLayer(null,0,0,8,8,'yellow'));       yellowLayer.setAnchor({bottom:0,left:0});   dynapi.document.addChild(parentLayer); </script> </head> <body> <br> <Br> <table width="100%" border="0">   <tr>     <td>Green Layer <br> <a href="#" onClick="greenLayer.setWidth(16)">set the       green layer's width to 16</a><br> <a href="#" onClick="greenLayer.setWidth(8)">set       the green layer's width to 8</a><br> <a href="#" onClick="greenLayer.setWidth(1)">set       the green layer's width to 1</a><br> <a href="#" onClick="greenLayer.setHeight(16)">set       the green layer's height to 16</a><br> <a href="#" onClick="greenLayer.setHeight(8)">set       the green layer's height to 8</a><br> <a href="#" onClick="greenLayer.setHeight(1)">set       the green layer's height to 1</a> </td>     <td>Red Layer <br> <a href="#" onClick="redLayer.setWidth(16)">set the red       layer's width to 16</a><br> <a href="#" onClick="redLayer.setWidth(8)">set       the red layer's width to 8</a><br> <a href="#" onClick="redLayer.setWidth(1)">set       the red layer's width to 1</a><br> <a href="#" onClick="redLayer.setHeight(16)">set       the red layer's height to 16</a><br> <a href="#" onClick="redLayer.setHeight(8)">set       the red layer's height to 8</a><br> <a href="#" onClick="redLayer.setHeight(1)">set       the red layer's height to 1</a></td>   </tr>   <tr>     <td>Blue Layer <br> <a href="#" onClick="blueLayer.setWidth(16)">set the blue       layer's width to 16</a><br> <a href="#" onClick="blueLayer.setWidth(8)">set       the blue layer's width to 8</a><br> <a href="#" onClick="blueLayer.setWidth(1)">set       the blue layer's width to 1</a><br> <a href="#" onClick="blueLayer.setHeight(16)">set       the blue layer's height to 16</a><br> <a href="#" onClick="blueLayer.setHeight(8)">set       the blue layer's height to 8</a><br> <a href="#" onClick="blueLayer.setHeight(1)">set       the blue layer's height to 1</a></td>     <td>Yellow Layer <br> <a href="#" onClick="yellowLayer.setWidth(16)">set the       yellow layer's width to 16</a><br> <a href="#" onClick="yellowLayer.setWidth(8)">set       the yellow layer's width to 8</a><br> <a href="#" onClick="yellowLayer.setWidth(1)">set       the yellow layer's width to 1</a><br> <a href="#" onClick="yellowLayer.setHeight(16)">set       the yellow layer's height to 16</a><br> <a href="#" onClick="yellowLayer.setHeight(8)">set       the yellow layer's height to 8</a><br> <a href="#" onClick="yellowLayer.setHeight(1)">set       the yellow layer's height to 1</a></td>   </tr> </table> <Br> <Br> <Br> <Br> <Br> <Br> <Br> <script> dynapi.document.insertAllChildren(); </script> </body> </html>                     dynapi.zip( 791 k)