Translate

2019년 12월 13일 금요일

[JavaScript] 부모창이 닫힐 때 함께 닫히는 종속 자식창

  오후 2:57    

var pop; window.onunload = function() { pop.close();} Laptop 운영체제 Windows 10 Pro 64bit 개발환경 Chrome 버전 78.0.3904.108 window.open으로 여는 팝업에서 부모창이 종료될 때 그 부모창에서 열었던 팝업들을 함께 닫아야 하는 경우가 있다. 원래는 dependent라는 옵션이 있었지만, 구버전에서만 지원하는듯 했다. 방법은 window.onunload 이벤트를 이용하는 것이다. window.load 이벤트와 반대로 페이지가 종료될 때 함께 실행되는 함수라고 보면 된다. 다음 예제에서는...

   /

   댓글 1개:

[jQuery] option 태그 주석 처리하는 방법 (select 검색 기능 만들기)

  오후 2:19    

Laptop 운영체제 Windows 10 Pro 64bit 개발환경 Chrome 버전 78.0.3904.108 jQuery 1.9.1 select 내부의 option 태그를 조건에 따라 보이거나 숨기고 싶을때, <span>태그로 둘러쌈으로써 구현할 수 있다. jquery로 .wrap(), .unwrap() 함수를 이용하면 된다. 예) <select> ...

   / /

   댓글 없음:

2019년 11월 27일 수요일

[jQuery] 숫자만 입력되는 input 칸 만들기 (+ 날짜 포맷)

  오후 5:28    

Laptop 운영체제 Windows 10 Pro 64bit 개발환경 Chrome 버전 78.0.3904.108 jQuery 1.9.1 입력칸에서 숫자만 입력받아야 할 경우, 입력 이벤트를 받아 정규 표현식을 사용하여 입력한 값이 숫자가 아닐 경우 지워버리는 기능과 이를 응용하여 사용자가 숫자를 입력할때 날짜 포맷으로 자동으로 바뀌도록 하고, 맞는 날짜인지 체크하는 예제이다. - 참고 사이트: https://greendaykorea.tistory.com/...

   / /

   댓글 없음:

2019년 5월 5일 일요일

[HTML] 블로그 이미지 불펌 우클릭방지 없이 막기

  오전 4:10    

이번에 쓸 내용은 사실 개발적인 내용이라기보단 간단한 편법에 가깝지만, 블로그 게시 작업에서 오직 열람만을 허용하고 저장을 완전히 막고 싶을 때 권장하고 싶은 방법이다. 물론 기존에 우클릭 방지나 드래그 방지 등의 방법들이 있지만, 뚫는 방법 또한 많이 알려진 상태이기 때문에 좀 다른 방법을 소개하고자 한다. html 수정 기능이 있는 블로그 플랫폼이라면 모두 가능하다. (단, 네이버는 스마트 에디터로 바뀐 후엔 더이상 불가능한 듯하다.) 물론 지금 글을 쓰고 있는 Blogger도...

  

   댓글 2개:

2019년 4월 15일 월요일

[번역] 미래를 향한 스크롤 (Scroll to the future)

  오후 12:42    

사실 용어를 이해하지 못한 부분이 많아 어색한 부분이 많은 글입니다. 크게 잘못 해석된 부분을 알려주신다면 감사하겠습니다. 원문: 스크롤을 구현하는 것에 관해 항상 묻고 싶었지만 두려웠던 모든 것.  이제부터 현대 웹 사양의 스크롤 밑바닥에서부터 최신 CSS와 JavaScript에 이르기까지를 살펴보면서 하나의 페이지를 부드럽고 아름답게, 그리고 적은 리소스로 구동하도록 만들어 봅시다. 대부분의 웹 페이지는 한 화면에 들어가지...

   댓글 없음:

피드 구독하기: 글 (Atom)