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
저작자 표시
신고