мне нужно реализовать задачку:чтобы в форме (расположенной во фрейме) существовала возможность выбора (SELECT) любого элемента мозаики и возможность выбора любого фрейма. необходимо сделать так, чтобы выбранный элемент мозаики загружался бы в выбранный фрейм. вот по этому я использую еще и фреймы, которые загруженны во второй фрейм, а селектор находится с сылками на iframe в первом фрейме)) вот такой вот хоровот фреймов;)
|
всем большое спасибо за помощь все было реализованно с помощью функции:
function url() { return document.forms[0].imagename.options[document.forms[0].imagename.selectedIndex].value; } А ссылки на фрэймы описала так <A HREF="javascript:location=top.frame1.url();" target="frame12"> 1 </A><br> :) |
А можно подробнее как вы это реализовали? Особенно про эту строку
<A HREF="javascript:location=top.frame1.url();" target="frame12"> 1 </A><br>Про свойство top.frame1. Что такое top ? У меня нету такого фрейма, вот выкладываю свою модификацию, но она почему то не работает :)
<HTML>
<HEAD>
<TITLE>Моя работа</TITLE>
<script language="JavaScript">
<!--
function changeImage(form) {
selection = form.imagename.options[form.imagename.selectedIndex].value;
document.images['pic'].src = selection;
}
//-->
</script>
</HEAD>
<BODY>
Загрузка картинок
<form>
<img name="pic" src="image.png" width=60 height=90 alt="">
<select multiple size=11 name="imagename" onChange="changeImage(this.form)">
<option value="img/1.png">1</option>
<option value="img/2.png">2</option>
<option value="img/3.png">3</option>
<option value="img/4.png">4</option>
<option value="img/5.png">5</option>
<option value="img/6.png">6</option>
<option value="img/7.png">7</option>
<option value="img/8.png">8</option>
<option value="img/9.png">9</option>
<option value="img/10.png">10</option>
<option value="img/11.png">11</option>
</select>
</form>
<A HREF="javascript:location=left.1-1.url();" target="1-1"> 1 </A><br>
<A HREF="javascript:location=left.1-2.url();" target="1-2"> 2 </A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="3">3</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="4">4</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="5">5</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="6">6</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="7">7</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="8">8</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="9">9</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="10">10</A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="11">11</A><br>
<br>
<br>
<br>
</BODY>
</HTML>
<html>
<head>
<title>Главная</title>
<script language="JavaScript">
function changeImage(form) {
selection = form.imagename.options[form.imagename.selectedIndex].value;
document.images['pic'].src = selection;
}
function url()
{
return document.forms[0].imagename.options[document.forms[0].imagename.selectedIndex].value;
}
</script>
</head>
<frameset rows="1*" cols="10%, 90%" FRAMEBORDER=NO FRAMESPACING=0 BORDER=0>
<frame name="contents" scrolling="auto" marginwidth="0" marginheight="0" src="left.htm">
<frameset rows="18, 18*">
<frameset cols="120,60,*></frameset>
<frame name="0" src="0.htm" marginwidth="0" marginheight="0">
<frame name="1" src="1.htm" marginwidth="0" marginheight="0">
<frame name="1-1" src="1-1.htm" marginwidth="0" marginheight="0">
<frame name="1-2" src="1-2.htm" marginwidth="0" marginheight="0">
</frameset>
<frameset cols="60,60,60,*" rows="100, 100, 100, *">
<frame name="3" src="3.htm" marginwidth="0" marginheight="0">
<frame name="4" src="4.htm" marginwidth="0" marginheight="0">
<frame name="5" src="5.htm" marginwidth="0" marginheight="0">
<frame name="6" src="6.htm" marginwidth="0" marginheight="0">
<frame name="7" src="7.htm" marginwidth="0" marginheight="0">
<frame name="8" src="8.htm" marginwidth="0" marginheight="0">
<frame name="9" src="9.htm" marginwidth="0" marginheight="0">
<frame name="10" src="10.htm" marginwidth="0" marginheight="0">
<frame name="11" src="11.htm" marginwidth="0" marginheight="0">
<frame name="12" src="12.htm" marginwidth="0" marginheight="0">
<frame name="13" src="13.htm" marginwidth="0" marginheight="0">
<frame name="14" marginwidth="0" marginheight="0">
<frame name="15" marginwidth="0" marginheight="0">
<frame name="16" marginwidth="0" marginheight="0">
<frame name="17" marginwidth="0" marginheight="0">
</frameset>
<noframes>
</frameset>
Если кто поможет буду благодарен:) |
В общем по сути нужно чтобы именно определенная картинка загружалась в нужное место
Вот так
<a href="javascript:load('8.htm')">first</a>
<script language="JavaScript">
function load(url) {
parent.F.location.href= url;
}
</script>
во фрейм F загружается и работает 8.htm. Как выбрать именно из списка
<script language="JavaScript">
function changeImage(form) {
selection = form.imagename.options[form.imagename.selectedIndex].value;
document.images['pic'].src = selection;
}
</script>
<script language="JavaScript">
function url()
{
return form.imagename.options[forms.imagename.selectedIndex].value;
}
</script>
нужную мне картинку ? |
| Часовой пояс GMT +3, время: 01:33. |