[drky]

• IFRAME (file: sample.php)
  • Form (name: dataForm)
  • Code:

    <form name="dataForm" action="sample.php" method="GET">
     
    	<input type="hidden" name="objectOneData">
     
    	<input type="hidden" name="objectTwoData">
     
    	<input type="hidden" name="objectThreeData">
     
    	<input type="button" value="submit" onclick=' document.dataForm.submit();'>
     
    </form>

• PARENT
  • iFrame (id: iFrME)

I want to either have a link or button that will submit that form in the iFrame when clicked.

I've been fiddling with this for a day now and can't seem to get it.

[drky]

Does something like:

Code:

var objectOneFrame = document.iFrMe.objectOne;

Make sense?

Thank you all in advance!

[drky]

I've done some modifying.

samples.php (this is shown in the iFrame on index.html)

Code:

<form name="dataForm" action="sample.php" method="GET">
	<input type="hidden" name="objectOneData">
	<input type="hidden" name="objectTwoData">
	<input type="hidden" name="objectThreeData">
	<input type="button" value="submit" onclick='document.dataForm.objectOneData.value = "left: "+objectOne.style.left+";"; document.dataForm.objectTwoData.value = "left: "+objectTwo.style.left+";"; document.dataForm.objectThreeData.value = "left: "+objectThree.style.left+";"; document.dataForm.submit();'>
</form>
</div>

<script type="text/javascript">
	var objectOne = document.getElementById( "object1" );
	var objectTwo = document.getElementById( "object2" );
	var objectThree = document.getElementById( "object3" );

</script>

What I have tried, and would like to do:
1. Submit this form from index.html that has the above in a frame

2. Hopefully retrieve style information of the above object1, 2 & 3 in realtime?

[drky]

Hi guys sorry for not making it clear.

The above code is in a file called samples.php

I show samples.php in an iframe in index.html and when I press a button or click a link in index.html I want to submit the form that is in samples.php.

[TwoD]

Give all the input elements and id with the same value as the name, this might help with cross-browser issues later on.

Try

Code:

<iframe src="sample.php" width="100%" height="250" name="iFrME" id="iFrME"></iframe>
<div class="options_page">

<form name="parentForm" action="javascript:void(null)">
	<input type="button" value="submit" onclick="doStuff()">
</form>

<script type="text/javascript">

function doStuff(){
 var theFrame=window.frames['iFrME'].document
 var theForm=theFrame.forms['dataForm']
 var obj=theFrame.getElementById('object1')
 theForm.objectOneData.value="left: "+obj.style.left+"; top: "+obj.style.top+"; height: "+obj.style.height+"; width: "+obj.style.width+";";
 obj=theFrame.getElementById('object2')
 theForm.objectTwoData.value="left: "+obj.style.left+"; top: "+obj.style.top+"; height: "+obj.style.height+"; width: "+obj.style.width+"; text-align: "+obj.style.textAlign+"; background-color: "+obj.style.backgroundColor+";";
 theForm.objectThreeData.value="left: "+obj.style.left+"; top: "+tobj.style.top+"; height: "+obj.style.height+"; width: "+obj.style.width+"; text-align: "+obj.style.textAlign+"; background-color: "+obj.style.backgroundColor+";
 theForm.submit()
}
</script>
}

This should create references to both the iframe and the form from the parent.
Then it should take the style.left values of the object# elements in the iframe and put them in the hidden fields.
Finally, it submits the form.

[drky]

So I put that in the PARENT and doStuff() onSubmit?

[drky]

Thank you very much for your help, but it doesn't seem to work :S
http://www.fusion-central.net/files/

Thanks again for all your help!

[TwoD]

Sorry, I made a few typos (the name of the frame, and it should have been window instead of document.)

Code above updated.

Btw, there's no need to quote the whole post of the previous poster, especially when not replying to only parts of it. It just clutters up the thread.
There's a Reply button in the lower left corner of each thread, and there's also a "Quick Reply" box (next to "Quote") for each post.

[drky]

Hey TwoD, thanks for all your help. I've tried it out and still no go -- I have been reading stuff up aswell and cannot grasp how exactly to make this one work.

Thanks again TwoD, your help is much appreciated and am excited about hopefully getting this to work!

Hey TwoD, thanks again. I was using the debugger with IE7 and got it ironed out. Thanks alot bro! I appreciate it.