Mercurial > hg > GlobalNeighbors
comparison globalneighbors/templates/index.html @ 7:254195d0bac2
partial implementation of autocomplete using jqueryui; easyautocomplete.com may be more what we want
author | Jeff Hammel <k0scist@gmail.com> |
---|---|
date | Sun, 25 Jun 2017 09:13:48 -0700 |
parents | 316e1d54ffd4 |
children | 21ed15391e8a |
comparison
equal
deleted
inserted
replaced
6:316e1d54ffd4 | 7:254195d0bac2 |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Global Neighbors</title> | 4 <title>Global Neighbors</title> |
5 <script src="https://code.jquery.com/jquery-1.12.4.js"></script> | |
6 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | |
7 <script> | |
8 $( function() { | |
9 $( "#cities" ).autocomplete({ | |
10 source: "/cities", | |
11 autoFocus: true, | |
12 minLength: 3, | |
13 delay: 3000 | |
14 }); | |
15 }); | |
16 </script> | |
5 </head> | 17 </head> |
6 <body> | 18 <body> |
7 <h1>Global Neighbors</h1> | 19 <h1>Global Neighbors</h1> |
8 <h2>Serving {{ n_cities }} cities</h2> | 20 <h2>Serving {{ n_cities }} cities</h2> |
21 | |
22 <div class="ui-widget"> | |
23 <label for="cities">Enter a city: </label> | |
24 <input id="cities"/> | |
25 </div> | |
26 | |
9 </body> | 27 </body> |
10 </html> | 28 </html> |