반응형

DOM 10

IFRAME에 입력한 데이터를 넘기기.

IFRAME에 입력한 데이터를 넘기기. 일반적으로 INPUT 태그, TEXTAREA 태그가 아니면 데이터의 입력이 불가하다. 그러나 자바스크립트를 이용하면 IFRAME에 데이터를 입력할수 있다. onload = function() { getIFrameID("Editor").designMode = "On"; // 로드시 읽지 않으면 실행되지 않는다. } function getIFrameID(aID) { if (document.getElementById(aID).contentDocument) { return document.getElementById(aID).contentDocument; // FF } else { return document.frames[aID].document; // IE } } 페이지가..

Web/Javascript 2008.10.21

Show Hide 자바스크립트 CheckBox

Show Hide 자바스크립트 CheckBox 체크박스의 이벤트 핸들러의 경우에는 onclick 이다. 클릭을 할경우 showHideBox(this) 를 호출한다. Obj.checked 로 체크박스 객체가 체크되었는지 유무를 확인한다. 위의 소스를 이용하여 여러곳에서 사용이 가능한 소스로 변경. ShowHide를 시킬 대상의 이름을 함수에 함께 포함시켜서 대상의 이름변경만으로 여러곳에서 사용이 가능하다.

Web/Javascript 2008.07.04

Show Hide Javascript

Show Hide Javascript 함수를 넣어서 간단하게 쇼하이드를 시킬수 있다. 보이지 않게 할 경우. function hideLayer(whichLayer) { if (document.getElementById) { // DOM의 사용이 가능한 경우 document.getElementById(whichLayer).style.visibility = "hidden"; document.getElementById(whichLayer).style.display = "none"; } else if (document.all) { // IE의 예전버전의 경우 document.all[whichlayer].style.visibility = "hidden"; document.all[whichlayer].style.d..

Web/Javascript 2008.07.02

AJAX 준비

AJAX (Asynchronous Javascript and XML) Ajax의 영문으로 보아서 javascript와 XML을 사용한 어떤 언어 같이 느껴질수 있다. 물론 javascript와 XML을 사용하지 않는것은 아니다. 당연히 Ajax에서 javascript와 XML은 많은 부분을 차지한다. 그러나 그 외에도 DOM, JSON 등 복합적으로 사용되는것이 Ajax이다. 이름으로 보아서는 새로운 방식의 언어라고 생각할수도 있을지 모르지만 우리가 예전부터 익히 사용해 왔던 DHTML을 기본으로 여러가지 기능이 추가된 언어라고 생각하면 될듯하다. DHTML은 Dynamic HTML 즉 DOM을 사용해서 문서를 동적으로 변화시키는 방식인데 Ajax는 DHTML을 많이 사용한다. Ajax와 기존의 방식과 ..

Web/Ajax 2008.04.09

Javascript 와 DOM을 사용한 시계

Javascript 와 DOM을 사용해 간단한 시계. 시계 현재 시간은 입니다. DOM(Document Object Model)의 getElementById를 사용하여 ID가 clock를 clock 변수에 넣고, now에는 현재의 시간을 설정한다. DOM을 가장 편하게 쓸수 있는 방법 중의 하나가 innerHTML 인데, clock.innerHTML 에 현재의 시간을 넣으면 쉽게 span 태그내에 시간이 들어간다. 소스 보기를 하면 당연히 span 태그 내에는 아무것도 없다.

Web/Javascript 2008.04.08

DOM - getElementsByTagName

DOM의 구조에서 getElementById와 함께 엘리먼트를 가져올수 있는 또 다른 방법이 getElementsByTagName 이다. 일반적으로 ID를 사용해서 엘리먼트를 가져올 경우에는 ID는 문서내에서 유일하다고 생각해서 s가 붙지 않지만 TagName 의 경우에는 한 문서내에서 같은 Tag가 많이 사용되므로 반드시 s 가 붙는다. 따라서 getElementByTagName 가 아니라 getElementsByTagName 이다. 그리고 Tag의 경우에는 여러개가 있을 가능성이 있어서 보통의 경우 배열 형태로 엘리먼트를 가져온다. 사용예 function getElement() { var tag = document.getElementsByTagName("div"); alert (tag.length);..

Web/Dom 2008.03.23

DOM과 Javascript를 사용한 간단한 Show, Hide

DOM이란 Document Object Model 의 약자로서 "문서객체모델" 이다. CSS가 웹페이지의 스타일 변경을 한다고 하면, DOM은 웹페이지를 동적으로 움직일수 있게 도와준다고 생각하면 된다. 그러나 DOM만 있다고 해서 웹페이를 동적으로 만들수 있는것은 아니고, Javascript등의 제어를 통해서 동적으로 만들수 있다. getElementById() 메소드는 특정 아이디를 가진 요소 노드에 직접 접근할수 있다. 대소문자를 구분하므로 반드시 getElementById 로 적어야 한다. 메인메뉴 서브메뉴1 | 서브메뉴2 | 서브메뉴3 | 서브메뉴4 | 서브메뉴5 여기부터는 내용입니다. 2개의 DIV 태그에 각각 아이디를 부여하고 그 아이디를 getElementById 메소드로 접근해서 해당 스..

Web/Dom 2007.12.10
반응형