http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FAjax_Layer%2FLayer_Limits
JavaScript DHTML/Ajax Layer/Layer Limits - История изменений
2026-04-04T21:52:12Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Ajax_Layer/Layer_Limits&diff=1734&oldid=prev
в 09:58, 26 мая 2010
2010-05-26T09:58:48Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 09:58, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Ajax_Layer/Layer_Limits&diff=1735&oldid=prev
Admin: 1 версия
2010-05-26T07:16:10Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Relative Layers : Limits example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br />
<!--<br />
// RelativeLayers 0.9.7<br />
// <br />
// $Id: example7.html 1.8 04/02/02 21:22:32+01:00 gbevin@willow.uwyn.office $<br />
// <br />
// Library for creating dynamic designs that adapt themselves to the user"s<br />
// browser environment.<br />
// <br />
// Copyright (C) 1998-2004, Geert Bevin<br />
// Distributed under the terms of the GNU Lesser General Public, v2.1 or later<br />
// <br />
// gbevin[remove] at uwyn dot com<br />
// http://www.uwyn.ru/projects/relativelayers<br />
--><br />
<HTML><br />
<HEAD><br />
<TITLE>RelativeLayers : Limits example</TITLE><br />
<SCRIPT LANGUAGE="JavaScript" SRC="rl_error_stripped.js"></SCRIPT><br />
<SCRIPT LANGUAGE="JavaScript" SRC="rl_browser_stripped.js"></SCRIPT><br />
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_utility_stripped.js"></SCRIPT><br />
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_window_stripped.js"></SCRIPT><br />
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_layer_stripped.js"></SCRIPT><br />
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_limits_stripped.js"></SCRIPT><br />
<SCRIPT LANGUAGE="JavaScript1.2"><br />
<!--<br />
layer1 = new RelativeLayer(<br />
"layer1Div", "", "",<br />
"80%","60%",LEFT,"50%",TOP,"10%","0","-50%",<br />
"100%","100%",LEFT,"50%",TOP,"50%","0","0",<br />
"#dddddd");<br />
layer1.setVisible(true);<br />
layer2 = new RelativeLayer(<br />
"layer2Div", "", "",<br />
"80%","AUTO",LEFT,"50%",BOTTOM,"-10%","0","50%",<br />
"100%","100%",LEFT,"50%",TOP,"50%","0","0",<br />
"#ffffff");<br />
layer2.setVisible(true);<br />
applyLimits();<br />
function applyLimits()<br />
{<br />
layer1.addLimit(LEFTEDGE, RIGHTSIDE, "layer2Div", LEFT, -40);<br />
layer1.addLimit(RIGHTEDGE, LEFTSIDE, "layer2Div", RIGHT, 40);<br />
layer1.addLimit(TOPEDGE, BELOW, "", TOP, 20);<br />
layer1.addLimit(BOTTOMEDGE, ABOVE, "layer2Div", TOP, -20);<br />
layer1.addDimensionLimit(WIDTH, MINIMUM, "layer2Div", LEFT, 0, "layer2Div", RIGHT, 0);<br />
layer1.addDimensionLimit(HEIGHT, MAXIMUM, "layer2Div", TOP, 0, "layer2Div", BOTTOM, 0);<br />
}<br />
//--><br />
</SCRIPT><br />
</HEAD><br />
<BODY BGCOLOR="#2F4078"><br />
<DIV ID="layer1Div"><br />
Demo of the application of limits.<BR><br />
</DIV><br />
<DIV ID="layer2Div"><br />
<B>Layer1</B><BR><br />
<A HREF="javascript:layer1.visibleMoveBy(-10,0)">Left</A><br />
<A HREF="javascript:layer1.visibleMoveBy(10,0)">Right</A><br />
<A HREF="javascript:layer1.visibleMoveBy(0,-10)">Up</A><br />
<A HREF="javascript:layer1.visibleMoveBy(0,10)">Down</A><BR><br />
<A HREF="javascript:layer1.visibleMoveTo("50%",0)">Top edge</A><br />
<A HREF="javascript:layer1.visibleMoveTo("50%","100%-"+layer1.calculateVisibleHeight())">Bottom edge</A><br />
<A HREF="javascript:layer1.visibleMoveTo("50%", Math.floor((layer2.getAbsoluteY()-layer1.calculateVisibleHeight())/2))">Center</A><br />
<A HREF="javascript:center_offset_x = Math.ceil(layer1.calculateVisibleWidth()/2); layer1.visibleMoveTo(center_offset_x,"10%")">Left edge</A><br />
<A HREF="javascript:center_offset_x = Math.ceil(layer1.calculateVisibleWidth()/2); layer1.visibleMoveTo("100%-"+center_offset_x,"10%")">Right edge</A><BR><br />
<A HREF="javascript:layer1.clearLimits(); layer1.position();">Clear limits</A><br />
<A HREF="javascript:applyLimits(); layer1.position();">Apply limits</A><BR><br />
<A HREF="javascript:layer1.visibleResizeTo("10%","60%")">Narrow</A><br />
<A HREF="javascript:layer1.visibleResizeTo("100%","60%")">Wide</A><br />
<A HREF="javascript:layer1.visibleResizeTo("80%","60%")">Normal</A><br />
<A HREF="javascript:layer1.visibleResizeTo("80%","10%")">Short</A><br />
<A HREF="javascript:layer1.visibleResizeTo("80%","90%")">Long</A><BR><br />
<B>Layer2</B><BR><br />
<A HREF="javascript:layer2.visibleMoveBy(-10,0)">Left</A><br />
<A HREF="javascript:layer2.visibleMoveBy(10,0)">Right</A><br />
<A HREF="javascript:layer2.visibleMoveBy(0,-10)">Up</A><br />
<A HREF="javascript:layer2.visibleMoveBy(0,10)">Down</A><BR><br />
</DIV><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<A href="http://www.wbex.ru/Code/JavaScriptDownload/relativelayers-0.9.7.zip">relativelayers-0.9.7.zip( 74 k)</a></div>
Admin