foryou 코딩

[오늘 하루 그만 보기] 간단히 구현하기 [jquery-cookie 플러그인 다운로드 및 사용법 참고] https://github.com/carhartl/jquery-cookie * jquery-cookie 를 이용하지 않고 순수 JS 만으로 구현하는 것이 불필요한 유틸을 참조하지 않고 좋으나 여기서는 일단 편의성과 기존의 사이트에서 이용하고 있기 때문에 사용한다. html 오늘 하루 그만보기 [닫기] script 1. 팝업창이 display:none 상태에서 페이지 로드시 쿠키(notice)가 있는지 확인한다. 2. 쿠키가 없으면 팝업창을 노출 해주고 있으면 비노출한다. 3. 닫기 버튼 클릭시 "checkbox" 체크가 되어있으면 "notice" 쿠키 생성 후 팝업창을 닫는다.

html 컨트롤의 select 태그는 input 태그 처럼 readonly에 대한 속성이 적용되지 않는다. disabled 속성으로 추가 하면 select 선택이 불가하지만 select 태그가 disabled 가 되어 form 으로 submit 을 할 경우에는 select 값이 전송되지 않는다. 따라서, form 으로 submit 을 해야 한다면 disabled 속성을 사용하면 안된다. 방법 1) 선택값 변경을 하지 못하도록 하기 위해서는 onchange에 현재 값으로 다시 적용하여 값 변경을 하지 못하도록 한다. 1번 선택 2번 선택 방법 2) 추가 CSS 스타일을 이용한 방법 select[readonly] { background-color: #ddd; pointer-events: none; } 위의 ..

웹사이트 화면의 중앙에 경고 , 정보표시 및 로딩 중 표시 등등 때문에 레이어를 띄어야 하는 경우가 있으나 css를 잘 다루지 않으면 화면 중간에 띄우는 게 참으로 어렵고 귀찮다. 그래서 이번에 자주 사용하는 방법(코드)에 대해 정리한다. (물론 반응형이나 다른 여러가지 좋은 방법도 존재한다.) 화면 중앙으로 "로딩중" DIV 띄우기 HTML 오픈 레이어 [닫기] 브라우저 중앙 DIV 레이어 "로딩중" 띄우기 fade DIV - 전체 배경화면을 어둡게 처리 하기 위한 DIV light DIV - fade 레이어 위로 실제 로딩중 메시지 내용이 들어가게 되는 DIV CSS black_background 클래스 는 화면 전체를 덮는 레이어에 대한 css white_content 클래스는 black_backg..

textarea 는 input 과는 달리 여러줄 입력이 가능한 컨트롤입니다. 입력 폼의 입력 안내문구를 표시하기 위해서 palacholder 속성을 이용하여 표시를 합니다. 간혹 줄바꿈이 필요할때 를 추가하면 줄바꿈이 되어 표시됩니다.

컨텐츠 보호를 위해 마우스 우클릭이나 드래그를 금지해야 하는 경우가 있습니다. 마우스 제한 이외에 개발자 도구까지 막기위해서는 F12 키 입력을 막아야 합니다. $(document).ready(function () { $(document).keydown(function (e) { if (e.keyCode == 123 /* F12 */) { e.preventDefault(); e.returnValue = false; } }); }); * 컨텐츠 보호를 해도 결국에는 해제하는 방법도 존재합니다. 크롬 웹스토어에서 우클릭 해제 를 검색하시면 나오는 드래그 프리 를 설치해줍니다. 우클릭 금지된 페이지에서 아래와 같이 확장프로그램의 제한풀기를 클릭해주시면 드래그 및 우클릭이 허무하도록 가능해집니다.