웹마스터 팁

질문하신 분이 있어서 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")-->


제목 글쓴이 날짜
신촌안마【오피사이트.NET】신촌스웨디시 신촌마사지 신촌1인샵 songkangkong767 2025.02.22
부천오피 부천출장안마 ⦑오피사이트.NET⦒ 부천OP 부천오피 부천오피 koykoyah 2025.02.22
울산안마【출장안마사이트.COM】울산안마 울산 안마 울산안마 songkangkong767 2025.02.22
제주도오피 ⦑오피쓰.COM⦒ 제주도오피 제주도OP 제주도건마 제주도오피 koykoyah 2025.02.22
서면마사지【출장마사지안내.COM】서면 마사지 서면마사지 서면마사지 songkangkong767 2025.02.22
안산오피 안산OP ⦑오피쓰.COM⦒ 안산휴게텔 안산오피 안산오피 koykoyah 2025.02.22
남양주1인샵【오피쓰.COM】남양주마사지 남양주안마 남양주스웨디시 songkangkong767 2025.02.22
천안오피 천안출장안마 ⦑출장마사지안내.COM⦒ 천안OP 천안오피 천안오피 koykoyah 2025.02.22
건대마사지【오피쓰.COM】건대안마 건대1인샵 건대스웨디시 songkangkong767 2025.02.22
구미오피 ⦑출장안마사이트.COM⦒ 구미오피 구미출장마사지 구미오피 구미OP koykoyah 2025.02.22
역삼마사지【오피사이트.NET】역삼스웨디시 역삼안마 역삼1인샵 songkangkong767 2025.02.22
창원오피 창원OP ⦑오피.CLUB⦒ 창원휴게텔 창원오피 창원오피 koykoyah 2025.02.22
동대문마사지【오피쓰.COM】동대문안마 동대문1인샵 동대문스웨디시 songkangkong767 2025.02.22
홍대오피 홍대OP ⦑오피.CLUB⦒ 홍대휴게텔 홍대오피 홍대오피 koykoyah 2025.02.22
부산스웨디시【오피쓰.COM】부산스웨디시 부산 스웨디시 부산스웨디시 songkangkong767 2025.02.22
압구정오피 ⦑오피쓰주소.COM⦒ 압구정OP 압구정오피 압구정출장샵 압구정오피 koykoyah 2025.02.22
의정부1인샵【오피사이트.NET】의정부1인샵 의정부 1인샵 의정부1인샵 songkangkong767 2025.02.22
용인오피 용인오피 ⦑오피쓰.COM⦒ 용인OP 용인스파 용인오피 koykoyah 2025.02.22
울산마사지【출장안마사이트.COM】울산마사지 울산 마사지 울산마사지 songkangkong767 2025.02.22
세종오피 세종오피 ⦑오피사이트.NET⦒ 세종OP 세종스파 세종오피 koykoyah 2025.02.22