http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FAjax_Layer%2FLayer_Group 2026-04-05T22:36:36Z История изменений этой страницы в вики MediaWiki 1.30.0 http://wbex.ru/index.php?title=JavaScript_DHTML/Ajax_Layer/Layer_Group&diff=1654&oldid=prev 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_Group&diff=1655&oldid=prev 2010-05-26T07:15:51Z

<p>1 версия</p> <p><b>Новая страница</b></p><div>==Grouping layers==<br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- start source code --&gt;<br /> <br /> &lt;source lang=&quot;html4strict&quot;&gt;<br /> <br /> http://dynapi.sourceforge.net/<br /> GNU LESSER GENERAL PUBLIC LICENSE<br /> Version 2.1, February 1999 <br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;title&gt;DynAPI Examples - GroupManager&lt;/title&gt;<br /> &lt;script language=&quot;JavaScript&quot; src=&quot;./dynapisrc/dynapi.js&quot;&gt;&lt;/script&gt;<br /> &lt;script language=&quot;Javascript&quot;&gt;<br /> dynapi.library.setPath(&quot;./dynapisrc/&quot;);<br /> dynapi.library.include(&quot;dynapi.library&quot;);<br /> dynapi.library.include(&quot;dynapi.api&quot;);<br /> dynapi.library.include(&quot;GroupManager&quot;);<br /> dynapi.library.include(&quot;DragEvent&quot;);<br /> dynapi.library.include(&quot;Color&quot;);<br /> &lt;/script&gt;<br /> &lt;script&gt;<br /> var gm=new GroupManager()<br /> gm.addMethod(&quot;slideTo&quot;,DynLayer.prototype.slideTo);<br /> gm.addMethod(&quot;slideStop&quot;,DynLayer.prototype.slideStop);<br /> gm.addMethod(&quot;_slide&quot;,DynLayer.prototype._slide);<br /> var a = gm.add(dynapi.document.addChild(new DynLayer(null,100,100,50,50,&quot;red&quot;)))<br /> var b = gm.add(dynapi.document.addChild(new DynLayer(null,210,0,50,50,&quot;green&quot;)))<br /> var e = dynapi.document.addChild(new DynLayer(&quot;&lt;br&gt;&lt;p align=&quot;center&quot;&gt;E&lt;/p&gt;&quot;,400,120,50,50,&quot;#ffcc00&quot;))<br /> var c = gm.add(dynapi.document.addChild(new DynLayer(null,320,100,50,50,&quot;blue&quot;)))<br /> var d = gm.add(dynapi.document.addChild(new DynLayer(null,430,0,50,50,&quot;Yellow&quot;)))<br /> gm.setLocation(210,50);<br /> gm.add(e,true,true)<br /> DragEvent.enableDragEvents(a,b,c,d,e)<br /> &lt;/script&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> Drag anyone of the colored layers to move the group&lt;br&gt;&lt;br&gt;<br /> Move to:&lt;a href=&quot;javascript:gm.setLocation(100,100)&quot;&gt;(100,100)&lt;/a&gt; | <br /> &lt;a href=&quot;javascript:gm.setLocation(300,200)&quot;&gt;(300,200)&lt;/a&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:gm.slideTo(Math.floor(500*Math.random()),Math.floor(300*Math.random()))&quot;&gt;SlideTo&lt;/a&gt; | &lt;a href=&quot;javascript:gm.sendMessage(&quot;slideTo(Math.floor(600*Math.random()),Math.floor(300*Math.random()))&quot;)&quot;&gt;SlideTo Random&lt;/a&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:gm.sendMessage(&quot;setBgColor&quot;,dynapi.functions.getRandomColor());&quot;&gt;Change Color&lt;/a&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:gm.sendMessage(&quot;setBgColor(dynapi.functions.getRandomColor())&quot;);&quot;&gt;Random Colors&lt;/a&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.setBoundary(0,dynapi.document.w,dynapi.document.h,0);&quot;&gt;Set Boundary On&lt;/a&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.setBoundary(null);&quot;&gt;Set Boundary Off&lt;/a&gt;&lt;br&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.add(e);return false;&quot;&gt;Add Layer E to Group&lt;/a&gt;&lt;br&gt;<br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.remove(e)&quot;&gt;Remove Layer E from Group&lt;/a&gt; /<br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;e.setSize(Math.random()*200,Math.random()*200)&quot;&gt;Resize E&lt;/a&gt;&lt;br&gt;&lt;br&gt;<br /> Unlock Layer E Coordunates:&lt;br&gt;<br /> X Coor: &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockX(false,e);return false;&quot;&gt;Lock&lt;/a&gt; | <br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockX(true,e);return false;&quot;&gt;Unlock&lt;/a&gt;&lt;br&gt;<br /> Y Coor: &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockY(false,e);return false;&quot;&gt;Lock&lt;/a&gt; | <br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockY(true,e);return false;&quot;&gt;Unlock&lt;/a&gt;&lt;br&gt;&lt;br&gt;<br /> Unlock All Layers X &amp; Y Coordunates:&lt;br&gt;<br /> X Coor: &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockX(false);return false;&quot;&gt;Lock&lt;/a&gt; | <br /> &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockX(true);return false;&quot;&gt;Unlock&lt;/a&gt;&lt;br&gt;<br /> Y Coor: &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockY(false);return false;&quot;&gt;Lock&lt;/a&gt; | &lt;a href=&quot;javascript:;&quot; onclick=&quot;gm.unlockY(true);return false;&quot;&gt;Unlock&lt;/a&gt;&lt;br&gt;<br /> &lt;script&gt;<br /> dynapi.document.insertAllChildren();<br /> &lt;/script&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> &lt;/source&gt;<br /> <br /> <br /> &lt;A href=&quot;http://www.wbex.ru/Code/JavaScriptDownload/dynapi.zip&quot;&gt;dynapi.zip( 791 k)&lt;/a&gt;</div>

Admin