Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > замена картинки при выборе select

Автор: Ринат 3.6.2006, 18:07

привет
суть. при выборе 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>";

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

Автор: 12345c 3.6.2006, 21:51

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

Автор: Ринат 5.6.2006, 08:16

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

Код




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

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