Проблема с Javascript в Mozilla 3

155 повідомлень

#15 років тому

Есть такой javascript-код:

function setMainImg(srcM)

{

    main_image_obj.src = srcM;

    main_image_a.href = srcM;

}

Функция должна изменять сурс картинки вот здесь:

<div id="main_image" align="center" >

<a name="main_image_a" href="navigation.jpg" rel="lightbox">

<img class="main_image" name="main_image_obj" src="navigation.jpg"  alt="Заголовок" /></a>

</div>

Работает везде, кроме как в Firefox (3).

Подкажите, плиз, как можно обойти, что б заработало и в фоксе?

1172 повідомлення

#15 років тому

function setMainImg(srcM)

{

    document.getElementById('main_image_obj').src = srcM;

    document.getElementById('main_image_a').href = srcM;

}

<div id="main_image" align="center" >

<a id="main_image_a" name="main_image_a" href="navigation.jpg" rel="lightbox">

<img id="main_image_obj" class="main_image" name="main_image_obj" src="navigation.jpg"  alt="Заголовок" /></a>

</div>

155 повідомлень

#15 років тому

Увы, в файрфоксе так не работает. Уже вроде бы нашел решение - немного нехорошее - изменении через innerHTML .. разберусь получше, выложу

На форумах почитал - в файрфоксе проблема с этим, потому что там строго следуют W3С стандартам

155 повідомлень

#15 років тому

Ура! Нашел решение!

Вот наш код, который пишет innerHTML для мозиллы

function setMainImg(srcM)

{

document.getElementById("main_image").innerHTML = ('<span><a name="main_image_a" href="'+srcM+'" rel="lightbox"><img class="main_image" name="main_image_obj" src="'+srcM+'" alt="This is the title" /></a></span>');

}

А вот сам елемент:

<div id="main_image" align="center" >

<span>

<a name="main_image_a" href="navigation.jpg" rel="lightbox">

<img class="main_image" name="main_image_obj" src="navigation.jpg" alt="Заголовок" /></a>

</span>

</div>

И обязательно не забыть про <span>!

Решили)