Невозможно получить доступ к свойству URL элемента <object> (Javascript\jQuery)
У меня проблема с невозможностью доступа к данным, содержащимся в объекте, соответствующем <object>-html элемент, который используется для отображения другого сайта. Сценарий варианта использования заключается в том, что я хочу, чтобы внешний веб-сайт отображался на моей странице, и я хочу знать, по каким ссылкам нажимают пользователи (в рамках этого интегрированного внешнего веб-сайта)
В частности, меня интересует URL или название документа. Когда я пытаюсь получить эти данные (которые я вижу, когда просматриваю объект с помощью firebug), я не могу это сделать. Как-то доступ ограничен или я что-то не так делаю.
Вот именно то, что я делаю.
1) Я определяю объект со статьей из Википедии как источник данных
<object id='wikiframe' data='http://en.wikipedia.org/wiki/thing' width='100%' height='700px'> Error: Embedded data could not be displayed. </object>
2) Я определяю событие щелчка для документа, чтобы знать, когда пользователь нажимает
$(function() {
document.onclick = myClickHandler;
function myClickHandler() {
// Please help to assign a string with the wikipedia article name or with the string of url of the link which was clicked to the variable articleName;
var articleName;
var wikiObject = $("#wikiframe");
alert('The name of the currenttly opened wiki article is: ' + articleName);
}
});
Теперь вот проблемы:
1) Если я щелкаю внутри статьи, событие щелчка не срабатывает. 2) Я не могу получить доступ к данным, содержащимся в объекте, соответствующем этому элементу. Но есть информация, которая мне нужна, как вы видите на скриншоте.
На скриншоте вы видите статью в Википедии, которая была открыта, нажав на ссылку в статье, которая была впервые отображена. Firebug отображает нужную мне информацию (в данном случае URL к статье "Нумен"
http://img856.imageshack.us/img856/3217/informationcontainedino.png
Не могли бы вы помочь, рассказав мне, что мне нужно добавить, чтобы назначить articleName строка с URL-адресом нажатой ссылки.
Весь код здесь:
<!doctype html>
<html lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
If you click anywhere except the object click event fires. If you click on object it does not. I want the click event firing on clicking within wiki article and showing either a) the name of currently opened article OR b) the url of the clicked link
<object id='wikiframe' data='http://en.wikipedia.org/wiki/thing' width='100%' height='700px'> Error: Embedded data could not be displayed. </object>
</body>
<script>
$(function() {
document.onclick = myClickHandler;
function myClickHandler() {
// Please help to assign a string with the wikipedia article name to the variable articleName;
var articleName;
var wikiObject = $("#wikiframe");
alert('The name of the currenttly opened wiki article is: ' + articleName);
}
});
</script>
</html>