How To Display Form Processing On Same Screen As Form?
Jul 19, 2007
By luck I had somehow found a way to collect data with a form, perform
calculations with JavaScript and display the form and calculated
results on the same screen.
Now I can't figure out how to do that again. The only methods of
reporting the calculation results seem to display a completely new
screen/window.
I just want to collect some numeric input data with slider widgets or
text boxes for an alternate method and display additional calculated
results 'real time' as the slider is adjusted. If this can't be done,
after a text box entry is made. Ideally the results would display
without a 'submit' button click.
Then when it is submitted, the data will be processed and the script which is processing the data will echo some data on-screen based on the data from the form.I need this to happen in an AJAX manner, ie: the page won't need to reload.how to go about doing this? I'll be using jQuery on the same page in case
I'm building some forms, and when they are submitted, I'd like to integrate a method that will fade out the screen a bit, and show an animated "processing" .gif. Basically when the "submit" button is pressed, the form is being submitted to it's destination. The page will hang on the form until the next page is ready to load. While it's hanging there after submitting, I'd like the screen to fade out, and display an image in the center of the screen. I'm hoping this can be achieved with CSS, as I try to use as little Javascript as possible.What's the best way to achieve this? I figure if anything a javascript "onsubmit" function will be a good start. Can the screen be faded with CSS?
I wish to carry out standard form validation (i.e. is it a date?, is there a value in the field, is it a number) using the onBlur event rather than the onSubmit event. This (of course) leads to problems when cancelling an edit as leaving a field to press the cancel button will trigger the onBlur event and therefore the field validation. Is there any way to know the destination field / button that caused the onBlur event? In Ingres ABF/W4GL (mid eighties language of similar functionality to javascript) there was an available attribute called the targetfield so the code could run...
onBlur myfield = { if (targetfield != CancelButton) { carry out validation } }
Is there something similar in javascript or will I have to program round the houses i.e. onBlur records which validation to run and onFocus runs the validation (unless it's a cancel button)?
Is it possible to use JavaScript to apply different actions to a form depending on a value within the form (eg sending form data to different cgi scripts depending which radio button is checked)?
I have a snippet of javascript to check and make sure all the fields in a form are filled in. If they aren't then it shows an alert box telling you to put something in that form. If all the fields are filled in then it submits the form. That piece of code is this:
Code:
function checkFields() { var errors = "no"; if(document.street_team.email.value == "") { alert("Please enter an e-mail address.."); errors = "yes";} if(document.street_team.name_first.value == ""){ alert("Please enter your first name."); errors = "yes";} if(document.street_team.name_last.value == ""){ alert("Please enter your last name."); errors = "yes";} if(document.street_team.loc_state.value == ""){ alert("Please enter your state."); errors = "yes";} if(document.street_team.loc_city.value == ""){ alert("Please enter your city."); errors = "yes";} if(errors != "yes"){ document.street_team.submit();} } Then i used a button to start the script. That code is this:
Code:
<button onClick="checkFields()">Join</button> The problem is that if you don't have something filled in and the alert box pops up, once you click "ok" it still processes the form. Any ideas on how to keep it from doing that?
function NewWindow(){ window.open('sendmail.php', 'newWin', 'scrollbars=no, toolbar=no, width=200, height=200'); }
two problems:
1. the form values are not getting passed over to sendmail.php. 2. after the popup window pops up and loads sendmail.php, the original page, emailform.htm, changes to an error page.
so, what do i need to do to get the form values to be passed, and how do i keep the original page either from changing at all, or, if thats not possible, get it to simply reload itself.
i might be tired right now but I cannot seem to figure out a good way to show an alert before processing a form, the form is not processed using AJAX, just passed on to a PHP script I might however want to implement AJAX when processing the form, hmmm, maybe that will sort me out then I guess /pär
I'm looking to create a processing page for a submit that has a little rotating processing image with a little verbage like "please wait while we process your information" Just so the page looks like it's actually doing something. Code:
I have a form that has two input buttons. One of the input submit buttons is being used to delete data from a database. Whenever a user clicks that delete button I am trying to make it so that a confirmation message appears that confirms that the user wants to carry on with the action. Then if they click Ok, the form should continue processing otherwise it will fail.
I am looking for sample/ implementation ASP.net with Jquery.My requirement is I have web form with some controls, once the user click on submit, entire form should Grey out with message as processing .... once the database successful, successful message should bedisplayed and if user clicks on close on message the message should be closed and form needs to be cleared or some thing like this.
I am trying to design a system that allows users to draw on a whiteboard with different colors, save their drawing into hidden input boxes in the form on the page, then they can click Save Logo to save it to process it through PHP. I have the whiteboard that allows them to draw, but I am lost as to how to get the thing to populate the hidden input boxes.
So, I have the following code:
<HEAD> </HEAD> <BODY>
[code]....
What I am trying to do is use the function mousedown(e) to include an event to update a hidden input box with the value of the TD's background color that the hidden input field is attached to, so that it can be tracked when the user hits Save Logo at the bottom of the page. When they hit Save Logo, I want the form to post to itself, go through each of the input hidden fields and capture the color for each table cell, then generate an image based on the generated array, save it to a file on the server with the user's $_SESSION['userid'] as the filename + .jpg.
The problem is, though, that I do not know how to tell JavaScript to do this in the function mousedown(e) code. Also, look in the function table_create and see if I am naming the hidden input boxes correctly; not sure if it will generate the wanted result.
Just a note: I can handle all the PHP handling of the form, I just need help with the Javascript.
Edit: I attached the entire script/page to this post because so many functions rely on each other to operate, and I'm not exactly sure which function will need to be modified to get the desired result. Also, you can copy the code to a .php file to see what it looks like (as that may assist in demonstrating exactly what I'm trying to do, visually).
Edit 2: I suppose what I need to find is how to get the JavaScript to assign a value to the hidden input field that has the same id as the TD field that it needs to be linked to.
I have a database site I am currently designing, and would like to use a single page with forms in external html documents to undertake admin tasks (eg. add/remove records etc.)
I have managed to successfully load the form html into the necessary div using the $.load function, however, when I try to process the form, with this code:
which asks 'process_form.php' to process the data, it doesn't seem to send the data in the form to the page. to confirm this, and whilst trying to get the system to work, the 'process_form.php' consists of 2 lines,:
echo $_GET['maker']; echo '123456';
(ie. one line to return a string literal, and one line to return one of the variables which SHOULD be passed by the form)
This results in just the 123456 string being returned.
I have tried several things: loading the script above in the head of the 'parent' html page (ie. which the form is loaded into); - does not properly fire at all;
loading the script 'in-line' in the imported html - this leads to the result given above; running the script in an external script.js file through an onsubmit directive on the form...does not appear to properly fire the script.
How does one cause a form element to appear ONLY if a certain form selection is made before it?
That is for example say there is a form element of type Radio called "format" so only if they select format value = normal then the form input fields called URL and Name are to appear as the next choices otherwise form input field Group and checklist Places are to appear as the next choices.
How to get the JavaProcessAlert() function to have its effect displayed on the page before and while the ActualJavaProcess() is working. I assume it has to go out of the script block and then back in, but have no idea as to how to make it do so automatically. I hope the code is understandable.
Code: <html><head> <script type="text/javascript"> function JavaProcessAlert(){ var Update = document.getElementById('DisplayedText'); Update.innerHTML = "Processing"; <!-- Not sure of how to get from here to body and back to ActualJavaProcess() automatically for "Processing" to display while ActualJavaProcess() functions. --> }function ActualJavaProcess(){ <!-- Takes time to complete function --> Update.innerHTML = <!-- Whatever the result is -->; } </script> </head> <body> <p id="DisplayedText" >Get Result</p> <p><input value= "Start" onclick="JavaProcessAlert();" type="button"></p></form> </body></html>
I am having trouble with the Form Validation I have on my wifes website...everything is working how it should it's just when you hit the submit button the screen jumps up about an inch or so putting the error message out of view....Is there anything that can be done to stop...
Is there any way to display "Processing" message, by default, in the iframe triggering by jQuery from the parent window? IFrame is runing CURL function and with PHP 5.2 I can't display any message there so I need to have there something by default.
i am trying to build my form to submit without reloading the screen. I am using jquery and it inserts the data but it also reloads the screen and two database records get inserted. It appears that one is being inserted by jquery and the other is being inserted by the normal form submission. How do I remove/override the normal form submission? My html code is as follows:
I am trying to use the jquery keydown event.I wan to fade in a div that is a form then when the user presses keycode 17 meaning control key this div and form will fade in at the center of the screen.here is the code I have:
This is in a php file and echoing the code. So the " " ignore it it's just saying to php that those are to be echoed as " " This code isn't working. I would press control key but no fade in occurs. I include this php file to all my websites webpages which are php files.
Ive got a collection of forms all with check boxes, its basically a coffee menu with four sections.
Say for example the user selects (clicks check box) a small cappuccino, a latte, and an espresso, how can i get the input names (name+size of coffee) to appear with the value (cost of coffee) in another div so i can then calculate sub-total, add vat etc
So far ive only managed to get the users selections to appear where i want using jQuery serialize, however im having a little trouble picking out the values to carry out calculations on them.
note : this is a made up project for a fake client and cant involve any server side scripting.
