mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-07 18:51:41 +09:00
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
parent
30dbae4e36
commit
61ff5e2343
5 changed files with 77 additions and 7 deletions
|
|
@ -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,
|
||||
|
|
|
|||
1
modules/admin/tpl/css/admin.min.css
vendored
1
modules/admin/tpl/css/admin.min.css
vendored
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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($){
|
||||
|
|
|
|||
36
modules/admin/tpl/js/admin.min.js
vendored
36
modules/admin/tpl/js/admin.min.js
vendored
|
|
@ -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($){
|
||||
|
|
|
|||
|
|
@ -243,7 +243,7 @@
|
|||
<div class="btnBoth">
|
||||
<button type="button" class="fileRemover x_btn x_pull-left">삭제</button>
|
||||
<button type="button" class="fileTrigger x_btn x_btn-primary x_pull-right">변경</button>
|
||||
<input type="file">
|
||||
<input type="file" class="overlap">
|
||||
</div>
|
||||
</form>
|
||||
<form action="">
|
||||
|
|
@ -255,7 +255,7 @@
|
|||
<div class="btnBoth">
|
||||
<button type="button" class="fileRemover x_btn x_pull-left">삭제</button>
|
||||
<button type="button" class="fileTrigger x_btn x_btn-primary x_pull-right">이미지 올리기</button>
|
||||
<input type="file">
|
||||
<input type="file" class="overlap">
|
||||
</div>
|
||||
</form>
|
||||
<form action="">
|
||||
|
|
@ -267,7 +267,7 @@
|
|||
<div class="btnBoth">
|
||||
<button type="button" class="fileRemover x_btn x_pull-left">삭제</button>
|
||||
<button type="button" class="fileTrigger x_btn x_btn-primary x_pull-right">이미지 올리기</button>
|
||||
<input type="file">
|
||||
<input type="file" class="overlap">
|
||||
</div>
|
||||
</form>
|
||||
</fieldset>
|
||||
|
|
@ -570,7 +570,6 @@
|
|||
.col .nav li>a:hover>i,
|
||||
.col .nav li>a:focus>i,
|
||||
.col .nav li.active>a>i{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png);background-repeat:no-repeat;opacity:1;filter:alpha(opacity=100)}
|
||||
.col input[type="file"]{width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;opacity:0;filter:alpha(opacity=0)}
|
||||
/* Menu Type */
|
||||
.col .typePage{display:none;border-top:1px solid #ddd;padding-top:8px;margin-top:8px}
|
||||
.col .typeUrl{display:none;border-top:1px solid #ddd;margin-top:8px}
|
||||
|
|
@ -2697,9 +2696,6 @@ setTimeout(function(){
|
|||
});
|
||||
*/
|
||||
// File upload
|
||||
$('.fileTrigger').click(function(){
|
||||
$(this).next('input[type="file"]').click();
|
||||
});
|
||||
$('input[type="file"]').change(function(){
|
||||
$(this).closest('form').submit();
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue