Показать сообщение отдельно
  #4 (permalink)  
Старый 24.04.2009, 16:06
Новичок на форуме
Отправить личное сообщение для Groonel Посмотреть профиль Найти все сообщения от Groonel
 
Регистрация: 23.04.2009
Сообщений: 3

<script type="text/javascript">

//массивы с именами аватарок;
var men=new Array('p1','p2','p3','p4','p5','p6','p7','p8','p9' );
var animals=new Array('a1','a2','a3','a4','a5','a6','a7','a8','a9' );

//функция для добавления аватаров
function add_ava(){

//обхожу выпадающий список в select name=filter;

var selection=document.forms['registration'].elements['filter'].options;
for (var k=0; k<selection.length; k++){
if (selection[k].selected==true){ava_type=selection[k].value;}
}

//проверяю, что выбрано в select name=filter;
switch (ava_type){

case 'people':
for (var i=0;i<men.length; i++){
var ava1=document.createElement('IMG');
ava1.setAttribute('src','images/avatars/'+men[i]+'.gif');

//вставляю img в блок <div id="ava">;
document.getElementById('ava').appendChild(ava1);

//и вот эта функция, с которой проблема;
ava1.onclick= function() {document.forms["registration"].elements["dop"].value=ava1.src;};

}
break;

case 'animals': то же самое, но для другого массива..

</script>

html код:
<form name="registration>
<select name="filter">
<option value="people">Люди</option>
<option value="animal">Животные</option>
</select>

<input type="button" onclick="add_ava();" value="Показать"/>
<input type="hidden" value="" name="dop" />

<div id="ava"></div>

</form>

/////////////
Вот код.
Проблема-то такая. По щелчку на созданные аватарки в input вставляется src последней картинки (images/avatars/p9.gif).
Посоветуйте, как улучшить, изменить этот код.. Не могу понять.

P.S. скрипт удаления потомков приводить здесь не стал, с ним все ок.
Ответить с цитированием