| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Красиво подгружать аякс |
| Автор: Wowa 22.5.2009, 01:49 | ||
Есть структура наподобие:
Нужно подгрузить новую таблицу 1 через аякс. Я ставлю ей style="display:none;", подгружаю данные и ставлю style="display:block;". В результате отображается таблица с новыми данными. Мне однако не нравится, что при этом экран "прыгает", что логично, т.е. из-за display:none; пропадает элемент со страницы. Хотелось бы Таблицу 1 затемнять и поверх показывать слой с шестеренкое, которая подгрузку данных символизировала бы. Основная проблема в том, что высота и ширина Таблицы 1 может быть любой, соответственно слой с шестеренкой должен каким-то образом моч занимать всю область. которую таблица с данными занимает. У кого-нить есть идеи, как это сверстать? |
| Автор: bazzjr 22.5.2009, 03:13 |
| вычислять javascript размеры таблицы1, и после накладывать див с получеными размерами. Добавлено @ 03:14 Хотя не понимаю, для чего нужен слой именно для все таблицы1? не проще ли просто выводить слой див на весь экран? |
| Автор: ksnk 22.5.2009, 08:00 |
| Wowa, Можно делать таблице не display:none, а visibility:hiden. Тогда "прыгать" будем только при финальной подмене. Как вариант - opacity у таблицы 1 небыстро уменьшать почти до 0, тоже довольно забавно... Ну и традиционно - таблица в контейнере с positoion:relative, в него абсолютно, с вычисляемыми позициями вкладывается картинка "Грузимсо..." |