Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как проще сделать эмулятор грида в HTML? / 8 сообщений из 8, страница 1 из 1
22.06.2007, 21:11
    #34614901
1211212
1211212
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как проще сделать эмулятор грида в HTML?
Всем привет,
по вопросу -
Имеется в виду функциональность, связанная со скроллингом на клиенте. То есть - шапка
и дно в окне, строки - мб нет.

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

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

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

IE6 и expression - не очень понятно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.06.2007, 20:31
    #34615526
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как проще сделать эмулятор грида в HTML?
1211212
IE6 и expression - не очень понятно.
http://www.howtocreate.co.uk/fixedPosition.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.06.2007, 14:23
    #34617437
1211212
1211212
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как проще сделать эмулятор грида в HTML?
Все это очень интересно, спасибо 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:32
    #34617486
1211212
1211212
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как проще сделать эмулятор грида в HTML?
Не много исправлю + футер.
Код: 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
    #34617487
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как проще сделать эмулятор грида в HTML?
В очередной раз все тот же тынц .
Одминам: давайте прилепим тему, где соберем все эти тынцы? Типа faq.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.06.2007, 14:37
    #34617509
1211212
1211212
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как проще сделать эмулятор грида в HTML?
То, что нужно!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как проще сделать эмулятор грида в HTML? / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 485ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1458063]:
 0ms
get settings:
 11ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 151ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 2ms
others: 248ms
total:  485ms
x
x
Закрыть


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