#19606797 우편번호 UI 개선

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@8179 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
taggon 2011-03-11 11:03:04 +00:00
parent efa7a257d1
commit fdd9e04929
7 changed files with 101 additions and 61 deletions

View file

@ -1,5 +1,4 @@
<!--%import("js/member_admin.js")-->
<!--%import("js/krzip_search.js")-->
<!--%import("css/member_admin.css")-->
<!--%load_js_plugin("ui")-->

View file

@ -215,25 +215,23 @@
<!--// 한국 주소 검색 -->
<!--@elseif($val->column_type == 'kr_zip')-->
<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 class="krZip">
<div class="item" id="zone_address_search_{$val->column_name}" style="display:none"|cond="$val->value[0]">
<label for="krzip_address1_{$val->column_name}" class="iLabel">{$lang->msg_kr_address}</label>
<input type="text" id="krzip_address1_{$val->column_name}" class="iText w400" value="" />
<span class="button"><button type="button">{$lang->cmd_search}</button></span>
</div>
<div class="item" id="zone_address_list_{$val->column_name}" style="display:none">
<select name="{$val->column_name}" id="address_list_{$val->column_name}" class="w400"></select>
<span class="button"><button type="button">{$lang->cmd_search_again}</button></span>
</div>
<div class="item address2">
<label for="krzip_address2_{$val->column_name}" class="iLabel">{$lang->msg_kr_address_etc}</label>
<input type="text" name="{$val->column_name}" id="krzip_address2_{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="iText w400" />
</div>
</div>
<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}');" /></span>
<span class="button"><input type="button" value="{$lang->cmd_cancel}" onclick="doHideKrZipList('{$val->column_name}');" /></span>
</div>
<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 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>
<load target="js/krzip_search.js" type="body" />
<script type="text/javascript">jQuery(function($){ $.krzip('{$val->column_name}') });</script>
<!--// 일본 주소 검색 -->
<!--@elseif($val->column_type == 'jp_zip')-->
<input type="text" name="{$val->column_name}" value="{$val->value}" class="inputTypeText w400" />

View file

@ -81,4 +81,57 @@ jQuery(function($){
}
})
.blur();
});
});
(function($){
$.krzip = function(column_name) {
var $search_zone, $select_zone;
// search zone
($search_zone = $('#zone_address_search_'+column_name))
.find(':text')
.keypress(function(event){
if(event.keyCode!=13) return;
$search_zone.find('button').click();
return false;
})
.end()
.find('button')
.click(function(){
var val = $.trim($search_zone.find(':text').val());
var params = {
addr : val,
column_name : column_name
};
var response_tags = ['error','message','address_list'];
if (!val) return false;
function callback(ret_obj) {
var addr_list = ret_obj['address_list'] || '';
if(!addr_list) return alert(alert_msg['address']) || false;
$search_zone.hide();
$select_zone.show();
addr_list = $.map( addr_list.split('\n'), function(addr){return '<option value="'+addr+'">'+addr+'</option>'} );
$('#address_list_'+column_name).html(addr_list.join('\n')).focus().get(0).selectedIndex = 0;
}
exec_xml('krzip', 'getKrzipCodeList', params, callback, response_tags, params);
return false;
});
// select zone
($select_zone = $('#zone_address_list_'+column_name))
.find('button')
.click(function(){
$search_zone.show().find(':text').val('').focus();
$select_zone.hide();
});
}
})(jQuery);

View file

@ -6,7 +6,6 @@
<!--%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">
@ -83,22 +82,19 @@
<!--@elseif($val->column_type == 'kr_zip')-->
<div class="krZip">
<div id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->block<!--@end-->;">
<input type="text" name="_tmp_address_search_{$val->column_name}" value="{$lang->msg_kr_address}" onfocus="this.value=''" />
<button type="button" onclick="doSearchKrZip('{$val->column_name}');" class="bn">{$lang->cmd_search}</button>
<input type="text" id="krzip_address1_{$val->column_name}" value="{$lang->msg_kr_address}" onfocus="this.value=''" />
<button type="button" class="bn">{$lang->cmd_search}</button>
</div>
<div id="zone_address_list_{$val->column_name}" style="display:none">
<select name="_tmp_address_list_{$val->column_name}" class="w300"></select>
<button type="button" onclick="doSelectKrZip('{$val->column_name}');" class="bn">{$lang->cmd_select}</button>
<button type="button" onclick="doHideKrZipList('{$val->column_name}');" class="bn">{$lang->cmd_cancel}</button>
</div>
<div 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="{$val->value[0]}"/>
<button type="button" onclick="doHideKrZipList('{$val->column_name}');" class="bn">{$lang->cmd_cancel}</button>
<select name="{$val->column_name}" id="address_list_{$val->column_name}" class="w300"></select>
<button type="button" class="bn">{$lang->cmd_search_again}</button>
</div>
<div class="address2">
<input type="text" name="{$val->column_name}" value="{$lang->msg_kr_address_etc}" onfocus="this.value=''" />
<input type="text" name="{$val->column_name}" id="krzip_address2_{$val->column_name}" value="{$lang->msg_kr_address_etc}" onfocus="this.value=''" />
</div>
</div>
<load target="js/krzip_search.js" type="body" />
<script type="text/javascript">jQuery(function($){ $.krzip('{$val->column_name}') });</script>
<!--// 일본 주소 검색 -->
<!--@elseif($val->column_type == 'jp_zip')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />