커뮤니티토픽게시판

어제 전화번호 관련 이야기를 나누다가 문득 생각이 들어서 애드온으로 만들어봤습니다.

 

1. 전화번호(phone) 형식 확장변수 입력시 ( 즉, $act === 'dispBoardWrite' )

- text type의 input 태그 세 개가 출력되는데, 이것을 tel type input 태그로 바꿔줍니다. 태그 안의 class 속성 등은 그대로니 스킨상에서는 일반적인 text input처럼 보일 겁니다.

- 기존의 text type input들은 hidden type 처리됩니다.

- 입력은 0으로만 시작하게 해서 자동으로 하이픈이 붙게 됩니다. 최대 입력 글자수는 자동으로 붙는 하이픈 포함 13개입니다.

- 새로운 tel type input의 입력값들은 하이픈을 기준으로 hidden 처리된 기존 input들에 자동으로 분배되어 입력됩니다. 따라서 DB에 입력되는 데이터는 기존의 전화번호 형식과 동일하게 처리됩니다.

=> 쉽게 말해, 전화번호를 하나의 입력창에 숫자만 넣을 수 있게 했습니다. 한국식 번호체계에 맞춰 자동으로 하이픈이 붙구요. 모바일에서도 입력하기 수월해집니다.

 

2. 전화번호 형식 확장변수 검색시 (즉, $act === 'dispBoardContent' )

- 우선 extra_keys변수를 가져옵니다. 거기서 type이 'tel'인 변수의 idx 값을 가져와서 스크립트 변수로 정의해둡니다.

- 검색창 input을 하나 더 clone해두고 기존 input은 hidden 처리, 새 input으로 키워드를 입력합니다. 물론 input 이벤트를 통해 키워드는 곧장 기존 input으로도 자동 입력됩니다.

- search_target을 결정하는 select 메뉴의 option 값이 'tel'을 type값으로 가지는 확장변수인 경우 검색창 input에는 숫자와 하이픈만 입력가능하게 합니다. 기존 input에도 자동 입력됩니다. 단, 하이픈이 입력되는 경우에 한해 기존 input에는 |@|라고 입력됩니다.

- 물론, select 메뉴의 option이 다른 값으로 선택되면 키워드 input 창은 원래 방식으로 복원됩니다.

=> 쉽게 말해, 이제는 전화번호 검색할 때 숫자와 하이픈을 넣어도 검색결과가 제대로 반영이 됩니다.

 

 

... 테스트용이니까 무료하고 심심할 때 재미 삼아 한번 사용해보세요~ :)

 

 

 

 

 

스케치북 스킨에서도 사용 가능한 두 번째 버전도 나왔습니다. ( https://xetown.com/topics/1151762 )

Atachment
첨부

글쓴이 윤삼

profile
아픈 몸이
아프지 않을 때까지
가자
  • profile

    아참, 고려해야 할 '개발 및 테스트 환경' 정보
    : 라이믹스 1.9.9
    : 크롬

    : 게시판 스킨은 xedition

    : 그리고 뭐더라... 모바일은 갤럭시 jean 핸드폰입니다. OS는 대강 안드로이드인 걸로ㅎㅎ

  • profile profile

    왜 갤럭시노트1이 아닌거죠? sad

  • profile profile
    텔레마케터한테 속아넘어갔어요ㅋㅋㅋㅋ
  • profile
    오오... 한번 테스트해 보겠습니다!
  • profile profile
    검색시 숫자만 입력해도 번호를 감지해서 하이픈이 자동으로 입력되게 하고 싶은데 그건 영 로직이 안 떠오르더군요.
    좋은 아이디어 있으면 알려주세용~
  • profile profile
    산삼다음 윤삼님 안녕하세요^^ ㅎ
    010이나 지역번호가 들어간 02XXXAAAA ~ 010XXXXAAAA
    검색을 실행시 숫자로 이루어 져있으면서 첫숫자가 0이고 9자리수 부터 11자리수 까지는 전화번호로 인식하여 맨 앞자리는 지역번호니깐 지역번호 자르고 ($num_1) 맨끝에 4개의 숫자만 짜르고($num_3) 중간숫자는 글자의 자리수에 상관없이 묶어주시면 어떨까요?($num_2)
    그 후 num1-num2-num3 으로 값을 만들어 주는 방식으로^^
    앗 물론JS입니당.,
  • profile profile
    습기보다 mist님 ㅎㅎ
    말씀하신 방식 응용해볼게요.
    완전 빛이 보입니다!!
  • profile
    대단하시군요...
    오류 제보 만땅 ㅋㅋㅋ
  • profile profile
    A/S 보장기간은 공개일로부터 2일로 할게요ㅋㅋ
  • profile
    전화 번호 검색이 힘들죠 ㅎ
  • profile profile

    이렇게까지 해야 하나 싶기도 해요;;; ㅋㅋㅋ

  • profile
    허걱ㅜ 스케치북에선 게시판 검색 인풋창이 여러 개여서 clone 메소드 사용에서 오류가 뜨네요.
    얼른 고쳐야지~

서버에 요청 중입니다. 잠시만 기다려 주십시오...