Crashcourse in FRAMES
HyperLinks And Frames:
Now for the part MOST of you have been waiting for!! Links in FRAMES!!
If you were to put a normal HyperLink within one of your frames, the frameset would maintain it's integrity, but the window the link is in changes. As an example, I will make a simple 50/50 frameset, one side blue, one side red and put the following hyperlink to green within the blue frame. This will be your ordinary Hyperlink like so:
Here's a link in blue's HTML that will link green to load in it's frame:
<A HREF="green.html">CLICK HERE!!!</A>
To open this example CLICK HERE and click on the link in the example to see what happens with the above HyperLink.
Now, I get the feeling that a lot of you don't want to do JUST that, so I'm going to show you how you change one frame, from another frame. In this case, I'm going to change RED into GREEN by clicking on a HyperLink in BLUE. To do this, your frames will have to have names. Here is what the FRAMESET for the next example will look like and please note the NAMEs of the frames....
The HyperLink in "blue" will be very similair to what you are used to, but with the TARGET tag added:
Here's HTML for "blue" to load "green" into "red":
<A HREF="green.html" TARGET="red">CLICK HERE!!!</A>
Can you see what this should accomplish? You want to HyperLink "green", but you want it to load in a frame with the name "red". In other words: Your target for "green" is "red". To check this out, CLICK HERE.
You can see that, thanks to the TARGET command, it will be easy to have a menu in one frame and load elements into another. A common use of frames.
There are default targets as well. You've seen what happens when a target is left out of a HyperLink, and what happens when you target the name of a frame. There is also:
<A HREF="green.html" TARGET="_top">CLICK HERE!!!</A>
This clears the FRAMESET and loads "green" on TOP in the browser...Especially useful to transport one from a FRAME page to a non-FRAMES page as in this... EXAMPLE.
<A HREF="green.html" TARGET="_blank">CLICK HERE!!!</A>
This opens a whole new, or BLANK, browser window and loads "green" into it... EXAMPLE
<A HREF="green.html" TARGET="_parent">CLICK HERE!!!</A>
This clears the last FRAMESET created and loads "green" in that part of the browser...HUH?! Well, that almost made sense! Now we get advanced....NOW WE GET ADVANCED?!? Looks like a new chapter!
Nested Frames and the _parent target:
Let's try explaining that again....If you have a frameset nested in a frameset, then targeting _parent will only load the HyperLinked file into the last frameset built.
What is a nested frameset? It's when you have one frameset and within one of the frame src's another frameset is built. That frameset would be nested.
Here's an example:
Here's the HTML for "frame.html":
You see, the frameset created in "frame.html" will split up the 45% given to it in the first example into two more frames that are 55% and 45% of that. Now these frames are "nested" and the end product will not look to different from one of our very first examples:
Now, why would you want to do this if you could just do this in one frameset?? Here's why: The Parent Tag. If you are within "frame.html" with a link and targeted "_parent" then ONLY the frameset in "frame.html" will change! For example, let's make another frameset and call it "newframe.html" and in it have two new frames with the same parameters, but different colors:
Here's the HTML for "newframe.html":
Now let's put a link within "red.html" that will clear out "frame.html" and load "newframe.html" in it's place.
<A HREF="newframe.html" target="_parent">CLICK HERE!!!</A>
Want to try it out? CLICK HERE.
Now of course, this works if the FRAMEs are NAMED. If I named the frame that had frame.html in it "moreframes" and used target="moreframes" it would've worked the same way. As is the case if I wanted a link in "blue" to change the frameset in "frame.html", I would target the name of the frame. Here's a rewrite of the initial frameset:
And in "blue.html" we are going to have this HyperLink:
<P><BIG>Here's "blue's" HTML that will load "newframe.html" into the frame named "moreframes":</BIG><BR>
And the same effect will happen, but the link is in the blue frame instead. CLICK HERE to find out what it does.
Using The WILDCARD...
This, my friends, concludes my lesson on Frames. I believe I've exhausted explaining all of the basics, so if you'd like to return to my site, CLICK HERE! You will find more on HTML, Frames and more, there.