[Rails] javascript question - why does “window.loc ation” not ensure my spinner.gif animation works?

[greghauptmann]

Hi,

It seems when I use "window.location" as a means to redirect to the
API when my longer running transaction is does not ensure the
animation for the spinner gif I have works. Any ideas how to fix this?
ie. I see the gif ok but it not being animated. Is there another way
in Javascript to force the redirect once the gif animation starts?
What's the easiest way in Rails to get a "spinner" being show for the
initial spash page whilst it goes to the database to prepare the
detail for the main page.

<div id="loading">
</div>

<script type="text/javascript" charset="utf-8">
   function show_spinner() {
     $("form").hide()
     $("loading").show()
     window.location = "/weekends/display"   # <== SEEMS TO STOP
SPINNER ANIMATION
    }
   window.onload=show_spinner;
</script>

CSS:

#loading {
  width:100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  background:url(/images/ajax-loader.gif) no-repeat center #fff;
  text-align:center;
  padding:10px;
  font:normal 16px Tahoma, Geneva, sans-serif;
  # border:1px solid #666;
  margin-left: -50px;
  margin-top: -50px;
  z-index:2;
  overflow: auto;
}

-- 
You received this message because you are subscribed to the Google Groups "Ruby 
on Rails: Talk" group.
To post to this group, send email to rubyonrails-t...@googlegroups.com.
To unsubscribe from this group, send email to 
rubyonrails-talk+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/rubyonrails-talk?hl=en.