ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как проще сделать эмулятор грида в HTML?
8 сообщений из 8, страница 1 из 1
Как проще сделать эмулятор грида в HTML?
    #34614901
1211212
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
1211212
Гость
Всем привет,
по вопросу -
Имеется в виду функциональность, связанная со скроллингом на клиенте. То есть - шапка
и дно в окне, строки - мб нет.

Единственный способ - обработка скроллинга и перестановка строк футера - хедэра с помощью js или есть возможность сделать эту вещь с помощью HTML и стилей?

За совет и ссылки буду очень признателен.
...
Рейтинг: 0 / 0
22.06.2007, 21:11
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34614923
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
для этого есть
position :fixed
В IE6- через expression в стилях эмулируют
...
Рейтинг: 0 / 0
22.06.2007, 21:43
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34615027
1211212
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
1211212
Гость
LINUXERдля этого есть
position :fixed
В IE6- через expression в стилях эмулируют

Огромное спасибо.

IE6 и expression - не очень понятно.
...
Рейтинг: 0 / 0
23.06.2007, 00:39
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34615526
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
1211212
IE6 и expression - не очень понятно.
http://www.howtocreate.co.uk/fixedPosition.html
...
Рейтинг: 0 / 0
23.06.2007, 20:31
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34617437
1211212
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
1211212
Гость
Все это очень интересно, спасибо LINUXER.

Но на мой взгляд есть некоторая проблема с применением - <div><tr></tr></div>?. В CSS я действительно новичок, но в HTML/JS делал примерно такую вещь:
HTML w/o footer:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<div id="H"> 
 <table>
  <tr><td>HeaderText1</td><td>HeaderText1</td>..<td>HeaderTextN</td></tr>
  <tr><td colspan= N width= 100 %>
   <div id="V"> 
    <table>
     <tr><td>BodyText1</td><td>BodyText21</td>..<td>BodyTextN1</td></tr>
     <tr><td>HeaderText11</td><td>BodyText22</td>..<td>HeaderTextN2</td></tr>
     M-records
     <tr><td>HeaderText1M</td><td>BodyText2M</td>..<td>HeaderTextNM</td></tr>
    </table>
   </div> 
 </td></tr>
</div>
JS (onload):
Код: plaintext
1.
2.
3.
4.
5.
var col = document.all;
col.H.style.overflowY="hidden";
col.H.style.overflowX="auto";
col.V.style.overflowY="auto";
col.V.style.overflowX="hidden";
Все работало прекрасно - и горизонтальный скроллинг для всей таблицы и вертикальный - для тела таблицы,
только вот шапка вела себя "отдельно" - таблица динамическая, формируется строками
с nowrap.

На мой взгляд эти примеры - скорее вариации на эту тему.

Или я все таки не прав и их можно применить к тегу <tr> не разрушая таблицы?

Опять заранее спасибо.
...
Рейтинг: 0 / 0
25.06.2007, 14:23
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34617486
1211212
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
1211212
Гость
Не много исправлю + футер.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<div id="H"> 
 <table>
  <tr><td>HeaderText1</td><td>HeaderText2</td>..<td>HeaderTextN</td></tr>
  <tr><td colspan= N width= 100 %>
   <div id="V"> 
    <table>
     <tr><td>BodyText1</td><td>BodyText21</td>..<td>BodyTextN1</td></tr>
     <tr><td>BodyText11</td><td>BodyText22</td>..<td>BodyTextN2</td></tr>
     M-records
     <tr><td>BodyText1M</td><td>BodyText2M</td>..<td>BodyTextNM</td></tr>
    </table>
   </div> 
 </td></tr>
  <tr><td>FooterText1</td><td>FooterText2</td>..<td>FooterTextN</td></tr>
</div>
...
Рейтинг: 0 / 0
25.06.2007, 14:32
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34617487
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
В очередной раз все тот же тынц .
Одминам: давайте прилепим тему, где соберем все эти тынцы? Типа faq.
...
Рейтинг: 0 / 0
25.06.2007, 14:32
| Ответить | Цитировать | Написать  
Как проще сделать эмулятор грида в HTML?
    #34617509
1211212
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
1211212
Гость
То, что нужно!
...
Рейтинг: 0 / 0
25.06.2007, 14:37
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как проще сделать эмулятор грида в HTML?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1458063]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 57ms
get topic data:
 9ms
get first new msg:
 6ms
get forum data:
 2ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 12ms
total:  169ms
созд. / загр.: 169ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]