0
|
1 var NabbleTabs = new Object();
|
|
2
|
|
3 document.writeln('<link rel="stylesheet" href="/util/nabbletabs.css?1" type="text/css" />');
|
|
4
|
|
5 NabbleTabs.startTabControl = function(isLive) {
|
|
6 NabbleTabs.isLive = isLive;
|
|
7 document.writeln('<ul id="tabs" class="medium-border-color">');
|
|
8 };
|
|
9
|
|
10 NabbleTabs.addLiveTab = function(elemId, text, selected,onclick) {
|
|
11 if (!NabbleTabs.isLive) alert('Live tab not allowed. Use static tabs only');
|
|
12 if (selected) {
|
|
13 NabbleTabs.selected = elemId;
|
|
14 document.writeln('<li id="li-' + elemId + '" class="tab-selected"><a id="a-' + elemId + '" class="tab-link-selected medium-border-color no-bg-color">' + text + '</a></li>');
|
|
15 } else
|
|
16 document.writeln('<li id="li-' + elemId + '"><a id="a-' + elemId + '" class="light-bg-color medium-border-color">' + text + '</a></li>');
|
|
17
|
|
18 if (onclick) {
|
|
19 $(document).ready(function() {
|
|
20 $('#li-'+elemId).click(function() { setTimeout(function() { onclick() },50); });
|
|
21 });
|
|
22 }
|
|
23 };
|
|
24
|
|
25 NabbleTabs.addTab = function(link, text, selected) {
|
|
26 if (NabbleTabs.isLive) alert('Static tab not allowed. Use live tabs only');
|
|
27 if (selected)
|
|
28 document.writeln('<li class="tab-selected"><a class="tab-link-selected medium-border-color no-bg-color">' + text + '</a></li>');
|
|
29 else
|
|
30 document.writeln('<li><a href="' + link + '" class="light-bg-color medium-border-color">' + text + '</a></li>');
|
|
31 };
|
|
32
|
|
33 NabbleTabs.endTabControl = function() {
|
|
34 document.writeln('</ul>');
|
|
35
|
|
36 $(document).ready(function() {
|
|
37 if (NabbleTabs.isLive) {
|
|
38 $('#tabs li').click(function() {
|
|
39 if ($(this).attr('id') != 'li-' + NabbleTabs.selected) {
|
|
40 $('#li-'+NabbleTabs.selected).removeClass('tab-selected').css('cursor', 'pointer');
|
|
41 $('#a-'+NabbleTabs.selected).removeClass('no-bg-color').removeClass('tab-link-selected').addClass('light-bg-color').css('cursor', 'pointer');
|
|
42 $('#'+NabbleTabs.selected).hide();
|
|
43 NabbleTabs.selected = $(this).attr('id').substring(3);
|
|
44 $('#li-'+NabbleTabs.selected).addClass('tab-selected').css('cursor', 'default');
|
|
45 $('#a-'+NabbleTabs.selected).removeClass('light-bg-color').addClass('no-bg-color').addClass('tab-link-selected').css('cursor', 'default');
|
|
46 $('#'+NabbleTabs.selected).show();
|
|
47 Nabble.resizeFrames();
|
|
48 }
|
|
49 });
|
|
50 }
|
|
51 $('#tabs a').hover(
|
|
52 function() {
|
|
53 if (!$(this).hasClass('tab-link-selected'))
|
|
54 $(this).css('border-top-width', '3px');
|
|
55 },
|
|
56 function() {
|
|
57 if (!$(this).hasClass('tab-link-selected'))
|
|
58 $(this).css('border-top-width', '1px');
|
|
59 }
|
|
60 );
|
|
61 });
|
|
62 }; |