TODO
Example 3-2. Limits example
<HTML> <HEAD> <TITLE>RelativeLayers : Limits example</TITLE> <SCRIPT LANGUAGE="JavaScript" SRC="rl_error.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="rl_browser.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_utility.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_window.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_layer.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_limits.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- layer1 = new RelativeLayer( "layer1Div", "", "", "80%","60%",LEFT,"50%",TOP,"10%","0","-50%", "100%","100%",LEFT,"50%",TOP,"50%","0","0", "#dddddd"); layer1.setVisible(true); layer2 = new RelativeLayer( "layer2Div", "", "", "80%","AUTO",LEFT,"50%",BOTTOM,"-10%","0","50%", "100%","100%",LEFT,"50%",TOP,"50%","0","0", "#ffffff"); layer2.setVisible(true); applyLimits(); function applyLimits() { layer1.addLimit(LEFTEDGE, RIGHTSIDE, "layer2Div", LEFT, -40); layer1.addLimit(RIGHTEDGE, LEFTSIDE, "layer2Div", RIGHT, 40); layer1.addLimit(TOPEDGE, BELOW, "", TOP, 20); layer1.addLimit(BOTTOMEDGE, ABOVE, "layer2Div", TOP, -20); } //--> </SCRIPT> </HEAD> <BODY BGCOLOR="#2F4078"> <DIV ID="layer1Div"> Demo of the application of limits.<BR> </DIV> <DIV ID="layer2Div"> <B>Layer1</B><BR> <A HREF="javascript:layer1.visibleMoveBy(-10,0)">Left</A> <A HREF="javascript:layer1.visibleMoveBy(10,0)">Right</A> <A HREF="javascript:layer1.visibleMoveBy(0,-10)">Up</A> <A HREF="javascript:layer1.visibleMoveBy(0,10)">Down</A><BR> <A HREF="javascript:layer1.visibleMoveTo('50%',0)">Top edge</A> <A HREF="javascript:layer1.visibleMoveTo('50%', '100%-'+layer1.calculateVisibleHeight())">Bottom edge</A> <A HREF="javascript:layer1.visibleMoveTo('50%', Math.floor((layer2.getAbsoluteY()-layer1.calculateVisibleHeight())/2))">Center</A> <A HREF="javascript:center_offset_x = Math.ceil(layer1.calculateVisibleWidth()/2); layer1.visibleMoveTo(center_offset_x,'10%')">Left edge</A> <A HREF="javascript:center_offset_x = Math.ceil(layer1.calculateVisibleWidth()/2); layer1.visibleMoveTo('100%-'+center_offset_x,'10%')">Right edge</A><BR> <A HREF="javascript:layer1.clearLimits(); layer1.position();">Clear limits</A> <A HREF="javascript:applyLimits(); layer1.position();">Apply limits</A><BR> <A HREF="javascript:layer1.visibleResizeTo('10%','60%')">Narrow</A> <A HREF="javascript:layer1.visibleResizeTo('100%','60%')">Wide</A> <A HREF="javascript:layer1.visibleResizeTo('80%','60%')">Normal</A> <A HREF="javascript:layer1.visibleResizeTo('80%','10%')">Short</A> <A HREF="javascript:layer1.visibleResizeTo('80%','90%')">Long</A><BR> <B>Layer2</B><BR> <A HREF="javascript:layer2.visibleMoveBy(-10,0)">Left</A> <A HREF="javascript:layer2.visibleMoveBy(10,0)">Right</A> <A HREF="javascript:layer2.visibleMoveBy(0,-10)">Up</A> <A HREF="javascript:layer2.visibleMoveBy(0,10)">Down</A><BR> </DIV> </BODY> </HTML> |