mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-14 00:39:57 +09:00
9acd474c52
But not finished yet git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8639 201d5d3c-b55e-5fd7-737f-ddc643e51545
407 lines
12 KiB
JavaScript
407 lines
12 KiB
JavaScript
/* NHN (developers@xpressengine.com) */
|
|
jQuery(function($){
|
|
// Overlapping label
|
|
$('.form li').find('>input:text,>input:password,>textarea')
|
|
.prev('label')
|
|
.css({position:'absolute',top:'15px',left:'5px'})
|
|
.next()
|
|
.focus(function(){
|
|
var $label = $(this).prev().stop().animate({opacity:0, left:'25px'},'fast',function(){ $label.css('visibility','hide') });
|
|
})
|
|
.blur(function(){
|
|
var $this = $(this), $label;
|
|
if($.trim($this.val()) == '') {
|
|
$label = $this.prev().stop().css('visibility','visible').animate({opacity:1, left:'5px'},'fast');
|
|
}
|
|
})
|
|
.end()
|
|
.parent()
|
|
.css('position', 'relative');
|
|
|
|
// Make selected checkbox elements bold
|
|
var $rc_label = $('input:radio+label,input:checkbox+label'), $input_rc = $rc_label.prev('input');
|
|
$input_rc
|
|
.change(function(){
|
|
var name = $(this).attr('name');
|
|
$input_rc
|
|
.filter('[name="'+name+'"]:not(:checked)')
|
|
.next('label').css('font-weight', 'normal').end()
|
|
.end()
|
|
.next('label').css('font-weight', 'bold').end();
|
|
})
|
|
.change();
|
|
|
|
// Toogle checkbox all
|
|
$('.form th>:checkbox')
|
|
.change(function() {
|
|
var $this = $(this), self = this, name;
|
|
|
|
name = $this.data('target');
|
|
$this.closest('table').find('input:checkbox')
|
|
.filter(function(){ return (this.name == name) })
|
|
.prop('checked', $this.prop('checked'))
|
|
.filter(function(){ return (this.parentNode.nodeName != 'TH') })
|
|
.change();
|
|
});
|
|
|
|
// Global Navigation Bar
|
|
var $menuitems = $('div.gnb')
|
|
.removeClass('jx')
|
|
.attr('role', 'navigation') // WAI-ARIA role
|
|
.find('li')
|
|
.attr('role', 'menuitem') // WAI-ARIA role
|
|
.filter(':has(>ul)')
|
|
.attr('aria-haspopup', 'true') // WAI-ARIA
|
|
.find('>ul').hide().end()
|
|
.mouseover(function(){
|
|
var $this = $(this);
|
|
if($this.css('float') == 'left') $this.find('>ul:hidden').prev('a').click();
|
|
})
|
|
.mouseleave(function(){
|
|
var $this = $(this);
|
|
if($this.css('float') == 'left') $this.find('>ul:visible').slideUp(100);
|
|
})
|
|
.find('>a')
|
|
.focus(function(){ $(this).click() })
|
|
.click(function(){
|
|
$menuitems.removeClass('active');
|
|
|
|
$(this)
|
|
.next('ul').slideToggle(100).end()
|
|
.parent().addClass('active');
|
|
|
|
return false;
|
|
})
|
|
.end()
|
|
.end()
|
|
.find('>a')
|
|
.blur(function(){
|
|
var anchor = this;
|
|
setTimeout(function(){
|
|
var $a = $(anchor), $ul = $a.closest('ul'), $focus = $ul.find('a:focus');
|
|
|
|
if(!$focus.length || $focus.closest('ul').parent('div.gnb').length) {
|
|
if($ul.parent('div.gnb').length) $ul = $a.next('ul');
|
|
$ul.filter(':visible').slideUp(100);
|
|
}
|
|
}, 10);
|
|
})
|
|
.end()
|
|
|
|
// TODO: Modal Window
|
|
// var htmlBody = $('html,body');
|
|
// var modalAnchor = $('.modalAnchor');
|
|
// var modal = $('.modal');
|
|
// var modalBg = modal.find('>.bg');
|
|
// var modalFg = modal.find('>.fg');
|
|
// var modalCloseHtml = '<button type="button" class="modalClose" title="Close this layer">X</button>';
|
|
// var modalBlurHtml = '<button type="button" class="modalBlur"></button>';
|
|
// var docHeight = $(document).height();
|
|
$('.modal')
|
|
.hide()
|
|
.appendTo('body')
|
|
.prepend('<span class="bg"></span>')
|
|
.append('<!--[if IE 6]><iframe class="ie6"></iframe><![endif]-->');
|
|
// modalFg
|
|
// .prepend(modalCloseHtml)
|
|
// .prepend(modalBlurHtml);
|
|
// var modalClose = $('.modalClose');
|
|
// var modalBlur = $('.modalBlur');
|
|
// modalClose.eq(0).clone().appendTo(modalFg);
|
|
// modalBlur.eq(0).clone().appendTo(modalFg);
|
|
// modalAnchor
|
|
// .click(function(){
|
|
// if(typeof document.body.style.maxHeight == "undefined"){
|
|
// htmlBody.css({'width':'100%','height':'100%'});
|
|
// }
|
|
// var myTarget = $($(this).attr('href'));
|
|
// myTarget.fadeToggle(200).toggleClass('modalActive');
|
|
// myTarget.find('>.fg>.modalClose:first').focus();
|
|
// $(this).addClass('active');
|
|
// })
|
|
// .keypress(function(){
|
|
// if(event.keyCode != 32) return true;
|
|
// $(this).click();
|
|
// return false;
|
|
// });
|
|
// function closeModal() {
|
|
// if(typeof document.body.style.maxHeight == "undefined"){
|
|
// htmlBody.removeAttr('style');
|
|
// }
|
|
// modal.fadeOut(200).removeClass('modalActive');
|
|
// $('.modalAnchor.active').focus().removeClass('active');
|
|
// return false;
|
|
// }
|
|
// $(document).keydown(function(event){
|
|
// if(event.keyCode != 27) return true; // ESC
|
|
// if(modal.find('.tgContent:visible').length == 0) return closeModal();
|
|
// });
|
|
// $('.modal>.bg, .modalClose, .modal .cancel').click(closeModal);
|
|
// $('.modalBlur').focusin(function(event){
|
|
// modalClose.click();
|
|
// });
|
|
|
|
// pagination
|
|
$('.pagination')
|
|
.find('span.gotopage')
|
|
.attr('id', function(idx){ return 'gotopage-'+(idx+1) })
|
|
.hide()
|
|
.end()
|
|
.find('a[href="#gotopage"]')
|
|
.each(function(idx){
|
|
var id = '#gotopage-'+(idx+1);
|
|
$(this).attr('href', id).after($(id));
|
|
})
|
|
.click(function(){
|
|
var $form, width, height, hidden, duration;
|
|
console.log(this);
|
|
|
|
$form = $(this.getAttribute('href'));
|
|
hidden = $form.is(':hidden');
|
|
width = $form.show().width();
|
|
height = $form.height();
|
|
duration = 100;
|
|
|
|
$form.css('overflow', 'hidden').css('whiteSpace', 'nowrap');
|
|
if(hidden) {
|
|
$form
|
|
.css('width', 0)
|
|
.animate({width:width}, duration, function(){ $form.css({width:'',height:'',overflow:''}) })
|
|
.find('input:text:first').focus();
|
|
} else {
|
|
$form
|
|
.css('width', width)
|
|
.animate({width:0}, duration, function(){ $form.hide().css({width:'',height:'',overflow:''}) });
|
|
|
|
$(this).focus();
|
|
}
|
|
|
|
return false;
|
|
})
|
|
.end();
|
|
|
|
// TODO: Portlet Action
|
|
// var action = $('.portlet .action');
|
|
// var action_li = action.parent('li');
|
|
// action.hide().css({'position':'absolute'});
|
|
// action_li.mouseleave(function(){
|
|
// action.fadeOut(100);
|
|
// return false;
|
|
// });
|
|
// action_li.mouseenter(function(){
|
|
// action_li.mouseleave();
|
|
// $(this).find('>.action').fadeIn(100);
|
|
// return false;
|
|
// });
|
|
// action_li.find('*:first-child').focusin(function(){
|
|
// $(this).parent('li').mouseenter();
|
|
// });
|
|
|
|
// TODO: Site Map
|
|
// var siteMap = $('.siteMap');
|
|
// var siteItem = siteMap.find('li');
|
|
// siteItem
|
|
// .prepend('<button type="button" class="moveTo">Move to</button>')
|
|
// .append('<span class="vr"></span><span class="hr"></span>')
|
|
// .mouseover(function(){
|
|
// $(this).addClass('active');
|
|
// $('.vr').each(function(){
|
|
// var myHeight = $(this).parent('li').height();
|
|
// $(this).height(myHeight);
|
|
// });
|
|
// return false;
|
|
// })
|
|
// .mouseout(function(){
|
|
// $(this).removeClass('active');
|
|
// })
|
|
// .find('.moveTo+input').each(function(){
|
|
// $(this).width(this.value.length+'em');
|
|
// });
|
|
// siteMap.find('.moveTo')
|
|
// .focus(function(){
|
|
// $(this).parent('li').mouseover();
|
|
// })
|
|
// .blur(function(){
|
|
// $(this).mouseout();
|
|
// });
|
|
// siteMap.find('li:first-child').css('border','0');
|
|
|
|
// Toggle Contents
|
|
$('a.tgAnchor')
|
|
.click(function(){
|
|
var $this = $(this), $layer;
|
|
|
|
// get content container
|
|
$layer = $( $this.attr('href') );
|
|
|
|
// set anchor object
|
|
$layer.data('anchor', $this);
|
|
|
|
if($layer.data('state') == 'showing') {
|
|
$this.trigger('close.tc');
|
|
} else {
|
|
$this.trigger('open.tc');
|
|
}
|
|
|
|
return false;
|
|
})
|
|
.bind('open.tc', function(){
|
|
var $this = $(this), $layer, effect, duration;
|
|
|
|
// get content container
|
|
$layer = $( $this.attr('href') );
|
|
|
|
// get effeect
|
|
effect = $this.data('effect');
|
|
|
|
// get duration
|
|
duration = $this.data('duration') || 'fast';
|
|
|
|
// before event trigger
|
|
$this.trigger('before-open.tc');
|
|
|
|
// set state : showing
|
|
$layer.data('state', 'showing');
|
|
|
|
// When mouse button is down or when ESC key is pressed close this layer
|
|
$(document)
|
|
.unbind('mousedown.tc keydown.tc')
|
|
.bind('mousedown.tc keydown.tc',
|
|
function(event){
|
|
if(event && (
|
|
(event.type == 'keydown' && event.which != 27) || // '27' means ESC key
|
|
(event.type == 'mousedown' && ($(event.target).is('.tgAnchor,.tgContent') || $layer.has(event.target)[0]))
|
|
)) return true;
|
|
|
|
$this.trigger('close.tc');
|
|
|
|
return false;
|
|
}
|
|
);
|
|
|
|
switch(effect) {
|
|
case 'slide':
|
|
$layer.slideDown(duration, function(){ $this.trigger('after-open.tc') });
|
|
break;
|
|
case 'fade':
|
|
$layer.fadeIn(duration, function(){ $this.trigger('after-open.tc') });
|
|
break;
|
|
default:
|
|
$layer.show();
|
|
$this.trigger('after-open.tc');
|
|
}
|
|
})
|
|
.bind('close.tc', function(){
|
|
var $this = $(this), $layer, effect, duration;
|
|
|
|
// get content container
|
|
$layer = $( $this.attr('href') );
|
|
|
|
// get effeect
|
|
effect = $this.data('effect');
|
|
|
|
// get duration
|
|
duration = $this.data('duration') || 'fast';
|
|
|
|
// before event trigger
|
|
$this.trigger('before-close.tc');
|
|
|
|
$(document).unbind('mousedown.tc keydown.tc');
|
|
|
|
// set state : hiding
|
|
$layer.data('state', 'hiding');
|
|
|
|
// close this layer
|
|
switch(effect) {
|
|
case 'slide':
|
|
$layer.slideUp(duration, function(){ $this.trigger('after-close.tc') });
|
|
break;
|
|
case 'fade':
|
|
$layer.fadeOut(duration, function(){ $this.trigger('after-close.tc') });
|
|
break;
|
|
default:
|
|
$layer.hide();
|
|
$this.trigger('after-close.tc');
|
|
}
|
|
});
|
|
$('.tgContent')
|
|
.hide()
|
|
.focusout(function(){
|
|
var $this = $(this), $anchor = $this.data('anchor');
|
|
setTimeout(function(){
|
|
if(!$this.find(':focus').length) $anchor.trigger('close.tc');
|
|
}, 1);
|
|
})
|
|
|
|
// Popup list : 'Move to site' and 'Site map'
|
|
$('.header>.siteTool>a.i')
|
|
.bind('before-open.tc', function(){
|
|
$(this)
|
|
.addClass('active')
|
|
.next('div.tgContent')
|
|
.find('>.section:gt(0)').hide().end()
|
|
.find('>.btnArea>button').show();
|
|
})
|
|
.bind('after-close.tc', function(){
|
|
$(this).removeClass('active');
|
|
})
|
|
.next('#siteMapList')
|
|
.find('>.section:last')
|
|
.after('<p class="btnArea"><button type="button">› more</button></p>')
|
|
.find('+p>button')
|
|
.click(function(){
|
|
// Display all sections then hide this button
|
|
$(this).hide().parent().prevAll('.section').show();
|
|
});
|
|
|
|
// TODO : Suggestion
|
|
// var suggestion = $('#suggestion');
|
|
// var snTarget = suggestion.prev('input[type=text]');
|
|
// suggestion.css('position','absolute');
|
|
// snTarget.keypress(function(){
|
|
// $(this).next('.tgContent').fadeIn(200);
|
|
// snTarget.css('background','url(./img/preLoader16.gif) no-repeat 268px center');
|
|
// });
|
|
// snTarget.keyup(function(){
|
|
// snTarget.css('background','');
|
|
// });
|
|
// suggestion
|
|
// .find('li:first-child>button').css('fontWeight','bold').end()
|
|
// .find('li:gt(0)>button').click(function(){
|
|
// var myValue = $(this).text();
|
|
// snTarget.val(myValue);
|
|
// return closeTg();
|
|
// });
|
|
|
|
// TODO: FTP Suggestion
|
|
// var ftp_path = $('#ftp_path');
|
|
// var ftpSuggestion = $('#ftpSuggestion');
|
|
// ftpSuggestion.css('position','absolute').find('.tgBlur').eq(0).remove();
|
|
// ftpSuggestion.find('li:not(:first-child)>button').click(function(){
|
|
// var setValue = ftp_path.val();
|
|
// var myValue = $(this).text();
|
|
// ftp_path.val(setValue+myValue);
|
|
// });
|
|
|
|
// TODO: Up-Down Dragable
|
|
// var uDrag = $('.uDrag');
|
|
// uDrag.find('>tr>td:first-child, >li').wrapInner('<div class="wrap"></div>');
|
|
// var uDragWrap = $('.uDrag .wrap');
|
|
// uDragWrap
|
|
// .prepend('<button type="button" class="dragBtn">Up/Down</button>')
|
|
// .each(function(){
|
|
// var t = $(this);
|
|
// var tHeight = t.parent().height();
|
|
// if(t.parent().is('td')){
|
|
// t.height(tHeight);
|
|
// }
|
|
// });
|
|
// var uDragItem = $('.uDrag>tr, .uDrag>li');
|
|
// uDragItem
|
|
// .mouseenter(function(){
|
|
// $(this).addClass('dragActive');
|
|
// })
|
|
// .mouseleave(function(){
|
|
// $(this).removeClass('dragActive');
|
|
// });
|
|
});
|