mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-28 23:59:57 +09:00
korean zip search UX enhancement.
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@8174 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
7b28c68c80
commit
1d31fbb49e
13 changed files with 661 additions and 625 deletions
|
|
@ -7,7 +7,10 @@ span.publicItem { display:inline; margin:0; font-weight:normal; color:#666666; }
|
|||
|
||||
.display_date { cursor:pointer; width:80px; float:left; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px; }
|
||||
|
||||
|
||||
.ui-sortable { list-style:none; margin:0; padding:0; }
|
||||
.ui-sortable li { display:block; width:100%; border:1px solid #E5E5E5; background:#F6F6F6; padding:5px; margin:3px 0; }
|
||||
.ui-sortable li.active { cursor:move; }
|
||||
|
||||
.item{ position:relative; margin:0 0 4px 0}
|
||||
.iLabel{ display:block; position:static; left:5px; top:6px;}
|
||||
.iText{ position:relative; padding:4px 5px; height:14px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
|
||||
|
|
|
|||
|
|
@ -215,22 +215,23 @@
|
|||
|
||||
<!--// 한국 주소 검색 -->
|
||||
<!--@elseif($val->column_type == 'kr_zip')-->
|
||||
<div id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->inline<!--@else-->none<!--@end-->;">
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" class="inputTypeText w400"/>
|
||||
<span class="button"><input type="button" value="{$lang->cmd_cancel}" onclick="doHideKrZipList('{$val->column_name}'); return false;" /></span>
|
||||
<div class="item" id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->block<!--@else-->none<!--@end-->;">
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" class="iText w400"/>
|
||||
<span class="button"><input type="button" value="{$lang->cmd_modify}" onclick="doHideKrZipList('{$val->column_name}');" /></span>
|
||||
</div>
|
||||
<div id="zone_address_list_{$val->column_name}" style="display:none">
|
||||
<div class="item" id="zone_address_list_{$val->column_name}" style="display:none">
|
||||
<select name="_tmp_address_list_{$val->column_name}" class="w300"></select>
|
||||
<span class="button"><input type="button" value="{$lang->cmd_select}" onclick="doSelectKrZip('{$val->column_name}'); return false;" /></span>
|
||||
<span class="button"><input type="button" value="{$lang->cmd_cancel}" onclick="doHideKrZipList('{$val->column_name}'); return false;" /></span>
|
||||
<span class="button"><input type="button" value="{$lang->cmd_select}" onclick="doSelectKrZip('{$val->column_name}');" /></span>
|
||||
<span class="button"><input type="button" value="{$lang->cmd_cancel}" onclick="doHideKrZipList('{$val->column_name}');" /></span>
|
||||
</div>
|
||||
<div id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->inline<!--@end-->;">
|
||||
<input type="text" name="_tmp_address_search_{$val->column_name}" value="" class="inputTypeText w400" />
|
||||
<span class="button"><input type="button" value="{$lang->cmd_search}" onclick="doSearchKrZip('{$val->column_name}'); return false;" /></span>
|
||||
<div class="item" id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->block<!--@end-->;">
|
||||
<label for="kr_address1" class="iLabel">{$lang->msg_kr_address}</label>
|
||||
<input type="text" name="_tmp_address_search_{$val->column_name}" value="" class="iText w400" />
|
||||
<span class="button"><input type="button" value="{$lang->cmd_search}" onclick="doSearchKrZip('{$val->column_name}');" /></span>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="inputTypeText w400" />
|
||||
<div class="item">
|
||||
<label for="kr_address2" class="iLabel">{$lang->msg_kr_address_etc}</label>
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="iText w400" />
|
||||
</div>
|
||||
|
||||
<!--// 일본 주소 검색 -->
|
||||
|
|
|
|||
|
|
@ -56,4 +56,29 @@ function completeSearchKrZip(ret_obj, response_tags, callback_args) {
|
|||
$j('#zone_address_search_'+column_name).hide();
|
||||
$j('#zone_address_1_'+column_name).hide();
|
||||
$j('#fo_insert_member select[name=_tmp_address_list_'+column_name+']').html(address_list.join('')).get(0).selectedIndex = 0;
|
||||
}
|
||||
}
|
||||
|
||||
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();
|
||||
});
|
||||
|
|
@ -1,122 +1,122 @@
|
|||
{@ Context::addJsFile("./common/js/jquery.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/js_app.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/common.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/xml_handler.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/xml_js_filter.js", true, '', -100000) }
|
||||
|
||||
<!--%import("css/msignup.css")-->
|
||||
<!--%import("js/signup_check.js")-->
|
||||
<!--%import("js/krzip_search.js")-->
|
||||
<!--%import("../skins/default/filter/signup.xml")-->
|
||||
<!--%import("../skins/default/js/member.js")-->
|
||||
<div class="bd">
|
||||
<div class="hx h2">
|
||||
<h2>{$lang->cmd_signup}</h2>
|
||||
</div>
|
||||
<div class="hx h3">
|
||||
<h3>{$lang->member_default_info}</h3>
|
||||
</div>
|
||||
<form id="fo_insert_member" action="./" method="get" class="ff" onsubmit="return procFilter(this, signup)">
|
||||
<fieldset>
|
||||
<ul>
|
||||
<li><label for="id">{$lang->user_id}</label><input name="user_id" type="text" id="id" value="" /><p>{$lang->about_user_id}</p></li>
|
||||
<li><label for="pw">{$lang->password}</label><input name="password1" type="password" id="pw" value="" /><p>{$lang->about_password}</p></li>
|
||||
<li><label for="pw2">{$lang->password2}</label><input name="password2" type="password" id="pw2" value="" /></li>
|
||||
<li><label for="uname">{$lang->user_name}</label><input name="user_name" type="text" id="uname" value="" /><p>{$lang->about_user_name}</p></li>
|
||||
<li><label for="nname">{$lang->nick_name}</label><input name="nick_name" type="text" id="nname" value="" /><p>{$lang->about_nick_name}</p></li>
|
||||
<li><label for="email">{$lang->email_address}</label><input name="email_address" type="text" id="email" value="" /><p>{$lang->about_email_address}</p></li>
|
||||
<li><label for="hpage">{$lang->homepage}</label><input name="homepage" type="text" id="hpage" value="" /><p>{$lang->about_homepage}</p></li>
|
||||
<li><label for="bpage">{$lang->blog}</label><input name="blog" type="text" id="bpage" value="" /><p>{$lang->about_blog_url}</p></li>
|
||||
<li><label for="bday">{$lang->birthday}</label><input name="birthday" type="text" id="bday" value="" /><p>{$lang->about_birthday}</p></li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
<!--@if($extend_form_list)-->
|
||||
<div class="hx h3">
|
||||
<h3>{$lang->member_extend_info}</h3>
|
||||
</div>
|
||||
<fieldset>
|
||||
<ul>
|
||||
<!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')-->
|
||||
<li><label>{htmlspecialchars($val->column_title)}</label>
|
||||
<!--// 일반 text -->
|
||||
<!--@if($val->column_type == 'text')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// 홈페이지 주소 -->
|
||||
<!--@elseif($val->column_type == 'homepage')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// Email 주소 -->
|
||||
<!--@elseif($val->column_type == 'email_address')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// 전화번호 -->
|
||||
<!--@elseif($val->column_type == 'tel')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4"/>
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4"/>
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4"/>
|
||||
<!--// textarea -->
|
||||
<!--@elseif($val->column_type == 'textarea')-->
|
||||
<textarea name="{$val->column_name}">{htmlspecialchars($val->value)}</textarea>
|
||||
<!--// 다중 선택 -->
|
||||
<!--@elseif($val->column_type == 'checkbox')-->
|
||||
<!--@if($val->default_value)-->
|
||||
<!--@foreach($val->default_value as $v)-->
|
||||
<input type="checkbox" id="{$v}" name="{$val->column_name}" value="{$v}" <!--@if(is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end-->/><label for="{$v}">{$v}</label>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
<!--@elseif($val->column_type == 'radio')-->
|
||||
<!--@if($val->default_value)-->
|
||||
<!--@foreach($val->default_value as $v)-->
|
||||
<input type="radio" name="{$val->column_name}" value="{$v}" <!--@if(is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end-->/><label for="{$v}">{$v}</label>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
|
||||
<!--// 단일 선택 -->
|
||||
<!--@elseif($val->column_type == 'select')-->
|
||||
<select name="{$val->column_name}">
|
||||
<!--@if($val->default_value)-->
|
||||
<!--@foreach($val->default_value as $v)-->
|
||||
<option value="{$v}" <!--@if($v == $val->value)-->selected="selected"<!--@end-->>{$v}</option>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</select>
|
||||
|
||||
<!--// 한국 주소 검색 -->
|
||||
<!--@elseif($val->column_type == 'kr_zip')-->
|
||||
<div class="krZip">
|
||||
<div id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->inline<!--@else-->none<!--@end-->;">
|
||||
<input type="text" name="{$val->column_name}" value="{$val->value[0]}"/>
|
||||
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a>
|
||||
</div>
|
||||
<div id="zone_address_list_{$val->column_name}" style="display:none">
|
||||
<select name="_tmp_address_list_{$val->column_name}" class="w300"></select>
|
||||
<a href="#" onclick="doSelectKrZip('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_select}</span></a>
|
||||
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a>
|
||||
</div>
|
||||
<div id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->inline<!--@end-->;">
|
||||
<input type="text" name="_tmp_address_search_{$val->column_name}" value="" />
|
||||
<a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_search}</span></a>
|
||||
</div>
|
||||
|
||||
<div class="address2">
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" />
|
||||
</div>
|
||||
</div>
|
||||
<!--// 일본 주소 검색 -->
|
||||
<!--@elseif($val->column_type == 'jp_zip')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// 날짜 입력 -->
|
||||
<!--@elseif($val->column_type == 'date')-->
|
||||
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
|
||||
<input type="text" class="inputDate inputTypeText" value="" />
|
||||
<!--@end-->
|
||||
<p>{$val->description}</p>
|
||||
<!--// 공개 필드 css확인 필요 -->
|
||||
<!--input type="checkbox" class="checkbox" name="open_{$val->column_name}" value="Y" id="open_{$val->column_name}" /><label for="open_{$val->column_name}">{$lang->public}</label--></li>
|
||||
<!--@end--><!--@end-->
|
||||
</ul>
|
||||
</fieldset>
|
||||
<!--@end-->
|
||||
<div class="bna">
|
||||
<input type="submit" class="bn dark" value="{$lang->cmd_registration}" accesskey="s" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{@ Context::addJsFile("./common/js/jquery.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/js_app.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/common.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/xml_handler.js", true, '', -100000) }
|
||||
{@ Context::addJsFile("./common/js/xml_js_filter.js", true, '', -100000) }
|
||||
|
||||
<!--%import("css/msignup.css")-->
|
||||
<!--%import("js/signup_check.js")-->
|
||||
<!--%import("js/krzip_search.js")-->
|
||||
<!--%import("../skins/default/filter/signup.xml")-->
|
||||
<!--%import("../skins/default/js/member.js")-->
|
||||
<div class="bd">
|
||||
<div class="hx h2">
|
||||
<h2>{$lang->cmd_signup}</h2>
|
||||
</div>
|
||||
<div class="hx h3">
|
||||
<h3>{$lang->member_default_info}</h3>
|
||||
</div>
|
||||
<form id="fo_insert_member" action="./" method="get" class="ff" onsubmit="return procFilter(this, signup)">
|
||||
<fieldset>
|
||||
<ul>
|
||||
<li><label for="id">{$lang->user_id}</label><input name="user_id" type="text" id="id" value="" /><p>{$lang->about_user_id}</p></li>
|
||||
<li><label for="pw">{$lang->password}</label><input name="password1" type="password" id="pw" value="" /><p>{$lang->about_password}</p></li>
|
||||
<li><label for="pw2">{$lang->password2}</label><input name="password2" type="password" id="pw2" value="" /></li>
|
||||
<li><label for="uname">{$lang->user_name}</label><input name="user_name" type="text" id="uname" value="" /><p>{$lang->about_user_name}</p></li>
|
||||
<li><label for="nname">{$lang->nick_name}</label><input name="nick_name" type="text" id="nname" value="" /><p>{$lang->about_nick_name}</p></li>
|
||||
<li><label for="email">{$lang->email_address}</label><input name="email_address" type="text" id="email" value="" /><p>{$lang->about_email_address}</p></li>
|
||||
<li><label for="hpage">{$lang->homepage}</label><input name="homepage" type="text" id="hpage" value="" /><p>{$lang->about_homepage}</p></li>
|
||||
<li><label for="bpage">{$lang->blog}</label><input name="blog" type="text" id="bpage" value="" /><p>{$lang->about_blog_url}</p></li>
|
||||
<li><label for="bday">{$lang->birthday}</label><input name="birthday" type="text" id="bday" value="" /><p>{$lang->about_birthday}</p></li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
<!--@if($extend_form_list)-->
|
||||
<div class="hx h3">
|
||||
<h3>{$lang->member_extend_info}</h3>
|
||||
</div>
|
||||
<fieldset>
|
||||
<ul>
|
||||
<!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')-->
|
||||
<li><label>{htmlspecialchars($val->column_title)}</label>
|
||||
<!--// 일반 text -->
|
||||
<!--@if($val->column_type == 'text')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// 홈페이지 주소 -->
|
||||
<!--@elseif($val->column_type == 'homepage')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// Email 주소 -->
|
||||
<!--@elseif($val->column_type == 'email_address')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// 전화번호 -->
|
||||
<!--@elseif($val->column_type == 'tel')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4"/>
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4"/>
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4"/>
|
||||
<!--// textarea -->
|
||||
<!--@elseif($val->column_type == 'textarea')-->
|
||||
<textarea name="{$val->column_name}">{htmlspecialchars($val->value)}</textarea>
|
||||
<!--// 다중 선택 -->
|
||||
<!--@elseif($val->column_type == 'checkbox')-->
|
||||
<!--@if($val->default_value)-->
|
||||
<!--@foreach($val->default_value as $v)-->
|
||||
<input type="checkbox" id="{$v}" name="{$val->column_name}" value="{$v}" <!--@if(is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end-->/><label for="{$v}">{$v}</label>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
<!--@elseif($val->column_type == 'radio')-->
|
||||
<!--@if($val->default_value)-->
|
||||
<!--@foreach($val->default_value as $v)-->
|
||||
<input type="radio" name="{$val->column_name}" value="{$v}" <!--@if(is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end-->/><label for="{$v}">{$v}</label>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
|
||||
<!--// 단일 선택 -->
|
||||
<!--@elseif($val->column_type == 'select')-->
|
||||
<select name="{$val->column_name}">
|
||||
<!--@if($val->default_value)-->
|
||||
<!--@foreach($val->default_value as $v)-->
|
||||
<option value="{$v}" <!--@if($v == $val->value)-->selected="selected"<!--@end-->>{$v}</option>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
</select>
|
||||
|
||||
<!--// 한국 주소 검색 -->
|
||||
<!--@elseif($val->column_type == 'kr_zip')-->
|
||||
<div class="krZip">
|
||||
<div id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->inline<!--@else-->none<!--@end-->;">
|
||||
<input type="text" name="{$val->column_name}" value="{$val->value[0]}"/>
|
||||
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a>
|
||||
</div>
|
||||
<div id="zone_address_list_{$val->column_name}" style="display:none">
|
||||
<select name="_tmp_address_list_{$val->column_name}" class="w300"></select>
|
||||
<a href="#" onclick="doSelectKrZip('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_select}</span></a>
|
||||
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a>
|
||||
</div>
|
||||
<div id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->inline<!--@end-->;">
|
||||
<input type="text" name="_tmp_address_search_{$val->column_name}" value="" />
|
||||
<a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_search}</span></a>
|
||||
</div>
|
||||
|
||||
<div class="address2">
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" />
|
||||
</div>
|
||||
</div>
|
||||
<!--// 일본 주소 검색 -->
|
||||
<!--@elseif($val->column_type == 'jp_zip')-->
|
||||
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
|
||||
<!--// 날짜 입력 -->
|
||||
<!--@elseif($val->column_type == 'date')-->
|
||||
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
|
||||
<input type="text" class="inputDate inputTypeText" value="" />
|
||||
<!--@end-->
|
||||
<p>{$val->description}</p>
|
||||
<!--// 공개 필드 css확인 필요 -->
|
||||
<!--input type="checkbox" class="checkbox" name="open_{$val->column_name}" value="Y" id="open_{$val->column_name}" /><label for="open_{$val->column_name}">{$lang->public}</label--></li>
|
||||
<!--@end--><!--@end-->
|
||||
</ul>
|
||||
</fieldset>
|
||||
<!--@end-->
|
||||
<div class="bna">
|
||||
<input type="submit" class="bn dark" value="{$lang->cmd_registration}" accesskey="s" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue