/    Sign up×
Community /Pin to ProfileBookmark

Using links to update more than one frame?

Copy linkTweet thisAlerts:
Feb 22.2004

I’ve had a look about and I can’t seem to find the code I need to do this. I am very much a novice, and am using Dreamweaver.

I have 3 frames on my page. The left frame is for navigation, and I need this frame to remain constant.

I would like to be able to click on a link in the left frame, which changes the main frame to show information and the bottom frame to show sub menus.

I would be very grateful for any advice.

Thank you kindly

Kiku

xx

to post a comment
HTML

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@RedWingsSuxFeb 22.2004 — Hola...

There's probably a few different ways to make this work but this is what I use for iFrames - I'm sure it works for regular frames as well. There's two parts to this. One: the link code and Two: the frameset code.

One - the link code that goes in your left navigation page.

<a href="#" onClick=document.frames['main'].location='main.htm';document.frames['bottom'].location='bottom.htm'>Link Text</a>

hint : don't touch the brackets and quote(s).

Two - the frameset page, your frame that calls main.htm must be named main like this: name="main" and the same for the bottom. See example below. Note, the name="?" and the ?.htm.

<frame name="left" src="left.htm">

<frame name="main" src="main.htm">

<frame name="bottom" src="bottom.htm">

If you have issues, reply with the frameset code in your message. It's kinda hard to view the frameset code in DreamWeaver so if you don't know how or don't know what I'm talking about, try viewing the "frameset.htm" with an external editor like notepad.

If you understand these instructions then don't read on...

I'm only writing this because you said "novice." and I personally have problem viewing frameset code in DreamWeaver and I don't know how to give you instructions on how to find it.

Don't know what Frameset code is? you should have 4 .htm files (yours will be named differently.

1) left.htm

2) main.htm

3) bottom.htm

4) frameset.htm

The frameset.htm has the second code chunk you will need to edit.

Hope that helps...
Copy linkTweet thisAlerts:
@KikumomoauthorFeb 22.2004 — Okay um

<frame name="left" src="left.htm">

<frame name="main" src="main.htm">

<frame name="bottom" src="bottom.htm">

This goes in the <head></head> part of the frameset page. This is the page that defines the frames size and shape etc.


and

<a href="#" onClick=document.frames['main'].location='main.htm';document.frames['bottom'].location='bottom.htm'>Link Text</a>

Goes in the left navigation page.


My question is, the link for the navigatio page, Can I change 'main.htm' and 'bottom.htm' to show any value?

There are about 10 links in the navigation menu and each needs to open a different page in the main and bottom frames.


Is it possible to do this, or am I asking too much ?


Thanks for keeping it simple! ?


Kiku

xxx



[edit]

Oh just to confirm do I enter the frameset text like so?

<script language="JavaScript" type="text/JavaScript">

<frame name="left" src="left.htm">

<frame name="main" src="main.htm">

<frame name="bottom" src="bottom.htm">

</script>
Copy linkTweet thisAlerts:
@KikumomoauthorFeb 22.2004 — I can't seem to get it to work at all.

<frameset rows="*" cols="150,*" frameborder="NO" border="0" framespacing="0">

<frame src="/left_frame.htm" name="leftFrame" scrolling="NO" noresize title="leftFrame">

<frameset rows="500,100" frameborder="NO" border="0" framespacing="0">

<frame src="/main_frame.htm" name="mainFrame" scrolling="NO" noresize title="mainFrame">

<frame src="/bottom_frame.htm" name="bottomFrame" scrolling="NO" noresize title="bottomFrame">

</frameset>

</frameset>
Copy linkTweet thisAlerts:
@gizmoFeb 22.2004 — For a more detailed explanation have a look at http://www.htmlgoodies.com/tutors/zippy1.html

There is also a Webmonkey page covering this which I posted the link for in reply to someone else some months back.
Copy linkTweet thisAlerts:
@KikumomoauthorFeb 22.2004 — Thanks Gizmo, I saw that but got confused. I don't want to use a button. Is there a way to alter that code so that it just uses text as a link?
Copy linkTweet thisAlerts:
@KikumomoauthorFeb 22.2004 — okay that's confusing me even more ?

The <form> one works great, Is there no way to change the buttin in to text?
×

Success!

Help @Kikumomo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...