본문 바로가기

웹프로그램286

input 박스에 입력시 영문으로만 입력 되도록 하거나 한글로 선택 되도록 설정 ime-mode style 로그인 또는 회원가입 할때 사용자로 부터 정보를 입력 받을 때, input 입력 박스를 활용하는데, 이때 사용자 키보드 설정 상태가 한글 또는 영문 상태에 따라 잘못된 값을 입력할 수 있어서 이를 방지 하기 위해 style의 ime-mode를 이용해서 제어 할 수 있습니다. 아이디 : 위 예제는 아이디를 입력 받는 input 박스로써 style속성에 때문에 한글이 입력이 안되며 영문만 입력이 됩니다. 보통 자바스크립트로도 구현 가능하지만 이처럼 스타일을 이용해서 손쉽게 제어 할 수 있습니다. 다음은 ime-mode 옵션에 대한 설명 입니다. style="ime-mode:auto" - 현재 선택되어 있는 상태로 한/영중 선택 style="ime-mode:active" - Default로 한글 선택 되는 모.. 2010. 10. 29.
자바스크립트로 토스트 배너 (Toast Banner) 슬라이딩 광고 구현 엠게임 (mgame.com) 사이트 접속하면 우측 하단에 스르륵 광고가 올라 오는 것을 볼 수 있습니다. 이와 같은 광고 방식을 토스트 Toast 배너 광고 방식 이라고 합니다. 세이박스에도 구현되어 있으니 참고 하시기 바랍니다. 엠게임의 경우 보여주고 사라지는 동작만 자바스크립트로 구현하고 슬라이딩 효과는 플래시로 구현 했더군요. 하지만, 일일이 플래시에서 슬라이딩 효과를 줄려면 광고가 바뀔때 마다 적용해야하니 번거롭겠죠! 따라서, 플래시가 되었던 이미지가 되었던 어떤 내용이던지 슬라이딩 효과를 내도록 적용 해 봤습니다. 그리고, 닫기 기능도 간단하게 추가 해놨습니다. 먼저, 표시될 광고 html 소스 예제 입니다. ...... [닫기] 위 HTML 소스에서 수정할 부분은 "광고영역"에 배너 이미지 또.. 2010. 9. 28.
자바스크립트에서 숫자 3자리 마다 콤마(,) 삽입 또는 콤마(,) 제거 하기 자바스크립트로 사용자가 입력한 숫자에 천단위로 콤마를 삽입 하고자 하거나 빼고 싶을때 필요한 함수 입니다. 예를들어 입력된 값이 1000000원을 1,000,000원으로 바꾸고자 할 경우 setComma(1000000); 함수를 이용하시면 됩니다. 1,000,000원에서 콤마를 빼고 싶다면 RemoveComma('1,000,000'); 함수를 이용 하시면 됩니다. //1,000단위 마다 콤마(,) 추가 하기 function setComma(str) { return Number(String(str).replace(/\..*|[^\d]/g, "")).toLocaleString().slice(0,-3); } //1,000 단위 마다 콤마(,) 제거 하기 function RemoveComma(str) { ret.. 2010. 9. 1.
[자바스크립트] 문자 자르기 및 특정 문자로 분리하기 자바스크립트에서 문자를 자르거나 분리하기 위한 방법 입니다. 1. 문자를 특정 위치로 부터 지정한 길이 만큼 자리기 함수 : substr() var a = "123456789"; var b = a.substr(0,3); alert(b); //결과 : 123 var c = a.substr(5,2); alert(c); //결과 : 67 php의 경우 substr(변수,자를위치,자를갯수)이미지만 자바스크립트에서는 변수.substr(자를위치,자를갯수) 방식으로 사용합니다. 자를위치는 문자열 처음이 1이 아닌 0으로 되어 있습니다. 즉, 0,1,2.. 이렇게 시작하니 착오 없으시길 바랍니다. 2. 문자열에서 특정 문자 기준으로 자르기 함수 : split() 적용예 : var a = "010-1111-2222"; .. 2010. 7. 29.