Take Action

요런식으로 input text에 값 넣고 검색하는 화면을 만들었다. '검색' 버튼에 onclick 이벤트를 주고 onclick이 되면 파라미터들을 좀 더 채워넣어서 submit을 스크립트 함수에서 시키도록 했다. function search() { $('#search_form').append('').submit(); } 뭐 이런식으로? 마우스로 검색 버튼을 클릭했을 땐 잘 동작했다. 그런데 text에 값을 넣고 엔터를 치면 search() 함수에 들어오지 않고 바로 서브밋이 돼서 서버로 가는 것이었다. 검색 결과 아래 블로그에 잘 나와있었다. https://blog.outsider.ne.kr/292 input type text가 1개만 존재하면 바로 서브밋이 된다는 내용이다. (이유는 모름.. 브라우저들..

자바스크립트에서 배열을 만들어서 ajax로 파라미터를 보내려고 했다. 아래처럼.. 내가 원한 요청 URL은 이거였다. http://marobiana.tistory.com/test/save?value=aaa&value=bbb 근데 실제로 간것은.. 이렇게 깨짐 ㅎㅎ http://marobiana.tistory.com/test/save?value%5B%5D=aaa&value%5B%5D=bbb 해결법은 아래코드를 ajax 호출전에 추가하면 된다. jQuery.ajaxSettings.traditional = true; 스택오버플로에서 찾았는데, jquery 1.4 이상부터 요즘 스크립트 언어(루비나 php)같은 프레임워크를 수용하기 위해 반복적인 파라미터의 경우 자동으로 serialize를 한다고한다. 그것을 ..

아래 그림처럼 위에 탭 메뉴를 만드는 방법을 정리한다. 탭을 지정할 새로운 페이지가 필요하다. 처음에 tab 페이지를 호출하게 되면 tab1의 내용이 아래 선언된 div 안에 나타나게 된다. 주소 매핑만 잘해주면 잘 실행될 것이다. Tab1Tab2 그리드가 나타날 페이지가 통째로, 각 탭에 따라서 아래 div에 들어간다