Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как уменьшить высоту таблицы? 
:(
    Опции темы
Nickname
Дата 14.2.2008, 15:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 246
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 1



Здравствуйте. Хочу, что бы когда нажимаещь на кнопку таблица, состоящая из неопределенного количества ячеек, сворачивалась (нужно получить плавный эффект), но не могу никак изменить высоту таблицы.

Пока пробую так, но не работает:
Код

var tbl1 = document.getElementById("table1");
tbl1.style.height=parseInt(tbl1.style.height)-200;


Еще есть идея сделать через удаление построчно всех строк таблицы, но как потом "развернуть" таблицу не могу придумать.
PM MAIL   Вверх
ksnk
Дата 14.2.2008, 16:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



Nickname, можно изменять всоту объемлющего таблицу div'а с overflow:hidden. 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Nickname
Дата 14.2.2008, 16:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 246
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 1



Цитата(ksnk @  14.2.2008,  16:00 Найти цитируемый пост)
Nickname, можно изменять всоту объемлющего таблицу div'а с overflow:hidden.  

А как быть если высота таблицы не известна т.е. высота зависит от динамически добавляемого содержимого?

Это сообщение отредактировал(а) Nickname - 14.2.2008, 16:15
PM MAIL   Вверх
Itsys
Дата 14.2.2008, 17:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 12
Всего: 34



Есть свойство offsetHieght

Код

<div id="dv">
<table id="tb">
</table>
</div>


Код

var dv= document.getElementById("dv");
var tb= document.getElementById("tb");
dv.style.height = tb.offsetHieght
dv.style.height=parseInt(dv.offsetHieght)-200;


Попробуй так
PM MAIL WWW Skype   Вверх
ksnk
Дата 14.2.2008, 17:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



Дык! Если у такого дива высота не указана вообще - то он занимает по высоте ровно столько, сколько надо.

Нужно уменьшать - установить height= $div.offsetHeight и уменьшай его по таймаутам до нуля. Нужно увеличить - увеличивать height с 0-я до $div.scrollHeight, а в конце анимации height поставить в "".

Возможно, не все так просто, но вроде, должно работать ;-)


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Nickname
Дата 14.2.2008, 17:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 246
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 1



О, спасибо, Itsys - так помогло +1
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0467 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.