By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,223 Members | 1,392 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,223 IT Pros & Developers. It's quick & easy.

Capture mouse events inside an iframe

P: n/a
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 <bodyof 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

Aug 17 '06 #1
Share this Question
Share on Google+
4 Replies


P: n/a
Venkatesh wrote:
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 <bodyof 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?
Sure, just do

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

inside embedded.html.

--
Bart

Aug 17 '06 #2

P: n/a
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

Bart Van der Donck wrote:
Venkatesh wrote:
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 <bodyof 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?

Sure, just do

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

inside embedded.html.

--
Bart
Aug 17 '06 #3

P: n/a
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

Venkatesh wrote:
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

Bart Van der Donck wrote:
Venkatesh wrote:
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 <bodyof 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?
Sure, just do

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

inside embedded.html.

--
Bart
Aug 18 '06 #4

P: n/a

Venkatesh wrote:
Hi,
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?
Google "javascript cross domain security"
[...]
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.
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-do...jax-insecurity >
<URL:
http://jszen.blogspot.com/2005/03/cr...rity-woes.html >
--
Rob

Aug 18 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.