вложенные фреймы
Помогите пожалуйста разобраться. страница разделена на два фрейма. в первом находится ссылки на изображения, а во втором находятся вложенные плавающие фреймы, в которых должны появляться эти зображения при нажатии соответствующих ссылок из первого фрейма. как, собственно говоря прописать эти сслыки из одного фрейма в другой вложенный фрейм?
|
<p><a href="http://google.ru" target="my-frame">test</a></p> <iframe id="my-frame"></iframe> |
да все так и есть, все работает:thanks: , а можно ли вместо URL указать значение взятое из select, чтобы ссылка открывала в нужном фрейме картинку выбранную в селекторе?:)
|
Можно. По событию селекта change изменяйте значение свойства href элемента ссылки на select.options[select.selectedIndex].value.
Для решения задачи возможно пригодится следующий материал: http://javascript.ru/tutorial/dom/search http://javascript.ru/tutorial/events...-obrabotchikov |
более менее понятно, но в чем моя ошибка?
<HTML>
<HEAD>
<TITLE>Задание 6</TITLE>
<script language="JavaScript">
<!--
function changeImage(form) {
var selection = form.mySelect.options[form.mySelect.selectedIndex].value;
document.images['pic'].src = selection;
}
//-->
</script>
</HEAD>
<BODY>
<br>
Выберите картинку
<form name="form1">
<img name="pic" src="image.gif" width=60 height=90 alt="">
<select id="mySelectId" size=1 name="mySelect" onChange="changeImage(this.form)">
<option selected value="1.gif">1</option>
<option value="2.gif">2</option>
<option value="3.gif">3</option>
<option value="4.gif">4</option>
<option value="5.gif">5</option>
<option value="6.gif">6</option>
<option value="7.gif">7</option>
<option value="8.gif">8</option>
<option value="9.gif">9</option>
<option value="10.gif">10</option>
<option value="11.gif">11</option>
</select>
</form>
<br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame12"> 1 </A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame13">2</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame9">3</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame10">4</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame11">5</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame6">6</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame7">7</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame8">8</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame5">9</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame4">10</A><br>
<A HREF="form.mySelect.options[select.selectedIndex].value" target="frame3">11</A><br>
<br>
<br>
<br>
</BODY>
</HTML>
|
Не совсем понятно, зачем тогда ссылки нужны.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Задание 6</title>
</head>
<body>
<label for="image-selector">Выберите картинку</label>
<select id="image-selector" onchange="changeImage(this)">
<option selected value="http://javascript.ru/forum/images/smilies/smile.gif">:)</option>
<option value="http://javascript.ru/forum/images/smilies/sad.gif">:(</option>
<option value="http://javascript.ru/forum/images/smilies/wink.gif">;)</option>
</select>
<img id="image" src="http://javascript.ru/forum/images/smilies/smile.gif" alt="">
<script>
var image = document.getElementById("image");
function changeImage(select) {
image.src = select.options[select.selectedIndex].value;
}
</script>
</body>
</html>
|
смысел весь в том что мы в селекторе выбираем изображение, а сслыкой,грубо говоря, выбираем фрейм куда это изображение загрузить. что-то на подобии мозаики должно получиться. этот код вставляется в фрейм из другого файла в котором уже созданы 11 нужных фреймов.
|
Каждый фрейм только для того, чтобы показать картинку? Может быть лучше сделать табличку с изображениями и менять src?
|
желательно во фреймах
|
Цитата:
<p><a href="http://google.ru" target="my-frame">test</a></p> <iframe name="my-frame"></iframe> а то в новой вкладке открывает... |
| Часовой пояс GMT +3, время: 00:47. |