VPF::Прокрутка пробелом - Форум программистов

December

Дата 23.3.2006, 16:29 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

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

Суть следующая.
У меня в странице есть div со скроллингом.
Я хочу, чтобы по окончании навигации на страницу нажатие на пробел приводило к прокручиванию контента div'а.
В осле это и так работает, в правильных бродилках - нет smile

Тихо подозреваю, что нужно в onLoad на чём-то сфокусироваться.
Вопрос - как и на чём? smile

--------------------

Для друзей с винграда - скидки на разработку сайтов

Ciber SLasH

Дата 23.3.2006, 21:15 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

December, оно:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
<meta name="Generator" content='EditPlus 2.21.330'>
<meta name="Author" content='Ciber SLasH'>
<title>JavaScript :: Отлов событий</title>
<script type='text/javascript'>
onload = function () {
divObj = document.getElementById("selText");
    document.onkeypress = function (ev) {
        var evt = ev || window.event;
        var key = evt.keyCode || evt.charCode;
            if (key == 32) {
                divObj.scrollTop = divObj.scrollTop + 5;
                evt.cancelBubble = true;
                evt.returnValue = false;
                if (evt.preventDefault) evt.preventDefault();
                if (evt.stopPropagation) evt.stopPropagation();
                return false;
            }
        return true;
    }
}
</script>
</head>

<body>
<div id='selText' style='height: 100px; overflow: auto; border: 2px solid black'>
z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>z<br>
</div>
</body>
</html>

December

Дата 24.3.2006, 13:27 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

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

Ciber SLasH,
Похоже по функционалу, однако хотелось бы заюзать стандартный механизм, заложенный в бродилки smile

--------------------

Для друзей с винграда - скидки на разработку сайтов

Ciber SLasH

Дата 24.3.2006, 18:37 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(December @ 24.3.2006, 13:27

)

однако хотелось бы заюзать стандартный механизм, заложенный в бродилки smile

А с этого места поподробнее... Что за стандартный механизм?

Aliance

Дата 26.3.2006, 15:12 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Отловить клавиши на странице: http://forum.vingrad.ru/index.php?showtopic=84449
Скроллинг элементов: http://www.quirksmode.org/viewport/compatibility.html

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

December

Дата 27.3.2006, 11:27 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

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

Цитата(Ciber SLasH @ 24.3.2006, 18:37

)

А с этого места поподробнее... Что за стандартный механизм?

Смотри, на любой странице, которая не помещается на экране, если нажать на пробел, тостраница проскролливается вниз. Можешь проверить прямо щас smile

Однако для того, чтобы это работало, страница должна быть сфокусирована как-то. Например, с помощью клика на её соержимом.
Aliance, спасибо за ссылки, поизучаем...

--------------------

Для друзей с винграда - скидки на разработку сайтов

Ciber SLasH

Дата 27.3.2006, 12:07 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(December @ 23.3.2006, 16:29

)

Я хочу, чтобы по окончании навигации на страницу нажатие на пробел приводило к прокручиванию контента div'а.

Ну ведь я ответил на твой вопрос рабочим скриптом. user posted image

December

Дата 27.3.2006, 15:44 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

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

Цитата(Ciber SLasH @ 27.3.2006, 12:07

)

Ну ведь я ответил на твой вопрос рабочим скриптом

Не спорю - скрипт хорош, за него большое спасибо. Однако я клоню к тому, что есть два пути:
1) ловить пробел и делать всё ручками
2) как-то заставить работать стандартный механизм.
Мне кажется, что второй способ - более идеологически правильный... и должен быть более простым, теоретически...

--------------------

Для друзей с винграда - скидки на разработку сайтов

Ciber SLasH

Дата 27.3.2006, 15:47 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(December @ 27.3.2006, 15:44

)

2) как-то заставить работать стандартный механизм.

Стандартный механизм, как я понял по умолчанию крутит только страницу. Если перевести фокус в прокручиваемый слой, то по идеи должен крутиться слой.
Т.е. нужно попробовать установить фокус ввода принудительно.
div.focus();
Добавлено @ 15:52
Но фокус работает к сожаление только в IE. smile

December

Дата 27.3.2006, 16:35 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

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

Цитата(Ciber SLasH @ 27.3.2006, 15:47

)

Но фокус работает к сожаление только в IE.

... в котором прокрутка работает и так, без дополнительных шаманств smile

--------------------

Для друзей с винграда - скидки на разработку сайтов

Ciber SLasH

Дата 27.3.2006, 16:51 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(December @ 27.3.2006, 16:35

)

... в котором прокрутка работает и так, без дополнительных шаманств smile

Ну с шаманством, будет работать и вдругих бродилках. smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »