• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1079
  • Last Modified:

How to create a simple preview page before form submit.

I am trying to find a simple way to create a preview page before submitting.
Not sure if it would make a difference that I am using a form in asp with some fields automatically filled from a table based on their login.
Is there a simple way to do this?

Thanks in advance.
0
colonelblue
Asked:
colonelblue
2 Solutions
 
Slim81Commented:
Couldn't you just pass the data to a page that displays the data, then submit the form data via hidden fields (via button click on the "display page")?

Are you using Dreamweaver?

-Slim
0
 
scrathcyboyCommented:
** simple  and  preview ** are largely contradictory.  Any preview takes a new page refresh or a lot of code writing, and is not "Simple".

You can compose a preview page in a popup window entirely with javascript's document write which would be the javascript purists' way to do this, or you can send the data to PHP and have it send back a new page with the preview, which would be considered the "normal" way to do this.  Both take work.
0
 
Dave BaldwinFixer of ProblemsCommented:
I agree with @scrathcyboy on this.  The preview pages I've had to do took a lot more code than the original forms.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
colonelblueAuthor Commented:
@Slim81 : Thank you that was what I was assuming. I just thought there might be a simpler way, so I asked. Yes I am using Dreamweaver.

@scrathcyboy: As I had said above (  I just thought there might be a simpler way which prompted me to ask)  and what DaveBaldwin had ascertained that it took more code to do than the original form.

Incidentally as I initially posted , I am using ASP NOT PHP.
Also, if I knew how to "compose a preview page in a popup window entirely with javascript's document write" this question would be redundant, no? But thank you just the same.
0
 
scrathcyboyCommented:
I was merely pointing out that every way you go, ASP, PHP, javascript, it is doing a whole new page all over again.  However, there is a way you can get around ALL of this problem, if you are interested.

You develop 2 CSS style sheets -- one for viewing and one for printing.  Then at the top of the page you have a link View as webpage / view as print page -- and you simple TOGGLE the two style sheets to use either the one for printing or the one for previewing.

Once you do this at the outset, it is less than 2 pages of work, it is about 1.5 pages effort.  Note that the view as printed also includes making headers, graphics, icons and pictures disappear, so it takes a fair bit of CSS effort to get it right -- but it does work, and many sites are now doing it.

It will be the trend of the future, just as multilingual sites are now doing.
0
 
scrathcyboyCommented:
Didn't finish, sorry -- multilingual sites are doing this toggle button for the web pages for different languages.

And as far as a FORM, it is basically the same as a print preview, because you are redesigning it (by CSS or by page refresh) to look how you want it to look.  Most dual CSS pages are with the thought of final print layout.  It would take some careful thought as to how to style the form for preview, but it is doable.
0
 
colonelblueAuthor Commented:
Thank you.
0
 
Jason C. LevineNo oneCommented:
This question has been classified as abandoned and is being closed as part of the Cleanup Program. See my comment at the end of the question for more details.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now