noid, во-первых элемента с
id="lom" у вас на странице нет...
во-вторых
Сообщение от noid
|
|
В первом по нажатию на кнопку раскрывались все блоки, наверное какой числовой идентификатор нужно ставить, а я ничего не нашел.
|
я же вам написал
|
Цитата:
|
|
N - № элемента на странице с классом but начиная с 0
|
данный метод возвращает все элементы с заданным
class-ом на странице в виде списка (массива).
дублировать скрипты никогда не нужно...
<head>
<title>11</title>
<style>
.shell {
background:#CCCCCC;
width:700px;
}
.middle {
float:left;
position:relative;
margin:0 auto;
background-position:center}
#lom, .lom {
float:left;
max-height: 200px;
overflow:hidden;
position:relative;
}
.lom {
cursor:pointer;
}
.lom:hover {
max-height: 200px;
overflow:hidden;
position:relative;
}
#lom.lomclicked, .lomclicked {
float:left;
height: 100%;
max-height: 100%;
overflow:hidden;
position:relative;
}
.shortbutt {
float:left;
position:absolute;
margin-top:180px;
background:#000000;
color:#FFFFFF;
width:100%;
height:20px;
display:block;
}
.shortbuttclicked {
display:none;
}
.clear {
clear: both!important;
}
</style>
<script type="text/javascript">
function func() {
if (document.getElementById('lom').offsetHeight >= 200) {
document.getElementsByClassName("shortbutt")[0].style.display = "none";
}
else {
document.getElementsByClassName("shortbutt")[0].style.display = "block";
}
}
window.onload = func();
</script>
</head>
<body>
<div class="shell">
<center>
<div class="middle">
<div id="lom" onMouseUp="this.className='lomclicked'; func()">
<div class="shortbutt">показать полностью</div>
<img src="http://memkey.net/blockheight/iphone.jpg" />
</div>
</div>
</center>
</div><div class="clear"></div><br /><br />
</body>
</html>