HTML내용을 IFRAME애 동적으로 보내기 > script

본문 바로가기
사이트 내 전체검색

script

HTML내용을 IFRAME애 동적으로 보내기

페이지 정보

작성자 서방님 댓글 1건 조회 131회 작성일 06-09-12 17:28

본문

★IFRAME에 내보낼 HTML내용을 작성하세요.

<textarea name="sourcediv" rows="10" cols="70"></textarea>

★입력한 내용을 받은 IFRAME

<iframe src="about:blank" id="iblank" width="500" height="100"></iframe>

★내용입력후 버튼을 클릭하면 아이프레임에 적용될수 있도록...

<INPUT TYPE="button" onclick="SendIframe()" value="아이프레임으로 내용보내기">

★실제로 적용하는 자바스크립트 메소드

  <script language='javascript'>
    function SendIframe()
    {
        var ifr = document.all["iblank"]; //iframe을 찾는다.
        if( ifr != null )//iframe을 찾은경우
        {
          var sdiv = document.all["sourceDiv"].value;  //원본내용을 찾는다.
          var idocument = ifr.contentWindow.document;

           //iframe 내의 document를 가져온다.
          idocument.write(sdiv);  //iframe에 원본내용을 출력한다.
          idocument.close();

           //document.write를 완료 한다. 완료 하지 않으니 계속 대기 상태로 있어서..
        }
    }
  </script>

댓글목록

ngn님의 댓글

ngn 작성일

<p>좋은 자료 감사합니다.</p>

Total 846건 52 페이지
게시물 검색

회원로그인

접속자집계

오늘
124
어제
225
최대
1,347
전체
154,883
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.