Quick Search:
 JavaScript: Copy IFRAME contents Jump to:  
Category: >> JavaScript >> Copy IFRAME contents  

<< lastnext >>

Snippet Name: Copy IFRAME contents

Description: NN6 has powerful DOM operations to copy elements and nodes, named


which creates a deep copy of the node. It is also possible to clone a
node from a document in one window/frame and to insert the cloned node
into another frame or window's document.

IE5+ also provides cloneNode but for our task to copy elements or nodes from frame to frame it doesn't help as IE5 and IE5.5 don't allow you to insert the node created in one window/frame document into another
window or frame's document. But as IE4+ has innerHTML and outerHTML properties for elements and the powerful insertAdjacentHTML so that we can use cloneNode and other DOM operations for NN6 and the HTML operations for IE4.

Comment: (none)

Highlight Mode: JAVASCRIPT
Last Modified: February 27th, 2009

copying elements between frames
FUNCTION loadFrame () {
  VAR html = '';
  html = '<HTML><BODY>';
  html += '<TABLE ID="aTable" BORDER="1">';
  FOR (VAR r = 0; r < 3; r++) {
    html += '<TR>';
    FOR (VAR c = 0; c < 5; c++)
      html += '<TD>' + r + ', ' + c + ' Kibology<\/TD>';
    html += '<\/TR>';
  html += '<\/TABLE>';
  html += '<\/HTML>';
  WITH (window.iframe0.document) {
FUNCTION copyTable() {
  IF (document.all) 
  ELSE IF (document.getElementById && document.body.cloneNode) {
    VAR table = window.iframe0.document.getElementById('aTable');
    VAR tableCopy = table.cloneNode(TRUE);
<BODY ONLOAD="loadFrame()">
<INPUT TYPE="button" VALUE="copy table"
<IFRAME NAME="iframe0" 
        WIDTH="400" HEIGHT="150"
<IFRAME NAME="iframe1" SRC="about:blank"
        WIDTH="400" HEIGHT="150"

   Home |    Search |    Code Library |    Sponsors |    Privacy |    Terms of Use |    Contact Us © 2003 - 2024 psoug.org