How to redraw a form using javascript...

Posted on 1998-01-06
Last Modified: 2012-05-04
Dear Friends,

I created a form which has multiple selection boxes.  When
you select data from one selection box, it updates others
boxes.  The problem comes in in the PC platform; when you the boxes which got updated do not resize.  They keep the initial size as first loaded.  Because I'm using mutiple frames for some other purposes, I can NOT using history.go(0) or reload() functions to repaint the page.  

Do you have any surgestion how to solve this problem?
I'm using Netscape 3.x, 4.x by away...

Thanks for you help...
Question by:hkd

Author Comment

ID: 1277349
Edited text of question
LVL 10

Expert Comment

ID: 1277350
Have you tried history.go(0), I'm sure this
is only redraw windows, but do not reload frameset.
As I remember, Netscape server download area document
implements exactly this function to redraw
form in frameset.

Author Comment

ID: 1277351
the problem with history.go(0) was:  I created a active frame and
a hidden frame.  After user fill out the form in active frame, he/she clicks on submit button and it submits to the hidden frame.  the hidden frame then calls my cgi to update data and using hidden frame to update new data to active frame.  After data has been updated in the active frame, I have to redraw the frame by calling history.go(0).  Yes the history.go(0) did redraw the page, but the new data that hidden frame updated in javascript objects didnot get updated.  Only javascript objects in the form property got updated.

Any idea why?  

Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

LVL 10

Expert Comment

ID: 1277352
"but the new data
that hidden frame updated in javascript objects didnot get updated. Only javascript objects in the
form property got updated. "

What objects you mean?
Well, suppose your page CREATE some objects
while loading.
It will RECREATE it while RELOADING.
In this way, what values/variables it will use to recreate
this objects? Ones, you have build in script texts?
You will have old objects....

Expert Comment

ID: 1277353
to consider:

as far as I know history.go(0) will only redraw the current frame, to reload some other frame(s) you have to use:
for every frame you want to redraw!!

to keep in mind:

using history.go(0) will make some javascript variables to get lost... maybe that's why your variables at the hidden frame doesn't seem to be updated!! :(

to be sure of:

what do you mean by "They keep the initial size..."?? you mean the horizontal size (string length) or the vertical size (number of items)??

to see what's going on:

advice: try posting some code...


Accepted Solution

yyyannag earned 0 total points
ID: 1277354
If history.go(0) doesn't work, there is a way of redrawing this form. however, this is quite a long and no so professional way.
the professional way is to use history.go(0).

Here it goes :

In the hidden frame, build two dynamic arrays (don't enter number of elements of the array : var a=new Array();).
enter in one array the default names of the multiple selection box, and in the other, the values of the selection box.

In the main frame, build a JS function that reads the arrays, and uses the "new Option" statement to draw the selection box. after clicking the submit button, the function will give new values to the hidden arrays, according to the proper values of the selection boxes. then, reload the frame (NOT the page!).

Like I said, this is not a very good way, but it serves its cause.

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
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…

770 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