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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ячейка таблицы, и изменение ее размера 
:(
    Опции темы
MuToGeN
Дата 22.6.2004, 09:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Лесник
****


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

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



Точнее не совсем размера ячейки, а отображаемой высоты. display='none' и display='' скроет и откроет ее полностью, а мне нужно, чтоб она плавно открывалась / закрывалась. Знатоки, подскажите плз...
Добавлено @ 09:30
ЗЫ Плавно закрыть / открыть - не проблема (setInterval() / setTimeout()). Но вот само изменение размера - ...


--------------------
Three pings for the token rings,
Five pings for the UNIX machines,
Hundred pings for the broken links,
One special ping to check them all
Through Simple Network Management Protocol!
PM MAIL ICQ   Вверх
Ignat
Дата 22.6.2004, 11:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

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



Ты хочешь после внесения данных в таблицу, или устроит вариант до?
Если до - содаешь отдельный столбец, засовываешь туда спейсер и программно меняешь ему высоту от 1 до требуемой.

P.S. никогда не пробовал, но прокатит, что-то других мыслей пока нет.


--------------------
Теперь при чем :P
PM   Вверх
MuToGeN
Дата 22.6.2004, 11:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Лесник
****


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

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



Цитата
программно меняешь ему высоту от 1 до требуемой
А как именно, если не секрет?



--------------------
Three pings for the token rings,
Five pings for the UNIX machines,
Hundred pings for the broken links,
One special ping to check them all
Through Simple Network Management Protocol!
PM MAIL ICQ   Вверх
Ignat
Дата 22.6.2004, 11:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

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



???
Код
<script>
function reweight(h){
for(i=1;i<=h;i++) document.getElementById('spacer').height=i
}
</script>

<img src=spacer.gif height=1 width=1 id="spacer" onLoad="reheight(100);">


А в цикл поставь SetInterval.

Кажись так.

Это сообщение отредактировал(а) Ignat - 22.6.2004, 11:53


--------------------
Теперь при чем :P
PM   Вверх
GoodBoy
Дата 22.6.2004, 13:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 2
Всего: 83



Посмотри вот это: http://forum.vingrad.ru/index.php?showtopi...ndpost&p=134072.
Там хорошо сделано динамически выплывающее меню, может на основе этого можно будет сделать то, что тебе нужно...


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
MuToGeN
Дата 22.6.2004, 17:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Лесник
****


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

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



Цитата
document.getElementById('spacer').height=i

Ignat, если для <td> прописать height, то если размер ячейки меньше значения height, то ячейка растянется, а если больше, то это никак не отразится на внешнем виде. То же самое и с id_ячейки.height=i

Цитата
Посмотри вот это: ...

thnx, щас гляну


--------------------
Three pings for the token rings,
Five pings for the UNIX machines,
Hundred pings for the broken links,
One special ping to check them all
Through Simple Network Management Protocol!
PM MAIL ICQ   Вверх
Ignat
Дата 22.6.2004, 17:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

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



MuToGeN , сорри, если неточно выразился не для <td>, а для спейсера:

<tr><td width=1><img src=spacer.gif height=1 width=1 id="spacer" onLoad="reheight(100);"></td>
<td id="content" width=500>&nbsp;</td></tr>

Почему я говорил, про выплывание до внесения, потому как размер ячейки не может быть меньше пространства необходимого под содержимое.

Можно еще всю таблицу спрятать под непрозрачный слой заданного размера и так же менять свойство top, чтоб она выезжала из-под него.



--------------------
Теперь при чем :P
PM   Вверх
Sardar
Дата 22.6.2004, 22:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Пара способов:
1) obj.style.clip'oм резать таблицу + двигать сам слой = менюшка из Win98
2) положить таблицу в слой с style.overflow=hidden, эффект как будто мы смотрим на таблицу из окошка, см. ссылку GoodBoy

Красивее смотрится прозрачная менюшка как в Win2000, но по моему Опера не имеет фильтра Alphа(прозрачность)


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
MuToGeN
Дата 23.6.2004, 01:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Лесник
****


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

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



Цитата
по моему Опера не имеет фильтра Alphа
Опера его точно не имеет.
clip вроде бы только при position: absolute работает? Или это у меня глюки...


--------------------
Three pings for the token rings,
Five pings for the UNIX machines,
Hundred pings for the broken links,
One special ping to check them all
Through Simple Network Management Protocol!
PM MAIL ICQ   Вверх
GoodBoy
Дата 23.6.2004, 12:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 2
Всего: 83



Цитата
Красивее смотрится прозрачная менюшка как в Win2000, но по моему Опера не имеет фильтра Alphа(прозрачность)

Я уже даже не решаюсь утверждать что что-то будет работать только в том или ином бруезере... wink.gif biggrin.gif biggrin.gif biggrin.gif


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
MuToGeN
Дата 23.6.2004, 14:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Лесник
****


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

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



Короче, такое еще решение нашлось по subj-у: при сворачивании обнулить innerHTML (сохранить в переменной). Только вот при разворачивании - хз как узнать высоту ячейки...


--------------------
Three pings for the token rings,
Five pings for the UNIX machines,
Hundred pings for the broken links,
One special ping to check them all
Through Simple Network Management Protocol!
PM MAIL ICQ   Вверх
Sardar
Дата 23.6.2004, 20:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Цитата
clip вроде бы только при position: absolute работает? Или это у меня глюки...

Да, как и окошко через style.overflow. Что конкретно происходит? Таблица не на абсолютном слое - сделать плавное движение не получится. Играться с добавлением/удалением строк в таблице не советую - у мозиллы проблемы, забывает колонки, кидая все в одну ячейку.

Сделать мягкое движение нельзя не умея передвигать обьект попиксельно, т.е. без style.position=absolute. Необязательно ставить таблицу в слой, можно скрывать строки, а анимацию сделать на одном слое с постоянно меяющемся рядом из таблицы. Эффект - складывающиеся строчки по одной....

Цитата
Я уже даже не решаюсь утверждать что что-то будет работать только в том или ином бруезере...

В Мозиле и ИЕ будет работать. Опера отдыхает, в ней вообще много чего нет...


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
mix
Дата 25.6.2004, 22:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



IE6 only
Код

<table BORDER=1 style="table-layout:fixed">
<tr>
<td id=z1>11</td>
<td>12</td>
</tr>
<tr>
<td id=z2>21</td>
<td>22</td>
</tr>
</table>

<script>
setInterval(
    function()
 {
  var o=document.getElementById('z1');
  o.style.height= o.offsetHeight<=1? '1.4em' : o.offsetHeight-1+"px";
  o=document.getElementById('z2');
  o.style.height= o.offsetHeight<=1?'1.4em' : o.offsetHeight-1+"px";
 }
    ,20);
</script>

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


 




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


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

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