I'm finally getting around to developing my portfolio Web site, and I've got a contact form on it for people to -you guessed it- contact me. It's been styled with CSS, it sends the contents to a PHP mailer, etc. All that works fine. What's giving me trouble is the fact that it retains the data in the form after it's been submitted. I have no idea why. I suspect it may have something to do with the fact that the Web site is actually all one page, but I'm not sure. Could someone check it out and give me their opinion? The URL is: http://haptictheory.com/v2.
Thanks so much!
Open Designs Forum » Designer Talk
Help needed with an HTML form
(10 posts)-
Posted 2 years ago #
-
Other than the fact that I tried two different browsers and can't get the submit button to show up, I'm going to guess that the page isn't really posting back or refreshing. The web is a stateless enviroment and having data still retained is rare unless something is made to hold it.
You might want to just drop out the idea of having the jQuery fade scripts and just make four different pages for your site and see if that would work better for you.
Posted 2 years ago # -
papab30, it's posting, because I received test messages, but it's not refreshing the page. And I don't know why. I think I'll have to tell the PHP file to reload after submission.
Alas, I had my heart set on jQuery's fade for the whole site, but I think I will have to make four separate pages and then just fade them in one at a time.
Thanks for the input.
Posted 2 years ago # -
Oh, I forgot- what browsers were you using? I've tested this in FF3, IE7, Chrome Beta 2, Opera 9.6, and Safari 3.2 for PC.
Posted 2 years ago # -
you are going to have to use the jQuery form plugin to submit the form via AJAX so that you don't have to worry about redirecting via php. Google for jquery form plugin.
Posted 2 years ago # -
Uberlemurguy, thanks for the tip. Will this work with the current page setup or do you think I will have to make individual pages like papab30 suggested?
Posted 2 years ago # -
you would be able to keep the fade.
the jquery form plugin just binds a javascript even to when the form it submitted, then prevents the form from being submitted in the normal fashion.
Posted 2 years ago # -
Uberlemurguy, you rock. Thanks again for the tip on jQuery Form. Once this is finished, I invite you to have a look at it :)
Posted 2 years ago # -
I tested the pages in IE7 and FF3 on Windows. It appears that your page is posting fine now. You're hitting the main directory instead of the /v2 one you have the test site in though.
Have you changed the site to use the jQuery from plugin?
Posted 2 years ago # -
papab30, thanks for your input. The page does indeed post fine, as I have received test e-mails sent by the PHP mailer. I am aware the redirect is going to the existing page; once "V2" is finished, it'll hit the new one. Make sense?
I have not yet, but I am studying it closely and I will have it done over the weekend. I've also stumbled across the BEST JavaScript slideshow ever created: http://malsup.com/jquery/cycle/int2.html (second demo on the page). I am currently implementing an automatic slideshow ( http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm ) for my other site ( http://softwareforu3.com/v3 ), but I want one with controls for my Haptic Theory portfolio
Posted 2 years ago #
Reply
You must log in to post.