Форум

Леночка · #1 (**permalink**) 29.09.2010, 23:01

Помогите пожалуйста разобраться. страница разделена на два фрейма. в первом находится ссылки на изображения, а во втором находятся вложенные плавающие фреймы, в которых должны появляться эти зображения при нажатии соответствующих ссылок из первого фрейма. как, собственно говоря прописать эти сслыки из одного фрейма в другой вложенный фрейм?

Octane · #2 (**permalink**) 29.09.2010, 23:28

<p><a href="http://google.ru" target="my-frame">test</a></p>
<iframe id="my-frame"></iframe>

Леночка · #3 (**permalink**) 03.10.2010, 13:50

да все так и есть, все работает

, а можно ли вместо URL указать значение взятое из select, чтобы ссылка открывала в нужном фрейме картинку выбранную в селекторе?

Octane · #4 (**permalink**) 03.10.2010, 15:11

Можно. По событию селекта change изменяйте значение свойства href элемента ссылки на select.options[select.selectedIndex].value.

Для решения задачи возможно пригодится следующий материал:
http://javascript.ru/tutorial/dom/search
http://javascript.ru/tutorial/events...-obrabotchikov

Леночка · #5 (**permalink**) 03.10.2010, 16:49

более менее понятно, но в чем моя ошибка?

<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>

Octane · #6 (**permalink**) 03.10.2010, 18:01

Не совсем понятно, зачем тогда ссылки нужны.

<!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>

Леночка · #7 (**permalink**) 03.10.2010, 18:30

смысел весь в том что мы в селекторе выбираем изображение, а сслыкой,грубо говоря, выбираем фрейм куда это изображение загрузить. что-то на подобии мозаики должно получиться. этот код вставляется в фрейм из другого файла в котором уже созданы 11 нужных фреймов.

Octane · #8 (**permalink**) 03.10.2010, 18:38

Каждый фрейм только для того, чтобы показать картинку? Может быть лучше сделать табличку с изображениями и менять src?

Леночка · #9 (**permalink**) 03.10.2010, 19:12

желательно во фреймах

MikhailGirshberg · #10 (**permalink**) 06.10.2010, 16:32

Сообщение от Octane

<p><a href="http://google.ru" target="my-frame">test</a></p>
<iframe id="my-frame"></iframe>

всё вроде бы так, но надо наверное так:

<p><a href="http://google.ru" target="my-frame">test</a></p>
<iframe name="my-frame"></iframe>

а то в новой вкладке открывает...

Форум

Справочник

Discord чат

Курсы javascript