Доброго времени суток. Делаю ограничение на длинну картинок, если длиннее заданной высоты, то внизу появляется кнопка, по нажатию которой он (кнопка) исчезает, а соседний блок, в котором картинка получает новый стиль с высотой 100%.
Сделал див с двумя классами, один - ненажатый, другой нажатый. Вот так работает.
|
Код:
|
<div class="lom" onMouseUp="this.className='lomclicked';"><img src="iphone.jpg" /></div> |
Но когда пытаюсь изменить не собственный класс элемента, а класс элемента соседнего дива, при нажатии, то ничего не получается. Что я делаю не так?
|
Код:
|
<div id="lom"><img src="iphone.jpg" /></div>
<div class="butt" onMouseUp="javascript:document.getElementById('lom').className='lomclicked'; this.className='buttclicked';"></div> |
Пример:
http://memkey.net/blockheight/a.html
И ещё бы скрипт простенький, с условием, если див с id="lom" высотой 200px (к примеру) то див с class="butt" display="none", в остальных случаях показывать. Чтобы кнопка появлялась, только когда картинка достигнет предельной заданной высоты. Что-то типо
|
Код:
|
<script type="text/javascript">
function {
if(lom.style.height=='200')
{
butt.display=='block'
}
else
{
butt.display=='none'
}
}
</script> |
Я понимаю, что бред, и не правильно написано, но я совсем темный в js