в 09:58, 26 мая 2010

2010-05-26T09:58:48Z

Admin: 1 версия

2010-05-26T07:15:50Z

1 версия

Новая страница

==RelativeLayers : Relative positioning example==



<source lang="html4strict">

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

<HTML>
<HEAD>
<TITLE>RelativeLayers : Relative positioning 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">

</SCRIPT>
</HEAD>
<BODY BGCOLOR="#2F4078">
<DIV ID="layer1Div">
Layer 1.<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.visibleResizeBy(0,"-10")">Shorter</A>
<A HREF="javascript:layer1.visibleResizeBy(0,"10")">Longer</A><BR>
</DIV>
<DIV ID="layer2Div">
Layer 2.<BR>
<A HREF="javascript:layer2.visibleResizeBy("-10",0)">Narrower</A>
<A HREF="javascript:layer2.visibleResizeBy("10",0)">Wider</A>
<A HREF="javascript:layer2.visibleResizeBy(0,"-10")">Shorter</A>
<A HREF="javascript:layer2.visibleResizeBy(0,"10")">Longer</A><BR>
</DIV>
<DIV ID="layer3Div">
Layer 3.<BR>
<A HREF="javascript:layer3.visibleResizeBy("-10",0)">Narrower</A>
<A HREF="javascript:layer3.visibleResizeBy("10",0)">Wider</A>
<A HREF="javascript:layer3.visibleResizeBy(0,"-10")">Shorter</A>
<A HREF="javascript:layer3.visibleResizeBy(0,"10")">Longer</A><BR>
</DIV>
<DIV ID="layer4Div">
Layer 4.<BR>
<A HREF="javascript:layer4.visibleResizeBy("-10",0)">Narrower</A>
<A HREF="javascript:layer4.visibleResizeBy("10",0)">Wider</A>
<A HREF="javascript:layer4.visibleResizeBy(0,"-10")">Shorter</A>
<A HREF="javascript:layer4.visibleResizeBy(0,"10")">Longer</A><BR>
</DIV>
</BODY>
</HTML>

</source>

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

==Slide layer to a position==



<source lang="html4strict">

http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999
<html>
<head>
<title>DynAPI Examples - DynLayer [Slide]</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath("./dynapisrc/");
dynapi.library.include("dynapi.api");
</script>
<script language="Javascript">
block = new DynLayer();
block.setSize(20,20);
block.setLocation(100,100);
block.setBgColor("red");
var listener = {};
listener.onpathstart = function(e) {
status = "start";
}
listener.onpathrun = function(e) {
var o = e.getSource();
status = "play "+o.x+" "+o.y;
}
listener.onpathstop = function(e) {
var o = e.getSource();
status = "stop "+o.x+" "+o.y;;
}
block.addEventListener(listener);
dynapi.document.addChild(block);
//-->
</script>
</head>
<body bgcolor="#999999">
<script>
dynapi.document.insertAllChildren();
</script>
<p>SlideTo:
<br>(<a href="javascript:block.slideTo(100,100)">100,100</a>)
<br>(<a href="javascript:block.slideTo(200,100)">200,100</a>)
<br>(<a href="javascript:block.slideTo(200,200)">200,200</a>)
<br>(<a href="javascript:block.slideTo(100,200)">100,200</a>)
<br>(<a href="javascript:block.slideTo(400,50)">400,50</a>)
<br>(<a href="javascript:block.slideTo(50,400)">50,400</a>)

</body>
</html>

</source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/dynapi.zip">dynapi.zip( 791 k)</a>

← Предыдущая	Версия 09:58, 26 мая 2010
(нет различий)

JavaScript DHTML/Ajax Layer/Layer Position - История изменений

в 09:58, 26 мая 2010

Admin: 1 версия