DOM input radio 객체 <input>태그의 type 속성이 radio 인 라디오 객체를 핸들링 하기 위한 방법을 제공합니다. <input type="radio" name="exam" id="exam" value="test"/>테스트 라디오 객체는 하나만 선택이 가능한 객체입니다. 따라서 여러 개의 라디오가 연결되어 사용될 때 라디오 객체를 다루는 방법입니다. 1. 라디오 버튼 체크 .. Java Script & DOM/HTML DOM 2009.11.04
DOM Style 객체 (CSS 관련 객체) style 객체 document.getElementById("id").style.속성 = "값"; 속성 background-color : Object.style.backgroundColor = "#00ff00"; border : Object.style.border = "3px solid blue"; height : Object.style.height = "50px"; width : Object.style.width = "50px"; font : Object.style.font = "bold 12px arial"; display : Object.style.display = "block"; float : Object.style.cssFloat = "left"; overflow : .. Java Script & DOM/HTML DOM 2009.10.26
태그 영역을 감추기 태그 영역을 감추기 태그 영역을 감추기 위해서는 style 속성을 사용한다. display 속성을 'none'으로 주면 내용뿐만 아니라 영역까지 사라지며 visibility 속성을 'hidden'으로 주면 영역은 그대로 유지한 체 내용만 사라진다. <p id="area"> 이 부분이 감추거나 보이게 됩니다. </p> <input type="button" value=".. Java Script & DOM/HTML DOM 2009.10.21
이미지 클릭시 이미지 변경하기 <script type="text/javascript"> state = 0; function changeImage() { if ( state == 0 ) { state = 1; document.getElementById('image').src = "changed.gif"; } else { state = 0; document.getElementById('image').src = "original.gif"; } } </script> <body> <img id="image" onclick="changeImage()" border=0" src="original.gif" /> </body> Java Script & DOM/HTML DOM 2009.10.21
HTML DOM - designMode 속성 ( 웹 브라우저창 편집 모드) 웹 브라우저에 문서 내용 편집 - designMode 속성 designMode 속성은 브라우저를 편집 가능하게 만드는 속성입니다. designMode 값이 'on'일 경우 브라우저 창은 편집 가능한 상태가 됩니다. <html> <head> <script type="text/javascript"> function testIframe(){ Editor = document.getElementById("testIFRAME").contentWindow.document; // .. Java Script & DOM/HTML DOM 2009.09.22
HTML DOM - createElement("tagName") : 새로운 태그 생성 문서내 새로운 태그 생성 - createElement("tagName") createElement() 메소드는 매개 변수로 태그 요소를 전달받아 문서안에 태그요소를 생성하는 메소드입니다. 생성된 요소는 document.body.insertBefore(생성한 태그요소) 메소드를 사용하여 삽입합니다. <html> <head> <script type="text/javascript"> function testIframe(.. Java Script & DOM/HTML DOM 2009.09.22
HTML DOM(Document Object Model)이란? HTML DOM(Document Object Model)은 HTML 문서를 구성하고 있는 모든 HTML 엘레멘츠(elements)를 노드로 보고 노드에 접근하기 위한 방법을 제공한다. DOM은 원래 DNM(Document Node Model)으로 불렸으나 부르기 힘들다는 이유로 DOM(Document Object Model)로 부르게 되었다. DOM에 따르면 HTML 문서는 모두 Node로 구성되어 있다고 본다.. Java Script & DOM/HTML DOM 2009.09.22
WYSIWYG(위지윅) 에디터 제작 기초 WYSIWYG(위지윅) 에디터 제작 기초 위지윅 에디터란 "What you see is what you get"의 약자로 사용자가 보는 대로 결과를 얻는다는 뜻을 줄인 말이다. 즉, 문서 편집 과정에서 화면에 나타나는 모양 그대로 출력물이 나오는 에디터를 말한다. 다음 에디터나 웹 브라우에서 웹 페이지를 작성할 때 사용하는 에디터.. Java Script & DOM/HTML DOM 2009.08.25
마우스 오버시 이미지가 계속 커지게 하는 방법 마우스 오버시 이미지가 계속 커지게 하는 방법 이미지에 마우스를 올리면 이미지가 계속 커지게 하기 위해서는 자바 스크립트의 타이밍 이벤트 메소드를 사용한다. 타이밍 이벤트 메소드는 지정한 시간이 되면 반복적으로 함수를 호출할 수 있다. 타이밍 이벤트 메소드의 종류는 다음과 같다. setTimeo.. Java Script & DOM/HTML DOM 2009.08.18
DHTML(Dynamic HTML) 이란 Dynamic HTML 인 DHTML 은 HTML 페이지에 자바 스크립트, DOM, CSS 를 활용하여 웹 페이지를 동적이고, 상호 작용적인 페이지로 만드는 기술을 말한다. 따라서 DHTML 은 프로그램 언어가 아닌 동적인 HTML 웹 페이지를 제작하는 기술을 말한다. HTML 페이지를 제작하기 위해서는 자바 스크립트가 기본이 되며 HTML DOM .. Java Script & DOM/HTML DOM 2009.06.30