Здравствуйте.
Столкнулся с неожиданной проблемой.
При исполнении скрипта IE 6 зависает, а все остальные браузеры(FF,Op,Ch,Saf) исполняют.
Началось всё с того, что мне было нужно реализовать многоязычность (на трех языках) статей на одной странице.
Будучи недалёким в js я написал следующий скрипт, который скрывает и показывает div'ы с контентом.
function show(myId) {
var english = document.getElementById('en');
var czech = document.getElementById('cz');
var russia = document.getElementById('ru');
condition = myId
if (condition == "en") {
english.className = 'show';
czech.className = 'hide';
russia.className = 'hide';
}
else if(condition == "cz"){
english.className = 'hide';
czech.className = 'show';
russia.className = 'hide';
}
else if (condition == "ru") {
english.className = 'hide';
czech.className = 'hide';
russia.className = 'show';
}
}
<a href="javascript:show('en');"><img src="img/en.jpg"/></a>
<a href="javascript:show('cz');"><img src="img/cz.jpg"/></a>
<a href="javascript:show('ru');"><img src="img/ru.jpg"/></a>
<div id="lang-block">
<div id="en" class="show">English</div>
<div id="cz" class="hide">Czech</div>
<div id="ru" class="hide">Russia</div>
</div>
CSS
.hide {
display:none;
}
.show{ display:inline;}
Подобное решение во всех браузерах сработало нормально.
Но стоило мне перевести всё на реальную страницу
http://www.blowup-project.ru/announce/4/
и IE начал просто зависать. Т.е. нагло и непробудимо зависать при попытке нажатия...
Подскажите, как можно решить проблему? Как по-другому реализовать подобный hide\show div?
Спасибо!