ansaurus

Question

Javascript/HTML > Form/Input > automatic firing every time a page loads

Answer 1

+1 A:

First add an ID to the form, then add an onLoad handler that submits it.

<body onload="myForm.submit();">
<form id="myForm" name="input" action="form_action.asp" method="get">
...

MiffTheFox 2009-06-29 01:16:54

won't this keep submitting over and over forever?

JacobM 2009-06-29 01:18:28

Referring to the element with id "myForm" as "myForm" is not a particularly good practice and if I'm not mistaken, only works in IE. You should use document.getElementById('myform') instead. But otherwise, I think this makes sense.

MatrixFrog 2009-06-29 01:19:15

JacobM: No, the "onload" event is fired when the page loads.

MatrixFrog 2009-06-29 01:20:59

Right, but it seems like he wants to display the results as if the page submits back to itself (so you could submit it again if you wanted to). If the page submits as soon as it loads, and reloads itself, it will then submit itself again, and so forth. As I say in my response, you'll need to handle that on the server side.

JacobM 2009-06-29 01:23:55

Answer 2

+1 A:

Not sure what you're trying to accomplish, but you can certainly use jQuery to do

$(document).ready( function() { $("#submitButton").click(); });

The problem is ensuring that this only happens the first time the document is submitted; you will need to keep track of that on the server-side and remove the submission code after the first time.

A better approach is probably to compose your HTML on the server side so that whatever initial state you want to display is displayed. Many web applications have a form to submit a query of some kind (say, a search) but start with some initial sample result below the form. This is just created on the server side before loading, not by "pre-submitting".

JacobM 2009-06-29 01:21:56

Answer 3

+1 A:

Well, there´s on load attribute inside the body element

<body onload = "javascript:doSubmit()">
...
</body>

<script>
function doSubmit(){
var form = document.getElementById("myform");

if (form !=null)
  form.submit();

}
</script>

Also, you could add javascript at the end of your html page. This is not as portable as the first option

<html>
 <body>
  <form id="myForm" ...>
   ...
  </form>
 <script>
  //this executes when the page finishes loading
  var form = document.getElementById("myForm");

  if (form!=null) form.submit();
  </script>
 </body>
</html>

Tom 2009-06-29 01:25:44

This is the correct approach.

the.jxc 2009-06-29 02:00:47

Great thanks. I got it finally working :)

Masi 2009-06-29 22:55:13

ansaurus

tags:

views:

answers:

Javascript/HTML > Form/Input > automatic firing every time a page loads

related questions