[javascript] checkbox 체크여부, 체크제어

체크여부

$('#checkBoxID').is(":checked");

체크하기

$('#checkBoxID').prop("checked", true );

체크해지

$('#checkBoxID').prop("checked", false );

disable

 $('#checkBoxID').prop('disabled', true)

더 보기»

[javascript] select 변경 event

$('#selectID').on('change', function(e){

    var value = $('#selectID option:selected').val() * 1;

    var text = $('#selectID option:selected').text();

});

더 보기»

[javascript] 특정 위치로 scroll 하기

 특정 위치로 scroll 하기

document.getElementById('elementID').scrollIntoView();

document.getElementById('elementID').scrollIntoView( alignToTop );

document.getElementById('elementID').scrollIntoView( scrollIntoViewOptions ); 

alignToTop - boolean

    true 일때 element가 젤 위로 오게 scroll 이동

    false 일때 element가 젤 아래로 오게 scroll 이동

scrollIntoViewOptions - 이외 옵션

behavior - 전환 에니메이션 정의

    "auto", "smooth" 중 선택. (default : "auto")

block - 수직 정렬을 정의

    "start", "center", "end", "nearest" 중 선택(default: "start" )

inline - 수평 정렬을 정의

    "start", "center", "end", "nearest" 중 선택(default: "nearest" )

element가 가운데로 오게 하고 싶을 경우

document.getElementById('elementID').scrollIntoView( {"block" : "center"} ); 

더 보기»

[tomcat] cmd로 서비스 등록/제거

tomcat에서 지원하는 service.bat를 이용하여 

Tomcat을 서비스로 등록 / 제거 할 수 있다.

cd $(Tomcat 설치경로)\bin

service.bat install [service name]   

service.bat remove [service name]

service.bat uninstall [service name]

더 보기»

[tomcat] port 변경

 $(tomcat 설치경로)\conf\server.xml 파일 수정

다음 내용을 찾아서 포트만 수정

--- http ---

<Connector port="$(변경할 포트)" protocol="HTTP/1.1"

    connectionTimeout="20000"

    redirectPort="443" />

톰캣 재시작

http://localhost:$(변경한 포트)/ 로 접속 확인

혹시 접속이 안될경우 방화벽 인바운드 규칙 확인

--- https ---

<Connector port="$(변경할 포트)" protocol="org.apache.coyote.http11.Http11NioProtocol"

               maxThreads="150" SSLEnabled="true">

톰캣 재시작

https://localhost:$(변경한 포트)/ 로 접속 확인

혹시 접속이 안될경우 방화벽 인바운드 규칙 확인

더 보기»

[html] input 입력 길이 제한( minlength, maxlength )

태그에 minlength, maxlength 속성을 이용한다.

<input type="text" minlength="5" maxlength="256" >

더 보기»

[html] style 태그 example

다음과 같이 원하는 속성을 태그, 클래스, id에 따라 구분하여 줄수 있다.

<head>

<style>

body { background: red }    <!-- body 태그에 속성을 줌 -->

body div p { background: red }    <!-- div > div > p 태그에 속성 -->

.form-group { background: red}    <!-- form-group 클래스에 속성 -->

#id-test { background: red}    <!-- id가 id-test인 태그에 속성 -->

.form-group:hover { background: red}    <!-- form-group 클래스가 hover 상태에 속성 -->

</style>

</head>

스타일을 적용하는 방법에는 두가지가 있는데 

1. 내부스타일시트 - html문서 내의 <style>태그를 이용

   위와 같이 <head>에 포함

2. 외부스타일시트 - 스타일만 하나의 파일로 만들어 <link>태그를 이용하여 포함

   <link rel="stylesheet" href="xxxx.css">

더 보기»