DynAPI Examples - DynLayer Anchor - Anchoring
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
cnt=0;
w = new DynLayer(' ',-10,-10,20,18); // use negative x,y to hide layer during ns4 resize (or reload)
w.setAnchor({topA:'c',leftA:'c',stretchH:120,stretchV:28});
w.__a=w.addChild(new DynLayer(null,null,null,null,null,'#000000'));
w.__b=w.addChild(new DynLayer(null,null,null,null,null,'#000000'));
w.__c=w.addChild(new DynLayer(null,null,null,null,null,'#000000'));
w.__d=w.addChild(new DynLayer(null,null,null,null,null,'#000000'));
w.__a.setAnchor({stretchH:'100%',stretchV:2,top:0})
w.__b.setAnchor({stretchH:2,stretchV:'100%',right:0})
w.__c.setAnchor({stretchH:'100%',stretchV:2,bottom:0})
w.__d.setAnchor({stretchH:2,stretchV:'100%',left:0})
window.setTimeout('setColor()',200);
dynapi.document.addChild(w);
function setColor() {
var color='#ffcc00';
cnt++
if (cnt>4)cnt=1;
if(cnt==1) w.__a.setBgColor(color);
else w.__a.setBgColor('#000000');
if(cnt==2) w.__b.setBgColor(color);
else w.__b.setBgColor('#000000');
if(cnt==3) w.__c.setBgColor(color);
else w.__c.setBgColor('#000000');
if(cnt==4) w.__d.setBgColor(color);
else w.__d.setBgColor('#000000');
window.setTimeout('setColor()',300);
}
function setAnchor(t){
if(t=='a') w.setAnchor({topA:'a',leftA:'a',stretchH:90,stretchV:18});
if(t=='b') w.setAnchor({topA:'b',leftA:'b',stretchH:100,stretchV:18});
if(t=='c') w.setAnchor({topA:'c',leftA:'c',stretchH:120,stretchV:28});
if(t=='d') w.setAnchor({topA:'d',leftA:'d',stretchH:120,stretchV:35});
if(t=='e') w.setAnchor({topA:'e',leftA:'e',stretchH:80,stretchV:18});
if(t=='f') w.setAnchor({topA:'f1',leftA:'f1',bottomA:'f3',rightA:'f2',stretchH:'*',stretchV:'*'});
}
Anchoring/Docking
Change Anchor
Location
Anchor A
Anchor B
Anchor C
Anchor D
Anchor E
Anchor F
Resize the browser to see the changes
topA
rightA
bottomA
leftA
A example of an anchor
: <a name="myname"
id="myname"> </a>
Some text here,
some more text here some text here, some more text here. some more text here
some text here, some more text here.
AnchorHere
some more text here some text here, some more text here. some more text
here some text here, some more text here. some more text here some text
here, some more text here.
AnchorHereAnd more text here some text here, some
more text here. some more text here some text here, some more text here.
some more text here some text here, some more text here. some more text
here some text here, some more text here. some more text here some text here, some more text here.
some more text here
MoreText
some text
here, some more text here.some more text here some text here, some more
text here.some more text here some text here, some more text here.some
more text here some text here, some more text here.some more text here
some text here, some more text here.some more text here some text here,
some more text here.some more text here some text here, some more text
here.
some more text here some text
here, some more text here. some more text here some text here, some
more text here.some more text
Testing
here some text here, some more text here.some more text here some
text here, some more text here.some more text here some text here,
some more text here.some more text here some text here, some more
text here some more text here some
text here, some more text
here.some more text here some text here, some more text here.some
more text here some text here, some more text here..
some more text here some text here, some
more text here.some more text here some text here, some more text
here.
Anchor_here
some more text here some text here, some more text here.some more
text here some text here, some more text here.some more text here
some text here, some more text here.
some more text here some text here, some more text
here.some more text here some text here, some more text here. some more text here some text here, some more text
here.some more text here some text here, some more text here.some
more text here some text here, some more text here.some more text here some text here, some more text
here.some more text here some text here, some more text here.some
more text here some text here, some more text here.some more text here some text here, some more text
here.some more text here some text here, some more text here.some
more text here some text here, some more text here.
some more text here some text here, some
more text here.
1
2
3
some more text here some text
here, some more text here.some more text here some text here, some
more text here.