Solved

# Left Frame, Upper Right, Lower Right

Posted on 2003-10-31
284 Views
Hello,

Our page looks like this:

L
E         UPPER FRAME
F
T

F
R
A         LOWER FRAME
M
E

How can we write the links in the left frame to target BOOKMARKS in the upper and lower frames?

Many thanks,

Yun
0
Question by:yunkaa

LVL 15

Assisted Solution

VincentPuglia earned 166 total points
ID: 9661928
function doit(frameName, bkmark)
{
top.[frameName].location=top.[frameName].location.toString()+bkmark
}
//-->
</script>
<body>
<iframe name='theFrame' src='c://Documents and Settings/Vinny/My Documents/GrassBlade/dHTML/scrollDiv.html'></iframe>
<a href="#" onclick='doit('upperFrame','#rose');return false'>gothere</a>
<a href="#" onclick='doit('lowerFrame','#daisy');return false'>gothere</a>
</body>
</html>

substitute 'upper/lowerFrame' with the real name of the frames

Vinny
0

LVL 8

Assisted Solution

fozylet earned 166 total points
ID: 9662234
<FRAMESET COLS="20%,80%">
<FRAME NAME="leftFr" SRC="left.htm">
<FRAMESET COLS="20%,80%">
<FRAME NAME="topFr" SRC="top.htm">
<FRAME NAME="botFr" SRC="bot.htm">
</FRAMESET>
</FRAMESET>

And in left.htm...
<a href="content.htm" target="topFr">
<a href="bottom.htm" target="botFr">
0

LVL 8

Expert Comment

ID: 9662237
<FRAMESET COLS="20%,80%">
<FRAME NAME="leftFr" SRC="left.htm">
<FRAMESET ROWS="50%,50%">
<FRAME NAME="topFr" SRC="top.htm">
<FRAME NAME="botFr" SRC="bot.htm">
</FRAMESET>
</FRAMESET>

made a mistake in the frameset code i guess.
0

LVL 31

Accepted Solution

seanpowell earned 168 total points
ID: 9663467
Like this...

Simplified versions for clarity:

The Main Frameset - notice that the left frame "does not" have a default target set.
***********
<html>
<frameset cols="150,*">
<frame name="left" scrolling="no" noresize src="left.html">
<frameset rows="20%,*">
<frame name="upperframe" src="upper.html">
<frame name="lowerframe" src="lower.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>

Left Frame: - The target location of the links is set in the actual link itself
********
<html>
<body>
<p><a href="upper.html#happy" target="upperframe">Happy Faces</a></p>
</body>
</html>

Your bookmarks are coded like this:

in upper.html
**********
<p><a name="happy">My Happy Faces</a></p>

in lower.html
**********

Let me know if any of that isn't clear...

Thanks,
GM

0

Author Comment

ID: 9663665
We are so grateful tooall of you for taking the time to help.  Through a combination of each of your answers we were able to get it done.  You are wonderful.  We have split the points among you.  Thanks again!! You put the "E" in experts.

Best wishes,

Yun
0

LVL 31

Expert Comment

ID: 9663670
You're very welcome. Gald we could help!
0

## Featured Post

### Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.â€¦
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsersâ€¦