Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.08.2011, 18:00
Новичок на форуме
Отправить личное сообщение для student-k Посмотреть профиль Найти все сообщения от student-k
 
Регистрация: 15.08.2011
Сообщений: 5

Как сделать, чтобы у toggle была ненулевая высота?
Здравствуйте!
Есть большая таблица, необходимо чтобы на сайте отображалась не вся высота таблицы, а лишь часть, например 250px; и чтобы после нажатия на кнопку "показать все" - она полностью разворачивалась. Сейчас к ней прикручен toggle. Но так ее совсем не видно. Как сделать, чтобы было видно часть таблицы.
Ответить с цитированием
  #2 (permalink)  
Старый 15.08.2011, 18:19
Новичок на форуме
Отправить личное сообщение для student-k Посмотреть профиль Найти все сообщения от student-k
 
Регистрация: 15.08.2011
Сообщений: 5

Пример: из чего нужно сделать http://psd-html-css.ru/toggle.html
Ответить с цитированием
  #3 (permalink)  
Старый 15.08.2011, 19:53
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

Вариант 1:
показывать 4 (подобрать по вкусу) ряда таблицы и дополнительный ряд, по нажатию на который он скроется и отобразятся другие (это можно сделать достаточно хитро, используя возможность указания нескольких tbody для таблицы).

Вариант 2:
Обрамить таблицу в контейнер с height:250px и просто снимать / удалять overflow:hidden.
Ответить с цитированием
  #4 (permalink)  
Старый 15.08.2011, 22:16
Новичок на форуме
Отправить личное сообщение для student-k Посмотреть профиль Найти все сообщения от student-k
 
Регистрация: 15.08.2011
Сообщений: 5

Сработал второй вариант. Спасибо! А как теперь сделать чтобы она плавно появлялась как при toggle(slow)?

Вот что сейчас получилось сделать http://psd-html-css.ru/table.html
Ответить с цитированием
  #5 (permalink)  
Старый 15.08.2011, 23:34
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

Сообщение от student-k
А как теперь сделать чтобы она плавно появлялась как при toggle(slow)?
В этом случае дело усложняется использованием анимации для контейнера. Нужно определить высоту таблицу и с помощью animate изменить высоту до указанной. После чего можно стереть overflow:hidden (необязательно).
Ответить с цитированием
  #6 (permalink)  
Старый 15.08.2011, 23:38
Новичок на форуме
Отправить личное сообщение для student-k Посмотреть профиль Найти все сообщения от student-k
 
Регистрация: 15.08.2011
Сообщений: 5

Дело в том, чтобы таблицы всегда разной высоты, не знаете какой способ применен здесь: http://vensnab.ru/e_mag/view_good/457 самая нижняя таблица.
Ответить с цитированием
  #7 (permalink)  
Старый 15.08.2011, 23:42
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

http://api.jquery.com/height/

Сообщение от student-k
не знаете какой способ применен здесь: http://vensnab.ru/e_mag/view_good/457 самая нижняя таблица.
Две различные таблицы, вторая по-умолчанию скрыта. По нажатию на кнопку, вторая показывается, первая скрывается.
Ответить с цитированием
  #8 (permalink)  
Старый 15.08.2011, 23:46
Новичок на форуме
Отправить личное сообщение для student-k Посмотреть профиль Найти все сообщения от student-k
 
Регистрация: 15.08.2011
Сообщений: 5

Спасибо, попробую разобраться!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать так чтобы при нажатии на лого, он возвращал на главную страницу. Severance Flash 2 01.04.2011 16:25
Как сделать так, чтобы щёлкнув на логотип, попадали на главную страницу? Severance Элементы интерфейса 4 30.03.2011 14:45
Как сделать чтобы у textarea увеличивался rows с каждой новой строчкой rusbody Общие вопросы Javascript 1 19.03.2011 16:43
Как сделать AJAX-авторизацию на страничке? emerge AJAX и COMET 1 08.03.2010 10:00
Как сделать такую галерею crisco Events/DOM/Window 4 23.12.2008 16:28