그누보드 활용팁 - 회원 가입 페이지에서 랜덤 닉네임 보여주기

물론 일부 어색한 단어가 나올 수는 있습니다.^^;

1. 사용하시는 member/basic/register_form.skin.php 파일을 열어주세요

어디쯤 말고 맨 밑에 .... script가 끝나기전 위 코드를 넣어주세요

 
function generateRandomName() {
        var characters = '가각건검경고과광구귀근금기길김나낙남낭내노뇌누뉴늘다단달담대덕도독돈돌동두드라락란랄람랑래랭로록론롱뢰료룡루류률륭를름린림립마막만말망매맹멱면명모목묘무문물미민밀박반발방배백번벌범법벽변별병보복본봉부북분불붕비빈빙사삭산살삼상새색생서석선설섬섭성세소속손쇄숙순술숭승시식신실심십쌍씨아악안알암압앙애액야약양어억언얼엄업엉에엔여역연열염영예오옥온올옹와완왈왕요욕용우욱운울웅원월위유육윤율으은을음읍응의이익인일임입잉자작잔잠잡장재쟁저적전절점접정제조족존졸종좌죽준줄중즉즐즙증지직진질짐집징차착찬찰참창채책처척천철첨첩청체초촉촌총촬최추축춘출춤충취측층치칙친칠침칩칭쾌타탁탄탈탐탑탕태택터토통특틈티틱팀파판팔패팽퍅퍼편평폐포폭표품풍피픽필하학한할함합항해핵행향허헌헐험혁현혈협형혜호혹혼홀홍화확환활황회획횡효후훈훙훤훼휘휴흉흑흔흘흠흡흥희히힌힐힘힙힛';
        var result = '';
        var length = Math.floor(Math.random() * 4) + 4;
        for (var i = 0; i < length; i++) {
            result += characters.charAt(Math.floor(Math.random() * characters.length));
        }
        return $("#reg_mb_nick").val(result);
    }

그리고 로딩 되면 한번은 함수 실행해야 하므로 로딩 이후도 실행해주세요

jQuery(function($){
    //tooltip
    $(document).on("click", ".tooltip_icon", function(e){
        $(this).next(".tooltip").fadeIn(400).css("display","inline-block");
    }).on("mouseout", ".tooltip_icon", function(e){
        $(this).next(".tooltip").fadeOut();
    });
    generateRandomName()
   
});

위 코드 스샷 입니다.

그리고 닉네임쪽에 버튼 하나 만들어주세요 (버튼만 추가된거 기존 원본 그대로임)

<label for="reg_mb_nick">
                        닉네임 (필수)
                        <button type="button" class="tooltip_icon"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sound_only">설명보기</span></button>
                        <span class="tooltip">공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br> 닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.</span>
 
                        <button type="button" class="btn_frmline" onclick="generateRandomName();">재생성</button>                   
</label>

이렇게 하시면 3~7자리의 랜덤한 닉네임이 지정됩니다.

고맙습니다.

회원 가입 페이지에서 랜덤 닉네임 보여주기

단축키

Articles