Изменение курсора мыши javascript при загрузке страницы в браузере Firefox 3.5 - PullRequest
Новая
       10

Изменение курсора мыши javascript при загрузке страницы в браузере Firefox 3.5

0 голосов
/ 16 марта 2010

Привет, в случае полной страницы отправьте прозрачный идентификатор div и измените курсор на «wait». Теперь, когда страница отправляется и появляется новая страница, курсор все еще остается «ждать», не меняя по умолчанию, пока мышь не будет перемещена в Firefox

Вот простой html щелчок по кнопке показа. Div появляется, когда пользователь наводит курсор мыши на курсор div, изменяясь как курсор ожидания. Теперь, когда эта страница загружается снова, нажатие курсора F5 остается в качестве курсора ожидания в Firefox, его работа в IE работает нормально. Есть ли способ сделать курсор по умолчанию при загрузке страницы в Firefox 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style>
        body {
            cursor:default;
        }
    </style>
    <script src="js/jquery.js"> </script>
    <script>
        var test = true;
        $(document).ready(function() {
            $('#maindiv').css('display','none')
        });
        function showDiv() {
            $('#maindiv').css('display','block')
        }
    </script>
</head>
<body>
    <div id="divBody" style="background-color:red;width:500px;height:500px" >aa
        <div id="maindiv" style="background-color:#999999;height:100$;width:400px;height:400px;cursor:wait">
            sss
        </div>aa
   </div>
    <input  type="button" value="show" onclick="showDiv()"/>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 16 марта 2010

это какой-то грязный код ...

почему бы не использовать изображение или css для отображения div поверх всего остального с прозрачным фоном и cursor: wait; на теге css или style, а затем показывать этот div в любое время ...

HTML <div id="modal">&nbsp;</div> <input id="test" type="text" />

1010 * JQuery * 

$('#modal').css({cursor: 'wait'}).width($(document).width()).height($(document).height());
$('#test').bind('click',function (){$('#modal').show()})

Я не проверял это так ... теоретически это должно работать ... если не пытаться изменить ширину и высоту тела на "100%"

Береги себя

0 голосов
/ 16 марта 2010

Не могли бы вы использовать анимированное изображение для обратной связи с пользователем вместо изменения курсора?

ajaxload.info имеет несколько замечательных примеров.

...