Есть ли способ изменить курсор на короткое время для всего окна / страницы / тела в HTML / CSS

0

У меня хорошая рабочая страница со счетной сложностью и 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?

  • 0
    @JamesMontagne: sry, но это не обман, потому что я 1) пробовал упомянутые там решения, 2) имел дополнительный SVG и 3) упомянутое решение: «Когда тело имеет класс ожидания, все будет показывать курсор ожидания». Я пытался не.
  • 0
    Я не уверен насчет svg, но ваш вопрос не указывает на то, что вы пробовали body.wait * . Возможно, SVG работает по-другому, хотя. Возможно, вы могли бы создать jsfiddle.net, который лучше иллюстрирует вашу конкретную проблему?
Показать ещё 1 комментарий
Теги:

1 ответ

1

если у вас есть хотя бы одна таблица стилей (это достаточно быстро и не проникает в DOMiteration):

измените таблицу стилей CSS:

sh = document.styleSheets[0]
Wait_a_bit="* {cursor: wait !important}"
sh.insertRule(Wait_a_bit, 0)

перед вашим ajax и удалить его потом:

sh.deleteRule(0)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню