JavaScript DHTML/Ajax Layer/Layer Limits

Материал из Web эксперт
Перейти к: навигация, поиск

Relative Layers : Limits example

   <source lang="html4strict">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML> <HEAD> <TITLE>RelativeLayers : Limits example</TITLE> <SCRIPT LANGUAGE="JavaScript" SRC="rl_error_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="rl_browser_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_utility_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_window_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_layer_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_limits_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2">

</SCRIPT> </HEAD> <BODY BGCOLOR="#2F4078"> 

  Demo of the application of limits.


   Layer1

 <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>

 <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>

 <A HREF="javascript:layer1.clearLimits(); layer1.position();">Clear limits</A>
 <A HREF="javascript:applyLimits(); layer1.position();">Apply limits</A>

 <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>

   Layer2

 <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>

</BODY> </HTML> 

      </source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/relativelayers-0.9.7.zip">relativelayers-0.9.7.zip( 74 k)</a>

Источник — «http://www.wbex.ru/index.php?title=JavaScript_DHTML/Ajax_Layer/Layer_Limits&oldid=1735»