[Jquery]html 동적추가할 경우 Jquery datepicker 추가 IT분야/Javascript 2013. 12. 17. 10:52
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를 이용함.

저작자표시

'IT분야 > Javascript' 카테고리의 다른 글

[Jquery]html 동적추가할 경우 Jquery datepicker 추가  (0) 2013.12.17
[JavaScript]jquery dialog enter 누를시 닫히는 현상  (0) 2013.12.15
[JAVASCRIPT]JSON 오류검사  (1) 2013.02.26
jquery ui datepicker  (0) 2012.11.04
DatePicker, Dynamic, HTML, JavaScript, jQuery, 달력, 동적, 자바스크립트
트랙백1개 , 댓글0개
css로 게시판 제목 자르기 IT분야/Html 2012. 4. 8. 00:30

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

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

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


저작자표시

'IT분야 > Html' 카테고리의 다른 글

[Javascript]Flash Player version check  (0) 2012.04.10
css로 게시판 제목 자르기  (0) 2012.04.08
[HTML] 로그인 할 때 자동완성 끄기  (0) 2011.01.23
[jQuery]jQuery 플러그인  (0) 2010.11.02
[HTML] Html 웹표준 DTD 선언 문서 형식  (0) 2010.10.20
[jQuery] jQuery 기초 강좌 사이트  (0) 2010.10.20
CSS, HTML, 게시판 제목 길이, 게시판 제목 자르기, 태그를 입력해 주세요.
트랙백1개 , 댓글0개
[HTML] Html 웹표준 DTD 선언 문서 형식 IT분야/Html 2010. 10. 20. 15:57

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

저작자표시

'IT분야 > Html' 카테고리의 다른 글

[Javascript]Flash Player version check  (0) 2012.04.10
css로 게시판 제목 자르기  (0) 2012.04.08
[HTML] 로그인 할 때 자동완성 끄기  (0) 2011.01.23
[jQuery]jQuery 플러그인  (0) 2010.11.02
[HTML] Html 웹표준 DTD 선언 문서 형식  (0) 2010.10.20
[jQuery] jQuery 기초 강좌 사이트  (0) 2010.10.20
DOCTYPE, DTD, HTML, Strict, transitional, xhtml, XML, 웹접근성, 웹표준, 접근성, 표준
트랙백0개 , 댓글0개
[jQuery] jQuery 기초 강좌 사이트 IT분야/Html 2010. 10. 20. 15:50

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

http://www.boog.co.kr/boog/jquery_lecture
저작자표시

'IT분야 > Html' 카테고리의 다른 글

[Javascript]Flash Player version check  (0) 2012.04.10
css로 게시판 제목 자르기  (0) 2012.04.08
[HTML] 로그인 할 때 자동완성 끄기  (0) 2011.01.23
[jQuery]jQuery 플러그인  (0) 2010.11.02
[HTML] Html 웹표준 DTD 선언 문서 형식  (0) 2010.10.20
[jQuery] jQuery 기초 강좌 사이트  (0) 2010.10.20
AJAX, CSS, HTML, java, JavaScript, jQuery, jsp, xhtml, 강의, 강좌, 자바
트랙백0개 , 댓글0개