Solved

Changing frame size

Posted on 1998-03-12
8
1,412 Views
Last Modified: 2012-06-22
I have HTML page with 2 frames. The problem I have is that I want to
change the size (width) of frames when user clicks on something (link)
in one of the frames. In the begining both frames have the same width,
but after user click I want one frame to shrink and the other to grow.
Is that possible in javaScript? If not, how could i do something like this?
0
Comment
Question by:marko020397
  • 4
  • 3
8 Comments
 
LVL 5

Expert Comment

by:julio011597
Comment Utility
No, you cannot do it.

The simplest way to achieve that effect is make your link refer to another container with the new needed frames.

Cheers.

0
 
LVL 4

Author Comment

by:marko020397
Comment Utility
I have tried this, but then the contents of frames change. Is it possible to look in both frames save contents (URLs) of frames and open new frameset with this contents?
0
 
LVL 5

Expert Comment

by:julio011597
Comment Utility
This can be done with the methods of the document object.

Would you like a way to go, or do you need full code?
0
 
LVL 4

Author Comment

by:marko020397
Comment Utility
Give me just the way to do it. I will write it myself.
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 1

Accepted Solution

by:
superquestions earned 500 total points
Comment Utility
Just quit, Marko... if there is really a way to do that, then your page will probably have a lot of imcompatibility problems with browsers v3.0 or less. Well... I can just suggest you to quit with your idea.
0
 
LVL 5

Expert Comment

by:julio011597
Comment Utility
Acually, superquestion is not wrong; any JavaScript way to accomplish the job would work great on some browser and give problems on others.

Anyway, if versions are not a concern, here is a general scheme of what i meant:

you could have a container page looking something like this:

--//--
<HTML>
  <HEAD>
    <SCRIPT LANGUAGE="JavaScript"><!--
      function updateFrames() {
        with(self.document) {
          open();
          writeln("<HTML>");
          writeln("  <FRAMESET ROWS=\"10,*\">");
          writeln("    <FRAME SRC=\"Left.htm\">");
          writeln("    <FRAME SRC=\"Right.htm\">");
          writeln("  </FRAMESET>");
          writeln("</HTML>");
          close();
        }
      }
    // --></SCRIPT>
  </HEAD>
  <FRAMESET ROWS="*,*">
    <FRAME SRC="Left.htm">
    <FRAME SRC="Right.htm">
  </FRAMESET>
</HTML>
--//--

And, in your - say - Left.htm there could be the needed link, looking like:

<A HREF="javascript:void(top.updateFrames())">Update Frame</A>

This a no-return script, i.e. you will update your frames once; but it could be easily modified to handle more complex cases.

Regards.

P.S. About points: if what i have written is of any use to you, i hope you'll award me a few points anyway... (BTW, there are ways to share points among experts too, by asking EE support)
0
 
LVL 4

Author Comment

by:marko020397
Comment Utility
Adjusted points to 500
0
 
LVL 4

Author Comment

by:marko020397
Comment Utility
Sorry, Julio. I though I was grading your answer and giving 500 points. I didn't notice that you were giving a comment. Now I rewarded "superquestions" for suggestion to quit, which doesn't deserve 500 points.

Now. How should I give you points? I didn't quite understand what you were thinking.
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

771 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