quick and dirty ascii "spinner"

written by Tobie on April 12th, 2007 @ 01:19 AM

Element.addMethods({
  loading: function(element) {
    element = $(element);
    element._innerHTML = element.innerHTML;
    element.update();
    element._interval = window.setInterval(
      function(){
        var html = this.innerHTML;
        this.update(html.length > 2 ? '' : html + '.');
      }.bind(element), 100)
    return element;
  },
  
  stopLoading: function(element, revert) {
    element = $(element);
    window.clearInterval(element._interval);
    if(revert) element.update(element._innerHTML);
    element._innerHTML = element._interval = undefined;
    return element;
  }
});

posted in:

Bytes & Pieces

tags:

loading, prototype, Prototype, spinner

3 comments

Comments

  • Aaron Bassett
    Aaron Bassett says:

    I haven’t had a chance to look at it in any depth yet (the joys of being at work!) But is there any reason why you are using setInterval instead of prototype’s PeriodicalExecuter?

    Thu, April 12 at 07:38 AM

  • Tobie Langel
    Tobie Langel says:

    Aaron: no, except it was just a quick and dirty solution.

    Thu, April 12 at 14:10 PM

  • topfunky
    topfunky says:

    Great idea! I think it needs to use everyone’s favorite character, the UTF-8 snowman.

    Wed, May 16 at 16:31 PM

Comments are closed