Detecting clicks on an embedded webpage

Question

Let's say I have an embedded web page on a website (Example: www.en.wikipedia.org/wiki/Pulsar). The user than clicks on a hyperlink inside the article (Ex: https://en.wikipedia.org/wiki/Extrasolar_planet).

I want to have a frame which displays the name of the article (in this case, "Extrasolar planet") when the user clicks an entry from the original article ("Pulsar")

How do I know what the user has clicked?

EDIT: After seeing many examples, I tried to do this instead, but it doesn't quite work.

<iframe width="940" height="550" src="http://en.wikipedia.org/wiki/Special:Random">    </iframe>


<script>
(document.getElementsByTagName('iframe').contentWindow.document).keydown = function() {
alert("Hello World")
})
</script>

You can attach event-listeners in an iframe like [this](http://stackoverflow.com/a/550247/2171046). — guid, Jul 19 '13 at 09:32

score 1 · Accepted Answer · answered Jul 22 '13 at 08:15

1

This doens't work because you're using getElementsByTagName which returns an array. Use getElementById or getElementsByTagName('iframe')[0] instead.

answered Jul 22 '13 at 08:15

guid

82
2

I'm expecting an alert when the user clicks something inside the embedded website, but I don't get that. – carriwitchet Jul 26 '13 at 06:02

score 0 · Answer 2 · answered Jul 19 '13 at 11:10

0

contentWindow is the iframe's window object. Here you want the iframe's document:

$(document.getElementById('iframe_id').contentWindow.document).keydown(function() {
    // my func
});

OR

  $(document.getElementById('iframe_id').contentWindow.document).click(function() {
        // my func
    });

answered Jul 19 '13 at 11:10

Optimus Prime

6,817
5
32
60

This is in Javascript right? I have embedded the web page with HTML object code. – carriwitchet Jul 19 '13 at 13:16
Yes this is javascript. You need javascript to detect clicks. Right? HTML can never do that. I couldn't understand what you asked in your comment. – Optimus Prime Jul 19 '13 at 13:19

Detecting clicks on an embedded webpage

2 Answers2