Форум

Леночка · #11 (**permalink**) 07.10.2010, 12:24

мне нужно реализовать задачку:чтобы в форме (расположенной во фрейме) существовала возможность выбора (SELECT) любого элемента мозаики и возможность выбора любого фрейма. необходимо сделать так, чтобы выбранный элемент мозаики загружался бы в выбранный фрейм. вот по этому я использую еще и фреймы, которые загруженны во второй фрейм, а селектор находится с сылками на iframe в первом фрейме)) вот такой вот хоровот фреймов

Леночка · #12 (**permalink**) 07.10.2010, 21:16

всем большое спасибо за помощь все было реализованно с помощью функции:

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>

Hardip · #13 (**permalink**) 19.05.2012, 21:23

А можно подробнее как вы это реализовали? Особенно про эту строку

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

Если кто поможет буду благодарен

Hardip · #14 (**permalink**) 20.05.2012, 11:05

В общем по сути нужно чтобы именно определенная картинка загружалась в нужное место
Вот так

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

нужную мне картинку ?

Форум

Справочник

Discord чат

Курсы javascript