-
Javascript, jQuery 2017‧02‧23
input에 숫자만 입력받기 (최종판을 위해...)
숫자만 입력받는 방법은 무수히 많다. 숫자외 문자를 입력하면 글이 안써지게 하는 코드 (아쉽게 한글은 완성형으로 해당이 안된다.) css로 ime-mode 를 disabled 해서 한글은 안써지게 하는 코드 (아쉽게 크롬은 반응이 없다.) 또 어렵사리 만들어 놓으니 초성만 쓰고 탭을 눌러 이동하면 그 초성이 input칸에 남아있다. 등등 수 많은 팁들이 있지만 우리나라 한글도 못쓰게하고 숫자만 쓰게 하려면 좀 […]
-
Javascript, jQuery 2016‧12‧16
JS - textarea의 글자들에 엔터값을 br태그로 변환
DB 데이터를 불러와서 노출하거나 textarea로 부터 입력받은 데이터를 DB에 저장하려 할 때 종종 쓰인다. str = str.replace(/(?:\r\n|\r|\n)/g, '<br />'); str이라는 변수에 textarea에서 입력받은 데이터가 있다면 엔터는 br 태그로 변환된다. 아래는 예제 미리보기이다.
-
Javascript, jQuery 2016‧11‧22
JS - 필수 입력칸에 미입력시 안내글 수정
필수 입력해야할 입력칸에 아무것도 입력하지 않고 submit 버튼을 눌렀을 때 나오는 안내글을 수정하자. <input type="text" placeholder="아이디 입력" required autofocus oninvalid="this.setCustomValidity('필수 입력 정보입니다.')" oninput="setCustomValidity('')"> 이렇게 아이디를 입력 받기 위한 입력칸이 있을 때 oninvalid 속성에 값을 해당 함수로 안내글을 넣어두면 된다.
-
Html, CSS 2016‧10‧17
css - div에 글자 입력 받고 placeholder 넣기
<div contenteditable="true" placeholder="여기에 글자를 입력해주세요."></div> 위 처럼 html을 작성한 후 아래처럼 css를 작성한다. [contenteditable=true]:empty:before{ content: attr(placeholder); display: block; /* For Firefox */ } div[contenteditable=true] { border: 1px solid #ddd; color : #333; font-size: 12px; width: 300px; padding: 5px; } 아래는 샘플
-
Memo, WP Plugin, WP Tip & Tech 2015‧11‧18
ACF 플러그인 - 싱글 값, 멀티 값 불러오기
http://www.advancedcustomfields.com/ 위 플러그인은 포스팅할 때 추가 입력칸을 만들어서 입력한 값이 사용자 화면에 나오게 하는 아주 유용한 플러그인이다. 설치 후 관리자의 좌측메뉴에서 Custom Fields를 클릭하면 Field Group이 나온다. 거기서 사용하려는 방식과 값들을 설정해준다. (이 방법은 포스팅하지 않겠음) 중요한 것은 관리자에서 입력한 값이 어떻게 사용자 화면에 나올 수 있는지다. 관리자에서 설정할 때 Field Label, Field Name 을 보았텐데 […]
-
Flash AS 2.0, Flash AS 3.0 2011‧10‧12
다이나믹 필드를 입력받은 값에 맞춰 크기 맞추기
AS 2.0 에서는 아래처럼 텍스트필드이름.autoSize = true; AS 3.0 에서는 아래처럼 텍스트필드이름.autoSize = TextFieldAutoSize.LEFT;