2009. 6. 19. 14:44

iFrame 사용하기


//-----------------------------------------------------------------
부모창에서 iFrame으로 submit() 하기

function treeEvtLink(code){
document.form1.method = 'post';
document.form1.action = './inner_dept_user.jsp';
document.form1.target = 'targetFrame';
document.form1.dept_code.value = code;
document.form1.submit();
}

<iframe name="targetFrame" src="./inner_dept_user.jsp" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>

//----------------------------------------------------------------
iFrame에서 자기 자신에게 submit() 하기 --  inner_dept_user.jsp

function selTeamForJob(){
var team_code_value = document.form1.select_team.value;
document.form1.action = './inner_team_job.jsp';
document.form1.method = 'post';
document.form1.team_code.value = team_code_value;
document.form1.target = 'targetFrame';
document.form1.submit();
}

//----------------------------------------------------------------
부모창에서 iFrame 값 사용하기

function goProcedure(){
         var obj = document.frames("iframe이름").document.forms[0];
}

//---------------------------------------------------------------

iFrame에서 부모창 값 사용하기

<form name='test'>

    <input type='text' name='intext' id='setext'/>

</form>

 

// id로 사용하기

function getvaluetest(){

  parent.document.getElementById("setext").value;

}


// form 이름으로 사용하기

function getvaluetest(){

  parent.document.test.intext.value;

}