|
HTML - 2 Form Method Reffering To The Same Page
bro can u please help me in making my web page efficient.........i want 2 form method refer to the same html page with different functionality.
Similar TutorialsI was looking at w3schools.com and was reading about <Form> but i found a line that i dont know what means so i wanted to hear if U guys could tell me the meaning in some other ways so i might understandt it The line is this: This method sends the form-data as an HTTP post transaction... I dont understandt what they mean with the HTTP post transaction. THX U for the help http://www.jabproductsonline.com/test/default.html At this site I have a web form that has two steps. Each just gets information, but the second step doesn't ultimately post to the url it's supposed to go to. What's up with this? I have the same type of web form working elsewhere (orange.977mb.com) but this one doesn't seem to want to work. It's posting to a https site, but you can see the code just by going to the web form and checking it out. If you fill in the information, make it clear that it's testing stuff Thanks! Hi All - I'm new to the forums and also somewhat new to web development. I'm trying to scrape together a website for my wedding and have managed my way through most of it, however the RSVP form is killing me. I believe the page is working fine with FF3 - at least it does what I want it to do. In IE7 however, when the submit button is pressed IE appears to hang, and status bar reads "waiting for rsvp2.php". The page never appears, however the file creation on the back end does complete successfully, so it IS doing something. I have changed the form method to "get" and IE seems to proceed normally, but I don't want to use this as a permanent solution. The URL is below and any help would be greatly appreciated. If there isn't enough information please let me know! www.nikiandzack.com/rsvp.php Thanks, Zack A page experiencing the problem I'm describing is: http://www.gigichic.com/press.aspx The issue is there's a form on the page at the bottom to submit your first name and e-mail to subscribe to a newsletter. The pages are all ASP generated, so it's a form within a form. To work around the issue, I added a </form> tag at the beginning of the new form to stop the ASP's form from continuing. This works great in Firefox, Opera, and Safari, but Internet Explorer destroys the layout. To attack the problem from a different approach, I've created a page called "newsletter.html" which contains the form and the social buttons (see he http://www.gigichic.com/newsletter.html ). The thought was - create the page, call it from an iFrame in the top bar (client wanted it up top originally). The problem there is that I can't figure out how to get the "Join" button to redirect the parent page instead of just the 36px*400px iFrame. The code for the form used is: Code: <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup3859" accept-charset="UTF-8" onsubmit="return verifyRequired3859();" > <input type="hidden" name="redirect" value="http://www.gigichic.com/thankyou.aspx">
<input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html">
<div id="SignUp">
<table width="100%" class="signupframe" border="0" cellspacing="6" cellpadding="0">
<tr>
<td align="center">
Want to know about our latest fashions, sales and events? Subscribe to our newsletter today!
<input type="text" name="fields_email" size="12" placeholder="Email Address">
<input type="text" name="fields_fname" size="12" placeholder="First Name">
<input type="hidden" name="listid" value="46074">
<input type="hidden" name="specialid:46074" value="CUNO">
<input type="hidden" name="clientid" value="250803">
<input type="hidden" name="formid" value="3859">
<input type="hidden" name="reallistid" value="1">
<input type="hidden" name="doubleopt" value="0">
<input type="image" name="Submit" value="Submit" src="/images/join.png">
</td>
</tr>
</table>
</div>
<script type="text/javascript">
var icpForm3859 = document.getElementById('icpsignup3859');
if (document.location.protocol === "https:")
icpForm3859.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired3859() {
if (icpForm3859["fields_email"].value == "") {
icpForm3859["fields_email"].focus();
alert("The Email field is required.");
return false;
}
if (icpForm3859["fields_fname"].value == "") {
icpForm3859["fields_fname"].focus();
alert("The First Name field is required.");
return false;
}
return true;
}
</script>
I've tried using javascript to pass the "action" values to the parent page: iFrame: Code: <script type="text/javascript">
function change_parent_url(url){
document.location=url;
}
</script>
Parent: Code: <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup3859" accept-charset="UTF-8" onsubmit="return verifyRequired3859();" > <input type="hidden" name="redirect" value="javascript:parent.change_parent_url('http://www.gigichic.com/thankyou.aspx');">
<input type="hidden" name="errorredirect" value="javascript:parent.change_parent_url('http://www.icontact.com/www/signup/error.html');">
But this generates a different error. So I trying to tackle this form issue, from either a "form within a form" approach, or a "form within an iframe" approach. I'm not very good at Javascript and I don't understand the rules of ASP page generation to know how to work around it... All help is greatly appreciated. Please and thank you. Go to the web page: http://YourCarThings.com and then select "About Us" from the Top Menu. When you go to the "AboutUs" page, you will receive the error: "Done, but with errors" I caused this by replacing the: jumpmenu Java Script Go to any of the other pages, and you won't get the error message because they use the previous jumpmenu javascript. Please advise. Thanks. Doug Walker Hello, I have a simple quiz with 3 parts: the quiz, the results page, and a printable certificate. On the first page (the quiz itself), I have a form with 20 questions and at the bottom is two buttons: Submit and Reset. Both of these work great, that's not the problem. The problem is on the second page. IF the user did not score high enough, they cannot proceed to the printable certificate and must retake the quiz. For this I have a button which takes them back to the quiz. Unfortunately, I can't get it to reset the form. Here's my code for the button: Code: <input type="button" value="Try Again" name="tryagain" onClick="history.go(-1); document.TrainingVideosTest.reset()"> The form on the first page is named TrainingVideosTest. Here's the code for the reset button on the quiz page: Code: <input type="button" value="Reset" name="resetform" onClick="document.TrainingVideosTest.reset()"> Does anybody know how to reset form data from another page? I have 4 <form> enclosures on one HTML page, however only the first one works. Is there a technique for using multiple ones? Quote: <form action="default.aspx" method="POST" runat="server" id="form2"> <input type="hidden" name="datfield1" value="addcanvasdeal"> <input type="hidden" name="datfield2" value="2"> <input type="hidden" name="datfieldprice" value="12.99"> <input type="hidden" name="datfieldqty" value="2"> <input type="hidden" name="datfieldcarttype" value="1"> <input type="hidden" name="datfieldtitle" value="Item 1"> <input type="submit" value="Add to Cart" name="B1" style="float: right"> </form> Each field for each form is different. Hey everyone, This is my first post here, and I was hoping you guys could help me with a problem I am having. I own a race photography company and I am trying to find a way to create a form that athletes can fill out and it will take them to their images. I have keyworded all the images on my smugmug site with a race id followed by a number, such as "gunstock 6" So if they visit http://blahblahblah.smugmug.com/keyword/gunstock 6 it will bring up all the images of them from that race (every image keyworded with gunstock 6) However..... what I want to do is make that into a form which will take them to that specific page. I am a newbie when it comes to designing forms and webpages, and after searching around, it seemed the form get command sort of achieves what I want, in that it takes the form input and places it in the url. However... it also places the usual query text such as the question mark, =, and all that good stuff. So when I enter the race id and number on my form, it will instead take me to the url .../keyword/?=gunstock&=6, which instead of being a defined page with all of the images keyworded gunstock 6, it will just bring me to the keyword search page of smugmug. Is there any way to design a form that redirects simply to the .../keyword/raceid # url format? Thanks a million! I've got a data entry form where a user optionally puts data in a couple sections. It's too big to fit on-screen, so currently it's a multi-column, spreadsheet-style form. First, before I even chase this and waste everybody's time, is using tabs a good way to make a form that'd otherwise scroll through multiple sections? To make it easier to use I'm thinking about using tabs. I've found a couple examples and can display the tabs fine, but I"m having trouble understanding how to do the interaction between the form and php. The list is a set of hrefs like <li><a href="abcdform.php">a</a></li> <li id="selected"><a href="#">b</a></li> I can see that the first li is going to jump to "abcdform.php", but what does the "#" in the second li do? I want this to be a single php file with the html in it and a single php file with all the code. How do I get php to know what tab was hit? I"m generating the table rows and data in the php so how do I get the right rows of data into the right tab section? Hello, I have a form which links to Results.htm Basically I want the title of that page which opens in a new window to be whatever was input in the form previously. Hope you all can help me, it's been bothering me for quite some time. Thanks, Jooey how can i submit this form to my email can any1 one edit it and fix it for me please thank you make sure it works iv tried but it don't work cuz i cnt name the form Code:
<script>
function validate()
{
var at=document.getElementById("email").value.indexOf("@" && ".")
var age=document.getElementById("age").value
var fname=document.getElementById("fname").value
var lname=document.getElementById("lname").value
var address=document.getElementById("address").value
var header=document.getElementById("header").value
var footer=document.getElementById("footer").value
submitOK="true"
if (fname.length<2)
{
alert("Please Enter Your Name")
submitOK="false"
}
if (fname.length>12)
{
alert("Please Enter Your Name")
submitOK="false"
}
if (lname.length<2)
{
alert("Please Enter Your Last Name")
submitOK="false"
}
if (lname.length>12)
{
alert("Please Enter Your Last Name")
submitOK="false"
}
if (isNaN(age)||age<18||age>100)
{
alert("You have to be over 18 to place a online Order")
submitOK="false"
}
if (address.length<25)
{
alert("Please Enter a valid Address in the Following Format\n\n House/Flat Number\n\n Name of Road/Street\n\n Post Code\n\n Town and the City")
submitOK="false"
}
if (at==-1)
{
alert("Please Retype Your Email, The Email you Entered is not Valid")
submitOK="false"
}
if (header.length<3)
{
alert("Please Enter Your Area Phone Code")
submitOK="false"
}
if (footer.length<8)
{
alert("Please Enter Your Phone Number")
submitOK="false"
}
if (submitOK=="false")
{
return false
}
function shaz()
{
alert("Are You Sure you want to Reset the Whole Page")
}
}
</script>
<body>
<BODY
BACKGROUND="http://img452.imageshack.us/img452/9413/wallpaperox6.jpg"
BGCOLOR="white"
TEXT="blue"
>
<center><IMG SRC="contact.gif"> </center>
<form action="choice.html" onsubmit="return validate()">
Name (Max 9 chararcters): <input type="text" id="fname" size="20"><br />
<p>
Last Name (Max 9 chararcters): <input type="text" id="lname" size="20"><br />
<p>
Age (Over 18's Only ): <input type="text" id="age" size="20"><br />
<p>
Address:<br><textarea id="address" cols="40" rows="5" ></textarea>
<p>
E-mail: <input type="text" id="email" size="20"><br />
<p>
Primary telephone:
(*<input type="text" id="header" size="2" maxlength="4">)
<input type="text" id="footer" size="7" maxlength="8">
<p>
Card Type: <select id="cardtype" onchange='alert("You Have selected "+ cardtype.value)'><br>
<option value = "Home">Home </option>
<option value = "Work">Work </option>
</select> <p>
<input type="submit" value="Click here To Continue" onClick="validate()">
<body>
<form onreset="shaz()">
<input type="Reset">
</body>
</html>
Hey, I was wondering if there's any way (without Javascript, I wouldn't mind PHP though) to draw a value (say a persons name) from one HTML page, to a new window with, say, a comment box, and the person they are commenting about is already typed out for them, or stored hidden somewhere. Each different page would link to the same comment box, but the name value would be different depending on WHO they want to comment on. How can I place the php form into the html page? Please see the attachment describe what I asking for. thank you. I've got a form on our contact us page where people can send us emails directly through our website. I want to set it up so when a person hits send, they are redirected to a landing page where it says something like, We have received your message, blah blah blah..... How do I do this? Hi guys, All of my pages are centered in the middle of the screen except my contact_us.html page which shifts half a centimeter to the right (still in the middle of the page but it moves slightly). This page contains a form inside a table. Why does it move?? I can put code up if the answer cannot be resolved from the info provided Thanks, Raggy Hello, i just re-designed my site, and also added a simple form to the home page...it's the same code i used on the contact page which works every time.... i can't figure out why it works sometimes and not other times..... This morning i tested in 3 browsers: IE: doesn't work Firefox: " Chrome: works Also in Chrome, the alignment on the About page is off......... making me crazy!! Help ASAP would be swell!! Thank you!! Alright, fairly basic question here, but I'm kicking myself over and over trying to figure out some fairly basic code. What I'm doing for a friend is helping code his gaming website so that his in-game buddies can update their stats on his page. I'm just about done with the simple database work, so they can create usernames/passwords etc, but the stats page is a bit of a problem. Basically, I want a form page only accessible once they've logged in, and they can then input their information onto the form, hit "Enter" (or some other button to that effect), and the site will update a different page with all of their stats which were input into the form. No idea where to start. Help if possible, thanks. Hi-- I was hoping someone could tell me how to edit this contact form so that it does not redirect to another page (the php page)? I'd like it to just simply send the message without leaving the page. The trick here is that I am using a javascript link to submit the form, NOT a button... Any help would be most appreciated! HTML PAGE: <body> <script type="text/javascript"> function submitform() { document.forms["form"].submit(); } </script> <form id= "form" method="POST" name="form" action="mailer.php"> Name: <input type="text" name="name" size="19"><br> <br> E-Mail: <input type="text" name="email" size="19"><br> <br> Message:<br> <textarea rows="9" name="message" cols="30"></textarea><br> <br> <a href="javascript: submitform()" >Searchthis</a> </form> </body> PHP FILE: <?php $to = "info@abcsofufos.com"; $subject = "ABCs of UFOs"; $name_field = $_POST['name']; $email_field = $_POST['email']; $message = $_POST['message']; $body = "From: $name_field\n E-Mail: $email_field\n Message:\n $message"; echo "Data has been submitted to $to!"; mail($to, $subject, $body); ?> I have a form where a select list can be updated by clicking 'update' next to it. When this is clicked I would ideally like just that to be updated, but I do not think this is possible. I was thinking of having two form actions, one that submits the form as usuall, but one that submits the form somewhere else, depending on which submit button is clicked. If I could have two submit buttons, I could use one to submit the form back to the same script, with the script re-filling the form elements that where filled out, and the select box would then update. So, my main question is...... Is there a javascript submit function that can change the destination of the form? Perhaps this should be in the javascript section! |
|||||||