javascript popup post 전송 ie11 다음과 같은 상황에서 ie11은 동작하지 않는다. 1. 빈 팝업을 호출 2. 부모 창에서 form 생성 (또는 기존에 form이 있음) 3. 부모 창에서 빈 팝업으로 form submit (POST) 기존에는 위 기능이 정상동작했고 현재 크롬에서도 이상없이 동작한다. 단 ie11에서는 동작하지 않았다. 증상은 다음과 같다. 1. 빈 팝업 호출 2. 부모창에서 빈 팝업을 target 잡고 submit 시 부모창에서 submit 이 실행됨 내가 구현해야할 기능(상황)은 다음과 같았다. 시스템 별로 특정 페이지를 post 로 호출해야 함. (시스템이 여러개) 따라서 시스템마다 관리 포인트를 최소화 하고 싶음. 즉, 스크립트 몇줄만 각 시스템으로 전달해서 특..

jquery ajax 옵션을 정리해 보고자 한다. 자주 쓰는 옵션들을 포함한 전체를 포스팅 한다. 근데 중간에 내용이 이해가 안되거나 테스트가 안되는 옵션들은 내용을 비워두었으니 참고하기 바란다. 자주 쓰지 않는 옵션들이 생각보다 많네... accepts (default: depends on dataType) Type : PlainObject 키/값 형태이며 해더에 포함한다. 어떤 종류의 응답을 받아들일지 서버에 알려주는 역할을 한다. async (default: true) Type : Boolean 기본적으로 비동기 요청을 하도록 한다. 동기 요청이 필요하면 값을 false로 설정하면 된다. beforeSend Type: Function( jqXHR jqXHR, PlainObject settings )..

ajax를 활용해서 비동기로 페이지 이동 시 뒤로가기를 구현해 보고자 한다. 먼저 비동기로 페이지 이동하는 방법에 대해서는 다음 링크를 참고한다. ajax 화면 동적 전환 javascript history 추가 javascript 에서 history 를 추가하는 방법입니다. 앞서 history 삭제하는 방법은 링크를 참고하세요. history 삭제 javascript history 삭제 / href replace 비교 javascript history 삭제하기 는 불가능하다. 구.. cofs.tistory.com 위 포스팅에서 작성한 화면을 깜빡이지 않고 전환하는 방법에서 일부 소스를 추가했다. html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22..

jquery ajax 를 활용하여 화면을 동적으로 깜빡임 없이 이동하는 방법이다. 포스팅에 앞서 jquery load 를 활용하여 동적 전환 하는 방법은 아래 링크를 참고하면 된다. Jquery load 동적 전환 jquery load 화면 동적 전환, 깜빡임 없이 페이지 이동 jquery load 화면 동적 전환, 깜빡임 없이 페이지 이동 이번 포스팅은 jquery 를 활용하여 화면이 깜빡이지 않고 전환되는 방법이다. 보통의 페이지에서 이동을 하게되면 전체 페이지를 새로 불러옴으로 인하여 화.. cofs.tistory.com ajax의 dataType 이라는 옵션을 활용하면 화면을 동적으로 바꿔줄 수 있다. dataType 은 서버에서 반환될 때의 데이터 형식을 지정하는 옵션이다. xml, html, ..

javascript 에서 history 를 추가하는 방법입니다. 앞서 history 삭제하는 방법은 링크를 참고하세요. history 삭제 javascript history 삭제 / href replace 비교 javascript history 삭제하기 는 불가능하다. 구글링 결과 javascript 로 history를 제어할 수 없는 듯 하다. 즉 클라이언트에서 권한이 없다는 것으로 예상된다. 미흡한 영어실력이라 해석이 잘못 됬을지도 모르.. cofs.tistory.com history 추가는 history.pushState(state, title, url) 함수를 활용하면 가능합니다. 1 history.pushState(null, null, "/test/test.do?name=abc"); cs * 파..

javascript 에서 jquery를 활용하여 formdata를 Json으로 변환하는 방법이다. How to convert FormData to JSON ? 방법은 여러가지가 있다. 그 중 가장 심플하다고 생각되는 방식이다. 1 2 3 4 5 6 7 8 var formSerializeArray = $('#form_id').serializeArray(); var object = {}; for (var i = 0; i

jquery load 화면 동적 전환, 깜빡임 없이 페이지 이동 이번 포스팅은 jquery 를 활용하여 화면이 깜빡이지 않고 전환되는 방법이다. 보통의 페이지에서 이동을 하게되면 전체 페이지를 새로 불러옴으로 인하여 화면이 깜빡이게 된다. 하지만 특정 영역만 불러와 이동할 페이지로 교체해 준다면 깜빡임 없이 화면전환이 가능하다. 물론 tiles와 같이 활용해도 좋다. 보통 페이지 레이아웃은 위와 같다. 상단에 gnb 영역, 좌측에 lnb 영역, 우측에 contents 영역이 있다. 화면을 깜빡이지 않고 전환한다는 내용은 보통 contents 영역, 즉 내용이 있는 영역만 전환한다고 생각하면 된다. 1 2 3 4 5 6 7 8 9 cs 보통 위와 같이 layout 이 작성된다. 페이지 이동 시 conten..

JAVA 에서 특정 문자열 개수 구하는 방법이다. 문자열 개수를 구하는 방법은 많이 있다. 무한 루프를 활용해서 indexof 를 활용하는 방법부터 여러 라이브러리를 활용한 방법까지... 본 포스팅에서 설명하는 방법은 commons-lang.jar 라이브러리를 활용한 방법이다. 12345 String txt = "Test, java, Oracle, main"; int countMatches = StringUtils.countMatches(txt, ","); System.out.println(countMatches);cs StringUtils 클래스를 활용하면 위와 같이 쉽게 구할 수 있다. 끝

java 초간단 동적 jdbc 연결 DB 접속정보에 따라 여러 DB를 동적으로 접근해서 특정 쿼리를 실행해야 하는 경우가 생겼다. 보통에 웹은 정해진 DB를 사용하며 spring 에서 data source 에 정보를 셋팅하고 mybatis 를 사용하면 쉽게 jdbc 를 사용할 수 있다. 동적으로 jdbc에 연결하는 방법은 무수히도 많을 것이다. 필자는 apache의 BasicDataSource 와 spring jdbc의 JdbcTemplate 를 사용해서 아주 심플하게 동적 연결을 구현해 보았다. 본 포스팅은 mybatis도 사용하지 않고 그냥 단순하게 연결해서 쿼리를 실행하는 방법을 작성한다. 먼저 필요한 라이브러리들이 있다. 기능은 간단하지만 라이브러리들간의 dependency가 있어서 총 8개의 라..

jquery modal 새로고침, 동적 호출, 멀티 호출 jquery modal 팝업을 사용할 경우 해당 페이지를 호출할 때 기존에 로드해놓은 코드가 계속 보인다. url 을 로드해서 ready 함수를 매번 실행하고 싶으나 이전에 로드해놓은 코드가 show 되어서 ready 함수가 실행되지 않았다. 필자는 modal 을 호출할 때마다 매번 새롭게 url 을 호출하고 싶다. 이 방법을 활용하여 다음과 같은 기능으로 확장할 수 있다. 1. url을 바꿔주면 동적으로 다른 페이지를 modal 로 띄울 수 있다. 2. modal 을 호출할 때마다 reload 또는 refresh 효과를 얻을 수 있다. 다음과 같은 modal html 코드가 있다. 1 2 3 4 5 6 7 8 9 10 11 12 × 닫기 Colo..