| blob | bc98aec47bfd114296529439661ba0822795f776 |
2 <html>
3 <head>
6 </head>
14 <p>
17 > YAHOO.widget.Tab
19 </p>
20 </div>
27 <h2>
35 </span>
38 </span>
40 </code>
41 </h2>
42 <!-- class tree goes here -->
48 A representation of a Tab's label and content.
49 </div>
56 <code>
57 (
61 element
63 ,
64 properties
65 )
66 </code>
68 <dl>
70 <dd>
71 <code>element
73 </code>
74 (optional) The html element that
75 represents the TabView. An element will be created if none provided.
76 </dd>
77 <dd>
78 <code>properties
80 </code>
81 A key map of initial properties
82 </dd>
83 </dl>
86 </div>
87 </div>
88 </div>
89 </div>
96 </h4>
99 The class name applied to active tabs.
100 </div>
101 </div>
105 Default Value: "on"
106 </div>
109 <hr />
112 </h4>
115 Provides a reference to the connection request object when data is
116 loaded dynamically.
117 </div>
118 </div>
123 <hr />
126 </h4>
129 The class name applied to disabled tabs.
130 </div>
131 </div>
135 Default Value: "disabled"
136 </div>
139 <hr />
142 </h4>
145 The default tag name for a Tab's inner element.
146 </div>
147 </div>
151 Default Value: "em"
152 </div>
155 <hr />
158 </h4>
161 Object containing success and failure callbacks for loading data.
162 </div>
163 </div>
168 <hr />
171 </h4>
174 The class name applied to dynamic tabs while loading.
175 </div>
176 </div>
180 Default Value: "disabled"
181 </div>
184 <hr />
187 </div>
188 </div>
193 <code>
196 </code>
197 </div>
198 </div>
200 <h4>Properties inherited from <a href="YAHOO.util.AttributeProvider.html">YAHOO.util.AttributeProvider</a>:</h4>
202 <code>
205 </code>
206 </div>
207 </div>
209 <h4>Properties inherited from <a href="YAHOO.util.EventProvider.html">YAHOO.util.EventProvider</a>:</h4>
211 <code>
215 </code>
216 </div>
217 </div>
222 <h4>
225 <code>
229 void
231 (
234 attr
237 )
238 </code>
241 setAttributeConfigs TabView specific properties.
242 </div>
246 <dl>
248 <dd>
250 Hash of initial attributes
251 </dd>
252 </dl>
254 <dl>
255 <dt>Returns:
256 <code>
257 void
258 </code></dt>
259 <dd></dd>
260 </dl>
262 </div>
264 </div>
265 <hr />
266 <h4>
269 <code>
273 void
275 (
276 )
277 </code>
280 Provides a readable name for the tab.
281 </div>
286 <dl>
287 <dt>Returns:
288 <code>
289 void
290 </code></dt>
292 </dl>
294 </div>
296 </div>
297 <hr />
298 </div>
299 </div>
304 <code>
326 </code>
327 </div>
328 </div>
330 <h4>Methods inherited from <a href="YAHOO.util.AttributeProvider.html">YAHOO.util.AttributeProvider</a>:</h4>
332 <code>
347 </code>
348 </div>
349 </div>
351 <h4>Methods inherited from <a href="YAHOO.util.EventProvider.html">YAHOO.util.EventProvider</a>:</h4>
353 <code>
361 </code>
362 </div>
363 </div>
368 <h4>
371 <code>
377 (
378 )
380 </code>
383 Fires after the active state is changed.
393 myTabs.addListener('activeChange', handler);</code></p>
394 </div>
401 </div>
403 </div>
404 <hr />
405 <h4>
408 <code>
414 (
415 )
417 </code>
420 Fires before the active state is changed.
422 <p>If handler returns false, the change will be cancelled, and the value will not
423 be set.</p>
432 myTabs.addListener('beforeActiveChange', handler);</code></p>
433 </div>
440 </div>
442 </div>
443 <hr />
444 <h4>
447 <code>
453 (
454 )
456 </code>
459 Fires before the tab content is changed.
461 <p>If handler returns false, the change will be cancelled, and the value will not
462 be set.</p>
471 myTabs.addListener('beforeContentChange', handler);</code></p>
472 </div>
479 </div>
481 </div>
482 <hr />
483 <h4>
486 <code>
492 (
493 )
495 </code>
498 Fires before the tab label is changed.
500 <p>If handler returns false, the change will be cancelled, and the value will not
501 be set.</p>
510 myTabs.addListener('beforeLabelChange', handler);</code></p>
511 </div>
518 </div>
520 </div>
521 <hr />
522 <h4>
525 <code>
531 (
532 )
534 </code>
537 Fires after the tab content is changed.
547 myTabs.addListener('contentChange', handler);</code></p>
548 </div>
555 </div>
557 </div>
558 <hr />
559 <h4>
562 <code>
568 (
569 )
571 </code>
574 Fires after the tab label is changed.
584 myTabs.addListener('labelChange', handler);</code></p>
585 </div>
592 </div>
594 </div>
595 <hr />
596 </div>
597 </div>
603 <code>
607 </code>
608 </div>
609 </div>
616 </h4>
619 The event that triggers the tab's activation.
620 </div>
621 </div>
625 <hr />
628 </h4>
631 Whether or not the tab is currently active.
632 If a dataSrc is set for the tab, the content will be loaded from
633 the given source.
634 </div>
635 </div>
639 <hr />
642 </h4>
645 Whether or not content should be reloaded for every view.
646 </div>
647 </div>
651 Default Value: false
652 </div>
654 <hr />
657 </h4>
660 The tab's content.
661 </div>
662 </div>
666 <hr />
669 </h4>
672 The HTMLElement that contains the tab's content.
673 </div>
674 </div>
678 <hr />
681 </h4>
684 The Whether or not the tab's content is visible.
685 </div>
686 </div>
690 Default Value: false
691 </div>
693 <hr />
696 </h4>
699 Whether or not any data has been loaded from the server.
700 </div>
701 </div>
705 <hr />
708 </h4>
711 The tab's data source, used for loading content dynamically.
712 </div>
713 </div>
717 <hr />
720 </h4>
723 Number if milliseconds before aborting and calling failure handler.
724 </div>
725 </div>
729 Default Value: null
730 </div>
732 <hr />
735 </h4>
738 Whether or not the tab is disabled.
739 </div>
740 </div>
744 <hr />
747 </h4>
750 The href of the tab's anchor element.
751 </div>
752 </div>
756 Default Value: '#'
757 </div>
759 <hr />
762 </h4>
765 The tab's label text (or innerHTML).
766 </div>
767 </div>
771 <hr />
774 </h4>
777 The element that contains the tab's label.
778 </div>
779 </div>
783 <hr />
786 </h4>
789 The method to use for the data request.
790 </div>
791 </div>
795 Default Value: "GET"
796 </div>
798 <hr />
800 </div>
801 </div>
804 <h4>Configuration attributes inherited from <a href="YAHOO.util.Element.html">YAHOO.util.Element</a>:</h4>
806 <code>
809 </code>
810 </div>
811 </div>
813 </div>
814 </div>
859 </ul>
860 </div>
867 </ul>
868 </div>
875 </ul>
876 </div>
882 <!--<code><String></code>-->
883 </li>
885 <!--<code><String></code>-->
886 </li>
888 <!--<code><String></code>-->
889 </li>
891 <!--<code><String></code>-->
892 </li>
894 <!--<code><String></code>-->
895 </li>
897 <!--<code><String></code>-->
898 </li>
899 </ul>
900 </div>
907 </li>
910 </li>
911 </ul>
912 </div>
917 <li>
919 </li>
920 <li>
922 </li>
923 <li>
925 </li>
926 <li>
928 </li>
929 <li>
931 </li>
932 <li>
934 </li>
935 </ul>
936 </div>
941 <li>
943 </li>
944 <li>
946 </li>
947 <li>
949 </li>
950 <li>
952 </li>
953 <li>
955 </li>
956 <li>
958 </li>
959 <li>
961 </li>
962 <li>
964 </li>
965 <li>
967 </li>
968 <li>
970 </li>
971 <li>
973 </li>
974 <li>
976 </li>
977 <li>
979 </li>
980 <li>
982 </li>
983 </ul>
984 </div>
986 </div>
987 </div>
988 </div>
990 <hr />
992 </div>
993 </div>
994 </body>
995 </html>