Border Manager - Inner Border: pressed layer border
http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999
<html>
<head>
<title>DynAPI Examples - BorderManager - Inner Border</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.functions.Color');
dynapi.library.include('dynapi.gui.BorderManager');
</script>
<script language="Javascript">
var box1 = dynapi.document.addChild(new DynLayer(null,100,100,100,100,'yellow'));
var box2 = dynapi.document.addChild(new DynLayer(null,210,100,100,100,'#EFEBD7'));
box1.setInnerBorder(1,'blue');
box1.addEventListener({
onclick : function(e){
var o=e.getSource();
if(!o.__state) {
o.__state=1;
o.setInnerBorder(1,{top:'black',right:'white',bottom:'white',left:'black'})
}
else{
o.__state=0;
o.setInnerBorder(1,{top:'white',right:'black',bottom:'black',left:'white'})
}
}
});
box2.setInnerBorder(2,{top:'white',right:'silver',bottom:'silver',left:'white'});
box2.addEventListener({
onclick : function(e){
var o=e.getSource();
if(!o.__state) {
o.__state=1;
o.setInnerBorder(2,{top:'silver',right:'white',bottom:'white',left:'silver'})
}
else{
o.__state=0;
o.setInnerBorder(2,{top:'white',right:'silver',bottom:'silver',left:'white'})
}
}
});
</script>
</head>
<body bgcolor="#e0e0e0">
Click on the Layers
<script>
dynapi.document.insertAllChildren();
</script>
</body>
</html>
dynapi.zip( 791 k)Related examples in the same category