Вы когда нибудь видели на сайтах окошко загрузки. Ну когда, например, вы выбираете логин, и жмете кнопку “проверить”, появляется такое окошко со словом “загрузка”, и т.д. Ну вобщем понятно должно быть. Так вот если хотите что-то наподобие у себя на сайте, то…
Есть два варианта. Первый, это лезем сюда, ну и там все ясно. Но мне этот способ не подошел, из-за несовместимости скриптов. Посему пришлось писать свой вариант.
Для начала создадим стиль, для нашего окошка загрузки, например так:
{
opacity: 0.8;
filter: alpha(opacity = 80);
position:absolute;
background-color:#A9A9A9;
}
Далее пишем две функции, включения и выключения окошка:
{
var bglayer = document.getElementById(objName);
var shadow = document.createElement("DIV");
shadow.id = 'shadow';
shadow.className=stl;
shadow.style.width=bglayer.offsetWidth;
shadow.style.height=bglayer.offsetHeight;
shadow.style.top=bglayer.offsetTop;
shadow.style.left=bglayer.offsetLeft;
shadow.innerHTML = put;
bglayer.appendChild(shadow);
}
function hide_screen()
{
var b = document.getElementById('shadow');
b.parentNode.removeChild(b);
return true;
}
Сам блок, который будет перекрываться нашим экраном загрузки:
И наконец пример кода вызова включения окна загрузки и выключения:
<a onclick="hide_screen();">Остановить</a>
Уточню, первый параметр функции show_screen, это id дива, в котором будет показываться наше полупрозрачное сообщение загрузки.Второй параметр - это тот код, который будет показываться в окне загрузки, и третий - это имя класса, который применится к окошку.
Кстати, если нужна картинка, которая крутится, ну типа прогресс бар, то есть специальный сервис.
Если что непонятно, спрашиваем, отвечу.
