Изменение содержимого одного iframe через другой
На сайте есть 2 iframe. Нужно, чтобы по нажатию кнопки в одном, изменялось содержимое второго.
Основной файл: <iframe id="frameList" src="list.html"></iframe> <iframe id="frameArticle" src="article.html"></iframe> list.html: <ul> <li onClick="openArticle()">Название Статьи</li> </ul> </nav> article.html: <div id="articleContent"> </div> Функция openArticle() должна менять содержимое div'a articleContent. Так и не нашел решения. :( Заранее спасибо. |
Добавь в list.html:
function openArticle() { var frameArticle = window.top.document.getElementById('frameArticle').contentWindow; frameArticle.document.getElementById('articleContent').innerHTML = 'bla-bla'; } |
EaglemanGo,
Если фреймы с одного домена, вызывать из фрейма функцию с главной, которая правит нужным образом линки в обоих фреймах (ну или вызывает функцию аякс подгрузки в оба фрейма, хотя если Аякс - на кой фреймы ? Если фреймы не с единого домена совместно с главной - очевидно PostMessage |
<iframe name="list" src="list.html"></iframe> <iframe name="article" src="article.html"></iframe> parent.frames.article.contentDocument.getElementById('articleContent').innerHTML = 'bla'; |
Эх, не выходит чего-то. :(
|
EaglemanGo,
Если фреймы используют локальные ссылки на компе, с фреймами могут быть проблемы |
Кстати, фреймы то может быть на одном домене, но а родитель другого домена.
EaglemanGo, Вы уверены, что к моменту срабатывания кода, второй фрейм уже загружен полностью? |
Часовой пояс GMT +3, время: 00:47. |