Rozdiely

Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.

--- dev:omega:html5:tabs [2015/11/23 17:25]
Michal Štens
+++ dev:omega:html5:tabs [2015/11/25 09:04] (aktuálne)
Michal Štens [Object options]
@@ Riadok 1: / Riadok 1: @@
 ====== Tabs ======
+===== Options =====
+==== Object options ====
+^ Parameter ^ Data ^ Type ^ Default value ^ Description ^
+| position  | top  | string | top  | Pozícia tabov nad oknom |
+| position  | bottom  | string | top  | Pozícia tabov pod oknom |
+| position  | left  | string | top  | Pozícia tabov naľavo od okna |
+| position  | right  | string | top  | Pozícia tabov napravo od okna |
+| callback  | window, div class, div id  | string | body  | Pozícia vykreslenia tabov |
+==== Tabs options ====
+^ Parameter ^ Data ^ Type ^ Default value ^ Description ^
+| caption  | ""  | string | none  | Názov tabu |
+| content  | ""  | string | none  | Obsah tabu |
+| type  | active | string | default | Pri vytvoreni tabov, bude aktívny |
+| type  | default | string | default | Pri vytvoreni tabov, bude neaktívny |
+| type  | disabled | string | default | Pri vytvoreni tabov, bude vypnutý |
+==== Tabs events ====
+^ Parameter    ^ Data  ^ Type  ^ Default value  ^ Description  ^
+| onTabClick   |       |       |                |              |
+| onTabChange  |       |       |                |              |
+===== HTML, tabs on top =====
+==== Example ====
+{{:dev:omega:html5:tab_top.jpg|}}
+==== Code ====
+<code>
+pushTab(
+   {position: 'top',
+    tabs:[
+       {caption: "Tab 1",
+        content: "blablabla",
+         type: "active"},
+       {caption: "Tab 2",
+        content: "blablabla2"}
+    ]
+   });
+</code>
+===== HTML, tabs on bottom =====
+==== Example ====
+{{:dev:omega:html5:tab_bottom.jpg|}}
+==== Code ====
+<code>
+pushTab(
+   {position: 'bottom',
+    tabs:[
+       {caption: "Tab 1",
+        content: "blablabla",
+         type: "active"},
+       {caption: "Tab 2",
+        content: "blablabla2"}
+    ]
+   });
+</code>
+===== HTML, tabs on left =====
+==== Example ====
+{{:dev:omega:html5:tab_left.jpg|}}
+==== Code ====
+<code>
+pushTab(
+   {position: 'left',
+    tabs:[
+       {caption: "Tab 1",
+        content: "blablabla",
+         type: "active"},
+       {caption: "Tab 2",
+        content: "blablabla2"}
+    ]
+   });
+</code>
+===== HTML, tabs on right =====
+==== Example ====
+{{:dev:omega:html5:tab_right.jpg|}}
+==== Code ====
+<code>
+pushTab(
+   {position: 'right',
+    tabs:[
+       {caption: "Tab 1",
+        content: "blablabla",
+         type: "active"},
+       {caption: "Tab 2",
+        content: "blablabla2"}
+    ]
+   });
+</code>

SystemOmega

Nástroje používateľa

Nástoje správy stránok

Rozdiely

Nástoje stránky