Есть форма с фреймами, слева один фрейм, справа разделенный на 11 рабочих квадратов для сбора картинки из разных частей (другие фреймы). В левом фрейме надо реализовать так, чтобы можно было выбрать определенный (любой на выбор) файл картинки (например 5), и чтобы его можно было загрузить в правую сторону тоже в любой фрейм (примерно картинка 1)
http://imglink.ru/show-image.php?id=...9774daa14502d0
Сделал вот как -
<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>
Это правая часть, куда загружаются все изобржения. Левая сторона вот такая
<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>
Выберите картинку
<form>
<img name="pic" src="image.png" width=60 height=90 alt="">
<select 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=top.4.url();" target="4"> 1 </A><br>
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="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>
</HTML>
При попытке выборе слева цифры для загрузки в определенный фрейм, справа, он правильно определяет место, но картинку не загружает, вываливется с
|
Код:
|
Вы попытались получить доступ к адресу file://localhost/C:/Users/1/
Desktop/form.imagename.options
[form.imagename.selectedIndex]
.value, который сейчас недоступен. |
Кто знает как исправить?
