www.webdeveloper.com
Results 1 to 7 of 7

Thread: Hourglass during searches

  1. #1
    Join Date
    Nov 2002
    Posts
    4

    Hourglass during searches

    I am developing web pages that sit on top of a product by EDS called TEamCenter my users want an hourglass to appear when the system is processing (searching, jumping to another page etc). Can I do than and How do I do that?Thanks

  2. #2
    Join Date
    Nov 2002
    Posts
    631
    Well you can make the page's cursor the hour glass by putting:

    <style>

    body {cursor:wait;}

    </style>

    In the Head section, but I don't know how to make it that while the page is processing information.

  3. #3
    Join Date
    Nov 2002
    Posts
    4,473
    Here is an example. When you click "wait", the cursor changes to the hopurglass. When you click "auto", it returns to normal. The change is only effective when the mouse is over the body of the document.

    Code:
    <head>
    <style type="text/css">
    body {cursor: auto}
    </style>
    </head>
    <body>
    This is the body<br>
    <a href="#" onClick="document.body.style.cursor='wait';return false">Wait</a><br>
    <a href="#" onClick="document.body.style.cursor='auto';return false">Auto</a><br>
    </body>

  4. #4
    Join Date
    Nov 2002
    Posts
    631
    That's so simple! I never thought of that.

  5. #5
    Join Date
    Nov 2002
    Posts
    4

    Talking Thank you

    Thank you Zach and Gil. I appreciate your help.

  6. #6
    Join Date
    Nov 2002
    Posts
    4

    Question maybe I'm thick

    I used the code - and it works great for pushing the button to change it to an hourglass and to Auto to stop, but - and maybe I'm thick here -but how do I make it stop when the next page appears after the click. For instance I have an update button defined. When the user clicks on the update button I'd like it to change to the hourglass while it waits to process the request and bring up the update page.
    The button is defined like this

    <input type="button" name="Update" value="Update" onclick="UpdateObject(this.form)">

    I think I'm implementing your code wrong.
    I really apprecite your help.
    Thanks,

  7. #7
    Join Date
    Nov 2002
    Posts
    4,473

    maybe...

    The links were given as an example. You would have to use your own events and circumstances to start and stop the wait cursor.

    It is easy to start the hourglass by changing the style at the beginning of UpdateObject(). So, how do you know when the update is complete? (It really doesn't have anything to do with the button code you posted.)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles