Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2010
    Thanked 0 Times in 0 Posts

    jQuery: denote cursor busy until ready

    I'd like to know how to mark the cursor as busy until the ready event.

    I've seen http://ryanmorr.com/archives/ondomre...owser-sniffing but my javascript and jQuery skills are not strong enough to figure out how to put the cursor in hourglass mode until the


    kicks in.

  2. #2
    Regular Coder Iszak's Avatar
    Join Date
    Jun 2007
    Perth, Western Australia
    Thanked 58 Times in 57 Posts
    Let me first say that what you're attempting is somewhat difficult as document ready occurs quite quickly so perhaps unless there's many lines of HTML.

    Now ideally we'll set the cursor to wait on the body but this requires us to put a script tag immediately after the body as the body isn't loaded if we do it in the head. Now personally I feel this is rather messy, I'm just used to putting it in the head so my solution was instead of targetting the body, target the html element which is loaded - I don't know if this has any compatability issues.

    Now that solves most problems except one.. the fact that if any element has a specific cursor style e.g. anchors have the style pointer and thus won't inherit the waiting cursor, I wasn't able to fix this so here is the resulting code.

    <!DOCTYPE html>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script type="text/javascript">
        var $html = $('html').css('cursor', 'wait');
          $html.css('cursor', '');

  3. Users who have thanked Iszak for this post:

    Ralph Shnelvar (04-05-2010)


Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts