| 1 |
|
|---|
| 2 |
|
|---|
| 3 | function transformToTurnstyleBlock(baseId)
|
|---|
| 4 | {
|
|---|
| 5 | var base_folder = "sites/" + gs.xsltParams.site_name + "/js/jquery-ui-extra"
|
|---|
| 6 |
|
|---|
| 7 | // wrapper '-turnstyle' div has two child divs
|
|---|
| 8 | var select_wrapper = '#'+baseId+'-turnstyle > div';
|
|---|
| 9 |
|
|---|
| 10 | var $header = $(select_wrapper + ":nth-child(1)");
|
|---|
| 11 | var $body = $(select_wrapper + ":nth-child(2)");
|
|---|
| 12 |
|
|---|
| 13 | $header.addClass("openclose ui-state-default ui-corner-all");
|
|---|
| 14 |
|
|---|
| 15 | var title = $header.html();
|
|---|
| 16 |
|
|---|
| 17 | var turnstyle_title = "";
|
|---|
| 18 |
|
|---|
| 19 | turnstyle_title += '<a href="#" id="'+baseId+'-openclose" class="openclose">\n';
|
|---|
| 20 | turnstyle_title += ' <div style="float: left; width: 16px; height 16px;">\n';
|
|---|
| 21 | turnstyle_title += ' <img id="'+baseId+'-closed" src="' + base_folder + '/turnstyle-closed.png"/>\n';
|
|---|
| 22 | turnstyle_title += ' <img id="'+baseId+'-open" src="' + base_folder + '/turnstyle-open.png" \n';
|
|---|
| 23 | turnstyle_title += ' style="display: none;" />\n';
|
|---|
| 24 | turnstyle_title += ' </div>\n';
|
|---|
| 25 | turnstyle_title += ' '+title + '<span id="'+baseId+'-dots"> ...</span>\n';
|
|---|
| 26 | turnstyle_title += '</a>\n';
|
|---|
| 27 |
|
|---|
| 28 | $header.html(turnstyle_title);
|
|---|
| 29 |
|
|---|
| 30 | $body.attr("id",baseId+"-area");
|
|---|
| 31 |
|
|---|
| 32 | $('#'+baseId+'-openclose').click(function() {
|
|---|
| 33 | //$('#'+baseId+'-area').toggle( "blind", {}, 500);
|
|---|
| 34 |
|
|---|
| 35 | // Technique to avoid "display: none" being done by jquery-ui as
|
|---|
| 36 | // this has the undesired side-effect of unloading elements (such
|
|---|
| 37 | // as the entire Meandre workflow).
|
|---|
| 38 |
|
|---|
| 39 | if ($('#'+baseId+'-open').css("display") == "block") {
|
|---|
| 40 | $('#'+baseId+'-area').slideUp(500,function(){
|
|---|
| 41 | $('#'+baseId+'-area').addClass('hide')
|
|---|
| 42 | .slideDown(0);
|
|---|
| 43 | });
|
|---|
| 44 | } else {
|
|---|
| 45 | $('#'+baseId+'-area').slideUp(0,function(){
|
|---|
| 46 | $('#'+baseId+'-area').removeClass('hide')
|
|---|
| 47 | .slideDown(500);
|
|---|
| 48 | });
|
|---|
| 49 | }
|
|---|
| 50 |
|
|---|
| 51 | if ($('#'+baseId+'-open').css("display") == "none") {
|
|---|
| 52 | $('#'+baseId+'-closed').css("display","none");
|
|---|
| 53 | $('#'+baseId+'-open').css("display","block");
|
|---|
| 54 | $('#'+baseId+'-dots').css("display","none");
|
|---|
| 55 | }
|
|---|
| 56 | else {
|
|---|
| 57 | $('#'+baseId+'-open').css("display","none");
|
|---|
| 58 | $('#'+baseId+'-closed').css("display","block");
|
|---|
| 59 | $('#'+baseId+'-dots').css("display","inline");
|
|---|
| 60 | }
|
|---|
| 61 | return false;
|
|---|
| 62 | });
|
|---|
| 63 | }
|
|---|
| 64 |
|
|---|
| 65 | /*
|
|---|
| 66 | (function(){
|
|---|
| 67 | var $button = $('#myButton'),
|
|---|
| 68 | $text = $('#myText'),
|
|---|
| 69 | visible = true;
|
|---|
| 70 | $button.click(function(){
|
|---|
| 71 | if ( visible ) {
|
|---|
| 72 | $text.slideUp('fast',function(){
|
|---|
| 73 | $text.addClass('accessibly-hidden')
|
|---|
| 74 | .slideDown(0);
|
|---|
| 75 | });
|
|---|
| 76 | } else {
|
|---|
| 77 | $text.slideUp(0,function(){
|
|---|
| 78 | $text.removeClass('accessibly-hidden')
|
|---|
| 79 | .slideDown('fast');
|
|---|
| 80 | });
|
|---|
| 81 | }
|
|---|
| 82 | visible = ! visible;
|
|---|
| 83 | });
|
|---|
| 84 | })();
|
|---|
| 85 | */
|
|---|
