부모(parent) 페이지에서 iframe 속의 html 태그 ,웹컨트롤 제어하기..

iframe 의 html 이나 웹 컨트롤을 제어해 보자..ㅋㅋ

시나리오는 부모페이지에서 자신에 속한 아이프레임의 div 컨트롤을 보였다 안보였다 하게 제어 하는것이다.

우선 부모페이지에서
<iframe src="aaa.html" id="iSub_page" name="iSub_page" frameborder="0"></iframe> 이 있다고 치고

--ifame 안에 div로 묶인 html 컨트롤등이 있다고 치자
<div id="loading">
<img src="./loading.jpg" >
</div>

그럼 다시 부모 페이지로 와서 특정 이벤트가 발생을 하면 보였다 안보였다를 제어한다.
function clickbtn(gubun){

var frameName =document.frames["iSub_page"];

if(gubun=='Y'){
    frameName.document.getElementById('loading').style.visibility="hidden";  //div 감추기
}else{
   frameName.document.getElementById('loading').style.visibility="visible";   //div 보여주기

}

}
 ============================
 var frameName =document.frames["iSub_page"];
 를 이용하여 다른 컨트롤도 동일하게 다룰 수 있다.