Bon Voyage!

웹에서 자주 사용하는 기능 중 하나가 바로 엔터키 값 체크입니다. 텍스트 박스에서 뭔가를 입력하고 엔터키를 누르면 버튼을 클릭해야 실행되는 이벤트를 실행하는 경우가 상당히 많습니다. Javascript와 JQuery에서 엔터키 값 체크하는 방법을 예제를 통해 한 번 알아보겠습니다. 먼저 event.keyCode는 사용자가 키보드를 사용하여 키를 누를 때 발생하는 이벤트에서 눌린 키에 대한 정보를 나타내는 속성입니다. 이 속성값이 13인 경우 엔터키를 눌렀다고 인식하기 때문에 위 예제에서 Javascript와 JQuery 함수에 동일하게 사용했습니다, onkeydown은 JavaScript에서 사용되는 이벤트 속성 중 하나로, 키보드에서 키를 누를 때 발생하는 이벤트를 처리하기 위해 사용됩니다. 위 예제에..

웹에서 게시판을 개발하다보면 필수로 사용하는 기능 중에 하나가 체크박스 전체선택해제하는 기능입니다. 간단한 예제를 통해 전체선택해제에 대해 알아보겠습니다. Select All Name Age John 30 Jane 25 Michael 40 전체 선택 이름 나이 존 30 제인 25 마이클 40 동일한 테이블 두개를 가지고 Javascript와 JQuery로 체크박스 전체선택해제를 하는 예제입니다. 둘 다 동일하게 전체선택 체크박스의 id 값을 이용해 동일한 name 값을 가진 체크박스들을 전체선택하거나 해제할 수 있는 예제를 만들었습니다. 여러분 취향껏 Javascript와 JQuery 예제 중 하나를 선택해서 응용해 사용해보시기 바랍니다.

웹에서 가장 많이 필요로 하는 기능 중 하나가 체크박스 선택된 값 가져오는 기능입니다. 이번에는 Javascirpt와 JQuery로 체크박스 선택된 값을 가져오는 법에 대해 알아보겠습니다. 과일을 선택하세요: apple banana orange javascript로 선택 확인 jquery로 선택 확인 이 예제에서는 체크박스로 표현된 세 가지 과일 선택 여부를 확인할 수 있습니다. 먼저 javascript로 만들어진 '선택 확인' 버튼을 클릭하면 getSelectedFruits() 함수에서 체크박스 값을 모두 찾아 배열에 저장한 다음 반복문을 통해 선택된 과일만 별도로 저장해 알림 창으로 출력해줍니다. 체크박스가 체크되면 해당 체크박스 요소의 checked 속성이 true로 설정되기 때문에 if문에 이 속..

Javascript 와 JQuery에서 iframe 내부 함수 접근 방법에 대해 알아보겠습니다. Javascript를 사용해서 iframe 함수를 제어할 수 있습니다. 아래에 예제를 보면서 확인해보겠습니다. - sample.html test1 test2 - frame.html iframe id인 iframe_id 로 contentWindow 객체를 이용해 함수를 접근할 수 있습니다. sample.html에서 먼저 iframe 을 접근하고 document.getElementById("iframe_id") 뒤에 contentWindow 객체를 사용한 뒤 frame.html 의 inputTxt() 함수를 호출하면 실행할 수 있습니다. JQuery의 경우는 $("#iframe_id").get(0) 뒤에 동일하게..

웹페이지에서 스크립트 실행 시 특정 포커스로 이동해야할 경우가 있습니다. 기본적으로 Html을 브라우저에서 구현하면 탭키를 이용해 위치를 이동할 수 있습니다. 일반적으로 탭키를 누르면 코딩 순서대로 이동하게 되는데 레이어 팝업을 호출할 경우 레이어 디자인이 하단에 있으면 레이어 창이 뜬 후에도 바로 레이어로 이동할 수 없는 경우가 생깁니다. 이런 상황에서 각각 Javascript와 JQuery를 사용해 포커스 이동하는 방법을 확인해보겠습니다. [Javascript] 테스트 레이어 테스트. 디자인은 무시합니다. 닫기 [JQuery] 테스트 레이어 테스트. 디자인은 무시합니다. 닫기 위 샘플을 이용해 확인해보시면 쉽게 이해하시고 응용까지 하실 수 있을 것 같습니다.

Ajax를 이용하여 개발된 스크립트가 IE에서 정상적으로 작동하지 않는 경우가 있습니다. 크롬과 파이어폭스에서는 아주 정상적으로 잘 작동되기 때문에 IE에서 직접 현상을 보기 전까진 알 수가 없습니다. 심지어 IE도 세팅에 따라 작동하고 안하고의 차이가 있습니다. 별도의 세팅이 없는 IE의 경우 ajax로 호출하는 URL이 동일하고 파라미터가 없을 경우 재호출시에도 서버에 요청을 안하고 Cache를 이용하여 기존값을 그대로 보내주기 때문에 문제가 생깁니다. 이런 경우에는 jQuery 옵션 중 cache 항목을 이용하면 된다. 해당 옵션은 default로 true로 설정되어 있는데, 해당 옵션을 false로 변경하면 IE에서 해당 오류가 사라집니다. $.ajaxSetup({cache:false}); $.a..