Processing a HTML page with many forms on it

Posted on 2003-02-19
Medium Priority
Last Modified: 2010-04-09
I've got a HTML page that I've divided into many forms. Each form contains data from a database that is retrieved when the page is loaded. Because of the volume of data, the overall page is slow(ish) to load, but just about OK. I want to offer the user the chance to update the data that is displayed in each form on the page and then to update that data and refresh the form in situ i.e. there's no need for a total page reload. Is there any way of doing this ? Here's a brief bit of pseudo-code to try and explain further :-

<form name="form1">
data for record 1 here with a button to update it. Can form1 just be refreshed ?

<form name="form2">
data for record 2 here with a button to update it. Can form2 just be refreshed ?

<form name="formN">
data for record N here with a button to update it. Can formN just be refreshed ?
Question by:ggale
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2

Accepted Solution

amaiman earned 600 total points
ID: 7982126
The submit button for the Refresh would cause it to reload the entire page.  I don't think there's a way to directly just update one of the forms without reloading the entire page.

One way to get around the problem would be to use frames on your page.  Put each form in a seperate frame, and turn off the frame borders so it isn't visible that you did that.  Then the submit button will only affect the active frame, and would allow you to refresh only the section that you wanted to.

Each form would then be in a seperate HTML file, and the frames would be linked into the main page using the <frameset> tag.  Let me know if you need more information on how to do this.

Expert Comment

ID: 7998382

 <FRAME SRC="processing.asp" NAME="one">
 <FRAME SRC="index.asp" NAME="main">

<form name="form1" target="one" action="1.asp">
1: <input type="text" name="1" size="20">
<form name="form2" target="one" action="2.asp">
2: <input type="text" name="2" size="20">

but you couldnt validate in this way
LVL 53

Expert Comment

ID: 8820364
This question has been classified abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.

Unless it is clear to me that the question has been answered I will recommend delete.  It is possible that a Grade less than A will be given if no expert makes a case for an A grade. It is assumed that any participant not responding to this request is no longer interested in its final disposition.

If the user does not know how to close the question, the options are here:


LVL 53

Expert Comment

ID: 8963581
It is time to clean this abandoned question up.

I am putting it on a clean up list for CS.

points to amiaman   grade B


If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.



Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

765 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