목록javascript (50)

종이 한장 차이...

임시form을 생성 하여 ajax로 form 전송 하기.

예를 들어 게시판에서 체크된 항목들만 서버쪽으로 전송하여 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..
javascript 2022. 9. 1. 11:41
location.replace() 브라우저 history 남기지 않기.

주문서 작성 후 주문이 완료 되고나면 브라우저의 뒤로가기 했을때 다시 주문서 작성 화면으로 가지 않고 주문서작성 이전 상품 선택화면 또는 장바구니로 전환해야 할때 사용 하면 조으디~? //주문저장 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..
javascript 2022. 8. 30. 17:36
jsp table merge row span by class

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..
javascript 2022. 8. 22. 10:29
css, js 캐싱 방지하기...(no cache css js)

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

.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");
javascript 2022. 5. 17. 18:00
layer popup Drag & Drop jquery draggable

요즘은 일반적인 팝업창을 기본으로 차단 하기 때문에 레이어팝업(모달팝업)을 일반 팝업 처럼 만들어 보았다. 1. jquery를 사용 하기 위해 head에 아래 스크립트 삽입. 2. html 소스 JSTL을 사용 하여 팝업에표시할 내용이 들어있는 리스트를 돌면서 html을 리스트만큼 만든다. 참고로 id="multiLayer" div가 모든 팝업을 감싸고있는 tag이기 때문에...style 속성을 다음과 같이 해줘야 원하는 위치에 팝업 창을 띄울 수 있다. style="z-index: 100;position: absolute; width: -webkit-fill-available;" 하루동안 보지 않기 하루동안 보지 않기 3. 팝업기능 스크립트 참고: jquery .draggable()의 옵션 테스트 단계..
javascript 2022. 5. 17. 10:25
이전 Prev 1 2 3 4 5 6 7 8 9 Next 다음