JavaScript iFrames and Forms

**Zanne** · 01-06-2009 12:26 AM

I first want to display the two files:

index.htm:
<iFrame name="if1" id="if1" src="form.php" width="100%" height="100%"></iFrame>

form.php:
<?
if($txtName) {
echo("Your name is $txtName");
exit;
}

echo("
<form method=post action=form.php>
<input type=text name=txtName>
<input type=submit value=Submit>
</form>
");
?>

Here's my question:
Basically, I have form.php in an iFrame. Is there any way I can use JavaScript in index.htm to fill out form information in form.php and submit the data? This would be a huge help if there is a way! I've researched many ways, but can't find a way that actually works. Any ideas?

**Fang** · 01-06-2009 01:57 AM

index

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript">
function autoFill() {
var f=if1.document.forms[0];
f.txtName.value='Zanne';
f.submit();
}
</script>

</head>
<body>
<div>
<button type="button" onclick="autoFill();">autoFill</button>
</div>
<iframe name="if1" id="if1" src="form.php" width="100&#37;" height="100%"></iframe>
</body>
</html>

form

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<?php
if($_POST['txtName']) {
    echo "Your name is " . $_POST['txtName'];
    exit;
    }

echo <<<HDOC
<form method="post" action="form.php">
<div>
<input type="text" name="txtName">
<input type="submit" value="Submit">
</div>
</form>
HDOC;
?>
</body>
</html>

**Zanne** · 01-06-2009 09:17 AM

Now, is there a way to do this without using the button?

**Fang** · 01-06-2009 09:48 AM

Using what?

**Zanne** · 01-06-2009 10:01 AM

I know PHP and some JavaScript. I'd like to know how to do this preferabbly in PHP, but which ever is easier. Here's basically what I'm doing.

I'm pulling information off of my site, and submitting it to another site on a different domain. I load the other site in the iFrame and fill out the form through that. I'm basically setting up a cron job for this, so I don't have to do this 3AM at my time every day.

I have friends tell me there is a way to do this in just PHP, but I haven't found a way, so I just started using iFrames with JavaScript.

**Fang** · 01-06-2009 10:19 AM

You can't use the method given; you are not allowed to reference elements on an external site.
You could try passing a URL with query (i.e. http://www.google.com/search?q=mozila+dom), but most, non-search, sites will block this.

**Zanne** · 01-06-2009 10:21 AM

Bah, thank you Fang for trying =). I'll take a look at C#/C++ to see if I can use Browser Control or something.

~God Bless

Thread: JavaScript iFrames and Forms

Thread Tools

Display

JavaScript iFrames and Forms

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions