정훈's 프로그래밍

Canvas Element 는 스크립트(보통 JavaScript)를 이용해 그림을 그리는 새로운 HTML 요소입니다. 그래프를 그리거나 사진합성 혹은 간단한(그리고 단순하지 않은 것도) 애니메이션을 제작하는데 쓰일 수도 있습니다.Canvas Element 사용 Canvas Element 대체 내용 브라우져에서 캔버스를 지원하지 않는군요.! canvas의 기본 사이즈는 300 * 150 입니다.(width, height 속성을 지정하지않으면 기본 값 적용됨) Canvas 객체 생성 Canvas 템플릿 캔버스를 지원하지 않는 브라우져는 해당 메세지를 출력합니다.! Canvas 샘플 캔버스를 지원하지 않는 브라우져는 해당 메세지를 출력합니다.!

Form Validation Check Form Valication 아이디: 비밀번호:

Document Object MethodcreateElement()createTextNode()appendChild()

Window Object최상위 객체 Methodalert()

window.onload DOM의 standard event HTML의 로딩이 끝난 후 실행 document.readyJQuery의 event 브라우저가 DOM트리 생성한 직후 실행 찍어보면 첫번째 ready 두번째 ready 두번째 onload가 찍힘 참조] http://lucya-life.tistory.com/75

keygen * form 이 전송되면 비밀키와 공개 키를 생성하여 비밀키는 Client 측에 저장하고 공개키는 서버에 전송합니다. progress meter*meter Element 는 한정된 범위에서의 값을 나타내고 싶을때 사용하는 것으로 최소값과 최대값을 지정할 수 없는 곳에서는meter Element 를 사용할 수 없습니다.

placeholderinput attribute(placeholder) autofocusinput attribute(autofocus) formaction*form action의 a.aspx로 이동하는것이 아니라 formaction=b.aspx로 이동한다. draggable

dateinput type="date" emailinput type="email" *모바일 브라우져에서 해당 요소에 커서가 올 경우 메일 주소를 입력하기에 적합한 스크린 키보드를 띄워줍니다. urlinput type="url" *모바일 브라우져에서 해당 요소에 커서가 올 경우 주소를 입력하기에 적합한 스크린 키보드를 띄워줍니다. colorinput type="color" searchinput type="search" numberinput type="number" rangeinput type="range" telinput type="tel" *모바일 브라우져에서 해당 요소에 커서가 올 경우 전화번호를 입력하기에 적합한 스크린 키보드를 띄워줍니다. fileinput type="file" *accept 속성과..

//이미지 파일 사이즈를 조절한다. function getImageWidthHeight($imagePath) { $limit_w = 203; $limit_h = 203; $imageSize = GetImageSize($imagePath); $imageW = $imageSize[0]; $imageH = $imageSize[1]; if(($imageW > $limit_w) || ($imageH > $limit_h) || ($imageW > $limit_w && $imageH > $limit_h)) { //긴 쪽을 기준 사이즈로한다. if ($imageW > $imageH) { $percentage = $imageW/$limit_w; } elseif ($imageH > $imageW) { $percentage..

detail Element사용자에게 추가적인 상세 정보를 제공할때 사용한다. Detail Element 에는 제일 처음에 Summary Element 를 넣어 추가정보의 요약이나 설명을 제공하고 Summary Element 다음에 상세한 정보를 입력하는데 그 순서를 반대로 해서는 안된다. 사용법내용 요약 샘플open 속성을 이용한 open & close(IE9에서 확인하세요.)