VPF::замена картинки при выборе select

Ринат

Дата 3.6.2006, 18:07 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 144
Регистрация: 31.3.2005

Репутация: -2
Всего: нет

привет
суть. при выборе select менять должна подгруженная картинка

делаю так

Код


function change_img(){
    var sel3_1 = document.getElementById("3");
    var pic1 = document.getElementById("pic1");
      
        if(typeof(sel3_1) != "undefined") {
            if(sel3_1.value == 'povorotnaya') {
                 pic1.writeln("<td class = 'pic'><img src='images/povor.jpg'></td>"); 
                alert("ok");
            }
        } 
}

Код


select name = 'stvorka1'  id = '3' onChange = 'change_img()'>

    <option value = 'gluhaya'>Глухая</option>
    <option value = 'povorotnaya'>Поворотная</option>
</select>
<div id  = 'pic1'><td class = 'pic'><img src ="images/<?=$row['Win_pic']?>" > </td></div>

пробовал

Код


 pic1.innerHTML+="<td class = 'pic'><img src='images/povor.jpg'></td>";

как сделать правильНО?

Это сообщение отредактировал(а) Ринат - 3.6.2006, 18:24

12345c

Дата 3.6.2006, 21:51 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

writeln - совершенно неправильно, innerHTML даст результат, но только не строчку таблицы, со строчками работает спец. метод. Проще сменить src у <img> (присвоить нужное текстовое значение ссылки).

Ринат

Дата 5.6.2006, 08:16 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 144
Регистрация: 31.3.2005

Репутация: -2
Всего: нет

почти сразу сделал, после того как запостил
выглядит так.

Код




if (typeof(document.getElementById("img4")) != "undefined") {
    var div4 = document.getElementById("img4");
    } 
if (typeof(document.getElementById("check1")) != "undefined") {
    var check1= document.getElementById("check1");

if(check1.checked) {
             div4.innerHTML = "";
             div4.insertAdjacentHTML("afterBegin", "<img src='images/povotk.jpg'>");
            }
 else {
              div4.innerHTML = "";  
              div4.insertAdjacentHTML("afterBegin", "<img src='images/povor.jpg'>"); 
            }
}

вопрос, writeIn для каких ситуаций, прочитал , что вставляет код в указанный элемент на странице.
поправьте, если не так.

12345c

Дата 5.6.2006, 09:40 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

write, writeln - работает на этапе создания страницы. Он не вставляет в элемент, а вставляет код в поток нового документа.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »