Box Model Fix (Border Manager) : Border : Ajax Layer JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Ajax Layer » Border »

 

Box Model Fix (Border Manager)




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

var lyr1 = dynapi.document.addChild(new DynLayer('',100,100,100,100,'yellow'));
var lyr2 = dynapi.document.addChild(new DynLayer('',202,100,100,100,'lime'));

lyr1.setBorder(1,'black','dotted');
lyr2.setBorder(1,'silver','solid');

// Note: NS4 will default to solid style
//lyr1.setBorder({top:2,bottom:1},'black',{top:'solid',bottom:'dotted'});


</script>
</head>
<body>
<a href="" onclick="lyr2.setSize(lyr2.w+10,lyr2.h+10); return false;">increase</a><br>
<a href="" onclick="lyr2.setSize(lyr2.w-10,lyr2.h-10); return false;">decrease</a>
<script>
  dynapi.document.insertAllChildren();
</script>
</body>
</html>

           
       

Download : Download nav_dynapi.zip nav_dynapi.zip


-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Ajax Layer
» Border