У меня есть 2 кадра на одной странице (home.html)
<frameset rows="50%, 50%">
<frame id="treeContent" src="treeContent.html" />
<frame id="treeStatus" src="treeStatus.html" />
</frameset>
а затем в одном кадре (treeStatus.html) у меня есть что-то вроде
<body style="margin: 0px">
<div id="statusText">Status bar for Tree</div>
</body>
Я хочу, чтобы в верхнем окне манипулировал div, расположенный в дочернем фрейме, через jquery (например, show and hide).
Я видел несколько questions как this, и они предлагают следующее
$(document).ready(function(){
$('#treeStatus').contents().find("#statusText").hide();
});
Я не знаю, работает ли это с iframe, но в моем случае, когда у меня есть простые фреймы, он не работает. Код помещается внутри home.html
Вот какой вывод из консоли firebug
>>> $('#treeStatus')
[frame#treeStatus]
>>> $('#treeStatus').contents()
[]
>>> $('#treeStatus').children()
[]
Итак, как мне получить доступ к элементам кадра из верхнего кадра? Я что-то пропустил?
Ответ
После объединения обоих ответов здесь правильный путь
$('#statusText',top.frames["treeStatus"].document).hide();
Для этого для работы фрейм должен иметь атрибут name отдельно от id, например:
<frameset rows="50%, 50%">
<frame id="treeContent" src="treeContent.html" />
<frame name="treeStatus" id="treeStatus" src="treeStatus.html" />
</frameset>