http://stackoverflow.com/questions/12526800/jquery-date-picker-doesnt-work-on-dynamic-form

동적으로 추가된 html 코드에 달력을 띄울 경우에는 jquery 달력이 작동하지 않는다.

아래처럼 동적으로 추가한 후에 each로 jquery 달력이 동작하도록 설정한다.


function addHtml(){

.... html 동적 추가 코드 ...


.... html 동적 추가 코드 ...


$('.datepicker').each(function(){
    $(this).datepicker();
});

}


.datepicker는 추가한 코드에 class를 이용함.


게시판에서 제목의 길이가 너무 길때  ...  으로 표현해야 한다.
javascript 또는 서버스크립트 언어로 길이로 자르면 공백이나 한글 영어에 따라서 들쑥날쑥하게 잘라진다.

아래처럼 css 를 주면 width 값을 넘어가게 되면 ...으로 바뀌게 된다. 훨씬 깔끔하다.

.list{width:150px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



DTD :  IE 렌더링 방식을 어느정도 개선.최근은 XML(XHTML)이 대세.
XHTML중에서도 Transitional과 Strict가 있는데 후자의 경우 엄격합니다.
저도 개인적으로 Strict를 사용합니다.


1) HTML 2.0 표준 문서 형식
<!DOCTYPE html PUBLIC "=//IETF//DTD HTML 2.0//EN">

2) HTML 3.2 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

3) HTML 4.01 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

4) XHTML 1.0 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

5) XHTML 1.1 표준 문서 형식
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


웹표준 문서 구조
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko-KR">
<head>
<title> ... </title>
</head>
<body>
...
</body>
</html>


DOCTYPE 코드 구분
일반형식(Transitional) : HTML 4.01 Transitional 예전에 있었거나 없어진 태그도 지원함
엄격한형식(Strict) : HTML을 엄격하게 적용 해야 한다


출처 : http://paran.tistory.com/316


잘 정리 되어 있는 곳인 것 같다.

http://www.boog.co.kr/boog/jquery_lecture