As dojox ContentPane is derived from dijit ContentPane, make sure that the dijit test passes before running this test
+
Test relies on a php page as backend, so you need php installed on your server
+
+
+ Initial value
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/includes/js/dojox/layout/tests/_bottomPane.html b/includes/js/dojox/layout/tests/_bottomPane.html
new file mode 100644
index 0000000..8f5090a
--- /dev/null
+++ b/includes/js/dojox/layout/tests/_bottomPane.html
@@ -0,0 +1,53 @@
+
Windows in the Browser is weird UI, but sometimes useful. Even more useful:
+
+
+
+
+
+ (both technically unsupported)
+
+
+
\ No newline at end of file
diff --git a/includes/js/dojox/layout/tests/_lorem.html b/includes/js/dojox/layout/tests/_lorem.html
new file mode 100644
index 0000000..9e7aaef
--- /dev/null
+++ b/includes/js/dojox/layout/tests/_lorem.html
@@ -0,0 +1,11 @@
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam facilisis enim.
+ Pellentesque in elit et lacus euismod dignissim. Aliquam dolor pede, convallis eget,
+ dictum a, blandit ac, urna. Pellentesque sed nunc ut justo volutpat egestas. Class
+ aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
+ In erat. Suspendisse potenti. Fusce faucibus nibh sed nisi. Phasellus faucibus, dui
+ a cursus dapibus, mauris nulla euismod velit, a lobortis turpis arcu vel dui. Pellentesque
+ fermentum ultrices pede. Donec auctor lectus eu arcu. Curabitur non orci eget est porta gravida.
+ Aliquam pretium orci id nisi. Duis faucibus, mi non adipiscing venenatis, erat urna aliquet elit,
+ eu fringilla lacus tellus quis erat. Nam tempus ornare lorem. Nullam feugiat.
+
diff --git a/includes/js/dojox/layout/tests/_script.html b/includes/js/dojox/layout/tests/_script.html
new file mode 100644
index 0000000..64bcd0e
--- /dev/null
+++ b/includes/js/dojox/layout/tests/_script.html
@@ -0,0 +1,9 @@
+
+
+ bar baz
+
diff --git a/includes/js/dojox/layout/tests/doc0.html b/includes/js/dojox/layout/tests/doc0.html
new file mode 100644
index 0000000..10fd03a
--- /dev/null
+++ b/includes/js/dojox/layout/tests/doc0.html
@@ -0,0 +1,14 @@
+
Document 0
+This document has a link.
+(to check we're copying children around properly).
+Also it's got a widget, a combo box:
+
+And a button too:
+
+Here's some text that comes AFTER the button.
+Okay textbox:
+
diff --git a/includes/js/dojox/layout/tests/images/blank.gif b/includes/js/dojox/layout/tests/images/blank.gif
new file mode 100644
index 0000000..e565824
Binary files /dev/null and b/includes/js/dojox/layout/tests/images/blank.gif differ
diff --git a/includes/js/dojox/layout/tests/images/dojoLogo.png b/includes/js/dojox/layout/tests/images/dojoLogo.png
new file mode 100644
index 0000000..1219de7
Binary files /dev/null and b/includes/js/dojox/layout/tests/images/dojoLogo.png differ
diff --git a/includes/js/dojox/layout/tests/images/gridUnderlay.png b/includes/js/dojox/layout/tests/images/gridUnderlay.png
new file mode 100644
index 0000000..016f129
Binary files /dev/null and b/includes/js/dojox/layout/tests/images/gridUnderlay.png differ
diff --git a/includes/js/dojox/layout/tests/images/testImage.gif b/includes/js/dojox/layout/tests/images/testImage.gif
new file mode 100644
index 0000000..4370d68
Binary files /dev/null and b/includes/js/dojox/layout/tests/images/testImage.gif differ
diff --git a/includes/js/dojox/layout/tests/remote/getResponse.php b/includes/js/dojox/layout/tests/remote/getResponse.php
new file mode 100644
index 0000000..0a37050
--- /dev/null
+++ b/includes/js/dojox/layout/tests/remote/getResponse.php
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+
+
+
+
+ ";
+ break;
+
+ case 'importCss':
+ header('Content-type: text/css; charset=utf-8');
+ echo "#importMediaTest {
+ margin: 4px;
+ border: 1px dashed red;
+ width: 200px;
+ height: 200px;
+ }
+ #importCssTest {
+ margin: 4px;
+ border: 1px solid blue;
+ width: 100px;
+ height: 100px;
+ }";
+ break;
+
+ case 'linkCss':
+ header('Content-type: text/css; charset=utf-8');
+ echo "#linkMediaTest {
+ margin: 4px;
+ border: 2px dashed red;
+ width: 200px;
+ height: 200px;
+ }
+ #linkCssTest {
+ margin: 4px;
+ border: 2px dashed red;
+ width: 100px;
+ height: 100px;
+ }";
+ break;
+
+ case 'importMediaPrint': // may download but not render
+ header('Content-type: text/css; charset=utf-8');
+ echo "#importMediaTest {
+ margin: 10px;
+ border: 5px dashed gray;
+ width: 100px;
+ height: 100px;
+ }";
+ break;
+
+ case 'linkMediaPrint': // may download but not render
+ header('Content-type: text/css; charset=utf-8');
+ echo "#linkMediaTest {
+ margin: 10px;
+ border: 5px dashed gray;
+ width: 100px;
+ height: 100px;
+ }";
+ break;
+
+ case 'remoteJsTrue':
+ header('Content-type: text/javascript; charset=utf-8');
+ echo "unTypedVarInDocScope = true;";
+ break;
+
+ case 'remoteJsFalse':
+ header('Content-type: text/javascript; charset=utf-8');
+ echo "unTypedVarInDocScope = false;";
+ break;
+
+ case 'bounceInput':
+ echo file_get_contents("php://input");
+ break;
+
+ case 'bounceHeaders';
+ if(function_exists("apache_request_headers")){
+ $headers = apache_request_headers();
+ foreach($headers as $header => $vlu){
+ echo "$header=$vlu\n ";
+ }
+ }else{
+ // IIS, php as CGI etc gets here, messes formating, suboptimal
+ $headers = preg_grep('/HTTP_/i', array_keys($_SERVER));
+ foreach($headers as $header){
+ $vlu = preg_replace(array('/^HTTP_/', '/_/'), array('', '-'), $header);
+ echo "$vlu={$_SERVER[$header]}\n ";
+ }
+ }
+ break;
+
+ default:
+ echo "unkown mode {$_GET['mode']}";
+ }
+ }
+?>
\ No newline at end of file
diff --git a/includes/js/dojox/layout/tests/test_DragPane.html b/includes/js/dojox/layout/tests/test_DragPane.html
new file mode 100644
index 0000000..df38b7e
--- /dev/null
+++ b/includes/js/dojox/layout/tests/test_DragPane.html
@@ -0,0 +1,93 @@
+
+
+
+
+ DragPane layout widget Test
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
This select modifies the left Expando's easing function. An Expando can have an easeIn and an easeOut parameter. This sets both.
+
+
+
Some easing functions break when used with width: (negative width? but how?). Be warned.
+
+
+
+
+
This is a BorderContainer (the window). Each of the panes is set to one of
+ "left", "right", or "center". The left and right panes are ExpandoPanes (they collapse).
+
Top (easeIn="dojox.fx.easing.bounceOut" duration="1200"):
+
+
+ foo
+
+
+
+
+
Bottom:
+
+
+ foo
+
+
+
+
+
Bottom/Left:
+
+
+ foo
+
+
+ foo
+
+
+
+
+
Top/Left/Right
+
+
+ foo
+
+
+ foo
+
+
+ foo
+
+
+
+
+
Top/Left/Right + splitters
+
+
+ foo
+
+
+ foo
+
+
+ foo
+
+
+
+
+
+
+
diff --git a/includes/js/dojox/layout/tests/test_FloatingPane.html b/includes/js/dojox/layout/tests/test_FloatingPane.html
new file mode 100644
index 0000000..016f8a6
--- /dev/null
+++ b/includes/js/dojox/layout/tests/test_FloatingPane.html
@@ -0,0 +1,167 @@
+
+
+
+ dojox.layout.FloatPane - simplest extension on TitlePane ... ever.
+
+
+
+
+
+
+
+
+
+
+
+
+ hide first pane |
+ show first pane |
+ minimize 'uncloseable, dockable' pane pane |
+ new floater
+
+
+
I am the content to be floated around
+
+
+
+
+ I am dockable, though I have no dockTo="" attribute. I will create or use an existing dock
+ on the bottom of the screen.
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc
+ eleifend sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+
+
+
+ I am made into a FloatingPane in dojo.addOnLoad();
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam
+ porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend
+ sagittis turpis. purus purus in nibh. Phasellus in nunc.
+
+
+
+
+
+ This is just a pane. You cannot close me, you cannot resize me, you cannot minimize me.
+
+
+
+
+
+
+
+
+ I am content. I am hidden right now. This content is used to populate the newly created
+ node being attached to the DOM to insert a new FloatingPane without a srcNodeRef. This
+ node is not being manipulated, just having it's innerHTML read. For demonstration purposes.
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam facilisis enim.
+ Pellentesque in elit et lacus euismod dignissim. Aliquam dolor pede, convallis eget,
+ dictum a, blandit ac, urna. Pellentesque sed nunc ut justo volutpat egestas. Class
+ aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
+ In erat. Suspendisse potenti. Fusce faucibus nibh sed nisi. Phasellus faucibus, dui
+ a cursus dapibus, mauris nulla euismod velit, a lobortis turpis arcu vel dui. Pellentesque
+ fermentum ultrices pede. Donec auctor lectus eu arcu. Curabitur non orci eget est porta gravida.
+ Aliquam pretium orci id nisi. Duis faucibus, mi non adipiscing venenatis, erat urna aliquet elit,
+ eu fringilla lacus tellus quis erat. Nam tempus ornare lorem. Nullam feugiat.
+
+
Sed congue. Aenean blandit sollicitudin mi. Maecenas pellentesque. Vivamus ac urna. Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin suscipit porta magna. Duis accumsan nunc in velit. Nam et nibh. Nulla facilisi. Cras venenatis urna et magna. Aenean magna mauris, bibendum sit amet, semper quis, aliquet nec, sapien. Aliquam aliquam odio quis erat. Etiam est nisi, condimentum non, lacinia ac, vehicula laoreet, elit. Sed interdum augue sit amet quam dapibus semper. Nulla facilisi. Pellentesque lobortis erat nec quam.
+
+
+
+
This is text!
+
+
+
+
+ Content Pane w/a resize handle. activeResize'ing only on layout Widgets? FIXME: :)
+
+
+
+
+
+
+
+ Plain div w/a resize handle. All Default settings.
+
+
+
+
+
+
+ Plain div w/a resize handle but resizeAxis="y", and activeResize="true"
+
+
+
+
+
+ Plain div w/a resize handle but resizeAxis="x" with animated sizing.
+
+
+
+
+
+
+ Plain div w/a resize handle but resizeAxis="xy" with animated sizing (combine).
+
+
+
+
+
+
Sed arcu magna, molestie at, fringilla in, sodales eu, elit. Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum vulputate odio. Nam nec ipsum. Vestibulum mollis eros feugiat augue. Integer fermentum odio lobortis odio. Nullam mollis nisl non metus. Maecenas nec nunc eget pede ultrices blandit. Ut non purus ut elit convallis eleifend. Fusce tincidunt, justo quis tempus euismod, magna nulla viverra libero, sit amet lacinia odio diam id risus. Ut varius viverra turpis. Morbi urna elit, imperdiet eu, porta ac, pharetra sed, nisi. Etiam ante libero, ultrices ac, faucibus ac, cursus sodales, nisl. Praesent nisl sem, fermentum eu, consequat quis, varius interdum, nulla. Donec neque tortor, sollicitudin sed, consequat nec, facilisis sit amet, orci. Aenean ut eros sit amet ante pharetra interdum.
+
+
Fusce rutrum pede eget quam. Praesent purus. Aenean at elit in sem volutpat facilisis. Nunc est augue, commodo at, pretium a, fermentum at, quam. Nam sit amet enim. Suspendisse potenti. Cras hendrerit rhoncus justo. Integer libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Sed adipiscing mi vel ipsum.
+
+
Sed aliquam, quam consectetuer condimentum bibendum, neque libero commodo metus, non consectetuer magna risus vitae eros. Pellentesque mollis augue id libero. Morbi nonummy hendrerit dui. Morbi nisi felis, fringilla ac, euismod vitae, dictum mollis, pede. Integer suscipit, est sed posuere ullamcorper, ipsum lectus interdum nunc, quis blandit erat eros hendrerit pede. Vestibulum varius, elit id mattis mattis, nulla est feugiat ante, eget vestibulum augue eros ut odio. Maecenas euismod purus quis felis. Ut hendrerit tincidunt est. Fusce euismod, nunc eu tempus tempor, purus ligula volutpat tellus, nec lacinia sapien enim id risus. Aliquam orci turpis, condimentum sed, sollicitudin vel, placerat in, purus. Proin tortor nisl, blandit quis, imperdiet quis, scelerisque at, nisl. Maecenas suscipit fringilla erat. Curabitur consequat, dui blandit suscipit dictum, felis lectus imperdiet tellus, sit amet ornare risus mauris non ipsum. Fusce a purus. Vestibulum sodales. Sed porta ultrices nibh. Vestibulum metus.
This is simply a test / example. There is no real dojox.layout.SizingPane, but this code
+ should/might become part of a dojox.fx.toggle class ... it's just "neat", isn't it?