Stack Overflow
Stack Overflow

Questions tagged [spin.js]

Spin.js dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs

Spin.js dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs

Feature Overview

  • No images, no external CSS
  • No dependencies (jQuery is supported, but not required)
  • Highly configurable
  • Resolution independent
  • Uses VML as fallback in old IEs
  • Uses @keyframe animations, falling back to setTimeout()
  • Works in all major browsers, including IE6

Documentation & Links

36 questions
9
votes
1 answer

jQuery: force display of modified dom

I've run in to a problem trying to have a 'loading spinner' on my page which runs while a table is being sorted, especially for slower clients as can take up to 10 seconds to sort the page. I can see the DOM gets modified with the spinner code,…
user1840734
  • 337
  • 4
  • 13
8
votes
3 answers

Centering spin.js spinner inside a (target) div

I have the following simple markup and style (see JSFiddle): Html:
CSS: #content { background-color:lightyellow; height:200px; color:green; } #wrapper{ border:1px solid black; …
Andrei V
  • 7,306
  • 6
  • 44
  • 64
4
votes
2 answers

insert the spin.js spinner into a div?

just found spin.js and it seems like a life saver. The question is how to i insert the spinner into my div? I have a follow button, that when clicked i remove the background image and currently replace with a loader.gif. How can i do the same but…
Lovelock
  • 7,689
  • 19
  • 86
  • 186
3
votes
1 answer

spin.js - Can't remove the spinner?

I can't seem to stop this spinner no matter what I try. I have searched around for the way to do it but nothing I have tried works. Fiddle: http://jsfiddle.net/gmvT4/5/ Backup code: var opts = { lines: 13, // The number of lines to draw …
Lovelock
  • 7,689
  • 19
  • 86
  • 186
3
votes
2 answers

Spinner is not defined in Ladda with RequireJS

I am trying to place a ladda button on page rendered by backbone with require.js along with bootstrap components. However, I got "Uncaught ReferenceError: Spinner is not defined". I cut out the minified spin.js from the original ladda.js and put…
Cheng Ping Onn
  • 687
  • 1
  • 8
  • 17
3
votes
2 answers

Loading spin.js with require.js

I recently started a Javascript project and I am now moving it to require.js. Everything worked fine so far except for the spin.js library. I get the following error message when I try to access anything spin.js related: Uncaught ReferenceError:…
user1170898
2
votes
2 answers

manually create spinning activity indicators

I apologize if this question is answered somewhere, but I couldn't find it. I am working on editable javascript grid for MS Dynamics CRM and I am trying to display loading screen when user clicks "Save" button on the grid (the loading spinner should…
ddelic
  • 89
  • 13
2
votes
1 answer

spin.js stops spinning during long running thread on IE and FF

My code: $(document).ready(function () { $("#divContent").hide(); $("#divProcessing").spin(); $("#divProcessing").show(); setTimeout(function () { Longrunningfunction1 Longrunningfunction2 …
Andrew Gaskell
  • 81
  • 12
2
votes
1 answer

spin.js doesn't show up during long running task, but does when I step through the debugger

I'm using spin.js during a long running processing task. When I just run the task, the UI changes I make immediately before the task runs do not show during the task itself. However, when I manually step through through the process with the…
Peter Kazazes
  • 3,600
  • 7
  • 31
  • 60
2
votes
0 answers

How to change the position of the loading wheel in the "div" element

I am using spin.js to make a loading wheel appear when a user presses a button. The only problem is that I cannot change the position where it appears. //Spinner Options var opts = { lines: 13, // The number of lines to draw length: 7, //…
Ricardo Garzo
  • 183
  • 1
  • 1
  • 7
2
votes
2 answers

spin.js doesn't seem to work/ appear

I'm attempting to use the spin.js library to display a loading animation. However, going off the spin.js developer example I can't seem to get it to work/ appear; this is apparent by the empty div tag when I open my html file in Firefox. Here is my…
Akyidrian
  • 1,055
  • 10
  • 21
2
votes
3 answers

Spin.js - Disabling element when loading

I am wanting to use the spin.js library when users are performing actions on my site but i am not seeing how or if it is possible to disable the element the spinner is on top of. for example, when my grid is loading i do not want the user clicking…
Marco
  • 2,453
  • 3
  • 25
  • 35
2
votes
4 answers

How hidden spinner in spin.js?

I want to use Spin.js to display a spinner. I can do it but i can't stop it. My code : function startSpin() { var target = document.getElementById('demarrer'); new Spinner().spin(target); setTimeout("dummyFunc()", 4000); } function…
YoungSlevinWasAlreadyTaken
  • 37
  • 1
  • 8
1
vote
2 answers

spin.js top option does not work

I try to use the spin.js I want it to pop up in the middle of the div element. So I did set: position: 'relative' top:'50%' left:'50%' but the top option doesn't work. After analyzing the problem I could break it down to a html/css problem:
Chris
  • 128
  • 2
  • 7
1
vote
1 answer

spin.js / angular-spinner: how to position spin into DOM element (plunker demo included)

I've found angular-spinner which is based on spin.js, and I want to use it. Anyway, the example found in angular-spinner's README (http://plnkr.co/edit/BGLUYcylbIVJRz6ztbhf?p=preview) doesn't work as I expect. I want the spinner to overlay the…
ducin
  • 25,621
  • 41
  • 157
  • 256
1
2 3