Created
June 24, 2010 19:13
-
-
Save neonstalwart/451830 to your computer and use it in GitHub Desktop.
#11369 test case
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" | |
| "http://www.w3.org/TR/html4/strict.dtd"> | |
| <html> | |
| <head> | |
| <title>Dialog Widget Dojo Tests</title> | |
| <style type="text/css"> | |
| @import "../../dojo/resources/dojo.css"; | |
| @import "css/dijitTests.css"; | |
| form { margin-bottom : 0; } | |
| table { border: none; } | |
| #dialog3_underlay { background-color: #027 } | |
| #fifthDlg_underlay { background-color: yellow; } | |
| </style> | |
| <!-- required: a default dijit theme: --> | |
| <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"> | |
| <!-- required: dojo.js --> | |
| <script type="text/javascript" src="../../dojo/dojo.js" | |
| djConfig="parseOnLoad: true, isDebug: true"></script> | |
| <!-- not needed, for testing alternate themes --> | |
| <script type="text/javascript" src="_testCommon.js"></script> | |
| <script type="text/javascript"> | |
| dojo.require("dijit.dijit"); // optimize: load dijit layer | |
| dojo.require("dijit.Dialog"); | |
| dojo.require("dijit.form.Button"); | |
| dojo.require("dijit.layout.TabContainer"); | |
| dojo.require("dojo.parser"); // scan page for widgets and instantiate them | |
| dojo.addOnLoad(function(){ | |
| dojo.subscribe("focusNode", function(node){ console.log("focused on " + (node?(node.id||node.tagName):"nothing"));}); | |
| }); | |
| </script> | |
| </head> | |
| <body class="claro"> | |
| <h1 class="testTitle">Dijit layout.Dialog tests</h1> | |
| <button dojoType="dijit.form.Button" onclick="dijit.byId('tabDialog').show()">Show TabContainer Dialog</button> | | |
| <div dojoType="dijit.Dialog" id="tabDialog" title="TabContainer Dialog"> | |
| <button dojoType="dijit.form.Button">First Focused Item</button> | | |
| <div dojoType="dijit.layout.TabContainer" id="tc" style="width: 400px; height: 400px;"> | |
| <script type="dojo/connect" event="onFocus"> | |
| console.log('focused'); | |
| </script> | |
| <script type="dojo/connect" event="onBlur"> | |
| console.log('blurred'); | |
| </script> | |
| <div dojoType="dijit.layout.ContentPane" id="cp1" title="First tab"> | |
| <p> | |
| This is the first tab. | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| </div> | |
| <div dojoType="dijit.layout.ContentPane" id="cp2" title="Second tab"> | |
| <p> | |
| This is the second tab. | |
| </p> | |
| <p> | |
| Make it overflow. <a href="http://www.lipsum.com/">ipsum dolor sit amet</a>, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div dojoType="dijit.layout.TabContainer" id="tcOutside" style="width: 400px; height: 400px;"> | |
| <script type="dojo/connect" event="onFocus"> | |
| console.log('focused'); | |
| </script> | |
| <script type="dojo/connect" event="onBlur"> | |
| console.log('blurred'); | |
| </script> | |
| <div dojoType="dijit.layout.ContentPane" id="cp1Outside" title="First tab"> | |
| <p> | |
| This is the first tab. | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| </div> | |
| <div dojoType="dijit.layout.ContentPane" id="cp2Outside" title="Second tab"> | |
| <p> | |
| This is the second tab. | |
| </p> | |
| <p> | |
| Make it overflow. <a href="http://www.lipsum.com/">ipsum dolor sit amet</a>, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| <p> | |
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean | |
| semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin | |
| porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. | |
| Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. | |
| Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae | |
| risus. | |
| </p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment