Chwilowa zmiana kursora dla wszystkich elementów na stronie

Question

Witam!

Mam pytanie co do zmiany kursora w trakcie wysyłania danych poprzez AJAX. Mamy formularz i przycisk <input type="submit" value="sprawdź"> Użytkownik klikając w ten przycisk uruchamia skrypt który wysyła dane na serwer i blokuje input'y w formularzu aby użytkownik nie zmieniał ich wartości do czasu odpowiedzi od serwera. W tym czasie chcę zmienić kursor aby zawsze nie zależnie nad jakim elementem się znalazł zawsze wyświetlał się jako progress. Stosując:

$('*').css('cursor', 'progress');

A po otrzymaniu odpowiedzi od serwera chcę przywrócić kursor do normalnej ikony:

$('*').css('cursor', 'default');

Minus takiego rozwiązania jest taki że $(*) zmienia ikonę kursora dla wszystkich elementów, po najechaniu na input type="text" zostaje wyświetlana ikona 'default' a nie standardowa dla pola tekstowego. Więc jak zmienić kursor aby nie powodować takich konsekwencji ?

Comments

Koledzy podali Ci rozwiązanie, ale może warto na problem spojrzeć z innej strony... Jeśli faktycznie zależy Ci tak bardzo na "zabezpieczeniu" formularza przed kolejną wysyłką to może na czas "ajaxowania" nałóż na niego jakiś modal (np. zaciemnij, rozmaż itp.) i na nim walnij ikonkę typu preloader. W takim wypadku od razu wiesz, że musisz poczekać bo "coś się robi". Nie wiem czy sama zmiana kursorka jest odpowiednio wyrazistym sygnałem. Oczywiście to tylko moja subiektywna ocena, ale czasem warto nieco inaczej z boku patrzeć na problemy i stawiać się w roli nie tylko developera ale i usera :)

Pozdrawiam

Answer 1

Może:

$('*').css('cursor', 'initial');

Pozdrawiam!

Answer 2

Dlatego najlepiej nadać elementowi html klasę .busy i ostylować tę klasę, a następnie ją usunąć i tyle.