웹마스터 팁

질문하신 분이 있어서 1.1.1을 기준으로 자바스크립트를 이용해서 작업을 해봤습니다.

간단한 내용이지만 혹시 필요한 분이 있을까봐 올립니다.

다운로드하기 : signup_form.zip    (이 파일만 "xe폴더/modules/member/skins/default 폴더"에 덮어씌우세요.)


수정한 부분은 빨간색으로 체크해뒀습니다.

 <!--%import("../../tpl/js/signup_check.js")-->
<!--%import("../../tpl/js/krzip_search.js")-->
<!--%import("filter/signup.xml")-->

<!--// calendar -->
<!--%import("../../../../common/js/calendar.min.js",optimized=false)-->
<!--@if($lang_type == 'ko')-->
    <!--%import("../../../../common/js/calendar-ko.js",optimized=false)-->
<!--@elseif($lang_type == 'es')-->
    <!--%import("../../../../common/js/calendar-es.js",optimized=false)-->
<!--@elseif($lang_type == 'ge')-->
    <!--%import("../../../../common/js/calendar-ge.js",optimized=false)-->
<!--@elseif($lang_type == 'ru')-->
    <!--%import("../../../../common/js/calendar-ru.js",optimized=false)-->
<!--@elseif($lang_type == 'zh-CN')-->
    <!--%import("../../../../common/js/calendar-zh-CN.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")-->

<script  type="text/javascript">
<!--
 function check_agree() {
  if (document.getElementById('accept_agree').checked == false)
  {
   alert("가입하시려면 약관에 동의하셔야합니다.");
  } else {
   document.getElementById('agree_Box').style.display = "none";
   document.getElementById('signup_Box').style.display = "";
  }
 }
-->
</script>

 <div class="boardHeader">
  <h3>{$lang->cmd_signup}</h3>
 </div>

    <form id="fo_insert_member" action="./" method="get" onsubmit="return procFilter(this, signup)">
    <input type="hidden" name="mid" value="{$mid}" />
    <input type="hidden" name="document_srl" value="{$document_srl}" />
    <input type="hidden" name="page" value="{$page}" />

    <!--@if(!$is_logged && $member_config->agreement)-->
    <div id="agree_Box">
 <div class="agreementBox">
        {nl2br($member_config->agreement)}
    </div>
    <div class="agreementButton">
 <div style="position:relative; float:right; right:35px;"><a href="javascript:check_agree();" class="button"><span> 다음 </span></a>   <a href="{getUrl('act','','member_srl','')}" class="button"><span>{$lang->cmd_cancel}</span></a></div>  
        <input type="checkbox" id="accept_agree" name="accept_agreement" value="Y" id="accept_agree" />
  <label for="accept_agree">{$lang->about_accept_agreement}</label>
    </div>
 </div>
    <!--@end-->

 <div id="signup_Box" <!--@if(!$is_logged && $member_config->agreement)-->style="display:none;"<!--@end-->>
    <table cellspacing="0" class="memberInfoTable">
    <col width="20%" />
    <col width="80%" />
    <caption>{$lang->member_default_info}</caption>
    <tr class="first-child">
        <th scope="row">{$lang->user_id} *</th>
        <td><input type="text" name="user_id" value="" /> <p>{$lang->about_user_id}</p> </td>
    </tr>
    <tr>
        <th scope="row">{$lang->password} *</th>
        <td><input type="password" name="password1" value="" /><p>{$lang->about_password}</p></td>
    </tr>
    <tr>
        <th scope="row">{$lang->password2} *</th>
        <td><input type="password" name="password2" value="" /></td>
    </tr>
    <tr>
        <th scope="row">{$lang->user_name} *</th>
        <td>
            <input type="text" name="user_name" value="" />
            <p>{$lang->about_user_name}</p>
        </td>
    </tr>
    <tr>
        <th scope="row">{$lang->nick_name} *</th>
        <td>
            <input type="text" name="nick_name" value="" />
            <p>{$lang->about_nick_name}</p>
        </td>
    </tr>
    <tr>
        <th scope="row">{$lang->email_address} *</th>
        <td>
            <input type="text" name="email_address" value="" />
            <p>{$lang->about_email_address}</p>
        </td>
    </tr>
    <tr>
        <th scope="row">{$lang->homepage}</th>
        <td>
            <input type="text" name="homepage" value="" />
            <p>{$lang->about_homepage}</p>
        </td>
    </tr>
    <tr>
        <th scope="row">{$lang->blog}</th>
        <td>
            <input type="text" name="blog" value="" />
            <p>{$lang->about_blog_url}</p>
        </td>
    </tr>
    <tr>
        <th scope="row">{$lang->birthday}</th>
        <td>
            <input type="hidden" name="birthday" id="date_birthday" value="" />
            <div class="display_date" id="str_birthday"></div>
            <p>{$lang->about_birthday}</p>
        </td>
    </tr>
    <tr>
        <th scope="row">{$lang->allow_mailing}</th>
        <td><input type="checkbox" class="checkbox" name="allow_mailing" value="Y" checked="checked" /> <p>{$lang->about_allow_mailing}</p></td>
    </tr>
    </table>

    <script type="text/javascript">
        DyCalendar.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">
    <col width="20%" />
    <col width="80%" />
    <caption>{$lang->member_extend_info}</caption>
    {@ $dummy_chk = 0 }
    <!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')-->
    <tr <!--@if($dummy_chk==0)-->class="first-child" {@ $dummy_chk = 1; }<!--@end-->>
        <th scope="row">
            {htmlspecialchars($val->column_title)}
            <!--@if($val->required=='Y')-->*<!--@end-->
            <div class="publicItem">
                <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>
            </div>
        </th>
        <td>
            <!--// 일반 text -->
            <!--@if($val->column_type == 'text')-->
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />

            <!--// 홈페이지 주소 -->
            <!--@elseif($val->column_type == 'homepage')-->
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />

            <!--// Email 주소 -->
            <!--@elseif($val->column_type == 'email_address')-->
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />

            <!--// 전화번호 -->
            <!--@elseif($val->column_type == 'tel')-->
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="inputTypeText" />
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="inputTypeText" />
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="inputTypeText" />

            <!--// textarea -->
            <!--@elseif($val->column_type == 'textarea')-->
                <textarea name="{$val->column_name}" class="inputTypeTextArea w400">{htmlspecialchars($val->value)}</textarea>

            <!--// 다중 선택 -->
            <!--@elseif($val->column_type == 'checkbox')-->
                <!--@if($val->default_value)-->
                    <ul class="checkbox">
                    <!--@foreach($val->default_value as $v)-->
                        <li><input type="checkbox" name="{$val->column_name}" value="{$v}" <!--@if(is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end-->/>{$v}</li>
                    <!--@end-->
                    </ul>
                <!--@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]}" class="w400"/>
                        <a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="button"><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="button"><span>{$lang->cmd_select}</span></a>
                        <a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="button"><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}" class="w400" value="" />
                        <a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_search}</span></a>
                    </div>

                    <div class="address2">
                        <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="w400" />
                    </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}" />
                <div class="display_date" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>

                <script type="text/javascript">
                    DyCalendar.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>
        </td>
    </tr>
    <!--@end--><!--@end-->
    </table>
    <!--@end-->

    <div class="tCenter">
        <span class="button"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
        <!--@if($popup)-->
        <a href="#" class="button" onclick="window.close();return false;"><span>{$lang->cmd_close}</span></a>
        <!--@else-->
        <a href="{getUrl('act','','member_srl','')}" class="button"><span>{$lang->cmd_cancel}</span></a>
        <!--@end-->
    </div>

</div>
</form>

<!--#include("./common_footer.html")-->


제목 글쓴이 날짜
사랑비Bgm 플레이기 설치하고 제어하기 [5] file 팔공산 2008.11.22
이미지 정보표시(EXIF) 영문을 한글로 [6] file Diver 2008.11.23
1.1.0으로 패치하신분들 이미 모듈이 있습니다 오류 수정 [1] file 김도훈449 2008.11.23
약관 동의 후 가입하기 [2] file findwind 2008.11.24
에디터 본문 및 댓글 입력 글자크기 줄이기 [5] HIKARU 2008.11.24
1.1.0 업데이트 로그인문제관련 [6] 그냥뛰어 2008.11.24
1.1.1 패치후에 관리자 모드 접속시 에러 해결입니다. [7] file kim donggyu 2008.11.25
[설문조사] 메인페이지에 넣기와 효율적으로 관리하기 [6] file 빨간발 2008.11.27
본문내용을 강재로 중앙정렬시키는 꽁수 [4] file 크르르 2008.11.28
홈페이지의 아이콘(favicon)이 어느날 갑자기 사라졌을때... [1] 크르르 2008.11.28
글작성시 초기 기본 카테고리 선택 하기 [7] 똑디 2008.11.29
[초간단]회원팝업메뉴에 메뉴넣기 [1] Pw-NET 2008.11.30
1.1.1 패치후 게시판에서 파일첨부 레이어 겹침현상 문제 [1] 늘미소 2008.12.01
1.1.1로 업데이트시 참고하세요(1.0.3에서 업뎉했습니다) [4] 아이스마일 2008.12.04
플래닛XE - Me2day 연동시 참고사항입니다. 파산팩토리 2008.12.07
서브홈페이지 만들기 [5] 가리사니 2008.12.09
XE 로그인이 안될때 확인해 보세요. [7] 똑디 2008.12.11
XE와 별도 프로그램 연동시 세션공유 [15] 똑디 2008.12.12
회원아이디 클릭시 메일보내기 기능 숨기기 [9] 똑디 2008.12.18
주민등록 번호 받기(수정) [23] 개돌 2008.12.18