wrest.js 파일 jQuery 로 변환 (그누 웹표준화 Project) > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

wrest.js 파일 jQuery 로 변환 (그누 웹표준화 Project) 정보

wrest.js 파일 jQuery 로 변환 (그누 웹표준화 Project)

첨부파일

wrest.js (12.7K) 270회 다운로드 2009-09-24 16:01:43

본문

이팁은
1. 그누보드를 웹표준화 시키려는 사람
2. prototype 대신 jQuery를 사용하려는 사람
3. jQuery를 애용하는 사람

들에게만 필요한 팁입니다. 짜잘하게 wrest.js 파일만 바꾸시려는 분들은 이팁을 안사용하는 것이 정신건강에 좋으실 겁니다. ㅎㅎ

그누보드를 100%웹표준으로 작업완료 하면서 wrest.js 파일은 모두에게 도움이 될거 같아 팁을 올립니다.

웹표준 작업을 하게 되면 난관에 부닥치는 것이 input의 required 같은 속성 들입니다.

그누보드에서 사용중인 input 안의 required email minlength 등의 속성들은 비표준으로서 웹표준에 통과를 할 수없습니다.

그누보드를 웹표준화 하시는 분들은 wrest.js의 16가지 속성들을 일일이 script 함수로 만들어서 사용을 해야합니다. 손이 한두군데 가는 것이 아님니다.

http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=19140#c_19144
이 팁을 수정하여 wrest.js 파일을 100% jQuery 화 하였습니다. (사실 오류 수정하고 함수 추가한거 밖에 없다눙;;;)
사용 방법

1. http://jquery.com 에서 jquery 파일을 다운받아 js폴더에 업로드 한다음에 head.sub.php 상단에
<script type="text/javascript" src="<?=$g4['path']?>/js/common.js"></script>
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery.js"></script>
이렇게 넣습니다.
(이미 jquery 를 사용하시는 분이라면 패스)

2. 다운받은 wrest.js 파일로 교체

3. 자신이 사용하는 style.css 에 (head.sub.php 에서 불러오는 있는 css 있죠?)
.required{  background:url(./js/wrest.gif) no-repeat right top; }
추가 (background 경로는 자신에 맞게 수정)

4.
기존 폼들 속성
<input name="mb_id" type="text" class="ed" size="12" maxlength="20" required itemname="아이디" value='아이디'>

이것을

<input name="mb_id" type="text" class="ed required" size="12" maxlength="20" title="아이디" value='아이디'>



이렇게 바꿔주시면 됩니다.
itmename 은 title로 바꿔주고 required는 class에 넣어 주시면 됩니다.
이런식으로
email은 class="email" , hangul은 class="hangul"

required와 email 을 같이 사용한다면 class="email hangul" 이런식으로 class안에 다 집어 넣으면 됩니다.

단 minlength는 사용법이 약간 다릅니다.

비밀번호 : <input type="text" name="blabla" class="minlength" title="3">

이런식으로 title 안에 최소글자 수를 넣어 줘야 합니다. 위 예제는 최소3글자 이상 입력입니다.
title에 꼭 숫자만 넣는 것은 아니고 title="최소3" 이라던지 title="비밀번호3" 이런식으로
숫자가 들어 가있으면 됩니다.
만약 minlength title="비번3최소6" 이렇게 넣는 다면 처음 나온 숫자 3만 인식되어 최소3글자 이상 입력 속성을 가지게 됩니다.
추천
6

댓글 13개

추천 근데 그누보드는 .. dtd선언을 하고 작업을 하게 되면 ..
회원정보의 레이어와 .. 함께 .. 관리자 레이어가 쏠리는 현상등 ..
상당히 문제점이 많이 발생하지 않나요 ??
switch  아래

if(str.substring(0,9) == "minlength"){
  wrestMinlength(this.elements[i], str.substring(9,str.length));
}

변경

var wrestMinlength = function(fld, len)
{
  //var lenx = wrestItemname(fld);
  //var len = lenx.replace(/([^0-9]*)([0-9]+)(.*)/gi,"$2");

으로 해서

class 이름을 minlength3 또는 minlength10 형식은 어떨까요? title이 itemname 으로 혼용사용되고 있는데 그쪽에 무조건 숫자를 입력해야 되는게..
required 때문에 웹표준으로 거의다 한거 뒤없고 다시 테이블로 했는데 이참에 그누보드 개조좀 해놔야 겠네요
4번 항목은 도움이 많이 되네요..
다만..zmspamfree 같은거 막꼬이고 그래서 중도 포기 ㅠㅠ
웹표준의 길은 멀고도 험하네요
전체 3,313 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT