Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Опредилить конец страницы.
 
 автор: dod   (23.04.2008 в 04:56)   письмо автору
 
 

весь гугл облазил , но так и ненашол примера реализованого в почте gmail.com , а именно там когда страница опущена до конца , то в правом нижнем углу появляется всплывающее окошко .
как такое можно реализовать ?
благодарен за любую инфу по теме !

   
 
 автор: PAT   (23.04.2008 в 13:44)   письмо автору
 
   для: dod   (23.04.2008 в 04:56)
 

Навесьте на BODY событие ONSCROLL и юзайте document.body.scrollTop в сравнении с document.body.scrollHeight

   
 
 автор: dima2207   (23.04.2008 в 18:26)   письмо автору
 
   для: PAT   (23.04.2008 в 13:44)
 

Приведите пример пожалуйста .

   
 
 автор: dod   (24.04.2008 в 12:58)   письмо автору
 
   для: dima2207   (23.04.2008 в 18:26)
 

Да , было-бы неплохо увидеть ваш пример решения задачи

   
 
 автор: PAT   (24.04.2008 в 13:48)   письмо автору
 
   для: dod   (24.04.2008 в 12:58)
 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=win-1251">
<script>
function f ()
{
var sh = document.body.scrollHeight,
ch = document.body.clientHeight,
st = document.body.scrollTop;

window.status =
document.getElementById ('t0').value =
document.getElementById ('t1').value =
document.getElementById ('t2').value =
'"' + sh + ' - ' + ch + ' = ' + st + '" Когда это истинно?';
}
</script>
</head>
<body onscroll="f ()">
<center>
<br><input style="width: 40%; color: red" id="t0">
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<br><input style="width: 40%; color: red" id="t1">
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
<br><input style="width: 40%; color: red" id="t2">
</center>
</body>
</html>

   
 
 автор: dod   (24.04.2008 в 15:03)   письмо автору
 
   для: PAT   (24.04.2008 в 13:48)
 

В 7-ом экасплорере неработает .

   
 
 автор: PAT   (24.04.2008 в 15:24)   письмо автору
 
   для: dod   (24.04.2008 в 15:03)
 

Что именно не работает?

Не скроллится?
Не смотрится?
Не думается?

   
 
 автор: dod   (24.04.2008 в 16:03)   письмо автору
 
   для: PAT   (24.04.2008 в 15:24)
 

гггггг, юморист !

Не скроллится.
Не смотрится.

   
 
 автор: PAT   (24.04.2008 в 16:30)   письмо автору
 
   для: dod   (24.04.2008 в 16:03)
 

/* Не скроллится. */

Само скроллиться и не должно.
Надо мышкой "зацепить" скроллбар и подвигать его вверх-вниз.
Если разрешение велико и скроллбар не появляется - добавьте ещё десяток-два строчек
<hr>Скроллим, смотрим на статусную строку (инпуты) и думаем
где-нибудь между инпутами. Или уменьшите размер окна по высоте.


/* Не смотрится. */

В статусной строке именно в MSIE7.0 может, конечно, и не смотреться.
Также как и в FireFox, и в Opera - там везде есть настройки браузера, запрещающие/разрешающие использование статусной строки скриптом.
Именно для этого и добавлены инпуты - которые должны работать ВЕЗДЕ.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования