Показать сообщение отдельно
  #21 (permalink)  
Старый 28.11.2010, 08:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

На всякий случай )))
Сообщение от monolithed
<a href="#">click<a/>
Сообщение от Бобр
Как узнать настоящий размер произвольного блока?
Вариант открытия блока на величину его содержимого...
<script type="text/javascript">
window.onload = function () {
    var a = document.getElementsByTagName("div")[0],
        b = 0,
        c = ["Text1", "Text2<br />Text2", "Text3<br />Text3<br />Text3"];
    document.getElementsByTagName("a")[0].onclick = function () {
        a.style.overflow = "hidden";
        a.style.height = "";
        a.style.display = "";
        var d = a.offsetHeight;
        if (b < d) {
            a.style.height = "0px";
            window.setTimeout(function () {
                if (++b <= d) {
                    a.style.height = b + "px";
                    window.setTimeout(arguments.callee, 10)
                }
            }, 10);
        return false;
        }
      if(  b >= d ){window.setTimeout(function () {
            if (--b >= 0) {
                a.style.height = b + "px";
                window.setTimeout(arguments.callee, 10)
            } else {
                b = 0;
                a.style.display = "none";
                c.push(c.shift());
                a.innerHTML = c[0]
            }
        }, 10);return false;}

    }
};
</script>
<a href="#">click</a>
<div style="background: #0095FF; width: 200px; display: none">Text1</div>

Последний раз редактировалось рони, 28.11.2010 в 08:24.
Ответить с цитированием