JavaScript: Вопрос по работе с фрэймами
Привет всем. Есть страница с двумя фрэймами. Допустим в превом фрейме есть ссылка, как сделать так, чтоб при нажатии на ссылку во второй фрэйм ф определенную форму и в определенную строку ввода добавилась информация.
(P.S. пишу чат, надо сделать так, чтоб на нажатии по нику , во фрэйме с сообщениями ник сразу добавился во 2ом фрэйме с формой для отправки сообщения)
(P.S. пишу чат, надо сделать так, чтоб на нажатии по нику , во фрэйме с сообщениями ник сразу добавился во 2ом фрэйме с формой для отправки сообщения)
Фрейм для ввода и отправки сообщений: input.html
Фрейм для выбора юзеров: nicks.html
Главный фрейм: index.html
Вот вся соль :)
var x=parent.document.getElementById("leftFrame") - обращаемся к предку (aka родителю)
x.contentDocument - обращаемя с фрейму как к обычному HTML документу
getElementById("msg").value=val - присваеваем значение по id'шнику
Вот не плохой справочник/учебник по javascript, HTML ... :cool:
Код:
<input type="text" id="msg" value="aaa"></h4>
Фрейм для выбора юзеров: nicks.html
Код:
<html>
<head>
<script type="text/javascript">
function showCDoc(val)
{
var x=parent.document.getElementById("leftFrame")
x.contentDocument.getElementById("msg").value=val;
}
</script>
</head>
<body>
<input type="button" onclick="showCDoc()"
value="Show content-document's first tag" />
<ul>
<li><a href="java script:showCDoc('[hacker]')">[hacker]</a></li>
<li><a href="java script:showCDoc('[r34l hack3r]')">[r34l h4ck3r]</a></li>
<li><a href="java script:showCDoc('[user1]')">[user1]</a></li>
</ul>
</body>
</html>
<head>
<script type="text/javascript">
function showCDoc(val)
{
var x=parent.document.getElementById("leftFrame")
x.contentDocument.getElementById("msg").value=val;
}
</script>
</head>
<body>
<input type="button" onclick="showCDoc()"
value="Show content-document's first tag" />
<ul>
<li><a href="java script:showCDoc('[hacker]')">[hacker]</a></li>
<li><a href="java script:showCDoc('[r34l hack3r]')">[r34l h4ck3r]</a></li>
<li><a href="java script:showCDoc('[user1]')">[user1]</a></li>
</ul>
</body>
</html>
Главный фрейм: index.html
Код:
<html>
<frameset cols="50%,50%">
<frame id="leftFrame" src="input.html">
<frame id="rightFrame" src="nicks.html">
</frameset>
</html>
<frameset cols="50%,50%">
<frame id="leftFrame" src="input.html">
<frame id="rightFrame" src="nicks.html">
</frameset>
</html>
Вот вся соль :)
var x=parent.document.getElementById("leftFrame") - обращаемся к предку (aka родителю)
x.contentDocument - обращаемя с фрейму как к обычному HTML документу
getElementById("msg").value=val - присваеваем значение по id'шнику
Вот не плохой справочник/учебник по javascript, HTML ... :cool: