Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.02.2011, 16:59
Новичок на форуме
Отправить личное сообщение для Vreditel Посмотреть профиль Найти все сообщения от Vreditel
 
Регистрация: 20.02.2011
Сообщений: 2

Нестандартный фиксированный заголовок таблицы
P.S. Разобрался, как определять прокрутку. Но все равно глюки есть. Если у кого нибудь есть какие нибудь решение, буду очень признателен за помощь.
Здравствуйте, уважаемые форумчане. Возникла проблема. Есть 2 таблицы в фрейме. Одна из них имитирует заголовок другой. При прокрутке вниз-вверх заголовок должен оставаться на месте. При прокрутке вправо-влево-должен скроллиться вместе с таблицей, имитирующей тело. Изначально я добился того, чего хотел следующим скриптом
function handler() {
        $('#t1').css('top', $('#d1').scrollTop);
        $('#t1').css('position', 'relative');
}

Но, при скроле вниз вверх первая таблица очень сильно дергалась, е успевая перепозционироваться. Перебробывал кучу вариантов с setTimer, setInterval и тд и тп. Ничего не помогло. В итоге набросал следующую функцию(значками "--!!!!!" я пометил проблемные места, которые изначально неверны)
<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js">

</script>
<script type="text/javascript">
    function handler() {
        if ($('#d1').scrollLeft() != $('#t1').css('left')) { --!!!!!
           $('#t1').css('position', "relative");
        } else
        if ($('#d1').scrollTop() != $('#t1').css('top')) { --!!!!!
           $('#t1').css('position', "fixed");
        }
    }

</script>
</head>
<frame>
<body id="d1" onscroll="handler()">
<div>
<div>
<table id="t1" style="background-image:url('noname.png');">
<tr>
<td>22222222222222222</td>
....
</tr>
</table>
<table id="t2">
<tr>
<td>11111111111111111</td>
...
</tr>
</table>
</div>
</div>
</body>
</frame>
</html>

Вообщем, вопрос в том, как мне определить, что была прокрутка горизонтальная или была прокрутка вертикальная? Очень надеюсь на вашу помощь.

Последний раз редактировалось Vreditel, 20.02.2011 в 18:33.
Ответить с цитированием
  #2 (permalink)  
Старый 05.04.2011, 12:30
Новичок на форуме
Отправить личное сообщение для bep(epk Посмотреть профиль Найти все сообщения от bep(epk
 
Регистрация: 05.04.2011
Сообщений: 1

Возможно это вам поможет: http://www.novasoftware.com/Download...ixedTable.aspx
Ответить с цитированием
  #3 (permalink)  
Старый 07.04.2011, 06:36
Аватар для poorking
prodigy
Отправить личное сообщение для poorking Посмотреть профиль Найти все сообщения от poorking
 
Регистрация: 01.11.2010
Сообщений: 503

Это надо делать с помощью CSS
http://www.imaputz.com/cssStuff/bigFourVersion.html
как например. А вообще куча вариантов
__________________
readOnly
Ответить с цитированием
  #4 (permalink)  
Старый 07.04.2011, 08:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,134

Сообщение от poorking
А вообще куча вариантов
И на этом форуме в частности...
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фиксированный заголовок таблицы PeaceCoder (X)HTML/CSS 14 23.04.2012 16:41
Прокрутка таблицы, не включая заголовок Leopard (X)HTML/CSS 1 23.05.2010 16:20
Ширина таблицы Syltan (X)HTML/CSS 1 01.05.2010 22:33
Перемещение строк таблицы в Firefox barcelona jQuery 17 23.02.2009 15:41
Фиксированный заголовок таблицы ilshat Элементы интерфейса 6 20.12.2008 00:35