alex/restaurant-search
1
Fork 0
Code Releases Activity

Adding ajax spinners

Browse Source
This commit is contained in:
Alex Yatskov 2014-07-28 18:18:54 +09:00
parent 195a6a4043
commit 67b406c3a6
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/application.js
View File

@ -80,6 +80,15 @@ $(document).ready(function() {
$('#keyword').append($('<option></option>', properties)); $('#keyword').append($('<option></option>', properties));
} }
$(document).on({
ajaxStart: function() {
$('#spinner').show();
},
ajaxStop: function() {
$('#spinner').hide();
}
});
$('#search').prop('disabled', false); $('#search').prop('disabled', false);
$('#search').click(onSearch); $('#search').click(onSearch);
}); });

BIN
client/images/spinner.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

5
client/index.html
View File

@ -9,7 +9,10 @@
<body> <body>
<div class="container"> <div class="container">
<div class="page-header"> <div class="page-header">
<h1>Reactive Search</h1> <h1>
Reactive Search
<img src="images/spinner.gif" id="spinner" style="float: right; display: none;">
</h1>
</div> </div>
<div id="input"> <div id="input">