Everybody!
First, i have a file iframe_page.php using file_get_contents to display content from another page.
<?php
$URL = "http://www.funnywow.com/index.php";
$domain = file_get_contents($URL);
$domain = preg_replace('/<head>/i', "<head>\n<base href='$URL'>\n", $domain);
echo $domain;
?>
Next, i have a file index.php containing:
<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" lang="en">
<head>
<script>
function HideDiv()
{
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.getElementById('MainPageBody').style.display="none";
}
</script>
</head>
<body>
<iframe id="myframe" src="http://abc.myhost.com/iframe_page.php" width="800" height="600"></iframe>
<br /><br />
<input type="button" onclick="HideDiv()" value="Hide div MainPageBody" style="position:absolute" />
</body>
</html>
Yes, i can hide <div id="MainPageBody"> inside the iframe, but I went for "choose an effect and upload photo" and "Go! view the final result", and the javascript is not working.
I want to test code in javascript that gets the src of the final image inside the iframe.
View demo http://tapchidesign.hostoi.com/tc/index.php
How can I do this?
Thank you very much.