У меня хорошая рабочая страница со счетной сложностью и AJAX и т.д., Пока все в порядке, все в порядке; (его как-то специальный редактор)
В случае, когда действие AJAX занимает больше времени (250 мс в моем приложении), я отключу все "окно" с div opacity 0.3
качестве наложения, показывающего значок "..... занимает немного...", вы знаете это "подождать мгновение".
Все это прекрасно и хорошо работает.
Теперь мои опытные пользователи хотят, чтобы курсор был изменен (до ожидания) imadiatly после запуска AJAX в фоновом режиме.
Что я пробовал до сих пор:
CSS:
body.wait { cursor: wait !important; }
and
html.wait { cursor: wait !important; }
и добавление класса 'wait' в тело
Я знаю решение, ставя (другое) div в forground (opacity 0), но разве нет другого решения?
например window.cursor
или что-то в этом роде?
другой вход: браузеры ведут себя по-другому (да, нет новостей), IE немного лучше (правда), но все они борются с внедренными элементами SVG
так снова мой вопрос: есть ли способ изменить курсор для страницы, более или менее игнорируя CSS, HTML и DOM?
если у вас есть хотя бы одна таблица стилей (это достаточно быстро и не проникает в DOMiteration):
измените таблицу стилей CSS:
sh = document.styleSheets[0]
Wait_a_bit="* {cursor: wait !important}"
sh.insertRule(Wait_a_bit, 0)
перед вашим ajax и удалить его потом:
sh.deleteRule(0)
body.wait *
. Возможно, SVG работает по-другому, хотя. Возможно, вы могли бы создать jsfiddle.net, который лучше иллюстрирует вашу конкретную проблему?