'dom'에 해당되는 글 2건

  1. 2010.01.28 iframe 내부 페이지 변경 이벤트 처리
  2. 2010.01.27 iframe 안에 있는 객체 접근

Javascript
DOM
2010. 01. 28.
안혁
http://hyok.kr



HTML 페이지에 <iframe>이 있을 때, 외부에서 프레임 내부의 페이지 변경(submit같은...) 이벤트를 잡고 싶은 경우 다음과 같이 진행하세요.

[code]
function buttonClicked() {
    //readystatechange 이벤트에 pageChanged() 함수 연결
    document.getElementById("myiframe").onreadystatechange = pageChanged;
}

function pageChanged() {
    //<iframe>의 document.readyState가 "complete"일 때......
    if (document.getElementById("myiframe").document.readyState == "complete") {
        alert("Hello World!");
    }
}
[/code]

buttonClicked()에서 [myiframe]이라는 iframe의 상태가 변경되는 경우 pageChanged()가 호출되도록 설정합니다. 그러면 pageChanged()는 [myiframe]의 상태를 확인해서 "complete"일 경우, 변경이 완료된 것으로 보고 원하는 작업을 하는 것입니다.

'HTML > Javascript' 카테고리의 다른 글

iframe 내부 페이지 변경 이벤트 처리  (0) 2010.01.28
iframe 안에 있는 객체 접근  (0) 2010.01.27
Javascript 쿠키 처리  (0) 2010.01.25
window.document.domain  (2) 2007.11.02
Posted by 안혁 windfruit

Javascript DOM
2010. 01. 27.
안혁
http://hyok.kr



HTML 페이지에서 자바 스크립트를 통하여 <iframe>을 접근할 때 document.frames를 사용하거나 id. 했으나 표준 접근 방식은 다음과 같습니다.

[code]
document.getElementById("myiframe");
[/code]

<iframe> 특성 상 내부의 객체에 접근하고 싶은 경우가 있는데, 다음과 같이 사용하면 됩니다.

[code]
var frmDoc = document.getElementById("myiframe").contentWindow.document;
frmDoc.getElementById("innerObjId");
[/code]

contentWindow.document 대신 contentDocument를 사용해도 되야하는데, 가끔 contentDocument가 undefined를 반환하는 어이없는 경우가 있어 위와 같이 사용해야 할 것 같습니다.

'HTML > Javascript' 카테고리의 다른 글

iframe 내부 페이지 변경 이벤트 처리  (0) 2010.01.28
iframe 안에 있는 객체 접근  (0) 2010.01.27
Javascript 쿠키 처리  (0) 2010.01.25
window.document.domain  (2) 2007.11.02
Posted by 안혁 windfruit
이전버튼 1 이전버튼