Есть форма с фреймами, слева один фрейм, справа разделенный на 11 рабочих квадратов для сбора картинки из разных частей (другие фреймы). В левом фрейме надо реализовать так, чтобы можно было выбрать определенный (любой на выбор) файл картинки (например 5), и чтобы его можно было загрузить в правую сторону тоже в любой фрейм
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
<html>
<head>
<title>Главная</title>
<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 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>
Это правая часть, куда загружаются все изобржения. Левая сторона вот такая, в ней вот как раз и не получается..
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
<HTML>
<HEAD>
<TITLE>Моя работа</TITLE>
<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 document.forms[0].imagename.options[document.forms[0].imagename.selectedIndex].value;
}
</script>
</HEAD>
<BODY>
Загрузка картинок
<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=left.1-1.url();" target="1-1"> 1 </A><br>
<A HREF="javascript:location=top.1-2.url()" target="1-2"> 2 </A><br>
<!-- <a href="javascript:location.href='http://site.com'" target="4">link</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>
При попытке выборе слева цифры для загрузки в определенный фрейм, справа, он правильно определяет место, но картинку не загружает, выдает ошибку если код такой
1.
<A HREF="form.imagename.options[form.imagename.selectedIndex].value" target="4">4</A><br>
и вообще ничего не происходит
1.
<A HREF="javascript:location=left.1-1.url();" target="1-1"> 1 </A><br>
Я думаю он почему то не выбирает картинку из списка?
