'프로그래밍' 카테고리의 다른 글
HTML5에서 테스트해 봐야 할 두가지 함수 (0) | 2018.05.10 |
---|---|
CSS 위주로 만든 간단한 게임 (0) | 2018.05.05 |
[HTML/Javascript]Select Box 변경 못하게 막는 방법 (0) | 2018.04.23 |
인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
[HTML/Javascript]Radio버튼을 변경 못하게 막는 방법 (1) | 2018.04.13 |
HTML5에서 테스트해 봐야 할 두가지 함수 (0) | 2018.05.10 |
---|---|
CSS 위주로 만든 간단한 게임 (0) | 2018.05.05 |
[HTML/Javascript]Select Box 변경 못하게 막는 방법 (0) | 2018.04.23 |
인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
[HTML/Javascript]Radio버튼을 변경 못하게 막는 방법 (1) | 2018.04.13 |
얼마 전에, HTML의 INPUT 태그 중에서
Radio 버튼의 변경을 막는 방법을 알아보았는데,
이번에는 Select Box의 변경을 막아야 할 일이 생겼다.
그래서 검색을 해 보다가,
가장 쓸만하고 적절한 방법을 발견하게 되었다.
다음 블로그에서 발견한 내용이다.
위와 같이, select 태그에 onfocus와 onchange를 추가하면,
옵션 선택을 변경하더라도 변경 내용이 적용되지 않는다.
onfocus와 onchange 이벤트를 적절히 활용해서,
간단하게 한줄로 마무리하는 모습이 인상적이다.
CSS 위주로 만든 간단한 게임 (0) | 2018.05.05 |
---|---|
자바스크립트 피아노 (0) | 2018.04.26 |
인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
[HTML/Javascript]Radio버튼을 변경 못하게 막는 방법 (1) | 2018.04.13 |
Spring을 이용한 페이지별 권한설정 방법(링크) 및 스프링 인터셉터(Interceptor) (0) | 2018.04.05 |
'나는 프로그래머다'에 소개된,
책으로는 '나는 프로그래머다2'에 소개된,
현직 구글러 김종민씨의 블로그이다.
'나프다2'를 책으로 보면서,
궁금증이 생겨서 블로그를 찾아가 봤더니,
역시 잘 만들었구나...하는 생각이 들었다.
보다 보면 배울 점도 많고,
뭐라도 한번 해보고 싶은 욕구가 생긴다.
동기부여가 되는 사이트이다.
자바스크립트 피아노 (0) | 2018.04.26 |
---|---|
[HTML/Javascript]Select Box 변경 못하게 막는 방법 (0) | 2018.04.23 |
[HTML/Javascript]Radio버튼을 변경 못하게 막는 방법 (1) | 2018.04.13 |
Spring을 이용한 페이지별 권한설정 방법(링크) 및 스프링 인터셉터(Interceptor) (0) | 2018.04.05 |
python online (0) | 2018.03.11 |
HTML과 Javascript를 사용하면서 발견한 간단한 팁을 공유하고자 한다.
보통 HTML의 INPUT 태그의 직접 입력이나 변경을 방지하기 위해,
다음과 같이 readonly속성을 사용한다.
<input type="text" name="test1" value="test" readonly>
하지만, 유독 radio 버튼에 대해서는 이 readonly속성이 먹히지 않는다.
다음과 같이 해도, radio버튼을 클릭하면 선택이 바뀐다.
<input type="radio" name="test2" value="선택1" checked readonly>선택1
<input type="radio" name="test2" value="선택2" readonly>선택2
검색을 해보면 해결방법이 나오지만,
보다 간단한 해결책을 찾아내게 되었다.
<간단한 해결책>
<input type="radio" name="test2" value="선택1" checked onclick="return(false);">선택1
<br>
<input type="radio" name="test2" value="선택2" onclick="return(false);">선택2
<결과>
[HTML/Javascript]Select Box 변경 못하게 막는 방법 (0) | 2018.04.23 |
---|---|
인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
Spring을 이용한 페이지별 권한설정 방법(링크) 및 스프링 인터셉터(Interceptor) (0) | 2018.04.05 |
python online (0) | 2018.03.11 |
Javascript를 이용한 PDF생성 (0) | 2018.03.09 |
다음 사이트에 내용이 잘 정리되어 있다.
에라토스테네스의 체 (0) | 2019.07.29 |
---|---|
검색엔진에서 GitHub 페이지 검색 가능하게 하기(링크) (0) | 2018.05.10 |
전세보증보험(전세보증금반환보증) 가입을 위한 필요서류 (0) | 2018.04.04 |
행복한 직장 생활을 위한 12가지 규칙 (0) | 2018.03.20 |
드론을 날리기 위해 알아야 할 것들 (0) | 2018.02.14 |
다음 사이트에, 방법이 잘 정리되어 있다.
방법의 핵심은, Spring의 인터셉터(Interceptor) 기능을 이용하는 것이다.
인터셉터(Interceptor)란, 말 그대로 해당 URL을 표시하기 전에 처리를 가로채서
흐름을 바꾼다는 것이다.
이 인터셉터(Interceptor)를 구현하여, 조건에 맞으면 원래 흐름대로 처리하고,
조건에 맞지 않으면 처리를 다른 방향으로 돌릴 수 있다.
이것은, 서블릿(Servlet)의 필터(Filter)와도 비슷한 개념이지만,
Spring에 좀더 특화되었기 때문에 Spring에서 사용하기에는 좀더 쉬운 것 같다.
인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
---|---|
[HTML/Javascript]Radio버튼을 변경 못하게 막는 방법 (1) | 2018.04.13 |
python online (0) | 2018.03.11 |
Javascript를 이용한 PDF생성 (0) | 2018.03.09 |
simpleGraph.js - Javascript 그래프 라이브러리 (0) | 2017.11.20 |
출처 : https://khig.khug.or.kr/
검색엔진에서 GitHub 페이지 검색 가능하게 하기(링크) (0) | 2018.05.10 |
---|---|
티스토리에 소스코드 보기좋게 표시하는 방법(링크) (0) | 2018.04.09 |
행복한 직장 생활을 위한 12가지 규칙 (0) | 2018.03.20 |
드론을 날리기 위해 알아야 할 것들 (0) | 2018.02.14 |
H264코덱 다운로드 (0) | 2017.12.13 |
미래를 바꾼 아홉가지 알고리즘 - 존 맥코믹 지음, 민병교 옮김, 에이콘 (0) | 2019.07.14 |
---|---|
모모 - 미하엘 엔데 지음, 한미희 옮김, 비룡소 (0) | 2019.07.14 |
밑바닥부터 시작하는 딥러닝 - 사이토 고키 지음 (0) | 2018.03.09 |
부자가 되는 과학적 방법을 읽으며 (0) | 2018.03.01 |
신경망 첫걸음 - 타리크 라시드 지음 (0) | 2017.12.28 |
Python에서 OpenCV를 사용하기 위해서는,
다음과 같은 환경이 준비되어야 한다.
(윈도우 기준)
1. 다운로드
2. 설치
Windows에서 ffserver를 이용한 영상서버구축(H264코덱 사용) 1 (0) | 2017.11.15 |
---|---|
ffserver와 OpenCV를 통한 영상서버 구축 2 (0) | 2017.11.08 |
ffserver와 OpenCV를 통한 영상서버 구축 1 (0) | 2017.06.15 |
신규 떨림보정(자유도 4, 자유도 2) 테스트 (0) | 2016.12.22 |
OpenCV 2.x와 3.x의 차이 (0) | 2016.10.20 |
티스토리에 소스코드 보기좋게 표시하는 방법(링크) (0) | 2018.04.09 |
---|---|
전세보증보험(전세보증금반환보증) 가입을 위한 필요서류 (0) | 2018.04.04 |
드론을 날리기 위해 알아야 할 것들 (0) | 2018.02.14 |
H264코덱 다운로드 (0) | 2017.12.13 |
영어문서(자소서등)자동 문법 체크 - grammarly (0) | 2016.10.13 |