Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Создание скрипта упрощённой версии для медленных соединений.

Страница 1 из 2 1, 2  Следующий

Предыдущая тема Следующая тема Перейти вниз

Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вт 31 Авг - 0:32

Здравствуйте ещё раз.

очень часто хочется понапихать на портал побольше всего - и облако тегов, и десяток скриптов. Естественно, все эти радости отрицательно сказываются на скорости загрузки страницы. Ну а что делать пользователям с медленным соединением?

Так что вот что хотелось бы сделать: создать код, отслеживающий время полной загрузки страницы, как это сделано в Google Maps, и, если оно слишком большое, предлагающий использовать альтернативную, но облегчённую версию главной страницы. Ну а это уже не проблема - создать копию портала только с самыми необходимыми виджетами. Вот.

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Antony в Вт 31 Авг - 0:37

для этого есть опера с ее специальным режимом для таких соединений. Турба, кажется

Antony
 

Мужчина

Сообщения : 281
Возраст : 25
Регистрация : 2009-06-20
Благодарности : 21

Забанен

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Изобретатель в Вт 31 Авг - 0:43

Об этом возможно надо написать - здесь.

Изобретатель
 

Мужчина

Сообщения : 2572
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вт 31 Авг - 15:57

Турба нифига не помогает, поверь. Во всяком случае, всё равно всё очень медленно, к тому же турбо снижает качество картинок.

Разве это так уже невозможно? Например, обратный отсчёт, останавливающийся при полной загрузке страницы?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вт 31 Авг - 16:55

Например - вот такой вариант. То есть берётся время при старте загрузки страницы, это значение присваивается переменной. Затем берётся время после загрузки (onLoad) и присваивается другой переменной. Ну а их разница и будет искомой. Дальше нужно сравнить заданное время загрузки с полученным, и если полученное больше, вывести на экран текст ссылки. Вот. Помогите только написать код.

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Ср 1 Сен - 20:48

Хм. Irbis, Lucky, Dana?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Ср 1 Сен - 21:00

smile Я не понимаю смысла, допустим, ты дождался полной загрузки страницы, посчитал время загрузки, но страница-то уже загружена unknown
Если она у тебя со всем контентом - то зачем вычислять сколько она грузится? она всё равно загрузится полностью.
Если она у тебя пустая - то она загрузится примерно одинаково, что на быстром интернете, что на медленном.

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Ср 1 Сен - 21:19

Как мне видится:
Сначала потребуется div с id="LSA" с нужным предупреждением и ссылками там где оно надо, с указанным style="display:none;"
Код:
<div id="LSA" style="display:none;">Если у вас медленное соединение с Интернет, можете посмотреть более легковесную версию портала: <a href="portal.htm">Портал Lite!</a></div>

Скрипт надо как-то положить в head
Код:
function ShowLowSpeedAttention(){
document.getElementById('LSA').style.display = 'block';
}
var timer_id = setTimeout(ShowLowSpeedAttention, 2000);

На работоспособность не претендую, "набросок", по идее после прочтения скрипта, через 2 секунды, должно запустить функцию ShowLowSpeedAttention(), которая сделает блок с предупреждением видимым...

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Ср 1 Сен - 23:07

Да, этот вариант достаточно дурацкий, твой конечно лучше. Просто это было единственное, что я нашёл.

А этот код нужно просто вставить в виджет?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Ср 1 Сен - 23:22

Давай завтра потестирую в песочнице, если чего толковое сделаю, то напишу. :85:

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 19:08

Работает, спасибо большое)

Последняя просьба. Сделать так, чтобы во время загрузки сверху появлялась картинка лоадинга, а после окончания - убиралась бы. Картинка будет вешаться примерно таким кодом:
Код:
<div id="myfooter" style="height: 20px; position: fixed; background-image: url('Картинка'); background-repeat: no-repeat; background-position: top center; width: 100%; margin: 0 auto; top: 0; left: 0; z-index: 1999; _display: none; text-align: center;"><div>

А вот с функцией java script-а помоги))
Т.е. картинку должно быть видно, пока идёт загрузка и она исчезнет после её окончания.

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Чт 2 Сен - 20:09

Ох, если не вдаваться в подробности, эту картинку нужно максимально высоко в body положить (выше контента) без display:none;, она загрузится раньше всего остального и отобразится.

Как вариант - записать в script в head
document.write(' ... здесь див с картинкой ... ');
Только там надо заменить внутри апострофы на кавычки или наоборот, чтобы они внутри не повторялись.
По идее, он должен записать div сразу же после загрузки head раздела (до начала загрузки body).

Потом надо как-то в onload для body записать
Код:
document.getElementById('myfooter').style.display = 'none';
Либо положить это в функцию, и запустить функцию, она после загрузки тела скроет id="myfooter".
Другого датчика что страница загружена вроде нет...

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 20:40

darkWol, прости, слишком много текста) В ява скрипте я - ноль. В html, кстати, почти тоже.

То есть должно выглядеть всё это в виджете как?

Код:
<script language="javascript" type="text/javascript">document.write(' Тот код сверху')
function onLoad () {document.getElementById('Имя дива').style.display = 'none';}</script>


Последний раз редактировалось: Драйкон (Чт 2 Сен - 20:40), всего редактировалось 1 раз(а) (Обоснование : Забыл фигурную скобку)))

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Чт 2 Сен - 20:50

А ты это всё в виджет?
onload это параметр body

Код:
<body onload="">

Я так понимаю нам такой уровень редактирования в phpBB3 недоступен.

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 20:52

Насчёт датчиков - вот тут. Четвёртый пост. Этот тот OnLoad?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 20:54

Ну... Код загрузки работает нормально. Теперь только с картинкой. Тоже через виджет.

Код:
<script language="javascript" type="text/javascript">document.write(' Тот код сверху')
<body onload="{document.getElementById('Имя дива').style.display = 'none';}">
</script>

??

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 21:24

Например, в поиске google нашёл такой код ява -
Код:
google.load('search', '1');
  google.setOnLoadCallback(function() {

Полный -
Спойлер:
Код:
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1');
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('006823346027066140514:wapj03wk7-4');
    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Чт 2 Сен - 21:39

У нас body одно, оно уже есть в коде страницы...

А то что ты указал, там наверное jQuery нужно подключать, это вообще Api поиска от гугля вроде.

Попробуй что-нибудь такое:
Код:
document.onload= function () {
document.getElementById('Имя дива').style.display = 'none';
};
Даже не знаю, я с обработчиками не работал раньше... может и не будет работать, может быть window.onload надо попробовать

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 22:05

Отлично. Работает, спасибо. Слушай. Может, туториал создать?

Код:
<div id="urlload"  style="height: 20px; position: fixed; background-image: url('http://s001.radikal.ru/i196/1009/a8/12c4cec4ee9e.gif'); background-repeat: no-repeat; background-position: top center; width: 100%; margin: 0 auto; top: 0; left: 0; z-index: 1999; display: 'block'; text-align: center;"><div>

<script language="javascript" type="text/javascript">
window.onload= function () {
document.getElementById('urlload').style.display = 'none';
};
</script>

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Чт 2 Сен - 22:07

И хорошо, кстати, работает) Попробую сейчас сделать уход через свойство opacity. А java script поймёт что - то типа "opacity -=1;"?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Чт 2 Сен - 22:53

Слушай. Может, туториал создать?
wink оформляй, будешь автором)

Opacity не всеми браузерами понимается smile

По аналогии с display:
Код:
document.getElementById('myfooter').style.opacity = '1.0';
document.getElementById('myfooter').style.opacity = '0.5';
и пр.

вот только надо подумать, как это таймером соединить...

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор 43778 в Пт 3 Сен - 3:10

Отлично. Работает, спасибо. Слушай. Может, туториал создать?
Этот скрипт разве отслеживает время полной загрузки страницы, как это сделано в Google Maps, и, если оно слишком большое, предлагает использовать альтернативную, но облегчённую версию главной страницы? biggrin
Он просто показывает картинку пока не загрузится страница. Это глупо, потому что, например, если у вас на странице будет изображение какого-то счетчика с битой ссылкой вы на этот бегунок будете смотреть до посинения cool

43778
Новичок

Сообщения : 11
Регистрация : 2010-06-23
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Пт 3 Сен - 18:17

Нет. Второй скрипт просто показывает, что страница грузится. А первый, если время загрузки слишком большое, предлагает перейти на облегчённую версию портала.

darkWoL, заметил одну вещь. Код, выводящий ссылку на лёгкий портал - просто таймер. никак не зависящий от времени загрузки. => ссылка появится всё равно.
То есть нужно в window.onload прописать ещё и остановку таймера. Как это сделать?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вс 5 Сен - 13:10

По идее таймер должен проверять, загрузилась ли страница, и только если нет, выводить текст.

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Вс 5 Сен - 17:22

Ну дык таймер он и есть таймер, его нужно останавливать при событии onload для тега body.
Нет у нас такого редактирования шаблонов, по крайней мере на phpBB3.

А насчёт посинения, каждый умный браузер сбрасывает соединение если ему нечего загружать.

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вс 5 Сен - 20:26

Хм. А при событии onload для Window его нельзя остановить? Как ты это сделал с картинкой загрузки. Она работет - как только загружается страница, картинка исчезает.

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Вс 5 Сен - 21:15

А вот оно как... Я то думал оно не работает.
Тогда добавить в функцию что для window.onload что-то такое:

Код:
clearTimeout(timer_id);

По идее мы там в общем пространстве имён его запускаем и в сторонней функции должно сработать...

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вт 7 Сен - 8:14

Код:
<script language="javascript" type="text/javascript">function ShowLowSpeedAttention(){
document.getElementById('LSA').style.display = 'block';
}
var timer_id = setTimeout(ShowLowSpeedAttention, 8000);
window.onload= function () {clearTimeout(timer_id);
};</script><div id="LSA" style="display:none;"><center><strong>Возможно, у вас слишком медленное подключение к Интернету</strong>. Попробуйте <u><a href="/portal.forum?pid=4">облегчённую версию</a></u> главной страницы</center></div>

Не работает)

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор darkWoL в Вт 7 Сен - 10:29

biggrin единственное до чего я додумался...
Код:
window.clearTimeout(timer_id);
scratch хотя может быть опять вилами...

darkWoL
 

Сообщения : 746
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Создание скрипта упрощённой версии для медленных соединений.

Сообщение автор Драйкон в Вт 7 Сен - 16:52

А проверь мой код. Я правильно вставил функцию?

Драйкон
 

Мужчина

Сообщения : 158
Регистрация : 2010-03-12
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Страница 1 из 2 1, 2  Следующий

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения