# Show a loading image while a new view is rendered

**URL:** <https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799>\
**Category:** Rails\
**Created:** [June 26, 2007, 12:22pm UTC](https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799 "2007-06-26T12:22:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mffreire](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/90ced4/32.png) [@mffreire](https://www.ruby-forum.com/u/mffreire)\
**Post date:** [June 26, 2007, 12:22pm UTC](https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799/1 "2007-06-26T12:22:10Z")

</div>

I need a help in here…

I wanna show a loading image after i click a submit tag (button). This  
button generates a list of items and i wanna show the image while the  
list is created.  
What show i do? Does the ruby have some kind of control? Where to put  
the code? In the view? The Layout?

Thanks in advance

mffreire

---

<div class="post-metadata">

**Author:** ![mffreire](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/90ced4/32.png) [@mffreire](https://www.ruby-forum.com/u/mffreire)\
**Post date:** [June 26, 2007, 12:34pm UTC](https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799/2 "2007-06-26T12:34:11Z")

</div>

\<%= form\_remote\_tag :url =\> {:action =\> ‘search’},  
:complete =\> “new Effect.Appear(‘div\_list’)”,  
:before =\> %(Element.show(‘spinner’)),  
:update =\> ‘div\_list’,  
:success =\> %(Element.hide(‘spinner’)) %\>  
Name:  
\<%= text\_field\_tag ‘name’%\>  
\<%= submit\_tag “Search” %\>  
\<%= image\_tag ‘spinner.gif’, :id =\> ‘spinner’, :style =\> ‘display:  
none’ %\>  
\<%= end\_form\_tag %\>

---

<div class="post-metadata">

**Author:** ![mffreire](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/90ced4/32.png) [@mffreire](https://www.ruby-forum.com/u/mffreire)\
**Post date:** [June 26, 2007, 12:39pm UTC](https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799/3 "2007-06-26T12:39:12Z")

</div>

On 26 Jun 2007, at 12:33, Chamnap wrote:

> \<%= end\_form\_tag %\>

And if you want to find a spinner, generate one with http://  
www.ajaxload.info/ for example.

Best regards

Peter De Berdt

---

<div class="post-metadata">

**Author:** ![mffreire](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/90ced4/32.png) [@mffreire](https://www.ruby-forum.com/u/mffreire)\
**Post date:** [June 27, 2007, 7:12pm UTC](https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799/4 "2007-06-27T19:12:11Z")

</div>

It works! Thanks.

---

<div class="post-metadata">

**Author:** ![mffreire](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/90ced4/32.png) [@mffreire](https://www.ruby-forum.com/u/mffreire)\
**Post date:** [June 27, 2007, 6:46pm UTC](https://www.ruby-forum.com/t/show-a-loading-image-while-a-new-view-is-rendered/107799/5 "2007-06-27T18:46:43Z")

</div>

Peter De Berdt wrote:

> On 26 Jun 2007, at 12:33, Chamnap wrote:
> 
> > \<%= end\_form\_tag %\>
> 
> And if you want to find a spinner, generate one with http://  
> www.ajaxload.info/ for example.
> 
> Best regards
> 
> Peter De Berdt

Thanks…but it stills doesn’t work! No errors, it generates the render  
but i don’t see the image.

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* BEGIN CODE

* * *

```
<fieldset>
    <legend>Please enter CVS credentials </legend>
    <%= start_form_tag %>
     <p>
      <br/>
      <label for="name" >Username:</label>
       <%= text_field_tag :name, params[:name], :size => 50 %>
     </p>
    <p>
     <label for="password" >Password:</label>
      <%= password_field_tag :password, params[:password], :size => 

```

50 %\>

  

Module:  
\<%= text\_field\_tag :module, params[:module], :size =\> 50 %\>

  

Server:  
\<%= select\_tag ‘server’,  
options\_for\_select(AuditorController::SERVERS) %\>

  

```
    <%= form_remote_tag :url => {:action => 'checkpre'},
   :complete => "new Effect.Appear('div_list')",
   :before => "Element.show('spinner')",
   :update => 'div_list',
   :success => "Element.hide('spinner')" %>
    <%= submit_tag "Check Compliance" %>
    <%= image_tag "spinner.gif", :id => 'spinner', :style => 

```

‘display:none’ %\>  
\<%= end\_form\_tag %\>

```
    <div id="div_list"></div>

```

  
 \<%= end\_form\_tag %\>

```
</fieldset>

```

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* END CODE \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*