adding ajax loader to the location search

adding ajax loader animation to the location search section when a region or county is selected

diff --git a/js/app.js b/js/app.js
index e0ff07d..296a5c7 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -47,7 +47,12 @@ $(document).ready(function () {
                 action: "trailmaps",
                 county: county,
             },
-         
+             beforeSend: function(){
+                location_loader.css("display", 'block');
+            },
+            complete: function(){
+                location_loader.css("display", 'none');
+            },
             success:function(data){
                 var county_data = data;
             
@@ -80,7 +85,12 @@ $(document).ready(function () {
                 action: "trailmaps",
                 region: region,
             },
-           
+            beforeSend: function(){
+                location_loader.css("display", 'block');
+            },
+            complete: function(){
+                location_loader.css("display", 'none');
+            },
             success:function(data){
                 var region_data = data;
        
@@ -125,13 +135,9 @@ $(document).ready(function () {
 
             },
             beforeSend: function(){
-                parks.prop('disabled','disabled');
-                destinations.prop('disabled','disabled');
                 category_loader.css("display", 'block');
             },
             complete: function(){
-                parks.prop('disabled',false);
-                destinations.prop('disabled',false);
                 category_loader.css("display", 'none');
             },
             success:function(data){
@@ -182,13 +188,9 @@ $(document).ready(function () {
                 others: {'destination' : $('#destination-search option:selected').val(), 'activity' : $('#activity-search option:selected').val()}
             },
             beforeSend: function(){
-                activities.prop('disabled','disabled');
-                destinations.prop('disabled','disabled');
                 category_loader.css("display", 'block');
             },
             complete: function(){
-                activities.prop('disabled',false);
-                destinations.prop('disabled',false);
                 category_loader.css("display", 'none');
             },
             success:function(data){
@@ -238,13 +240,9 @@ $(document).ready(function () {
                 others: {'activity' : $('#activity-search option:selected').val(), 'park' : $('#park-search option:selected').val()}
             },
             beforeSend: function(){
-                activities.prop('disabled','disabled');
-                parks.prop('disabled','disabled');
                 category_loader.css("display", 'block');
             },
             complete: function(){
-                activities.prop('disabled',false);
-                parks.prop('disabled',false);
                 category_loader.css("display", 'none');
             },
             success:function(data){

diff --git a/js/custom/headerSearch.js b/js/custom/headerSearch.js
index 726a5ec..c783e21 100644 (file)
--- a/js/custom/headerSearch.js
+++ b/js/custom/headerSearch.js
@@ -38,7 +38,12 @@ $(document).ready(function () {
                 action: "trailmaps",
                 county: county,
             },
-         
+             beforeSend: function(){
+                location_loader.css("display", 'block');
+            },
+            complete: function(){
+                location_loader.css("display", 'none');
+            },
             success:function(data){
                 var county_data = data;
             
@@ -71,7 +76,12 @@ $(document).ready(function () {
                 action: "trailmaps",
                 region: region,
             },
-           
+            beforeSend: function(){
+                location_loader.css("display", 'block');
+            },
+            complete: function(){
+                location_loader.css("display", 'none');
+            },
             success:function(data){
                 var region_data = data;
        
@@ -116,13 +126,9 @@ $(document).ready(function () {
 
             },
             beforeSend: function(){
-                parks.prop('disabled','disabled');
-                destinations.prop('disabled','disabled');
                 category_loader.css("display", 'block');
             },
             complete: function(){
-                parks.prop('disabled',false);
-                destinations.prop('disabled',false);
                 category_loader.css("display", 'none');
             },
             success:function(data){
@@ -173,13 +179,9 @@ $(document).ready(function () {
                 others: {'destination' : $('#destination-search option:selected').val(), 'activity' : $('#activity-search option:selected').val()}
             },
             beforeSend: function(){
-                activities.prop('disabled','disabled');
-                destinations.prop('disabled','disabled');
                 category_loader.css("display", 'block');
             },
             complete: function(){
-                activities.prop('disabled',false);
-                destinations.prop('disabled',false);
                 category_loader.css("display", 'none');
             },
             success:function(data){
@@ -229,13 +231,9 @@ $(document).ready(function () {
                 others: {'activity' : $('#activity-search option:selected').val(), 'park' : $('#park-search option:selected').val()}
             },
             beforeSend: function(){
-                activities.prop('disabled','disabled');
-                parks.prop('disabled','disabled');
                 category_loader.css("display", 'block');
             },
             complete: function(){
-                activities.prop('disabled',false);
-                parks.prop('disabled',false);
                 category_loader.css("display", 'none');
             },
             success:function(data){