#404 날짜 입력시 팝업창이 아닌 layer로 출력되는 공개 소스 이용하여 회원가입/정보수정, 게시판 확장필드등에서 날짜 입력 형태를 변경

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4071 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2008-04-04 09:36:23 +00:00
parent 95a74eaade
commit 456bdc70e5
14 changed files with 2395 additions and 27 deletions

View file

@ -108,7 +108,7 @@
.memberInfoTable td checkbox { border:0; }
.memberInfoTable td .fl { margin-right:.5em;}
.memberInfoTable td br { clear:both;}
.memberInfoTable td p { margin:0; padding:0; font-size:.9em; color:#999999; padding-top:.5em; margin-right:.5em;}
.memberInfoTable td p { clear:both; margin:0; padding:0; font-size:.9em; color:#999999; padding-top:.5em; margin-right:.5em;}
.memberInfoTable td label { color:#3f4040; padding-top:.3em; margin-right:.5em;}
.memberInfoTable td ul { list-style:none; }
.memberInfoTable td .checkbox { border:none; }
@ -125,7 +125,8 @@
.checkbox li { float:left; margin-right:2em; }
.checkbox li input { border:none; }
.str_birthday { cursor:pointer; float:left; width:80px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px 3px 3px 18px; margin-right:.3em;}
.display_date { cursor:pointer; width:80px; float:left; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px; }
.krZip .address2 { clear:both; margin-top:10px;}
.extendDesc { clear:both; margin-top:0; font-size:.9em; color:#999999; }

View file

@ -1,9 +1,9 @@
{@ $member_title = $lang->msg_update_member}
<!--#include("./common_header.html")-->
<!--%import("../../tpl/js/signup_check.js")-->
<!--%import("../../tpl/js/krzip_search.js")-->
<!--%import("filter/modify_info.xml")-->
<!--@if($member_config->profile_image == 'Y')-->
<!--%import("filter/delete_profile_image.xml")-->
<!--@end-->
@ -16,7 +16,15 @@
<!--%import("filter/delete_image_mark.xml")-->
<!--@end-->
<!--%import("../../tpl/js/krzip_search.js")-->
<!-- calendar -->
<!--%import("../../../../common/js/calendar.js",optimized=false)-->
<!--@if($lang_type == 'ko')-->
<!--%import("../../../../common/js/calendar-ko.js",optimized=false)-->
<!--@else-->
<!--%import("../../../../common/js/calendar-en.js",optimized=false)-->
<!--@end-->
<!--%import("../../../../common/js/calendar-setup.js",optimized=false)-->
<!--%import("../../../../common/css/calendar-system.css",optimized=false)-->
<form id="fo_insert_member" action="./" method="post" onsubmit="return procFilter(this, modify_info)" <!--@if($member_config->profile_image == 'Y' || $member_config->image_name=='Y' || $member_config->image_mark=='Y')-->enctype="multipart/form-data"<!--@end-->>
<input type="hidden" name="mid" value="{$mid}" />
@ -112,9 +120,12 @@
<th scope="row">{$lang->birthday}</th>
<td>
<input type="hidden" name="birthday" id="date_birthday" value="{$member_info->birthday}" />
<div class="str_birthday" id="str_birthday" onclick="open_calendar('birthday','');return false;">{zdate($member_info->birthday,"Y-m-d")}</div>
<a href="#" onclick="open_calendar('birthday','{$member_info->birthday}');return false;" class="button"><span>{$lang->cmd_open_calendar}</span></a>
<div class="display_date" id="str_birthday">{zdate($member_info->birthday,"Y-m-d")}</div>
<p>{$lang->about_birthday}</p>
<script type="text/javascript">
Calendar.setup( { firstDay : 0, inputField : "date_birthday", ifFormat : "%Y%m%d", displayArea : "str_birthday", daFormat : "%Y-%m-%d" } );
</script>
</td>
</tr>
<tr>
@ -226,8 +237,11 @@
<!-- 날짜 입력 -->
<!--@elseif($val->column_type == 'date')-->
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
<div class="str_birthday" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>
<a href="#" onclick="open_calendar('{$val->column_name}','{$val->value}');return false;" class="button"><span>{$lang->cmd_open_calendar}</span></a>
<div class="display_date" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>
<script type="text/javascript">
Calendar.setup( { firstDay : 0, inputField : "date_{$val->column_name}", ifFormat : "%Y%m%d", displayArea : "str_{$val->column_name}", daFormat : "%Y-%m-%d"});
</script>
<!--@end-->

View file

@ -1,8 +1,18 @@
<!--#include("./common_header.html")-->
<!--%import("../../tpl/js/signup_check.js")-->
<!--%import("../../tpl/js/krzip_search.js")-->
<!--%import("filter/signup.xml")-->
<!--%import("../../tpl/js/krzip_search.js")-->
<!-- calendar -->
<!--%import("../../../../common/js/calendar.js",optimized=false)-->
<!--@if($lang_type == 'ko')-->
<!--%import("../../../../common/js/calendar-ko.js",optimized=false)-->
<!--@else-->
<!--%import("../../../../common/js/calendar-en.js",optimized=false)-->
<!--@end-->
<!--%import("../../../../common/js/calendar-setup.js",optimized=false)-->
<!--%import("../../../../common/css/calendar-system.css",optimized=false)-->
<!--#include("./common_header.html")-->
<div class="boardHeader">
<h3>{$lang->msg_new_member}</h3>
@ -78,8 +88,7 @@
<th scope="row">{$lang->birthday}</th>
<td>
<input type="hidden" name="birthday" id="date_birthday" value="" />
<div class="str_birthday" id="str_birthday" onclick="open_calendar('birthday','');return false;">&nbsp;</div>
<a href="#" onclick="open_calendar('birthday','');return false;" class="button"><span>{$lang->cmd_open_calendar}</span></a>
<div class="display_date" id="str_birthday"></div>
<p>{$lang->about_birthday}</p>
</td>
</tr>
@ -89,6 +98,9 @@
</tr>
</table>
<script type="text/javascript">
Calendar.setup( { firstDay : 0, inputField : "date_birthday", ifFormat : "%Y%m%d", displayArea : "str_birthday", daFormat : "%Y-%m-%d"});
</script>
<!--@if($extend_form_list)-->
<table cellspacing="0" class="memberInfoTable">
@ -178,9 +190,11 @@
<!-- 날짜 입력 -->
<!--@elseif($val->column_type == 'date')-->
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
<div class="str_birthday" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>
<a href="#" onclick="open_calendar('{$val->column_name}','{$val->value}');return false;" class="button"><span>{$lang->cmd_open_calendar}</span></a>
<div class="display_date" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>
<script type="text/javascript">
Calendar.setup( { firstDay : 0, inputField : "date_{$val->column_name}", ifFormat : "%Y%m%d", displayArea : "str_{$val->column_name}", daFormat : "%Y-%m-%d"});
</script>
<!--@end-->
<div class="extendDesc">{$val->description}</div>