Detect click in iframe and run script in parent (NOT same domain)

Question

I would like to run the script in parent when .gridlove-sidebar-action is in iframe. Iframe is NOT in the same domain, but AccessControlAllowOrigin is "activated" in htaccess, css and script is working except this. The script is working if iframe is in same domain. I own the two domains.

Iframe :

<iframe id="followblog" src="http://example.com/iframe.html"></iframe>

In the Iframe :

<span class="gridlove-sidebar-action">
    <a class="#" href="#">
    My button
    </a>        
</span>

Script to run in parent :

$('#followblog').load(function(){

    var iframe = $('#followblog').contents();

    iframe.find(".gridlove-sidebar-action").click(function(){
        $('body').addClass('gridlove-sidebar-action-open gridlove-lock');
        $('.gridlove-sidebar-action-wrapper').css('top', gridlove_admin_top_bar_height);
    });
});

htaccess :

SetEnvIf Origin "http(s)?://(www\.)?(example.com)$" AccessControlAllowOrigin=$0$1
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
Header set Access-Control-Allow-Credentials true

you need to use `jQuery` iframe `contents()` concept:- https://stackoverflow.com/a/13782102/4248328 — Alive to die - Anant, Jul 03 '17 at 08:23
Please read this: https://stackoverflow.com/questions/726816/how-to-access-iframe-parent-page-using-jquery — Nir Tzezana, Jul 03 '17 at 08:24

score 0 · Accepted Answer · answered Jul 03 '17 at 11:44

0

// Defined in Parent window 
function defInParent(code){

}

// Call from Child iFrame 
window.opener.authSuccessWithCode(code);

answered Jul 03 '17 at 11:44

MyTwoCents

7,284
3
24
52

Detect click in iframe and run script in parent (NOT same domain)

1 Answers1