Site edit. File upload input button UI change.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11757 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-10-17 06:36:50 +00:00
parent 30dbae4e36
commit 61ff5e2343
5 changed files with 77 additions and 7 deletions

View file

@ -110,6 +110,7 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
.x a.active{color:#000;font-weight:bold;text-decoration:none}
.x .module_search+[readonly]{border-top-right-radius:0;border-bottom-right-radius:0}
.x .module_search+[readonly]+a.x_btn{border-top-left-radius:0;border-bottom-left-radius:0;vertical-align:top;margin-left:-5px}
.x input[type="file"].overlap{position:absolute;overflow:hidden;opacity:0;border:0;filter:alpha(opacity=0);padding:3px 9px;cursor:pointer}
/* Image Sprite */
.x a[target="_blank"]:after,
.x>.body>.gnb>ul>li>a>i,

View file

@ -110,6 +110,7 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
.x a.active{color:#000;font-weight:bold;text-decoration:none}
.x .module_search+[readonly]{border-top-right-radius:0;border-bottom-right-radius:0}
.x .module_search+[readonly]+a.x_btn{border-top-left-radius:0;border-bottom-left-radius:0;vertical-align:top;margin-left:-5px}
.x input[type="file"].overlap{position:absolute;overflow:hidden;opacity:0;border:0;filter:alpha(opacity=0);padding:3px 9px;cursor:pointer}
/* Image Sprite */
.x a[target="_blank"]:after,
.x>.body>.gnb>ul>li>a>i,

View file

@ -187,6 +187,42 @@ jQuery(function($){
}
$(':radio, :checkbox').not(':checked').parent('label').removeClass('checked');
}).change();
// File input .overlap style
$('input[type="file"].overlap').each(function(){
var $this = $(this);
var $btn = $this.prev('button');
$this.parent().css('position','relative');
$this.width($btn.width()).height($btn.height()).offset($btn.offset());
});
// Email Masking
$.fn.xeMask = function(){
this
.each(function(){
var $this = $(this), text = $this.text();
var reg_mail = /^([\w\-\.]+?)@(([\w-]+\.)+[a-z]{2,})$/ig;
if(reg_mail.test(text)) {
$this
.html(text.replace(/(@.+)$/, '<span class="ellipsis">...</span><span class="cover">$1</span>'))
.find('>.ellipsis')
.css({position:'absolute',zIndex:1})
.hover(
function(){ $(this).next('.cover').mouseover() },
function(){ $(this).next('.cover').mouseout() }
)
.end()
.find('>.cover')
.css({zIndex:2,opacity:0})
.hover(
function(){ $(this).css('opacity',1).prev('span').css('visibility','hidden') },
function(){ $(this).css('opacity',0).prev('span').css('visibility','visible') }
)
.end();
}
})
};
$('.masked').xeMask();
});
// Modal Window
jQuery(function($){

View file

@ -187,6 +187,42 @@ jQuery(function($){
}
$(':radio, :checkbox').not(':checked').parent('label').removeClass('checked');
}).change();
// File input .overlap style
$('input[type="file"].overlap').each(function(){
var $this = $(this);
var $btn = $this.prev('button');
$this.parent().css('position','relative');
$this.width($btn.width()).height($btn.height()).offset($btn.offset());
});
// Email Masking
$.fn.xeMask = function(){
this
.each(function(){
var $this = $(this), text = $this.text();
var reg_mail = /^([\w\-\.]+?)@(([\w-]+\.)+[a-z]{2,})$/ig;
if(reg_mail.test(text)) {
$this
.html(text.replace(/(@.+)$/, '<span class="ellipsis">...</span><span class="cover">$1</span>'))
.find('>.ellipsis')
.css({position:'absolute',zIndex:1})
.hover(
function(){ $(this).next('.cover').mouseover() },
function(){ $(this).next('.cover').mouseout() }
)
.end()
.find('>.cover')
.css({zIndex:2,opacity:0})
.hover(
function(){ $(this).css('opacity',1).prev('span').css('visibility','hidden') },
function(){ $(this).css('opacity',0).prev('span').css('visibility','visible') }
)
.end();
}
})
};
$('.masked').xeMask();
});
// Modal Window
jQuery(function($){