Failed to call parent function from remote iframe
<p>parent.html</p>

<pre><code>    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;  
    &lt;head&gt;  
    &lt;script   type="text/javascript"&gt;  
    function say() { 
            alert("parent.html------&gt;I'm at parent.html"); 
    } 

    function callChild() 
    {  
           myFrame.window.say(); 
    }  
    &lt;/script&gt;  
    &lt;/head&gt;  

    &lt;body&gt;    
    &lt;input   type=button   value=" call child.html say()" onclick="callChild()"&gt; 
    &lt;iframe name="myFrame" src="http://66.175.214.250/child.html"&gt;&lt;/iframe&gt; 
    &lt;/body&gt;  
   &lt;/html&gt;
</code></pre>

<p>child.html</p>

<pre><code>   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
   &lt;head&gt;  
   &lt;script type="text/javascript"&gt; 

   function say()  
   {  
        alert("child.html---&gt;I'm at child.html");  
   } 

   function callParent() { 
        window.top.say(); 
   } 
   &lt;/script&gt;  
   &lt;/head&gt;  
   &lt;body&gt;  
   &lt;input   type=button   value="call parent.html say() "   onclick="callParent()"&gt;  
   &lt;/body&gt;  
   &lt;/html&gt;
</code></pre>

<p>This is tested in localhost when parent.html and child.html in the same folder. But if I upload child.html to a remote host. There is error: The parent can not call child's function, and the child can not call parent's function. </p>

<p>I do not know why. It is iframe call it's parent should be local, or something in the remote host block?</p>

<p>Thanks</p>
