diff options
Diffstat (limited to 'toj/jcs/index.js')
-rw-r--r-- | toj/jcs/index.js | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/toj/jcs/index.js b/toj/jcs/index.js new file mode 100644 index 0000000..e97242a --- /dev/null +++ b/toj/jcs/index.js @@ -0,0 +1,128 @@ +var index = { + init:function(){ + $('body').on('mouseover',function(e){ + var j_panel; + + if(e.target == null || e.target.id == 'index_panel' || $(e.target).parents('#index_panel').length > 0){ + return; + } + + j_panel = $('#index_head_panel'); + if(e.target.id == 'index_head_panel'){ + $('#index_head_notice').removeClass('notice_s'); + $('#notice_list').stop().animate({opacity:0},'fast','easeOutQuad', + function(){ + $('#notice_list_box').css('width','0px'); + $('#notice_list').css('right','-256px'); + $('#notice_list a.item').css('left','50%'); + } + ); + + j_panel.addClass('panel_m'); + $('#index_panel_box').stop().animate({width:256},'slow','easeOutExpo'); + $('#index_panel').css('opacity','1').stop().animate({right:0},'slow','easeOutExpo'); + $('#index_panel a.button').stop().animate({left:0},'slow','easeOutQuart'); + }else{ + $('#index_head_panel').removeClass('panel_m'); + $('#index_panel').stop().animate({opacity:0},'fast','easeOutQuad', + function(){ + $('#index_panel_box').css('width','0px'); + $('#index_panel').css('right','-256px'); + $('#index_panel a.button').css('left','50%'); + } + ); + } + }); + $('#index_head_panel').on('mousedown',function(e){ + return false; + }); + + $('#index_panel > li').on('mousedown',function(e){ + return false; + }); + + $('#index_panel > [page="square"] > a.button').off('click').on('click',function(e){ + var j_ul; + + j_ul = $('#index_panel > ul.square_box'); + if(j_ul.is(':visible')){ + j_ul.stop().slideUp('slow','easeOutExpo'); + }else{ + j_ul.stop().slideDown('slow','easeOutExpo'); + } + + return false; + }); + + $('#index_mask').on('click',function(e){ + if((e.target == this || $(e.target).parents('div.common_mask_box').length == 0) && !$(e.target).hasClass('common_mask_box') && common.mbox_curr != null){ + common.hidembox(false); + } + }); + }, + + showpanel:function(pagename){ + $('#index_panel > [page="' + pagename + '"]').show(); + }, + hidepanel:function(pagename){ + $('#index_panel > [page="' + pagename + '"]').hide(); + }, + setpanel:function(pagename,panellink,paneltext){ + var j_a; + + j_a = $('#index_panel > [page="' + pagename + '"] > a.button'); + j_a.attr('href',panellink); + j_a.text(paneltext); + }, + + settitle:function(titletext){ + $('#index_head > div.title').text(titletext); + }, + + addtab:function(tabname,tablink,tabtext){ + var j_div; + var j_a; + + j_div = $('<div class="button"></div>'); + j_div.attr('tab',tabname); + + j_a = $('<a class="button"></a>'); + j_a.attr('href',tablink); + j_a.text(tabtext); + + j_div.append(j_a); + $('#index_head > div.tab_box').append(j_div); + + return j_div; + }, + settab:function(tabname,tablink,tabtext){ + var j_a; + + j_a = $('#index_head > div.tab_box [tab="' + tabname + '"] > a.button'); + j_a.attr('href',tablink); + j_a.text(tabtext); + }, + emptytab:function(){ + $('#index_head > div.tab_box').empty(); + }, + hltab:function(tabname){ + $('#index_head > div.tab_box > [tab="' + tabname + '"]').addClass('button_s'); + }, + lltab:function(tabname){ + $('#index_head > div.tab_box > [tab="' + tabname + '"]').removeClass('button_s'); + }, + + setcontent:function(j_content){ + $('#index_head > div.content_box').append(j_content); + }, + emptycontent:function(){ + $('#index_head > div.content_box').empty(); + }, + + showmask:function(){ + $('#index_mask').stop().fadeIn('fast'); + }, + hidemask:function(){ + $('#index_mask').stop().hide(); + } +}; |