Mercurial > hg > GlobalNeighbors

comparison globalneighbors/templates/index.html @ 7:254195d0bac2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>