Issue 2050 started. Installation > admin info setting.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11642 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-10-09 08:31:57 +00:00
parent 3af8a957d7
commit 4429e5ae16
9 changed files with 83 additions and 251 deletions

View file

@ -6,25 +6,42 @@
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}"> <div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p> <p>{$XE_VALIDATOR_MESSAGE}</p>
</div> </div>
<form rule="install" action="./" method="post"> <form rule="install" action="./" method="post" class="x_form-horizontal">
<input type="hidden" name="act" value="procInstall" /> <input type="hidden" name="act" value="procInstall" />
<ul class="form formAdmin"> <div class="x_control-group">
<li><label for="aMail">{$lang->email_address}</label><input name="email_address" type="text" class="iText" id="aMail" /></li> <label for="aMail" class="x_control-label">{$lang->email_address}</label>
<li><label for="aPw1">{$lang->password1}</label><input name="password" type="password" class="iText" id="aPw1" /></li> <div class="x_controls">
<li><label for="aPw2">{$lang->password2}</label><input name="password2" type="password" class="iText" id="aPw2" /></li> <input name="email_address" type="email" id="aMail" required />
<li><label for="aId">{$lang->user_id}</label><input name="user_id" type="text" value="admin" class="iText" id="aId" /></li> </div>
<li><label for="aNick">{$lang->nick_name}</label><input name="nick_name" type="text" class="iText" id="aNick" /></li> </div>
</ul> <div class="x_control-group">
<label for="aPw1" class="x_control-label">{$lang->password1}</label>
<div class="x_controls">
<input name="password" type="password" id="aPw1" required />
</div>
</div>
<div class="x_control-group">
<label for="aPw2" class="x_control-label">{$lang->password2}</label>
<div class="x_controls">
<input name="password2" type="password" id="aPw2" required />
</div>
</div>
<div class="x_control-group">
<label for="aNick" class="x_control-label">{$lang->nick_name}</label>
<div class="x_controls">
<input name="nick_name" type="text" id="aNick" required />
</div>
</div>
<div class="desc"> <div class="desc">
<p>{$lang->install_notandum}</p> <p>{$lang->install_notandum}</p>
</div> </div>
<div class="ibtnArea"> <div class="ibtnArea">
<div class="fLeft"> <span class="x_pull-left">
<span class="ibtn icon"><span class="back"></span> <a href="{getUrl('', 'act', 'dispInstallConfigForm')}">{$lang->cmd_back}</a></span> <a href="{getUrl('', 'act', 'dispInstallConfigForm')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a>
</div> </span>
<div class="fRight"> <span class="x_pull-right">
<span class="ibtn icon"><span class="check"></span> <input name="" type="submit" value="{$lang->cmd_complete}" /></span> <button type="submit" class="x_btn x_btn-small x_btn-inverse x_disabled" id="task-done"><i class="x_icon-ok x_icon-white"></i> {$lang->cmd_complete}</button>
</div> </span>
</div> </div>
</form> </form>
</div> </div>

View file

@ -2,15 +2,17 @@
/* NHN (developers@xpressengine.com) */ /* NHN (developers@xpressengine.com) */
/* Element Reset */ /* Element Reset */
html, body{margin:0;min-height:100%} html, body{margin:0;min-height:100%}
body, input, textarea, select, table, button {font-family:Tahoma, Geneva, sans-serif;font-size:12px} body, input, textarea, select, table, button{font-family:Tahoma, Geneva, sans-serif;font-size:12px}
body{background:#3EAF0E -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));background:#3EAF0E -moz-linear-gradient(top, #ccc, #fff);background:#3EAF0E -o-linear-gradient(top, #ccc, #fff)} body{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));background:-moz-linear-gradient(top, #ccc, #fff);background:-o-linear-gradient(top, #ccc, #fff)}
img, fieldset {border:0} img, fieldset{border:0}
form, fieldset {margin:0;padding:0} form, fieldset{margin:0;padding:0}
em{color:#ffc;font-weight:normal;font-style:normal} em{color:#ffc;font-weight:normal;font-style:normal}
strong{color:#f60} strong{color:#f60}
button{margin:0;padding:0;overflow:visible;cursor:pointer} button{margin:0;padding:0;overflow:visible;cursor:pointer}
a {text-decoration:none} a{text-decoration:none}
a:hover, a:active, a:focus {text-decoration:underline} a:hover,
a:active,
a:focus{text-decoration:underline}
/* Bootstrap Override */ /* Bootstrap Override */
.x label[for], .x label[for],
.x .x_form-horizontal .x_control-label{font-weight:bold} .x .x_form-horizontal .x_control-label{font-weight:bold}
@ -19,103 +21,37 @@ a:hover, a:active, a:focus {text-decoration:underline}
.x input[type="radio"], .x input[type="radio"],
.x input[type="checkbox"]{margin:0} .x input[type="checkbox"]{margin:0}
.x hr{border-bottom:0} .x hr{border-bottom:0}
.x .x_control-group{padding-top: 8px;margin-bottom: 10px;border-top: 1px dotted #888;clear: both} .x .x_btn{text-decoration:none}
.x .x_control-group{padding-top:8px;margin-bottom:10px;border-top:1px dotted #888;clear:both}
.x .x_control-group:first-child, .x .x_control-group:first-child,
.x .x_control-group:first-of-type{border-top: 0;padding-top: 0} .x .x_control-group:first-of-type{border-top:0;padding-top:0}
/* Layout */ /* Layout */
#xei{width:800px;margin:0 auto;padding:120px 0 0 0} .x{width:800px;margin:0 auto;padding:120px 0 0 0}
#xei #header{position:relative;background:#444;margin:0 0 1px 0;padding:10px 20px;color:#fff;border-radius:5px 5px 0 0} .x #header{position:relative;background:#444;margin:0 0 1px 0;padding:10px 20px;color:#fff;border-radius:5px 5px 0 0}
#xei #header h1{margin:0} .x #header h1{margin:0}
#xei #header em{position:absolute;bottom:10px;right:20px;font-weight:bold;font-size:14px;color:#eee} .x #header em{position:absolute;bottom:10px;right:20px;font-weight:bold;font-size:14px;color:#eee}
#xei #header em strong{font-size:20px;color:#F60} .x #header em strong{font-size:20px;color:#F60}
#xei #body{width:580px;padding:0 0 0 220px;position:relative;*zoom:1} .x #body{width:580px;padding:0 0 0 220px;position:relative;*zoom:1}
#xei #body:after{content:"";display:block;clear:both} .x #body:after{content:"";display:block;clear:both}
#xei #progress{position:absolute;left:0;top:0;width:219px} .x #progress{position:absolute;left:0;top:0;width:219px}
#xei #progress ul{list-style:none;margin:0;padding:0} .x #progress ul{list-style:none;margin:0;padding:0}
#xei #progress li{position:relative;margin:0 0 1px 0;vertical-align:top;line-height:40px;color:#999;text-indent:30px;background-color:#555;background-image:url(../img/icoStatus.gif);background-repeat:no-repeat;background-position:10px 0;*zoom:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .x #progress li{position:relative;margin:0 0 1px 0;vertical-align:top;line-height:40px;color:#999;text-indent:30px;background-color:#555;background-image:url(../img/icoStatus.gif);background-repeat:no-repeat;background-position:10px 0;*zoom:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#xei #progress li:last-child{border-radius:0 0 0 5px} .x #progress li:last-child{border-radius:0 0 0 5px}
#xei #progress li.done{background-position:10px -40px} .x #progress li.done{background-position:10px -40px}
#xei #progress li.active{background-color:#666;background-position:10px -80px;font-weight:bold;color:#fff;margin-right:-1px} .x #progress li.active{background-color:#666;background-position:10px -80px;font-weight:bold;color:#fff;margin-right:-1px}
#xei #content{position:relative;width:500px;min-height:145px;padding:40px;background:#666;color:#fff} .x #content{position:relative;width:500px;min-height:145px;padding:40px;background:#666;color:#fff}
#xei #content a{color:#FFC} .x #content a{color:#FFC}
/* Button */
.ibtn,
.ibtn *{position:relative;margin:0;padding:0;display:inline-block;height:30px;line-height:30px;text-decoration:none !important;border:0;font-size:12px;font-family:Tahoma, Sans-serif;white-space:nowrap;background:url(../img/btnPack.gif) no-repeat;vertical-align:top;overflow:visible;color:#eee}
.ibtn {margin-right:4px;background-position:left -30px}
.ibtn *{left:4px;cursor:pointer;_cursor:hand;padding:0 10px 0 6px;background-position:right -30px}
.ibtn *:hover,
.ibtn *:active,
.ibtn *:focus{color:#ff0}
.ibtn.strong *{font-weight:bold !important}
.ibtn.icon *{padding-left:20px}
.ibtn.icon span{width:20px;margin-right:-18px;padding:0 !important}
.ibtn .check{background-position:4px -146px}
.ibtn .back{background-position:-14px -146px}
.ibtn .monitor{background-position:-37px -147px}
/* Button Area */ /* Button Area */
.ibtnArea{position:absolute;bottom:-61px;right:0;width:540px;height:30px;margin:1px 0 0 0;padding:15px 20px;text-align:center;*zoom:1;color:#fff;background:#555;border-radius:0 0 5px 5px} .x .ibtnArea{position:absolute;bottom:-61px;right:0;width:540px;height:30px;margin:1px 0 0 0;padding:15px 20px;text-align:center;*zoom:1;color:#fff;background:#555;border-radius:0 0 5px 5px}
.ibtnArea:after{content:"";display:block;clear:both} .x .ibtnArea:after{content:"";display:block;clear:both}
.ibtnArea .x_btn-inverse{color:#fff !important} .x .ibtnArea .x_btn-inverse{color:#fff !important}
.ibtnArea .x_btn>i{opacity:.75;filter:alpha(opacity=75)} .x .ibtnArea .x_btn>i{opacity:.75;filter:alpha(opacity=75)}
/* table */
.table{margin:0 20px 20px 20px}
.table table{width:100%;border:0;border-top:1px solid #484848}
.table caption{padding:8px 0;font-weight:bold;text-align:left;color:#fff}
.table th,
.table td{border:0;padding:8px 15px;vertical-align:top;text-align:left}
.table th{color:#eee}
.table td{color:#eee}
.table td strong {color:#f60}
.table thead th{border-bottom:1px solid #484848;background:#f8f8f8}
.table tbody th{border-bottom:1px solid #484848;background:#555;white-space:nowrap}
.table tfoot th{border-bottom:1px solid #484848}
.table tbody td{border-bottom:1px solid #484848}
.table tfoot td{border-bottom:1px solid #484848;font-weight:bold;color:#333}
/* Select */
.select{position:relative;line-height:normal;display:inline-block;*display:inline;vertical-align:middle;background:#555;text-align:left;*zoom:1}
.select *{margin:0;padding:0;cursor:pointer;font-size:12px;font-family:Tahoma, Sans-serif}
.select .myValue{position:relative;z-index:2;left:0;top:0;border:1px solid #999;color:#eee;line-height:19px;_line-height:normal;text-align:left;overflow:visible;background:transparent}
.select .myValue.selected{font-weight:bold}
.select.open .myValue,
.select .myValue.outLine{border:1px solid #ccc}
.select button.myValue{height:21px;width:100%;text-indent:5px;*text-indent:0;*padding-left:5px}
.select div.myValue{height:19px;text-indent:8px}
.select .ctrl{position:absolute;top:0;right:0;width:18px;height:19px;border:1px solid #999;border-left:1px solid #999;background:#444}
.select .arrow{position:absolute;width:0;height:0;top:9px;right:6px;line-height:0;font-size:0;border-top:3px solid #999;border-left:3px solid #444;border-right:3px solid #444}
.select div.aList,
.select div.iList{display:none;position:absolute;top:20px;left:0;width:100%;border:0;border-top:1px solid #bababa;border-bottom:1px solid #bababa;background:#fff;overflow:auto;height:200px;}
.select.open div.aList{display:block}
.select ul{list-style:none}
.select div.iList{display:none}
.select.open div.iList{display:block}
.select li{position:relative;overflow:hidden;white-space:nowrap;height:18px;margin:0 !important;border-left:1px solid #bababa;border-right:1px solid #bababa}
.select li input.option{position:absolute;width:100%;height:20px;line-height:20px}
.select li label{position:absolute;left:0;top:0;width:100%;text-indent:8px;*text-indent:6px;height:18px;line-height:18px;color:#eee;background:#555;font-weight:normal !important}
.select li a{display:block;text-indent:8px;*text-indent:6px;height:18px;line-height:18px;color:#eee;background:#555;text-decoration:none !important}
.select li.hover *{background:#444;color:#fff}
.selectGo{border:1px solid #bababa;height:21px;width:28px;padding:0;*margin:-1px 0 -1px 4px;overflow:visible;background:#eee;vertical-align:middle;cursor:pointer;font:bold 11px Tahoma;line-height:19px;_line-height:normal;color:#767676}
/* Content */ /* Content */
h2{font-size:22px;margin:0 0 15px 0;color:#ff9;line-height:1} .x h2{font-size:22px;margin:0 0 15px 0;color:#ff9;line-height:1}
.item{position:relative} .x .desc{padding:10px 20px;margin:15px 0;background:#555;color:#fff;line-height:1.5;border-radius:5px}
.iLabel{display:block;position:static;top:4px;left:5px;color:#eee} .x .desc strong{color:#F60}
.iText{position:relative;padding:3px 4px;border:1px solid #444;border-right-color:#555;border-bottom-color:#555;background:transparent;color:#fff} .x .language{list-style:none;margin:0;padding:0 0 0 20px}
.form{padding:0;margin:0 20px 20px 20px;list-style:none} .x .language li{position:relative;margin:0 0 7px 0}
.form li{margin:0 0 10px 0} .x .language li>i{position:absolute;top:2px;left:-20px}
.form.formFtp label,
.form.formDbInfo label,
.form.formAdmin label{display:block;margin:0 0 2px 0;color:#eee;font-weight:bold}
.form.formDbSelect label,
.form.formXe label{margin:0 0 2px 0;color:#eee;font-weight:bold}
.form .iText{background:#555;padding:5px 10px;width:518px}
.form select{background:#555;color:#fff}
.form p{color:#ddd;margin:3px 0 15px 17px}
.form strong{color:#f60}
.form em{font-style:normal;color:#ffc}
.form a{color:#fff;text-decoration:underline}
.desc{padding:10px 20px;margin:15px 0;background:#555;color:#fff;line-height:1.5;border-radius:5px}
.desc strong{color:#F60}
.language{list-style:none;margin:0;padding:0 0 0 20px}
.language li{position:relative;margin:0 0 7px 0}
.language li>i{position:absolute;top:2px;left:-20px}
/* Waiting for server response */ /* Waiting for server response */
.wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100; border:1px solid #EAE9DC;background:#FFFDEF url(../../common/img/msg.update.png) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-size:12px} .wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100;border:1px solid #EAE9DC;background:#FFFDEF url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-weight:bold}

View file

@ -44,7 +44,7 @@
<a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a> <a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a>
</span> </span>
<div class="x_pull-right"> <div class="x_pull-right">
<button type="submit" class="x_btn x_btn-small x_btn-inverse" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button> <button type="submit" class="x_btn x_btn-small x_btn-inverse x_disabled" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button>
</div> </div>
</div> </div>
</form> </form>

View file

@ -1,47 +0,0 @@
<!-- 관리자 정보 -->
<tr>
<th rowspan="6" scope="row" class="hr"><label for="radio2">{$lang->admin_title}</label></th>
<th class="second" scope="row"><label for="textfield21">{$lang->user_id}</label></th>
<td><input type="text" id="textfield21" name="user_id" value="admin" /></td>
</tr>
<tr>
<th class="second" scope="row"><label for="textfield22">{$lang->password1}</label></th>
<td><input id="textfield22" type="password" name="password1" /></td>
</tr>
<tr>
<th class="second" scope="row"><label for="textfield23">{$lang->password2}</label></th>
<td><input id="textfield23" type="password" name="password2" /></td>
</tr>
<tr>
<th class="second" scope="row"><label for="textfield24">{$lang->user_name}</label></th>
<td><input id="textfield24" type="text" name="user_name" /></td>
</tr>
<tr>
<th class="second" scope="row"><label for="textfield25">{$lang->nick_name}</label></th>
<td><input id="textfield25" type="text" name="nick_name" /></td>
</tr>
<tr>
<th class="second hr" scope="row"><label for="textfield26">{$lang->email_address}</label></th>
<td class="hr"><input id="textfield26" type="text" name="email_address" /></td>
</tr>
<!-- 기타 정보 -->
<tr>
<th rowspan="6" scope="row" class="borderBottomNone"><label for="radio2">{$lang->env_title}</label></th>
<th class="second" scope="row"><label for="textfield27">{$lang->use_rewrite}</label></th>
<td>
<input type="checkbox" id="textfield27" name="use_rewrite" value="Y" <!--@if(function_exists('apache_get_modules')&&in_array('mod_rewrite',apache_get_modules()))-->checked="checked"<!--@end--> />
<p>{$lang->about_rewrite}</p>
</td>
</tr>
<tr>
<th class="second" scope="row">{$lang->time_zone}</th>
<td>
<select name="time_zone">
<!--@foreach($time_zone as $key => $val)-->
<option value="{$key}" <!--@if($key==date('O'))-->selected="selected"<!--@end-->>{$val}</option>
<!--@end-->
</select>
<p>{$lang->about_time_zone}</p>
</td>
</tr>

View file

@ -44,7 +44,7 @@
<a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a> <a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a>
</span> </span>
<div class="x_pull-right"> <div class="x_pull-right">
<button type="submit" class="x_btn x_btn-small x_btn-inverse" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button> <button type="submit" class="x_btn x_btn-small x_btn-inverse x_disabled" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button>
</div> </div>
</div> </div>
</form> </form>

View file

@ -44,7 +44,7 @@
<a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a> <a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a>
</span> </span>
<div class="x_pull-right"> <div class="x_pull-right">
<button type="submit" class="x_btn x_btn-small x_btn-inverse" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button> <button type="submit" class="x_btn x_btn-small x_btn-inverse x_disabled" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button>
</div> </div>
</div> </div>
</form> </form>

View file

@ -44,7 +44,7 @@
<a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a> <a href="{getUrl('', 'act', 'dispInstallSelectDB')}" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-chevron-left x_icon-white"></i> {$lang->cmd_back}</a>
</span> </span>
<div class="x_pull-right"> <div class="x_pull-right">
<button type="submit" class="x_btn x_btn-small x_btn-inverse" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button> <button type="submit" class="x_btn x_btn-small x_btn-inverse x_disabled" id="task-db-info">{$lang->cmd_next} <i class="x_icon-chevron-right x_icon-white"></i></button>
</div> </div>
</div> </div>
</form> </form>

View file

@ -1,6 +1,6 @@
<load target="../../../common/css/bootstrap.min.css" /> <load target="../../../common/css/bootstrap.min.css" />
<load target="./css/install.css" /> <load target="./css/install.css" />
<div id="xei" class="x"> <div class="x">
<div id="header"> <div id="header">
<h1><img src="img/xe.gif" width="163" height="26" alt="Xpress Engine" /></h1> <h1><img src="img/xe.gif" width="163" height="26" alt="Xpress Engine" /></h1>
<em>Version <strong>{__ZBXE_VERSION__}</strong> {$lang->introduce_title}</em> <em>Version <strong>{__ZBXE_VERSION__}</strong> {$lang->introduce_title}</em>

View file

@ -13,88 +13,14 @@ jQuery(function($){
} }
return false; return false;
}); });
// SUBMIT disabled
// Input Clear $('input[required]').change(function(){
var iText = $('.item>.iLabel').next('.iText'); var invalid = $('input[required]').is('[value=""], [value=" "], [value=" "], [value=" "]');
$('.item>.iLabel').css('position','absolute'); var $submit = $('[type="submit"]');
iText if(!invalid){
.focus(function(){ $submit.removeClass('x_disabled');
$(this).prev('.iLabel').css('visibility','hidden'); } else {
}) $submit.addClass('x_disabled');
.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).closest('.select').find('>.myValue').text(v).addClass('selected');
}
// Set Anchor
function set_anchor(){
var v = $(this).text();
$(this).closest('.select').find('>.myValue').text(v).addClass('selected');
}
// Anchor Focus Out
$(window).mousedown(function(evt){
if($(evt.target).closest('.select').length) return;
$('.aList,.iList').parent('.select').removeClass('open');
});
select_value.click(show_option);
select_root.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);
}); });