Make new frameset : Frame FrameSet « HTML « JavaScript DHTML

1. JavaScript DHTML
2. HTML
3. Frame FrameSet

Make new frameset

  
<!-- 
     Example File From "JavaScript and DHTML Cookbook"
     Published by O'Reilly & Associates
     Copyright 2003 Danny Goodman
-->


function makeNewFrameset() {
    var newFrame1 = document.createElement("frame");
    newFrame1.id = "newFrame1";
    newFrame1.name = "newFrame1";
    newFrame1.src = "altNavBar.html"
    var newFrame2 = document.createElement("frame");
    newFrame2.id = "newFrame2";
    newFrame2.name = "newFrame2";
    newFrame2.src = "altHome.html"
    
    var frameset = document.getElementById("masterFrameset");
    while (frameset.childNodes.length > 0) {
        frameset.removeChild(frameset.firstChild);
    }
    frameset.cols = null;
    frameset.rows = "80, *";
    frameset.appendChild(newFrame1);
    frameset.appendChild(newFrame2);
}

----------

function makeNewFrameset() {
    var frag = document.createDocumentFragment();
    var newFrame= document.createElement("frame");
    newFrame.id = "newFrame1";
    newFrame.name = "newFrame1";
    newFrame.src = "altNavBar.html"
    frag.appendChild(newFrame);
    newFrame = document.createElement("frame");
    newFrame.id = "newFrame2";
    newFrame.name = "newFrame2";
    newFrame.src = "altHome.html"
    frag.appendChild(newFrame);
    
    var frameset = document.getElementById("masterFrameset");
    while (frameset.childNodes.length > 0) {
        frameset.removeChild(frameset.firstChild);
    }
    frameset.cols = null;
    frameset.rows = "30%, *";
    frameset.appendChild(frag);
}


           
         
    
  

Related examples in the same category

1.	Parent window
2.	Window top frame
3.	Frame 'cols' Example
4.	'rows' Example
5.	'noResize' Example
6.	'frameElement' Example
7.	'frameBorder' Example
8.	'frameSpacing' Example
9.	Frameset in Javascript
10.	Create frameset
11.	Hide and Show Frame Example
12.	Handling Load Events in a Layout Document
13.	Frameset for document.URL Property Reader
14.	Creating a Blank Frame
15.	A blank frameset with Javascript
16.	Get frame size
17.	Frameset Navigator
18.	Frameset show and hide
19.	Multiple Search Engine
20.	File: frameset.htm
21.	Reference to parent frame from inner frame