Изменение содержимого одного iframe через другой

[EaglemanGo]

На сайте есть 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. Так и не нашел решения.
Заранее спасибо.

[Decode]

Добавь в list.html:

function openArticle() {
   var frameArticle = window.top.document.getElementById('frameArticle').contentWindow;

   frameArticle.document.getElementById('articleContent').innerHTML = 'bla-bla';
}

[Deff]

EaglemanGo,
Если фреймы с одного домена, вызывать из фрейма функцию с главной, которая правит нужным образом линки в обоих фреймах (ну или вызывает функцию аякс подгрузки в оба фрейма, хотя если Аякс - на кой фреймы ?
Если фреймы не с единого домена совместно с главной - очевидно PostMessage

[ruslan_mart]

<iframe name="list" src="list.html"></iframe>
<iframe name="article" src="article.html"></iframe>

parent.frames.article.contentDocument.getElementById('articleContent').innerHTML = 'bla';

[EaglemanGo]

Эх, не выходит чего-то.

[Deff]

EaglemanGo,
Если фреймы используют локальные ссылки на компе, с фреймами могут быть проблемы

[ruslan_mart]

Кстати, фреймы то может быть на одном домене, но а родитель другого домена.

EaglemanGo, Вы уверены, что к моменту срабатывания кода, второй фрейм уже загружен полностью?