[Herman de Vries]

I want my Iframe to be able to click on a Div in the parent window
I used the following code:

Symbol.bindElementAction(compId,symbolName,"${_RectangleCopy3}","click",function(sym,e){window.parent.$('#u184').trigger('click');});

( "_RectangleCopy3" will click on "#u184" in the parent window)
It works fine, the problem is; in some browsers the ad-blocker blocks this code, and many people use an ad-blocker, so I was looking for an alternative.
(could be anything, jquery, java, anything)
Anyone have an Idea?
Thanks in advance...

[Dormilich]

Quote

It works fine, the problem is; in some browsers the ad-blocker blocks this code, and many people use an ad-blocker, so I was looking for an alternative.

don’t trigger the click (because that’s what ad-blockers are supposed to prevent), call the handler directly.

[squibby]

Has that code been generated by edge animate? If so why is it in an Iframe, are you not able to embed it within the site without an iframe?

[Herman de Vries]

Thanks for your quick response!,

Yes; The first part is, but I can not embed it into the site with a oam file, because of several (mainly layout) reasons, but even if I would, I would have to work with clicking a link in a "parent" window (I tried it). Is there some other way I could embed a edge animate page into the main site without layout issues?

This post has been edited by Dormilich: 07 August 2014 - 02:53 AM
Reason for edit:: removed previous quote

[Herman de Vries]

Dormilich, on 05 August 2014 - 04:46 AM, said:

Quote

It works fine, the problem is; in some browsers the ad-blocker blocks this code, and many people use an ad-blocker, so I was looking for an alternative.

don’t trigger the click (because that’s what ad-blockers are supposed to prevent), call the handler directly.

Thanks for your quick response!
How would I do that?
The event has to happen in the parent window. Right now the parent window has to scroll to a certain point on its page, the point is, the functionality of the button/div (that gets clicked) might change over time.(different links, functions, etc.)

Is there a script that will let the parent window scrol to a certain point? (>Ad-blocker safe<
For now, that might help a lot!

[Dormilich]

Quote

How would I do that?

call the function you added to the event.

[squibby]

Could you assign an ID to your button and then have a function which performs what you need to do?

something like:

<button id = "yourButton"></button>


$('#yourButton').click(function(){
   // do something
 alert('it works');


});

This post has been edited by squibby: 08 August 2014 - 05:03 AM

[Dormilich]

Quote

Could you assign an ID to your button

the point is that you click somewhere in an iframe, not in the document you want the action to happen.

[squibby]

I have come across this issue today and was able to trigger events in the parent window from the Iframe. The parent container was an edge animate project and the Iframe was not.

I attached an onclick event in iframe. Something like the following:

<div onclick = "parent.trigger();" id = "mybutton"></div>

Then in your parent window (in my case edge animate project) I included a function called trigger() which is invoked when the div in the Iframe is clicked.

You can get this function to do whatever you like. Hope that helps out a bit. Make sure you use .parent before the function in the Iframe.