VPF::изменение курсора при загрузке

azam

Дата 10.12.2007, 17:46 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 142
Регистрация: 8.10.2007
Где: г. Владикавказ

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

Есть Ajax фотогалерея.
Надо чтобы при загрузке картинки изменялся курсор.
Пробовал так:

Код



function refresh(){
    document.body.style.cursor='wait';
}

но получаю не то что нужно

Подскажите пожалуйста как определить что идет загрузка? и по окончанию обратно изменить курсор.

ksnk

Дата 10.12.2007, 19:11 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

imho курсор привязан к слою, который сейчас демонстрируется... Для странички, умещающейся на экране сработает такое:

Код


<script>
function start_loading(){
    document.getElementById('wait-message').style.display='block';
    setTimeout('finish_loading()',10000); // 10 секунд - диалоговый режим

}
function finish_loading(){
    document.getElementById('wait-message').style.display='none';
}
</script>

<style>
.pane{ display:none;position:absolute;top:0;left:0;width:100%;height:100%;
     cursor:wait; /* Вот они - песочные часики */
}
</style>

<div id="wait-message" class="pane">
<table style="width:100%;height:100%;">
<tr ><td align="center">
<div style="width:200px;border:1px solid black;padding:40px;">Please wait 10 second awhile а page loading...</div>
</td></tr></table>
</div>

<a href="#" onclick="start_loading();return false;">start</a><br>
<a href="#" onclick="finish_loading();return false;">finish (не должно работать ;))</a>

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

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