Mercurial Hosting > nabble
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 }; |