본문 바로가기

자바스크립트23

자바스크립트를 이용해서 링크 클릭시 테이블 보이기 숨기기 style display 활용 고객센터 질문과답변 페이지를 보여 줄때 답변 내용이 길게 나올 경우 페이지가 쭉 늘어나 정작 필요한 답변을 찾기가 쉽지가 않습니다. 이럴때 답변은 숨겨 놓고 질문 제목을 클릭하면 답변이 보이며 좀전 열었던 답변은 숨기는 기능을 자바스크립트와 style display을 이용해서 적용해 보겠습니다. 1. 자바스크립트 소스 2. 테이블 소스 질문1 답변1 질문2 답변2 질문3 답변3 3. 소스 설명 : 제목을 클릭시 자바스크립트 QnaShow() 함수를 호출합니다. 이때 함께 전달한 qna 값으로 어떤 질문을 클릭했는지 구분합니다. 먼저 모든 질문을 숨기기 처리합니다. 1번 질문을 본뒤에 2번 질문을 클릭시 1번 질문을 숨기고 2번 질문의 답변을 보여주기 위한 처리인데 일괄적으로 모든 질문의 답변을 숨긴뒤에 .. 2010. 12. 22.
input 입력시 한글만 입력 되도록 또는 영문만 입력 되도록 자바스크립트 제한 input 입력시 한글 입력을 style로 막을수도 있지만 자바스크립트로도 막을수 있습니다. 또는 반대로 한글만 입력하도록 적용할 수도 있습니다. 1. 스타일 style='ime-mode:disabled' 2. 자바스크립트 function NumberChk(){ if ((event.keyCode57)) { event.returnValue = false; return false; }else{ return true; } } 3. 적용예 4. 한글만 입력하도록 자바스크립트 함수 수정 function NumberChk() { if(event.keyCode=="") { event.returnValue = false; return false; }else{ return true; } } ▶ 최신영화, 최신 미국드라마.. 2010. 12. 21.
자바스크립트로 토스트 배너 (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.