source: MILK/trunk/milk_server/milk_server/templates/vocabsearch/vocabsearch.html @ 5261

Subversion URL:
Revision 5261, 2.1 KB checked in by cbyrom, 12 years ago (diff)

Lots of tidy ups to MILK codebase:

Implement new input search filters - with javascript datapickers to
pick the date ranges + add the vocab search ahead text input and
combine this with the text input.

Refactor discovery controller to tidy it up significantly - making more
structured and improving error handling and logging. Improve
templates for the search filter, splitting into multiple files to
organise better.

Various tidying up and tweaks of other codebase - e.g. standardising
use of global variables across app.

1<html lang="en" xmlns="" 
2        xmlns:py="" 
3        xmlns:xi="" py:strip="">
4        <xi:include href="../utils.html" />
6        <div py:def="vocabSearchAutoComplete(showInfo = True)">
8                <link rel="stylesheet" type="text/css" href="$g.server/js/yui/autocomplete/assets/skins/sam/autocomplete.css" />
9                <script type="text/javascript" src="$g.server/js/yui/yahoo-dom-event/yahoo-dom-event.js" />
10                <script type="text/javascript" src="$g.server/js/yui/connection/connection-min.js" />
11                <script type="text/javascript" src="$g.server/js/yui/animation/animation-min.js" />
12                <!-- NB, the yui code in the MILK codebase doesn't work for the following two scripts, so get these from the main yahoo site -->
13                <script type="text/javascript" src=""></script>
14                <script type="text/javascript" src=""></script>
15                <link href="$g.server/layout/style/autocomplete.css" rel="stylesheet" type="text/css" />
16                <table class="yui-skin-sam">
17                <tr>
18                        <th py:if="showInfo">Vocab Term:<span py:replace="helpIcon('vts_help', 'div')"/>&nbsp;</th>
19                        <td>
20                                <div id="myAutoComplete">
21                                <input id="myInput" type="text" name="vocabTerm">type in some text here to search for vocab terms</input>
22                                <div id="myContainer" name="vocabTerm2" />
23                                </div>
24                        </td>
25                </tr>
26                </table>
27            <div id="vts_help" class="hidden">
28            <div class="helptxt"><p> 
29            This input is an autocomplete text box; after you've typed the first two letters of the
30            term to be used, it will start to query the vocab server and present a list of matching
31            options.  At this point, you can either select from the list, or narrow the selections by
32            typing further.  NB, only inputs that correspond to valid names retrieved from the server
33            are allowed as inputs in this box.  Note, it is possible to use the wildcard, '*' to match
34            multiple letters.
35            </p></div>
36            </div>
37                <script src="$g.server/js/autocomplete.js" type="text/javascript" charset="utf-8" />
38        </div>
Note: See TracBrowser for help on using the repository browser.