source: cows_wps/trunk/cows_wps/public/typeahead.html @ 5985

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/cows_wps/trunk/cows_wps/public/typeahead.html@5985
Revision 5985, 1.4 KB checked in by astephen, 11 years ago (diff)

lots of new bits.

  • Property svn:executable set to *
Line 
1<html>
2  <head>
3    <script type="text/javascript" src="js/ext/jquery-1.3.2/jquery-1.3.2.js"></script>
4    <script type="text/javascript" src="js/ui/type_ahead_dirs.js"></script>
5
6    <script type="text/javascript">
7        var bd = "/disks/droplet1";
8        var icount = 0;
9        var current_list = false;
10
11        $(document).ready(function(){
12                $("#itext").val(bd);
13                $("#itext").keyup(function (e) {
14                        var item = current_list[icount];
15                        if (e.which == 40) {
16                                $("#itext").val(item);
17                                icount += 1;
18                                if (icount == current_list.length) {
19                                        icount = 0;
20                                }
21                                renderSuggestions(icount - 1)
22                        } else if (e.which == 38) {
23                                $("#itext").val(item);
24                                icount -= 1;
25                                if (icount == -1) {
26                                        icount = (current_list.length - 1);
27                                }
28                                renderSuggestions(icount + 1)
29                        } else if (e.which == 13) {
30                                hideSuggestions();
31                        } else {
32                                icount = 0;
33                                getDirMatches($('#itext').val());
34                        }
35                });
36
37                getDirMatches($('#itext').val());
38                $('#itext').focus();
39        });
40
41    </script>
42
43        <style>
44        </style>
45  </head>
46
47  <body>
48        <p>Press down button to fill with text...</p>
49        <div style="z-index: 1;">
50                <input type="text" id="itext" name="itext" value="" style="width: 605px; height: 25px;" onBlur="hideSuggestions();" onFocus="showSuggestions();" />
51        </div>
52        <span id="resp_container"><div id="resp" style="width: 600px; background-color: yellow; border-style: solid; border-width: 1px; position: relative;"></div></span>
53  </body>
54
55</html>
Note: See TracBrowser for help on using the repository browser.