-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (110 loc) · 4.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<html>
<head>
<!--
===================================================================================================
===================================================================================================
This is the top-level file for the Picture Search functionality
NOTE: If you're updating paths, also look in
- FS_common.py
- index.html
- show_pictures.py
This html creates the HTML containing the following input fields
- People (id = People) :
- Places (id = places) :
- Events (id = events) :
- Year (id = year) :
- Picture Size
- Rating
Action :
- Creates the HTML form in this file
- Relies on family_search.js to
- Capture key presses, and populate fields appropiately
- Does input verification while user is pressing keys (e.g. only an enter a legal four digit year)
- On pressing enter, it appends another "Keyword" hidden field to form
- These hidden fields will be read by show_pictures.py
Exit Parameters :
- Description : On submission, show_pictures.py is called
- Keyword : A series of hidden objects, each one denoting a desired keyword
Dependencies :
- JQuery : jquery-ui-1.8.9.custom/js/jquery-1.4.4.min.js
- JQuery UI Libs : jquery-ui-1.8.9.custom/js/jquery-ui-1.8.9.custom.min.js
- JQuery Style Sheet : jquery-ui-1.8.9.custom/css/ui-lightness/jquery-ui-1.8.9.custom.css
- Family Search JavaScript Callbacks : family_search.js
- Show Pictures Python Script : ./show_pictures.py
In the corresponding javascript file (family_search.js), I setup javascript callbacks for each of these fields
===================================================================================================
===================================================================================================
-->
<!-- Load JQuery and JQueryUI Libs -->
<script type="text/javascript" src="jquery-ui-1.8.9.custom/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.9.custom/js/jquery-ui-1.8.9.custom.min.js"></script>
<!-- Load Style sheet from JQueryUI -->
<link rel="stylesheet" type="text/css" href="jquery-ui-1.8.9.custom/css/ui-lightness/jquery-ui-1.8.9.custom.css">
<!-- Load my own javascript library -->
<script src="family_search.js?v<?php echo filemtime('family_search.js') ?>"></script>
</head>
<body onload=ClearForm()>
<form name="familySearchForm" action="./show_pictures.py">
<H2>Burkins Family Pictures (Cycle2)</H2>
<br>
<font size=+1>Directions: Just start typing in the search boxes, and it will make suggestions for you. Use down arrow key to select from the suggested list</font>
<br><br>
<!-- Create text field for selecting people -->
<div class="ui-widget">
<label for="people">People: </label>
<input id="people" size="30">
</div>
<!-- Create text field for selecting places -->
<br>
<div class="ui-widget">
<label for="places">Places: </label>
<input id="places" size="30">
</div>
<!-- Create text field for selecting events -->
<br>
<div class="ui-widget">
<label for="events">Events: </label>
<input id="events" size="30">
</div>
<!-- Create text field for entering a year(s) -->
<br>
<div class="ui-widget">
<label for="year">Year: </label>
<input id="year" type="text" STYLE="background-color: #FFFFFF" onkeypress="return YearKeypress(event)">
<font size=-1> Single year or range of years (e.g. 1972 or 1972-1974), be sure to hit <enter></font>
</div>
<!-- Create text field for entering rating(s) -->
<br>
<div class="ui-widget">
<label for="rating">Rating: </label>
<input id="rating" type="text" STYLE="background-color: #FFFFFF" onkeypress="return RatingKeypress(event)">
<font size=-1> Single rating or range of ratings (e.g. 3 or 3-5), be sure to hit <enter></font>
</div>
<!-- Create text field for selecting artist -->
<br>
<div class="ui-widget">
<label for="artist">Artist: </label>
<input id="artist" size="30">
</div>
<!-- Create text field for number of people in picture -->
<br>
<div class="ui-widget">
<label for="numberPeople">Number of People: </label>
<input id="numberPeople" size="3" onkeypress="return NumberPeopleKeypress(event)">
<font size=-1> Be sure to hit <enter></font>
</div>
<!-- Create an empty table to store user-selected search items -->
<br><br>
<table id="myTable" border="1">
<TR><TD COLSPAN=2><b>Current Search Terms</b></TD></TR>
<TR id="totalRow"><TD>Total Matching Pics</TD><TD>0</TD></TR>
</table>
<br><br>
<INPUT TYPE="button" NAME="Clear Form" Value="Clear Form" onClick="ClearForm()">
<INPUT TYPE=SUBMIT ID="SubmitButton" onClick="return SubmitVerify(this.form)" VALUE="Submit">
</form>
</body>
</html>
<!-- ----------------------------------- End ----------------------------- -->