Capture mouse events inside an iframe

V

Venkatesh

Hello All,

I have an iframe in my main html and within iframe, I'm loading another
HTML webpage. In my main html page, I've captured the mouse click
event, by setting the "onclick" for <body> of main page.

The code is like this:

<body onclick="handleClickEvent(event)">
....
<iframe src="embedded.html">
</iframe>
....
</body>

My problem is that the event handler is not getting called when I do
mouse clicks inside "iframe".

Is there any way to capture the mouse click event inside iframe?

Thank you,
Venkatesh
 
B

Bart Van der Donck

Venkatesh said:
I have an iframe in my main html and within iframe, I'm loading another
HTML webpage. In my main html page, I've captured the mouse click
event, by setting the "onclick" for <body> of main page.

The code is like this:

<body onclick="handleClickEvent(event)">
<iframe src="embedded.html">
</iframe>
</body>

My problem is that the event handler is not getting called when I do
mouse clicks inside "iframe".
Is there any way to capture the mouse click event inside iframe?
Click to expand...

Sure, just do

<body onclick="parent.handleClickEvent(event)">

inside embedded.html.
 
V

Venkatesh

Thanks Bart for your suggestion. I can try this.

But I have one more question: Is it possible for us to achieve the same
without modifying the html source of embedded html file ??? Because,
the embedded webpage in my case is not written by me, it is coming from
some external URL and modifying the html source of that URL is little
expensive job for me.

Thank you,
Venkatesh
 
V

Venkatesh

Hi,

Just wanted to add. I tried parent.handleClickEvent(event)

I'm getting a javascript error for this. On FireFox, the error message
is:

uncaught exception: Permission denied to get property
window.handleClickEvent

Does anybody have an idea of why is this exception coming? Is this some
security related error? and should we set any browser properties to
overcome this problem?

Thank you,
Venkatesh
 
R

RobG

Venkatesh said:
Hi,
Click to expand...

Please don't top-post here. Reply below a trimmed quote.

Just wanted to add. I tried parent.handleClickEvent(event)

I'm getting a javascript error for this. On FireFox, the error message
is:

uncaught exception: Permission denied to get property
window.handleClickEvent

Does anybody have an idea of why is this exception coming? Is this some
security related error? and should we set any browser properties to
overcome this problem?
Click to expand...

Google "javascript cross domain security"


[...]
You either change the source of the iFrame or you convince the browser
user to relax their security permissions. Most users will probably
refuse to do so, since allowing a page to access and modify another
page hosted in an iFrame is a rather large security risk - hence the
default setting to prevent cross-domain scripting.

<URL: http://ajaxian.com/archives/cross-domain-ajax-insecurity >
<URL:
http://jszen.blogspot.com/2005/03/cross-domain-security-woes.html >
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Is it possible an iframe can overlapp another? 3
IE problem with iframe reload 9
Make an <input type="text"> input-ready for input 8
iframe onclick or transparent click through? 0
Help with code 0
URL problem inside an IFRAME 0
Javascript inside iFrame 5
Need help with code on website (noob) 2

Members online

No members online now.
Total: 24 (members: 0, guests: 24)
Robots: 211

Forum statistics

Threads
473,774
Messages
2,569,596
Members
45,142
Latest member
arinsharma

Latest Threads

Top