본문 바로가기

프로그램/dom+script+jquery

[contentWindow] iframe 접근 방법

 IE 에서 iframe 을 접근할 때 d 를 쓴다. 그러나 firefox , chrome 안먹어
iframe ID 값을 줘서 getElementById 로 읽어 온다.

//Form.html
 function mybuzz(){
  document.getElementById('buzzF').style.display='none';
  document.getElementById('buzzS').style.display='';
  document.getElementById('buzzPost').style.backgroundImage='none';
  window.open('list.html',"",'width=355,height=341,left=650,top=200');
 }
<table cellpadding="0" cellspacing="0" border="0" style="width:477px;border-bottom:1px solid #cfcfcf;">
        <tr>
         <td><img src="/image/common/buzz/pop/fr_inv_title.jpg"></td>
         <td><a href="javascript:mybuzz();" onFocus="this.blur();"><img src="/image/common/btn/inv_btn01.jpg" ></a></td>
        </tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" style="width:477px;">
        <tr>
         <td style="width:95px;"><input type="text" name="buzzPost" id="buzzPost" style="border:1px solid #cecece; background:url(/image/common/buzz/pop/txt.jpg) no-repeat 0px 0px #ffffff; width:439px; 22px;" align="absmiddle" onfocus="this.style.backgroundImage='url(none)';" ></td>
        </tr>
       </table>




//list.html
<script>
 function addEmail()
 {
   var frame = document.getElementById('emailBox').contentWindow;
  //var frame = document.frames['emailBox'];
  var emailCheckBox = frame.document.getElementsByName('email[]');
  var len = emailCheckBox.length;
  var email = '';
  var cnt = 0;

  for (var i = 0; i < len; i++)
  {
   if (emailCheckBox[i].checked == true)
   {
    email += emailCheckBox[i].value + ',';
    cnt++;
   }
  }

  if (cnt == 0)
  {
   alert('[알림] 이메일을 선택해주세요!');
   return false;
  }

  opener.document.getElementById('buzzPost').value = email;
  alert("추가 되었습니다.");
 }
</script>

<iframe id="emailBox" name="emailBox" style="width:314px;height:200px; border:1px solid #3d3d3d;" src="iframe.html" MARGINWIDTH="0" MARGINHEIGHT="0" frameborder="0" SCROLLING="yes"></iframe>



//iframe.html
<input type="checkbox" name="email[]" value="<?=$arrMem[userEmail]?>">&nbsp;<font class="h"><?=$arrMem[userName]?></font>&nbsp;<font class="b">(<?=$arrMem[userEmail]?>)</font>&nbsp&nbsp<br/>


'프로그램 > dom+script+jquery' 카테고리의 다른 글

jquery 유효성 채크  (1) 2013.03.08
jquery 날짜 입력  (0) 2013.03.08
jquery selectbox  (0) 2013.03.08
IE 7 버전에서 서로 다른 도메인간 IFRAME RESIZE  (0) 2009.03.02