Solved

Left Frame, Upper Right, Lower Right

Posted on 2003-10-31
6
286 Views
Last Modified: 2010-04-09
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
Comment
Question by:yunkaa
6 Comments
 
LVL 15

Assisted Solution

by:VincentPuglia
VincentPuglia earned 166 total points
ID: 9661928
function doit(frameName, bkmark)
{
top.[frameName].location=top.[frameName].location.toString()+bkmark
}
//-->
</script>
</head>
<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

by:fozylet
fozylet earned 166 total points
ID: 9662234
Your frameset page...
<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

by:fozylet
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
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 
LVL 31

Accepted Solution

by:
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>
<head>
</head>
<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>
  <p>This page uses frames, but your browser doesn't support them.</p>
  </body>
  </noframes>
</frameset>
</html>

Left Frame: - The target location of the links is set in the actual link itself
********
<html>
<head>
</head>
<body>
<p><a href="upper.html#happy" target="upperframe">Happy Faces</a></p>
<p><a href="lower.html#sad" target="lowerframe">Sad 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
**********
<p><a name="sad">My Sad Faces</a></p>

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

Thanks,
GM


0
 

Author Comment

by:yunkaa
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

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

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
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 style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

815 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now