Здравствуйте! Кручу код уде несколько часов... Задача в следующем: нажимаю на текст - он превращается в картинку, нажимаю на другой текст- предыдущий снова становится текстом, а нажатый меняется на свою картинку. Вот код
<body onload="first_n()">
<input name="n" id="n" type="hidden" value="name2" /><!-- хранится id выбранного названия -->
<ul>
<li>
<div id="name1_img" class="name"><img src="name.gif" alt="1" width="60" height="24" /></div>
<div id="name1" class="name" onclick="check_name(this);">NAME1</div></li>
<li>
<div id="name2_img" class="name"><img src="name.gif" alt="2" width="60" height="24" /></div>
<div id="name2" class="name" onclick="check_name(this);">NAME2</div></li>
</ul></body>
стили css
#name_img { display:none;}
#name { display:inline; cursor:pointer;}
JS мой
function first_n()
{
var n=document.getElementById("n").value;
document.getElementById(n).style.display="none";
document.getElementById(n+'_img').style.display="inline";
//alert (document.getElementById(n+'_img').style.display);
// alert выводит правильно - 'inline'
}
function check_name(obj)
{
var n=document.getElementById("n").value;
obj.style.display="none";
document.getElementById(obj.id+'_img').style.display="inline";
document.getElementById(n+'_img').style.display="none";
document.getElementById(n).style.display="inline";
document.getElementById("n").value=obj.id;
//alert (document.getElementById(n+'_img').style.display);
}
в Опере и FF работает так, как надо, а в IE место под картинку выделяется, слово ненужное исчезает, а картинки не видно... Переключение работает правильно. Из-за чего это может быть?