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

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/MILK/trunk/milk_server/milk_server/templates/vocabsearch/vocabsearch.html@5991
Revision 5991, 2.7 KB checked in by sdonegan, 11 years ago (diff)

Updated handling of vocab searching and added hook for future updates to vocabs queried

Line 
1<html lang="en" xmlns="http://www.w3.org/1999/xhtml" 
2        xmlns:py="http://genshi.edgewall.org/" 
3        xmlns:xi="http://www.w3.org/2001/XInclude" py:strip="">
4        <xi:include href="../utils.html" />
5
6        <div py:def="vocabSearchAutoComplete(showInfo = True)" class="SearchBox">
7
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="http://yui.yahooapis.com/2.7.0/build/datasource/datasource-min.js"></script>
14                <script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/autocomplete/autocomplete-min.js"></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 valign="top">
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                        <td valign="bottom"> <!-- these alignments seem to work...!!! -->
26                       
27                        <!-- Added 10/11/09 SJD -->
28                        <!-- hook for later addition of using different vocabs -->
29            <!--<label for="useVocab">-->
30           
31            <select name="useVocab" id="textTarget">
32                <option value="cfList" selected="selected">CF names</option>
33            <!-- add more values for different vocabs here later -->
34            </select>
35           
36            <!--</label> -->
37                       
38                        </td>
39                </tr> 
40                </table>
41               
42            <div id="vts_help" class="hidden">
43            <div class="helptxt"><p> 
44            This input is an autocomplete text box; after you've typed the first two letters of the
45            term to be used, it will start to query the vocab server and present a list of matching
46            options.  At this point, you can either select from the list, or narrow the selections by
47            typing further.  NB, only inputs that correspond to valid names retrieved from the server
48            are allowed as inputs in this box.  Note, it is possible to use the wildcard, '*' to match
49            multiple letters.
50            </p></div>
51            </div>
52                <script src="$g.server/js/autocomplete.js" type="text/javascript" charset="utf-8" />
53        </div>
54       
55       
56</html>
Note: See TracBrowser for help on using the repository browser.