• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Rolling Spinner using javascript

 
Aggarwal Arpit
Ranch Hand
Posts: 86
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

I have a requirement that rolling spinner should come when user click on a save button to show user that processing is going on.
I also have a spinner image.How can I implement it using javascript.

Thanks in Advance for your help
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64720
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
What is a "rolling spinner"?
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You mean a gif image saying something is running?
 
Aggarwal Arpit
Ranch Hand
Posts: 86
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi Eric,
Sorry for late reply
I am talking about same thing.....a gif image saying something is running.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64720
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Do you mean during an Ajax request? If so, and you are using jQuery as I saw in another post, you can capture Ajax start and end events to cause the "spinner" image to be shown and hidden. Be sure that 's it is initially hidden using CSS.
 
Aggarwal Arpit
Ranch Hand
Posts: 86
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi Bear,

Can you provide me with some piece of code which I can refer and implement this?

 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64720
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You know that's not the way things work here. You give the code a try and we'll help you with it.

Do you know how to bind events in jQuery? Do you know how to initiate an Ajax request in jQuery. If not, that's where to start. If so, then give some code a try and post back with it.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic