웹마스터 팁

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


제목 글쓴이 날짜
이전글, 다음글 얻기 [25] 라르게덴 2008.05.29
에디터입력창 배경색상(이미지) 변경해보기 [5] [1] 팔공산 2008.07.13
SocialXE 설치후 트위터, 페이스북 접속 안될경우??? [9] 착한부산남자 2012.09.28
bodex 추천 & 댓글 버튼 만들기. [1] file meanie 2012.10.28
게시판확장변수를 이미지로 나타내게 게시판스킨 수정법 [3] file 팔공산 2010.03.10
닉네임 변경시 기존 게시물 연동 팁 (레벨 아이콘 에드온 이용) [9] 바붕아 2012.10.23
Zbxe 서버 이전하기 [4] 팔공산 2007.08.22
약관 동의 후 가입하기 [2] file findwind 2008.11.24
로그인 안되시는분들 참고 [8] 화니478 2007.08.14
[XE 1.4] 모듈 개발 시 유의해야할 템플릿 버그 퍼니엑스이 2012.10.24
XE 1.5.3.1hotfix1에서 Content widget이 정상작동 하지 않을때 [3] file 황비 2012.08.29
메인화면에 설문조사 위젯(?) 만들기 [3] file 3D매니아 2010.12.14
팝업관리 모듈(팝업 오프너 ver. 0.0.4 )에 사용되는 addon/pop_up [25] file ForHanbi 2011.08.21
알렉사 순위 가져오는 스크립트;; [30] file zero 2001.11.06
FTP 쉬운설치 에러나시는분들 [4] 조양각 2012.01.05
스케치북 게시판 스킨 사용시 확장변수 라인 CSS수정 해피보이 2012.10.17
운영하던 사이트의 도메인 주소를 변경했을때 기존 사이트의 이미지들이 엑박이 뜰때 해결방법 [4] 졸라맨 2012.03.05
클립보드로 텍스트 복사하기 [5] file 베니 2007.11.24
Google Analytics Addon 자료 최신 XE 에서 작동시키는 방법 [4] sejin7940 2012.10.05
크롭에 웹폰트 적용하기 css 꿈틀잉 2012.10.07