Dynamic Frameset

JavaScriptSource Staff Sep 9, 2000

Rather than setup separate framesets each time you want to start over and open one of your page inside your frames, use this dynamic frameset script. You can load all your content pages as necessary through one page -- the magic begins when you use a search string (a '?' in the URL). The page passed then is opened in your frames. A default content page is used if no information is passed. Cool!

Load Buttons in My Frames
Load Clocks in My Frames
Load Default Page in My Frames

The JavaScript Source: Navigation: Dynamic Frameset

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

<!-- FOUR STEPS TO INSTALL DYNAMIC FRAMESET:

1.  Create a new HTML page, name it dynamic-frameset.html
  2.  Insert this first script into the HEAD of the frameset page
  3.  Add the last code into the BODY of your HTML document
  4.  Then link to your dynamic-frameset.html page as demonstrated  -->

<HEAD>

<!-- Begin
var table_of_contents = "http://www.javascriptsource.com/new/";  // change to your default frame page

var blank = " "; // blank page
var content = (location.search) ? location.search.substring(1, location.search.length) : table_of_contents;

// if query string ('?' after URL) set content variable to what follows the '?'
// otherwise, start fresh by setting content variable to table_of_contents page

function fillFrame() {
parent.main.location.href = content;
}
//  End -->
</script>
</HEAD>

<BODY>

<a href="dynamic-frameset.html?http://buttons.javascriptsource.com" target="_new">Load Buttons in My Frames</a>
<br/>
<a href="dynamic-frameset.html?http://clocks.javascriptsource.com" target="_new">Load Clocks in My Frames</a>
<br/>
<a href="dynamic-frameset.html" target="_new">Load Default Page in My Frames</a>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Dynamic Frameset

Leave a Response

Attention JavaScript Coders

Go Deeper