From e44a7e37b6c7b5961adaffc62b9042b8d442938e Mon Sep 17 00:00:00 2001 From: mensonge Date: Thu, 13 Nov 2008 09:49:11 +0000 Subject: New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f --- .../js/dijit/tests/layout/test_TabContainer.html | 183 +++++++++++++++++++++ 1 file changed, 183 insertions(+) create mode 100644 includes/js/dijit/tests/layout/test_TabContainer.html (limited to 'includes/js/dijit/tests/layout/test_TabContainer.html') diff --git a/includes/js/dijit/tests/layout/test_TabContainer.html b/includes/js/dijit/tests/layout/test_TabContainer.html new file mode 100644 index 0000000..5d51a8a --- /dev/null +++ b/includes/js/dijit/tests/layout/test_TabContainer.html @@ -0,0 +1,183 @@ + + + + TabContainer Demo + + + + + + + + + + +

Dijit layout.TabContainer tests

+ +

These tabs are made up of local and external content. Tab 1 and Tab 2 are loading + files tab1.html and tab2.html. Tab 3 and Another Tab are using content that is already + part of this page. Tab2 is initially selected. +

+ +
+ +
+ +
+ +
+

I am tab 3

+

And I was already part of the page! That's cool, no?

+

tooltip on this paragraph

+
I'm a tooltip!
+ +
+ +

+ 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. +

+

Aliquam vitae enim. Duis scelerisque metus auctor est venenatis + imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem + nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in + massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In + pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra + quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, + felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut + quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla + rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut + semper velit ante id metus. Praesent massa dolor, porttitor sed, + pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit + tortor pharetra congue. Suspendisse pulvinar. +

+
+ +
+ SubTab 1 + SubTab 2 +
+ + Sub TabContainer from href + + SplitContainer from href + +
+ +

+ The next example is with closable tabs. + Tab 1 and Tab 3 can be closed; Tab 3 has a confirm box. +

+ +
+
+
+
+

I am tab 3

+

And I was already part of the page! That's cool, no?

+

If you try to close me there should be a confirm dialog.

+
+
+ +

Tabs with titles on the bottom:

+ +
+
+
+
+ +

Tabs with titles on the left:

+ +
+
+
+
+ +

Tabs with titles on the right:

+ +
+
+
+
+ +

+
+
+ Once upon a time there was a dear little girl who was loved by + every one who looked at her, but most of all by her grandmother, + and there was nothing that she would not have given to the child. +
+
+ Hard by a great forest dwelt a poor wood-cutter with his wife + and his two children. The boy was called Hansel and the girl Gretel. + He had little to bite and to break, and once when great dearth fell + on the land, he could no longer procure even daily bread. +
+
+ There was once upon a time a hermit who lived in a forest at the foot + of a mountain, and passed his time in prayer and good works, + and every evening he carried, to the glory of God, two pails of water + up the mountain. +
+ +

Typical rendering time

+ + + +
IEFirefox (mac)
1719922
+

Rendering time

+ + + -- cgit v1.2.3