ふたりで

예를들어 아래와 같이 form으로 구성된 UI일 경우 검색어 조회를 하는데 입력한 검색어가 없거나 빈문자열 공백일 경우 submit하지 못하게 할때 onsubmit 을 설정 하여 조건이 맞을 경우만 submit 되도록 할 수 있다. - html 소스

예를 들어 게시판에서 체크된 항목들만 서버쪽으로 전송하여 C.R.U.D를 하는경우...참고... //주문전 품절상품 체크 function soldOutProductsCheck(orderTypeBtn,providerCode){ //이전에 만들어진 품절상품 체크용 임시form이 있으면 초기화 var tempFormDoc = document.getElementById("soldOutProductsCheckFrom"); if(tempFormDoc != null){ document.body.removeChild(tempFormDoc); } //임시form생성 var soldOutProductsCheckFrom = document.createElement('form'); soldOutProductsCheckFrom..

주문서 작성 후 주문이 완료 되고나면 브라우저의 뒤로가기 했을때 다시 주문서 작성 화면으로 가지 않고 주문서작성 이전 상품 선택화면 또는 장바구니로 전환해야 할때 사용 하면 조으디~? //주문저장 ajax처리 function saveOrderFn(){ var params = $("form[name=orderform]").serialize(); $.ajax({ type : "POST", url : ctx + "/front/saveOrderChitAjax", data : params, async: false, success : function(data,xhr) { if(data != null){ //console.log(JSON.stringify(data)); document.querySelector(".j..

jstl을 사용 하여 html table을 만들경우 세로 방향으로 같은 항목들을 병합 해주어야 할경우 아래와 같은 스크립트로 해결 할 수 있다. /* rowspan function */ $.fn.mergeClassRowspan = function (colIdx) { return this.each(function () { var that; $('tr', this).each(function (row) { $('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) { if ($(this).attr('class') == $(that).attr('class')) { rowspan = $(that).attr("rowspan") || 1; rows..

화면마다 공통으로 사용되는 헤더용 jsp 파일에 아래와 같이 작성 한다. . . 참고) 구글링중 link, 와 script 부분의 href와src 부분에 c:url 를 사용 하여 c:param으로 값을 설정 하는 방법이 있었는데 나의 경우 tomcat에 war로 배포를 하고나서 확인을 해보니 ver=${updateTime}을 추가한 소스들이 전부 404 error로 로딩이 실패 되었다. 여러 삽질을 하다 가만보니 굳이 c:url, c:param을 쓸 필요가 없어보여 그냥 원래 링크에 ?ver=${updateTime} 를 같다 붙이니 잘 로딩 되었다...

.prop()으로 checked하여 체크상태를 만들고 trigger()로 이벤트를 발생시켜야 할 경우 아래와 같이 사용. /*체크해재 하고 변경된 이벤트 콜*/ $('.js_A').prop('checked',false).trigger("change"); /*체크하고 변경된 이벤트콜*/ $('.js_B').prop('checked',true).trigger("change"); //또는 아래처럼 $('.js_B').prop('checked',this.checked).trigger("change");