comparison src/nabble/view/web/util/nabbletabs.js @ 0:7ecd1a4ef557

add content
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 21 Mar 2019 19:15:52 -0600
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:7ecd1a4ef557
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 };