diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index bce31ec..868827b 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -302,7 +302,7 @@
 		                          </a>
 		                      <% end %>
 	                          <div class="media-body">
-	                            <a class="title" href="/node/detail/<%= node["id"] %>"><%= node["host_name"] %></a>
+	                            <a class="title" onclick="loading();"  href="/node/detail/<%= node["id"] %>"><%= node["host_name"] %></a>
 	                            <p><strong><%= node["host_ip"] %> </strong> <%= node["user_name"] %> </p>
 	                            <% if node["gluster"].eql? "on" %>
 	                            	<p> <small> number of peers: <%= node["number_of_peers"] %></small></p>
@@ -352,6 +352,7 @@
 
 <!-- On ready -->
 <script>
+
 $(document).ready(function() {
 	var du = [];
 	<% get_du.each_with_index do |du, index| %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index c849cb2..cd0a168 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -10,7 +10,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
 </head>
-
+<script>
+function loading(){
+			$(location).attr('href',"#loading");
+}
+</script>
 <div id="loading" class="overlay">
     <div class="sk-fading-circle" class="overlay">
         <div class="sk-circle1 sk-circle"></div>
diff --git a/app/views/node/detail.html.erb b/app/views/node/detail.html.erb
index 3cfa8c7..eaf9e83 100644
--- a/app/views/node/detail.html.erb
+++ b/app/views/node/detail.html.erb
@@ -142,7 +142,7 @@
                                 <% else %>
                                     <td><i class="fa fa-close red"></i> Not operational</td>
                                 <% end %>
-                                <th scope="row"> <a href="/node/detail/<%= node["id"] %>"><%= node["host_name"] %></a></th>
+                                <th scope="row"> <a onclick="loading();" href="/node/detail/<%= node["id"] %>"><%= node["host_name"] %></a></th>
                                 <td><%= node["host_ip"] %></td>
                                 <td><%= node["user_name"] %></td>
                                 <td><a href="/node/delete/<%= node["id"] %>"><i class="fa fa-trash"></i></a></td>
@@ -284,6 +284,8 @@
 </div>
 <!-- /page content -->
 <script>
+
+
 $('.probe').change(function() {
         $(location).attr('href',"#loading");
         if($(this).is(":checked")) {
diff --git a/app/views/node/index.html.erb b/app/views/node/index.html.erb
index 5a2782b..b5d6bdb 100644
--- a/app/views/node/index.html.erb
+++ b/app/views/node/index.html.erb
@@ -145,7 +145,7 @@
                                 <% else %>
                                     <td><i class="fa fa-close red"></i> Not operational</td>
                                 <% end %>
-                                <th scope="row"> <a href="/node/detail/<%= node["id"] %>"><%= node["host_name"] %></a></th>
+                                <th scope="row"> <a  onclick="loading();" href="/node/detail/<%= node["id"] %>"><%= node["host_name"] %></a></th>
                                 <td><%= node["host_ip"] %></td>
                                 <td><%= node["user_name"] %></td>
                                 <td><a href="/node/delete/<%= node["id"] %>"><i class="fa fa-trash"></i></a></td>