Reset DOM After Form Action?
Jun 29, 2010
I have a form with two <button> elements. One button loads the page with the associated form data whilst the other triggers a download. IE6/7 does not handle <button> tags correctly. IE6 will submit all buttons regardless of which you click and uses the button content as the value, instead of the value as the value. IE7 submits just the clicked button, but still submits the content as the value, not the value.
To get around IE's issues with <button> I use JS to manipulate the DOM so hidden input fields are generated with the correct value and the button names are removed so they're not submitted at all.
This works, except in my specific situation for my download button. Because it triggers a download, the page you are on remains, and remains with the manipulated DOM, which means the form doesn't work properly anymore.
I would like to know if there's a trigger of some sort that would allow me to revert the DOM changes when the form is submitted but the page remains. I hope that makes sense. Oh, and there's no need to suggest using <input type="button" /> instead of <button>. That's not a solution.
View 4 Replies
ADVERTISEMENT
Oct 9, 2011
I have a table (not in a form) that has several input text boxes. I want to have a reset button that acts like the form RESET button. I thought I would use the following jQuery method:
Here's my reset button code:
Here's one of my table input lines:
I thought this would be simple, but I can't seem to figure out how to target the text that the user types into an input field before he/she decides to "reset" and start over.
I'm thinking that my problem is that I can't find the correct syntax for my line: $('input.firstname').value('')
View 7 Replies
View Related
Feb 16, 2009
I have come across a very interesting problem that seems to be impossible to solve. Basically a web application that I am working on relies on a JavaScript function called go to change the input named view to the page name and submit the form. This form's type is post, so no values are included in the actual URL string. There is also another input called action and it's value is view. This is to tell the application that the user would like to view a page. The problem is because of the variables being of method post, page refreshes and back and forwards return errors because the post variables view and action aren't sent with the required data. To somewhat solve this problem I have created a feature that tells the application that if the post value page is empty then to try and get a GET var called page. To insert this var into the go javascript function I simple add this code
document.go.action = document.go.action+"&page="+page;
This line basically adds &page=[page] to the action of the form. The problem is, this code doesn't work because action is also the name of a form element. Referencing document.go.action refers to the input element named action and not to the form's action. Changing the named of the action input value is out of the question (Way to much changing of code, and possible room for error). What can I do to change the action of the form without referencing the input named action. Here is my go form and the JavaScript code:
<form name="go" action"index.php?sid=123" method="post">
<input type="hidden" name="action" value="view" />
<input type="hidden" name="view" value="" />
</form>
[Code]....
View 6 Replies
View Related
Mar 5, 2008
I have a very weired problem (which is not easy to describe.. but I'll do my best):I have a html page with several forms , only one of the got the action="ComputeAndReturn" and the other forms got only name="" tag.the problem is that after i submit the form with the action , and than after a computatioon it returns to the original page, now... if i will submit any of the forms without the action=.they will act as if they were defined action="ComputeAndReturn" (altho they are not!)if they were defined from the first time with action="anything", and than i would submit the form with action="ComputeAndReturn" this problem would not appear (the other forms will keep their action="anything" and would not "imitate" the action= "Compute AndReturn" to them selfs...
any ideas how can i keep my forms without action="" , cause all i need them to do is be submitted to pass the submitted value to other form inside that page.[code]
View 8 Replies
View Related
Nov 5, 2009
I've been trying to fix this.
Code below:
View 11 Replies
View Related
Oct 3, 2003
Am creating a framed chat application and when the user types a message in the form field and clicks the submit button, the message gets sent to the display frame, but the message stays in the form field. How can i get the form to submit the message AND reset the form field to blank too?
View 1 Replies
View Related
Aug 8, 2005
I've got a form that is enabling/disabling other fields based upon radio selections. I've got it all working, except with the form reset button. My "refresh" routine just iterates through the radio box to check which item is selected based upon e[i].checked state and enables/disables accordingly. Unfortunately it seems the reset event fires before the actual state of e[i] has been reset and my form enabing/disabling gets out of sync.
var btn = document.getElementById('formData');
formValidation.addEvent(btn, 'reset', formValidation.refreshUI, false);
refreshUI: function() {
var e = document.getElementsByTagName('input');
for (var i=0; i<e.length; i++) {
if (e[i].type == 'radio' && e[i].name == 'ipType' && e[i].id == 'ipStatic' && e[i].checked == true) {
document.getElementById('ipHost').disabled = false;
document.getElementById('ipAddress').disabled = false;
document.getElementById('ipMask').disabled = false;
document.getElementById('ipGateway').disabled = false;
break;
}
else if (e[i].type == 'radio' && e[i].name == 'ipType' && e[i].id == 'ipStatic' && e[i].checked == false) {
document.getElementById('ipHost').disabled = false;
document.getElementById('ipAddress').disabled = true;
document.getElementById('ipMask').disabled = true;
document.getElementById('ipGateway').disabled = false;
break;
}
}
}
View 1 Replies
View Related
Aug 12, 2007
i have a form in which a hidden field (initial value as Ɔ', and my javascript set it to Ƈ' when an event is trigged). In the same form, i have a reset field. But I realized that the hidden field is not reset to Ɔ' when i push the
reset button. If I simply change the node from
"<input type="hidden" id='IsChanged' value=Ɔ'>"
to
"<input type="text" id='IsChanged' value=Ɔ'>"
Everything is working as expected (the value is reset to Ɔ' when I
push the reset button) Why does this happen?
View 11 Replies
View Related
Mar 11, 2010
Code...
How do I register a handler to the form reset event?
View 7 Replies
View Related
Jan 3, 2011
I want to download the records of the output of search criteria to excel. As the fields for search criteria are more than 20. I am submitting the form with POST method rather than GET.
On click of "Download2excel", the hidden variable name1 is set to Yes. so i will check the condition in my code. Once the download is successful, I want to reset the variable.
Here is a sample structure of my code.
[Code]...
View 1 Replies
View Related
May 26, 2009
how can I make it so whenever I select a different year or different month it doesn't reset the Day option back to option 1 (the option that's called Day), unless of course you select a day then change the month that doesn't contain that day (like if u choose january 31 and then select february, it obviously must reset).
For example, say you choose january and then the day 20. Now if you select february, I do not want it to reset the day back to "Day"
Instead, I want to make it so it stays on the day 20 since there is a 20th of February. But still, I want it to eliminate the options 29, 30 and 31.
Here is a working example of the drop downs http://ckeanedesign.t35.com/dob2.html
Here is the HTML code I am experimenting with (thanks to felgall)
[Code]...
View 5 Replies
View Related
Oct 10, 2006
I got a list of generated input fields (there is no way to know how many they are) inside a span withh an id.
<span id="whatever">
<input type="text ...
<input type="text ...
<input type="text ...
</span>
I also got a link that hides the content of the span. I need to reset the form fields when the link is clicked, but can't figure out how.
View 3 Replies
View Related
Jul 19, 2010
i have a form that uses javascript to clear/restore default values when the user clicks on or clicks out of the fields.
<input class="formInput" type="text" name="email" value="Email" onblur="if(this.value == '') this.value = 'Email';" onfocus="if(this.value == 'Email') this.value = '';"/>
and <textarea class="formInput" name="message" rows="8" cols="50" onblur="if(this.value == '') this.value = 'Message';" onfocus="if(this.value == 'Message') this.value = '';">Message
View 2 Replies
View Related
Nov 6, 2010
I am trying to achieve something that I have seen on many forms throughout the web; I am currently learning JavaScript so please bare with my beginner status. So I have a form and on every input button, I want the value to disappear when clicking on it; and if no text is entered, the original value is returned..
So far I have this inside every input button and i'm beginning to struggle with 'the next step': onfocus="if(this.value=='Email')this.value=''"
Is there a simpler way to achieve this with multiple buttons rather than copying this into every button?
View 2 Replies
View Related
Oct 8, 2010
I'm using jQuery form plugin, but i want when when user clicks on a button to submit the form using the traditional submit, how can i reset the form to traditional one ?
View 1 Replies
View Related
Nov 1, 2011
I'm developing a web app in which I have a file upload option. The thing is, my file input is hidden, and instead, a textbox and a button are used, in order to style the input, copy the file input's value and allowing the user write a link address into the textbox (the php upload page recognizes the text in the textbox and takes action if the text is a hyperlink or a file upload).
The problem is, when I submit the form, the php is catching the file input's value as empty. So I removed the hidden property of the file input, in order to check what was wrong, and I noticed the input's value is being reset on form submit. When not hidden it takes me two button clicks to submit the form, being the first one the responsible for cleaning the file input. Though, if I assign it's value directly from the input object, it works perfectly.
Here's the code:
View 1 Replies
View Related
Aug 30, 2004
I have a page where I use <DIV> to control the visibility a text input area. The text input is made visible only if the Other radio button is selected. That all works fine.
The problem I'm having is when I press the forms Reset )<input type=reset>) button, the visibility of the text area is not restored to the state it was at when the page first loaded so I end up with the text area being displayed even though the Other radio button in no longer selected (reset did clear it).
I thought I could solve this by using a <FORM onReset="forcehide()"> event handler but I can't figure out how to get the object id of the div. The div is defined as follows: Code:
View 1 Replies
View Related
Jul 4, 2010
I'm using the form validation and it's working great. But the form reset button, although it clears the form fields, does not clear the errors. My page header has this code so far:
[Code]....
I'm trying to understand how to implement the following in order for the reset button to do that:
var validator = $("#myform").validate();
validator.resetForm();
I'm not an experienced JS person but have a lot of other programming experience (vb, vba, mssql, delphi).
View 2 Replies
View Related
Jul 23, 2005
I have a form which needs posting the php script below. (I sent my vars to a
cookie, which I have read correctly). This is the form command used in
hoping to process my information.
<form method="POST" action="scripts/WebContractor.php" name="bizinfo"
id="bizinfo">
Since most of this is new to me, please let me ramble in my thought process.
1. post the vars to a cookie
2. post the form pointing to the php script
3. read the vars in the php script
4. send the info from within the script
When I submit my form, I receive a dialog box stating the downloading this
file can be dangerous. What happens is the php script is downloaded to my
desktop - not executed. Code:
View 3 Replies
View Related
Jul 20, 2005
I have a form with a name, and action, a post method.
In rare occasion I want the form action to be different to the default
action, so I do this: document.formName.action = "newURL";
This works fine under Mozilla, but does not work under IE5, 5.5 or 6,
it says: Object doesn't support this property or method.
Does anyone know what could be wrong?
View 2 Replies
View Related
Jul 6, 2009
When I run the following code, none of the set's are being done. Most important one for me is the action attribute.
<script type="text/javascript" language="JavaScript">
$().ready(function() {
var url = $("#aggurl").val();
alert(url);
[Code]....
View 1 Replies
View Related
Mar 8, 2010
i have a css/div box, and i have a login form. what im tryn to do is make it so that when i login, it it takes whats in the action of the form and shows it in the div box. the div box is like one of those cool popup boxes, it's done by using javascript and css.
anyway, the div box works. the login form works. i just haven't been able to figure out how to get it to appear in the div instead of into a new page.
here's my code:
<head><link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" type="text/css" href="popup.css" /></head>
<form name="Login" method="post" action="login/check.php">
<table border="0" cellpadding="0" cellspacing="0">
[Code].....
View 7 Replies
View Related
Nov 21, 2010
I am trying to get a form value on an action page using JavaScript to alert the value.
The below doesnt alert anything after I hit the submit button in the one.html page:
one.html
<form action="two.html" method="get" id="myform">
<input type="text" name="city">
<input type="submit">
[Code].....
View 7 Replies
View Related
Oct 17, 2005
i need three things to happen on a form submit at a same time.
1. download
2. sent mail.
3. redirect to another page
with the code below i can able to download and sent mail at a same time:
<form name="a" action="test/test/mail?test" method="post">
<input type="hidden" name="from-email" value="a@a.com">
<input type="hidden" name="next-url" value="download.exe">
<input type="hidden" name="subject" value="test download">
<input type="submit" value="Download" name="testdownload" title="fmdffppjk" class="button">
</form>
can anyone tell me how do i also redirect to another page on clicking the submit button.
View 4 Replies
View Related
Jan 20, 2009
I want to change a form action url based on user input, and I used hyperlink to submit a form (since I have lots of rows like this and each has different values passed to javascript select_claim() function.). But it doesn't work! I have very simple php code here, but the it is the javascript problem.
HTML Code:
<form action="" method="post" name="smForm" id="smForm">
<table>
[code].....
View 10 Replies
View Related
Jul 8, 2011
I'm having a bit of problem writing some javascript that will dynamically update the 'action' of a form when the form is submitted.
Its for an Image Upload script which performs a binary read on the uploaded image, meaning I have to POST the form, but must pass any additional parameters to the Image Upload script via the querystring.
Code:
My submitform() function needs to set the action of form5 to :
Code:
And submit the form.
View 9 Replies
View Related