skill/HTML.Javscript.CSS 26

[Kotlin] 브라우져 뒤로가기 버튼 클릭 시, ERR_CACHE_MISS 약식을 다시 제출 하시겠습니까?

뒤로가기 버튼 클릭 시, 양식을 다시 제출하시겠습니까? 오류 발생 HttpSecurity의 http.headers().cacheControl().disable() 넣으면 해결! @Throws(Exception::class) override fun configure(http: HttpSecurity) { http.headers().cacheControl().disable() // ERR_CACHE_MISS 해결 http.csrf().disable() } 전체 소스 import org.springframework.context.annotation.Configuration import java.lang.Exception import org.springframework.security.config.annotat..

[css] @media print 머릿글 바닥글 삭제 및 다음 페이지 여백 주기

print-hide : 화면에서는 보이나, 출력 시 숨김 처리 print-show : 화면에서는 보이지 않으나, 출력 시 노출 처리 출력 시, 머릿글, 바닥글 미노출 처리 @media print { @page {margin:0 1.3cm} } @page 에서 margin:0으로 설정 해야, 머릿글 / 바닥글 가려짐. 하지만 2Page이상 상단 여백도 사라짐 그래서, 기본적으로 @page에 margin을 주고, 첫 페이지에 top, bottom margin을 0으로 처리 @page {margin:1.3cm 1.3cm} @page :first {margin:0 1.3cm}

[script] modal 열기, 닫기, 닫기 이벤트처리 및 해제

열기(open) : $('#modalID').modal('show') 닫기(close) : $('#modalID').modal('hide') modal 종료 시, 이벤트 처리 $('#modalID').on('hidden.bs.modal', function (e) { // function }) modal 종료 시, 이벤트 처리 해제 $('#modalID').off() modal 오픈 시, 이벤트 처리 $('#modalID').on('shown.bs.modal', function (e) { // function; }) example 1. 모달로 alert 창 생성 (+종료 시 focus 처리) /** * alert('이름은 필수 입니다.', $('[name=name]')); // 모달창 종료 시, name에..

[javacirpt] jquery 스크롤 자동 이동 + 부드럽게 이동

jquery 스크롤 자동 이동 (바로) $(document).ready(function(){ const offset = $("#target").offset(); $('html, body').animate({scrollTop: offset.top}, 0); }); - 이동하고 싶은 엘리먼트에 id 선언, - 위 처럼 id='target'으로 설정 또는 #target 정보에 선언된 ID로 변경, - class, element name 상관 없음. jquery 스크롤 자동 이동 (부드럽게) $(document).ready(function(){ const offset = $("#target").offset(); $('html, body').animate({scrollTop: offset.top}, 500); }..