source: extensions/event_cats/admin/template/ec_smart_fieldset.inc.tpl @ 8018

Last change on this file since 8018 was 8018, checked in by LucMorizur, 13 years ago

Improve Smart Fieldsets, again

  • Property svn:eol-style set to LF
File size: 3.7 KB
Line 
1
2{known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js"}
3
4{literal}
5  <script type="text/javascript">
6    var sf_plus_bullet_path  = '';
7    var sf_minus_bullet_path = '';
8   
9    function sf_reduce(fieldset_id) {
10      var f_m = jQuery('#' + fieldset_id);
11      if (!f_m.is(':hidden')) {
12        f_m.toggle();
13        jQuery('#' + fieldset_id + '_reduced').toggle();
14      }
15    }
16   
17    function sf_maximize(fieldset_id) {
18      var f_m = jQuery('#' + fieldset_id);
19      if (f_m.is(':hidden')) {
20        f_m.toggle();
21        jQuery('#' + fieldset_id + '_reduced').toggle();
22      }
23    }
24   
25    function sf_lock(fieldset_id, locked) {
26      var l_m = jQuery('#' + fieldset_id + ' legend');
27      var l_r = jQuery('#' + fieldset_id + '_reduced_legend');
28      if (locked) {
29        l_r.css('cursor', 'auto');
30        l_r.removeClass('click_ok');
31        l_m.css('cursor', 'auto');
32        l_m.removeClass('click_ok');
33      }
34      else {
35        l_r.css('cursor', 'pointer');
36        l_r.addClass('click_ok');
37        l_m.css('cursor', 'pointer');
38        l_m.addClass('click_ok');
39      }
40    }
41   
42    function sf_init(fieldset_id, cache_id) {
43      jQuery(document).ready(function(){
44        var f_m   = jQuery('#' + fieldset_id);
45        var l_m   = jQuery('#' + fieldset_id + ' legend');
46        var l_txt = l_m.text();
47        var f_r   = f_m;
48        var l_r   = l_m;
49        if (sf_minus_bullet_path != '') l_m.prepend(
50          '<img alt = "" title = ""' +
51          'src = "' + sf_minus_bullet_path + '"' + '>&nbsp;'
52        );
53        l_m.addClass('sf_legends');
54        l_m.addClass('sf_click_ok');
55        f_m.before(document.createElement('div'));
56        f_r = f_m.prev();
57        f_r.css({
58          'display'        : 'none',
59          'padding-left'   : f_m.css('padding-left'),
60          'padding-right'  : f_m.css('padding-right'),
61          'margin-left'    : f_m.css('margin-left'),
62          'margin-top'     : f_m.css('margin-top'),
63          'margin-right'   : f_m.css('margin-right'),
64          'margin-bottom'  : f_m.css('margin-bottom'),
65          'line-height'    : f_m.css('line-height'),
66          'vertical-align' : f_m.css('vertical-align'),
67        });
68        f_r.attr('id', fieldset_id + '_reduced');
69        f_r.append(document.createElement('span'));
70        l_r = f_r.children('span');
71        l_r.attr('id', fieldset_id + '_reduced_legend');
72        l_r.addClass('sf_legends');
73        l_r.addClass('sf_click_ok');
74        l_r.css({
75          'font-weight'    : l_m.css('font-weight'),
76          'letter-spacing' : l_m.css('letter-spacing'),
77          'padding-left'   : f_m.css('border-left-width'),
78          'text-align'     : l_m.css('text-align'),
79          'outline'        : l_m.css('outline'),
80          'color'          : l_m.css('color'),
81          'font-family'    : l_m.css('font-family'),
82          'font-size'      : l_m.css('font-size'),
83        });
84        if (sf_plus_bullet_path == '') l_r.append(
85          '<span style = "padding-left:' + l_m.css('padding-left') + ';">' +
86          l_txt + '</' + 'span>&nbsp;: '
87         );
88        else l_r.append(
89          '<img alt = "" title = "" src = "' + sf_plus_bullet_path + '" ' +
90          'style = "padding-left:' + l_m.css('padding-left') + ';"' +
91          '>&nbsp;' + l_txt + '&nbsp;: '
92         );
93        l_r.after(document.createElement('span'));
94        l_r.next().attr('id', cache_id);
95        jQuery('.sf_legends').css('cursor', 'pointer');
96        l_m.click(function(){
97          if (l_m.hasClass('sf_click_ok')) { f_m.toggle(); f_r.toggle(); }
98        });
99        l_r.click(function(){
100          if (l_r.hasClass('sf_click_ok')) { f_m.toggle(); f_r.toggle(); }
101        });
102      });
103    }
104  </script>
105{/literal}
Note: See TracBrowser for help on using the repository browser.