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

Первое сообщение в теме :

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

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

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

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

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

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

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

Код:

clearTimeout(timer_id);

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

Код:

<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>

Не работает)

единственное до чего я додумался...

Код:

window.clearTimeout(timer_id);

хотя может быть опять вилами...

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

И ещё - я говорю, я почти не знаю java script) По-этому ты не мог бы просто написать, что попробовать вставить в виджет?)

О_о\

Про таймеры... Пытаюсь разобраться, но пока ничего не понимаю)

Ээ, а чего полез в ASP.NET с Ajax...

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

Вроде правильно... А можешь ткнуть на страницу где оно стоит? Может дебаггером чего нарою.

И ещё - я говорю, я почти не знаю java script

Ога, ну, допустим я его тоже знаю на основе общих представлений о программировании и документации и всё равно решить проблему не могу, непосредственно сказав как это надо сделать.

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

http://eliya.2x2forum.ru/

Там теперь стоит чуть-чуть другое. Поставить обратно?

Так, дебаггер ругнулся на

Код:

<script type="text/javascript">WAU_tab('9ch7y1rsua7r', 'right-middle')</script>

Говорит что функция WAU_tab не определена вовсе.

Насчёт нашего... Может ему не нравится что у нас на одно событие window.onload две функции прописано... путается и выполняет только первую...
давай сделаем так, когда загружено, LSA div же нам нафиг не нужен, ни скрытый, ни видимый. Поэтому можно сделать так, чтобы в нём было пусто.

Код:

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

Это скрипт к диву с картинкой.

Так. По порядку.

У меня стоит два скрипта - про лёгкую версию и загрузка.

Загрузка

Код:

<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>

Текст

Код:

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


Итак, удаляем оба, создаём только один, и делаем там так:

Код:

<script type="text/javascript" language="javascript">

window.onload= function () {
document.getElementById('urlload').style.display = 'none';
clearInterval(timer_id);
};

function ShowLowSpeedAttention() {
document.getElementById('LSA').style.display = 'block';
}

var timer_id = setTimeout(ShowLowSpeedAttention, 8000);
</script>


<div id="LSA" style="display:none;"><center><strong>Возможно, у вас слишком медленное подключение к Интернету</strong>. Попробуйте <u><a href="/portal.forum?pid=4">облегчённую версию</a></u> главной страницы</center></div>

<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>

Так? Про твой код не понял. Он убирает видимость картинки, а строчка

Код:

document.getElementById('LSA').innerHTML='';

про что? Точнее, понятно, про текст предложения, но что такое "innerHTML"?

А, понял примерно, что ты имел ввиду. Ну да всё равно... В принципе мой код и твой - одно и то же, только ещё с текстом.

Кстати. А есть ли в Java script что-то вроде оператора "if".

Хм. А если так:

Код:

<script type="text/javascript" language="javascript">

window.onload= function () {
document.getElementById('urlload').style.display = 'none';
document.getElementById('LSA').style.display = 'none';
};

function ShowLowSpeedAttention() {
document.getElementById('LSA').style.display = 'block';
}

var timer_id = setTimeout(ShowLowSpeedAttention, 8000);
</script>


<div id="LSA" style="display:none;"><center><strong>Возможно, у вас слишком медленное подключение к Интернету</strong>. Попробуйте <u><a href="/portal.forum?pid=4">облегчённую версию</a></u> главной страницы</center></div>

<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>

?

Нет, глупо. Чёрт...

Про последнее - оно не решит проблемы, если загрузка будет 4 секунды, а ещё через 4 - откроется.
innerHTML это всё что лежит внутри найденного div, по идее при наступлении window.onload он должен очистить div и даже если его покажут - он будет пустой.

Почему clearInterval? если у нас задан setTimeout - должен быть clearTimeout.

Мне кажется должно быть как-то так:

Код:

<script type="text/javascript" language="javascript">

window.onload= function () {
document.getElementById('urlload').style.display = 'none';
document.getElementById('LSA').innerHTML = '';
window.clearTimeout (timer_id);
};

function ShowLowSpeedAttention() {
document.getElementById('LSA').style.display = 'block';
}

var timer_id = window.setTimeout(ShowLowSpeedAttention, 8000);
</script>


<div id="LSA" style="display:none;"><center><strong>Возможно, у вас слишком медленное подключение к Интернету</strong>. Попробуйте <u><a href="/portal.forum?pid=4">облегчённую версию</a></u> главной страницы</center></div>

<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>

IF есть в любом языке, в JS стандартный синтаксис конструкции:

Код:

if(условие){
}

Ага) У тебя ошибка)

Код:

document.getElementById('LSA').innerHTML = '';

- лишнее. Если она там стоит, то при загрузке страницы текст убирается. А этого не нужно...

Но так всё вроде работает. Пока тестирую на разных браузерах и с разных скоростей)

а почему лишнее? Страница-то уже загрузилась, зачем ему показывать это сообщение.

И всё бы ничего, да он, гад, диву "LSA" не даёт присвоить class="module" почему?!

Эм, как именно не даёт? Ты пишешь class="module", а он трёт? Или как ты ему присваиваешь?

Код:

<div id="LSA" style="display:none; class="module"><center><strong>Возможно, у вас слишком медленное подключение к Интернету</strong>. Попробуйте <u><a href="/portal.forum?pid=4">облегчённую версию</a></u> главной страницы</center></div><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>

Вокруг текста не появляется "виджетного" прямоугольничка. А раньше, когда я так делал со старым кодом, появлялось. Странно...

Нет, заработало)

Если непосредственно тот код что указал, там сразу же утеряна кавычка после style, поэтому парсер браузера не видит class.

Код:

<div id="LSA" style="display:none; class="module">

Отлично, всё работает, спасибо)