Javascript - wait until page is loaded to proceed to next action

[Craig321]

Hi,

I've been using the FormSaver plug-in recently for Mozilla.

Basically, when you're on the page you click bookmark form, then when you go back to that page you click the bookmark you run that bookmark and it fills out the form using some JavaScript, pretty simple.

At the beginning of the bookmark I have added window.location = "http://www.website.com/form/"; so the bookmark takes me to the website as well as fills it out.

The problem with that is the rest of the JavaScript (to fill the form) gets run before the page has a chance to load.

So, is there any way I can make the JavaScript stop until the page is loaded?

Thanks,
Craig.

[stytagm]

would onLoad do it?
http://www.javascriptkit.com/javatutors/event3.shtml

[Craig321]

Basically this FormSaver saves a bookmark, in the bookmarks URL is some JavaScript. Then when you want to auto fill that page again you go back to it and click the bookmark. So if I was to go to that web page and paste the code the add-on had generated into the address bar then it would fill out the form, it works like JavaScript injection.

So I need some code in that JavaScript that will take me to the webpage before running the form-filling code.

I think onLoad="" needs to be used within HTML?

Thanks,
Craig.

[Iain]

pretty sure you can have window.onLoad e.g.

window.location = "http://www.website.com/form/";
checkLoad();

function checkLoad()
{
     if (window.onLoad)
     {
          // call form population script
     } else {
          setTimeout('checkLoad();', 1000)
     }
}

[Craig321]

Hello,

I attempted to integrate that into the JavaScript form filling code, it loaded the form web page but didn't auto-fill

Here's some example code:

javascript:(function(){ var error = 0; var keepError = 'I tried my best, but I was unable to fill in your form perfectly.<br><br>'; var formsArray = content.document.getElementsByTagName('form');try{ formsArray[0]['q'].value='MYSEARCH'; } catch(e){ error = 1; keepError = keepError + '- Form field q could not be found.<br>'; } try { formsArray[0].elements[4].checked=true; } catch(e){ error = 1; keepError = keepError + '- Form radio meta could not be found.<br>'; }  if(error == 1){ var newwin = window.open('', 'formsaver', 'HEIGHT=250,WIDTH=600,resizable=1,scrollbars=1'); newwin.document.writeln(keepError); newwin.document.close(); newwin.focus(); } })()

That's a sample of MYSEARCH being autofilled on the Google homepage.

So, integrating it with the script above should go something like this?:

window.location = "http://www.website.com/form/";
checkLoad();

function checkLoad()
{
     if (window.onLoad)
     {
          (function(){ var error = 0; var keepError = 'I tried my best, but I was        unable to fill in your form perfectly.<br><br>'; var formsArray = content.document.getElementsByTagName('form');try{ formsArray[0]['q'].value='MYSEARCH'; } catch(e){ error = 1; keepError = keepError + '- Form field q could not be found.<br>'; } try { formsArray[0].elements[4].checked=true; } catch(e){ error = 1; keepError = keepError + '- Form radio meta could not be found.<br>'; }  if(error == 1){ var newwin = window.open('', 'formsaver', 'HEIGHT=250,WIDTH=600,resizable=1,scrollbars=1'); newwin.document.writeln(keepError); newwin.document.close(); newwin.focus(); } })()
     } else {
          setTimeout('checkLoad();', 1000)
     }
}

[Iain]

too many brackets in your code, try this

window.location = "http://www.website.com/form/";
checkLoad();

function checkLoad()
{
	if (window.onLoad)
	{
		completeForm();
	} else {
		setTimeout('checkLoad()', 1000);
	}
}

function completeForm()
{
	var error = 0;
	var keepError = 'I tried my best, but I was unable to fill in your form perfectly.<br><br>';
	var formsArray = content.document.getElementsByTagName('form');
	try
	{
		formsArray[0]['q'].value='MYSEARCH';
	}
	catch(e)
	{
		error = 1; 
		keepError = keepError + '- Form field q could not be found.<br>';
	} 
	try
	{
		formsArray[0].elements[4].checked=true;
	} 
	catch(e)
	{
		error = 1; 
		keepError = keepError + '- Form radio meta could not be found.<br>';
	} 
	if(error == 1)
	{
		var newwin = window.open('', 'formsaver', 'HEIGHT=250,WIDTH=600,resizable=1,scrollbars=1');
		newwin.document.writeln(keepError);
		newwin.document.close();
		newwin.focus();
	} 
}

[Craig321]

Hello,

I just made that all into one line (need to for the bookmark) and it takes me to the website but still doesn't fill the form

Any ideas please?

Thanks,
Craig.