mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-25 14:19:58 +09:00
#19692159 improve install UI
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8311 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
parent
9076974a59
commit
f71f5b564e
48 changed files with 1555 additions and 4097 deletions
88
modules/install/tpl/js/install.js
Normal file
88
modules/install/tpl/js/install.js
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
jQuery(function($){
|
||||
// Input Clear
|
||||
var iText = $('.item>.iLabel').next('.iText');
|
||||
$('.item>.iLabel').css('position','absolute');
|
||||
iText
|
||||
.focus(function(){
|
||||
$(this).prev('.iLabel').css('visibility','hidden');
|
||||
})
|
||||
.blur(function(){
|
||||
if($(this).val() == ''){
|
||||
$(this).prev('.iLabel').css('visibility','visible');
|
||||
} else {
|
||||
$(this).prev('.iLabel').css('visibility','hidden');
|
||||
}
|
||||
})
|
||||
.change(function(){
|
||||
if($(this).val() == ''){
|
||||
$(this).prev('.iLabel').css('visibility','visible');
|
||||
} else {
|
||||
$(this).prev('.iLabel').css('visibility','hidden');
|
||||
}
|
||||
})
|
||||
.blur();
|
||||
// Common
|
||||
var select_root = $('div.select');
|
||||
var select_value = $('.myValue');
|
||||
var select_a = $('div.select>ul>li>a');
|
||||
var select_input = $('div.select>ul>li>input[type=radio]');
|
||||
var select_label = $('div.select>ul>li>label');
|
||||
|
||||
// Radio Default Value
|
||||
$('div.myValue').each(function(){
|
||||
var default_value = $(this).next('.iList').find('input[checked]').next('label').text();
|
||||
$(this).append(default_value);
|
||||
});
|
||||
|
||||
// Line
|
||||
select_value.bind('focusin',function(){$(this).addClass('outLine');});
|
||||
select_value.bind('focusout',function(){$(this).removeClass('outLine');});
|
||||
select_input.bind('focusin',function(){$(this).parents('div.select').children('div.myValue').addClass('outLine');});
|
||||
select_input.bind('focusout',function(){$(this).parents('div.select').children('div.myValue').removeClass('outLine');});
|
||||
|
||||
// Show
|
||||
function show_option(){
|
||||
$(this).parents('div.select:first').toggleClass('open');
|
||||
}
|
||||
|
||||
// Hover
|
||||
function i_hover(){
|
||||
$(this).parents('ul:first').children('li').removeClass('hover');
|
||||
$(this).parents('li:first').toggleClass('hover');
|
||||
}
|
||||
|
||||
// Hide
|
||||
function hide_option(){
|
||||
var t = $(this);
|
||||
setTimeout(function(){
|
||||
t.parents('div.select:first').removeClass('open');
|
||||
}, 1);
|
||||
}
|
||||
|
||||
// Set Input
|
||||
function set_label(){
|
||||
var v = $(this).next('label').text();
|
||||
$(this).parents('ul:first').prev('.myValue').text('').append(v);
|
||||
$(this).parents('ul:first').prev('.myValue').addClass('selected');
|
||||
}
|
||||
|
||||
// Set Anchor
|
||||
function set_anchor(){
|
||||
var v = $(this).text();
|
||||
$(this).parents('ul:first').prev('.myValue').text('').append(v);
|
||||
$(this).parents('ul:first').prev('.myValue').addClass('selected');
|
||||
}
|
||||
|
||||
// Anchor Focus Out
|
||||
$('*:not("div.select a")').focus(function(){
|
||||
$('.aList').parent('.select').removeClass('open');
|
||||
});
|
||||
|
||||
select_value.click(show_option);
|
||||
select_root.removeClass('open');
|
||||
select_root.mouseleave(function(){$(this).removeClass('open');});
|
||||
select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
|
||||
select_input.change(set_label).focus(set_label);
|
||||
select_label.hover(i_hover).click(hide_option);
|
||||
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue