ふたりで

보통 텝기능을 만들 때 1번, 2번, 3번 같이 미리 정해진 텝과 해당 텝의 콘텐츠를 같은 화면에 다 작성해 두고 선택한 텝 만 보여주고 나머진 숨기는 방식을 많이 사용한다. 하지만 텝이 많아지고 텝내의 콘텐츠가 많아지면 화면로딩 시 부하가 발생할 수밖에 없다. 화면로딩 부하를 조금이라도 줄여 보겠다는 생각으로 텝을 클릭 시 ajax로 데이터를 호출하고 해당 데이터를 사용하여 동적으로 텝내의 콘텐츠를 append 하는 방식으로 구현을 하려다 좀 더 쉽고 심플한 방법이 없을까 알아보니 다음과 같은 기능이 있어 정리한다. 해당 기능은 jquery의. tabs과. load 기능을 사용해 텝을 클릭 시 해당 텝의 href에 명시된 url을 호출하여 해당 텝의 콘텐츠에 바로 보여주는 방식의 기능이다. #출처: h..

금액(돈)관련 HTML TEXT를 고대로 DB에 저장 해야 할 경우가 있다. 이런경우 javascript에서 정규식을 사용해 -99,000원을 -99000 으로 변경후 서버로 전송 해서 처리 할 수 있다. var regex = /[^-0-9]/g;//마이너스 기호와 숫자 또는 숫자만 $(".Tr").each (function() { var vAmount = $(this).find("button[name='sendAmountAfter']").html(); vSendAmount = vSendAmount.replace(regex, ""); console.log(vSendAmount); }

- spring3 환경 - springMVC - war 배포 - sessioninterceptor를 사용 중 1. 위와 같은 환경에서 ajax요청을 아래와같이 했다. - View //권한 리스트 가져오기 var params ={ user_emp : $(this).data('useremp') ,user_code : $(this).data('usercode') }; $.ajax({ type : "POST", url : ctx + "/getUserAuthList", data : params, async: false, beforeSend : function(xhr){ //ajax호출 중 처리 //글로벌 변수로 설정한 csrf token 셋팅 //xhr.setRequestHeader(header,token); }..

modal popup 창을 print 해야 하는 경우 참고. 현재창에서 프린트 미리 보기가 출력되도록 할 경우 프린트 후 또는 프린트 미리 보기 취소 후 UI상의 버튼들의 click 이벤트가 사라지는 현상이 발생하여, 새로운 Tab 창에서 프린트 미리 보기가 열리도록 수정을 하여 문제를 해결했다. HTML 삽입 미리보기할 수 없는 소스

html로 만들어진 table의 내용을 특정 포맷에 맞춰 클립보드로 복사하는 기능을 만들어야 했다. 결론부터 정리하자면 특정 포맷으로 테이블을 숨김 처리 상태로 새로 생성을 하고, 해당 테이블 내용을 선택 후 클립보드로 복사를 하였다. 문제는;; 복사한 데이터에 쓰잘 때가리 없이 앞뒤로 개행문자가 자동으로 삽이 되었다. 해당 개행 문자 때문에 붙여 넣기 할 프로그램에서는 붙여 넣기가 동작을 안 하고;;; 나름 짱구를 굴려서 자동 드래그 선택된 영역에 접근해서 innerText만 뽑아내어 textarea에 담고, textarea에 담긴 데이터를 클립보드로 복사해 주니 앞뒤로 붙어 나오던 개행문자가 붙어 나오지 않게 되었다. 흠... 좀 무식한 방법 같긴 하지만 어쩔 수 없다... 머리가 나빠서... 나중에..

기존 swiper 슬라이더는 콘텐츠를 2개씩 보여주고 1개씩 이동시킬 경우 총 콘텐츠 수가 3개이면 루프가 동작을 안 하는 버그(?)가 있었다. 총콘텐츠의 수가 홀수일 때만 루프가 안 먹히는 건가 했는데 또 그건 아니었다 5개부터는 또 잘 돈다... 암튼 그래서 좀 더 잘 동작하는 slick-slider라는 플러그인을 찾아서 테스트해 본 걸 정리해 본다. HTML 삽입 미리보기할 수 없는 소스