Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<html>
<head>
    <title>Iframe Communication API test</title>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <!-- <script src="../jQuery/jquery-1.11.1.js"></script>-->
</head>
    <body>
        <h1>Trigger between iframe test</h1>
        <div id="content">
            <div id="iframeContent">
                <iframe src="../zuluge" id= "childIframe"></iFrame>
            </div>
      
            <button  type="button" onclick="sendTrigger();">Send trigger</button>
        </div>
    </body>
    <script type="text/javascript">
       function sendTrigger()
       {
            $('#childIframe', window.parent.document).contents().find("#changed").val('true');
            $('#childIframe', window.parent.document).contents().find("#changed").trigger("change");
       }
    </script>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Lenijaspro
0viewers