Project

General

Profile

« Previous | Next » 

Revision 4388

added Scriptaculous effects to many of the ajax calls.
neat-o!

View differences:

index.jsp
42 42
	src="<%=STYLE_COMMON_URL%>/branding.js"></script>
43 43
<script language="Javascript" type="text/JavaScript"
44 44
	src="<%=STYLE_COMMON_URL%>/prototype-1.5.1.1/prototype.js">
45
</script>	
45
</script>
46
<script language="Javascript" type="text/JavaScript"
47
	src="<%=STYLE_COMMON_URL%>/effects.js">
48
</script>
46 49
<script language="Javascript">
47 50

  
48 51
		function browseAll() {
......
80 83
			
81 84
			//alert("queryString=" + queryString);
82 85
			
83
			callAjax(metacatURL, queryString, "first-assessment", "ajaxSearchResults");			
86
			callAjax(metacatURL, queryString, "first-assessment", "ajaxSearchResults");
87
			
88
			Effect.Appear('ajaxSearchResults', {duration: 1.5});		
84 89
		}
85 90
   </script>
86 91
</head>
......
91 96
      </script>
92 97

  
93 98
<table width="100%" border="0" cellspacing="20" cellpadding="0">
94
	<!--DWLayoutTable-->
95 99
	<tr>
100
		<th colspan="2">
101
			Search
102
		</th>
103
	</tr>		
104
	<tr>
96 105
		<td>
97 106
			<form method="POST" action="<%=SERVLET_URL%>" target="_top" id="searchForm">
98 107
			
99 108
			<table class="tables" cellpadding="8" cellspacing="0">
100 109
				<tr class="sectheader">
110

  
101 111
					<td class="borderbottom" align="left" colspan="2">
102
						<p align="center">Search Assessments</p>
112
						Any field:
113
						<input size="30" name="searchstring" type="text" value="" id="searchBox">
103 114
					</td>
115

  
104 116
				</tr>
105 117
				<tr>
106
					<td align="left">
118
					<td align="left" class="borderbottom">
107 119
							
108 120
						<input name="query" type="hidden"> 
109 121
						<input name="qformat" value="first" type="hidden"> 
110 122
						<input type="hidden" name="action" value="squery"> 								
111 123
						
112 124
						<table>
125
							
113 126
							<tr>
114
								<td>Any field:</td>
115
								<td><input size="14" name="searchstring" type="text" value="" id="searchBox"></td>
116
							</tr>
117
							<tr>
118
								<td colspan="2"><hr/></td>
119
							</tr>
120
							<tr>
121 127
								<td>Institution: </td>
122 128
								<td><input name="institution" id="institution" type="text" size="14"/></td>
123 129
							</tr>
......
135 141
							</tr>
136 142
						</table>
137 143
					</td>
138
					<td valign="bottom">
144
					<td valign="bottom" class="borderbottom">
139 145
						<table>	
140 146
							<tr>
141 147
								<td nowrap="nowrap">
......
150 156
								<td nowrap="nowrap">Match all</td>
151 157
							</tr>
152 158
							<tr>
159
								<td colspan="2">
160
									<input type="button" onclick="javascript:searchAssessments()" value="Search"/>
161
								</td>
162
							</tr>
153 163
						</table>
154 164
					</td>
155 165
				</tr>
156
				<tr class="sectheader">
157
					<td class="borderbottom" colspan="1">
158
						<!-- <input type="button" value="Browse all" onclick="browseAll()"/> -->
159
						(<a href="javascript:browseAll()">Browse All...</a>)
160
					</td>
161
					<td class="borderbottom" colspan="1">
162
						<input type="button" onclick="javascript:searchAssessments()" value="Search"/>
163
						<!--  <input value="Search" type="submit"> -->
164
					</td>
165
				</tr>
166
				
166 167
			</table>
167 168
			</form>
168 169
			
169 170
		</td>
170 171
		<td colspan="1" valign="top">
171
			<div align="center">
172
			<div align="left">
172 173
				<p align="left">This tool allows you to search for Assessments either by keyword,
173 174
				or with a structured search that targets particular facets of an assessment.
174 175
				<br />
......
176 177
				You can use the '%' character as a wildcard in your searches (e.g.,
177 178
				'%biology%' would locate any phrase with the word biology embedded within it).
178 179
				</p>
180
				<a href="javascript:browseAll()">Browse All Assessments...</a>
179 181
			</div>
180 182
		</td>
181 183
	</tr>
182 184
	<tr>
183 185
		<td valign="top" colspan="2">	
184
			<div id="ajaxSearchResults">Search results...</div>
186
			<div id="ajaxSearchResults" style="display:none;">Search results...</div>
185 187
		</td>
186 188
	</tr>
187 189
</table>

Also available in: Unified diff