Project

General

Profile

« Previous | Next » 

Revision 5669

use jquery UI tabs to separate the Measurement criteria from E,C,P

View differences:

index.jsp
32 32
<head>
33 33
<title>Semantic search</title>
34 34
<link rel="stylesheet" type="text/css" href="<%=STYLE_SKINS_URL%>/semtools/semtools.css">
35
<link rel="stylesheet" type="text/css" href="<%=STYLE_SKINS_URL%>/semtools/jqueryui/css/smoothness/jquery-ui-1.8.6.custom.css">
35 36
<script type="text/javascript"
36 37
	src="<%=STYLE_SKINS_URL%>/semtools/search.js"></script>
37 38

  
......
47 48
<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jsTree/_lib/jquery.js"></script>
48 49
<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jsTree/_lib/jquery.cookie.js"></script>
49 50
<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jsTree/jquery.jstree.js"></script>
51
<!-- jquery ui -->
52
<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/jqueryui/js/jquery-ui-1.8.6.custom.min.js"></script>
53

  
50 54
<script language="javascript" type="text/javascript" src="<%=STYLE_SKINS_URL%>/semtools/semtools.js"></script>
51 55
<script language="javascript" type="text/javascript" src="<%=STYLE_COMMON_URL%>/branding.js"></script>
52 56

  
......
289 293
</script>
290 294

  
291 295
<div id="content_wrapper">
292

  
296
 
293 297
<h2>Annotation-based search</h2>
294 298

  
295 299
<div id="error">
296 300
	<!-- error messages here -->
297 301
</div>
298 302

  
303
<!-- set up the tabs -->
304
<script>
305
	$(function() {
306
		$("#searchTabs").tabs();
307
		$("#searchTabs").tabs("add", "#ecpTab", "Entity, Characteristic, Protocol");
308
		$("#searchTabs").tabs("add", "#measurementTab", "Measurement");
309
	});
310
</script>
311

  
299 312
<form method="POST" 
300 313
		action="<%=SERVLET_URL%>" 
301 314
		target="_top" 
......
312 325
			<th colspan="3">
313 326
				<p>
314 327
					Locate <b>data packages</b> that have been semantically annotated within the observation model by
315
					selecting concepts from
316
					<br/>
317
					(a) existing semantic annotations
318
					<br/>
319
					(b) registered OBOE extension ontologies
328
					selecting concepts from OBOE extension ontologies
320 329
				</p>
321 330
			</th>
322 331
		</tr>
323
		<!--  measurement -->
332
		
324 333
		<tr>
325 334
			<td colspan="3">
326
				<table class="subGroup subGroup_border onehundred_percent">
327
					<tr>
328
						<th colspan="2">
329
							Measurement
330
						</th>
331
					</tr>
332
					<tr>
333
						<td>a template that defines Entity, Characteristic, Standard, and/or Protocol</td>
334
					</tr>
335
					<tr>
336
						<td>
337
							<input type="text" id="activeMeasurementsSearch" />
338
							Only active? <input type="checkbox" id="activeMeasurementsOnly" title="Show only active concepts"/>
339
							<div class="select">
340
								<div id="activeMeasurements" class="activeTree" style="width: 100%">
341
									<p>loading...</p>
342
								</div>
343
								<input type="hidden" class="value" name="activeMeasurementsValue" id="activeMeasurementsValue"/>
344
								<input type="hidden" name="activeMeasurementsClass" id="activeMeasurementsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Measurement"/>
345
							</div>
346
						</td>
347
					</tr>
348
				</table>
335
			
336
				<div id="searchTabs">
337
					<!-- place holder for ui tabs -->
338
					<ul></ul>
339
				
340
					<!-- other criteria tabs -->
341
					<div id="ecpTab">
342
						<table>
343
							<tr>
344
								<td>
345
									<table class="subGroup subGroup_border">
346
										
347
										<tr>
348
											<th><p>Find observations of</p></th>
349
										</tr>
350
										<tr>
351
											<td>
352
												<input type="text" id="activeEntitiesSearch" />
353
												<input type="checkbox" id="activeEntitiesOnly" title="Show only active concepts" />
354
												<div class="select">
355
													<div id="activeEntities" class="activeTree">
356
														<p>loading...</p>
357
													</div>
358
													<input type="hidden" class="value" name="activeEntitiesValue" id="activeEntitiesValue"/>
359
													<input type="hidden" name="activeEntitiesClass" id="activeEntitiesClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Entity"/>
360
												</div>
361
											</td>
362
										</tr>
363
									</table>
364
								</td>
365
								<td>
366
									<table class="subGroup subGroup_border">
367
										<tr>
368
											<th><p>with measurements of</p></th>
369
										</tr>
370
										<tr>
371
											<td>
372
												<input type="text" id="activeCharacteristicsSearch" />
373
												<input type="checkbox" id="activeCharacteristicsOnly" title="Show only active concepts" />
374
												<div class="select">
375
													<div id="activeCharacteristics" class="activeTree">
376
														<p>loading...</p>
377
													</div>
378
													<input type="hidden" class="value" name="activeCharacteristicsValue" id="activeCharacteristicsValue"/>
379
													<input type="hidden" name="activeCharacteristicsClass" id="activeCharacteristicsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Characteristic"/>
380
												</div>
381
											</td>
382
										</tr>
383
									</table>
384
								</td>
385
								<td>
386
									<table class="subGroup subGroup_border">
387
										<tr>
388
											<th><p>using procedures outlined by</p></th>
389
										</tr>
390
										<tr>
391
											<td>
392
												<input type="text" id="activeProtocolsSearch" />
393
												<input type="checkbox" id="activeProtocolsOnly" title="Show only active concepts" />
394
												<div class="select">
395
													<div id="activeProtocols" class="activeTree">
396
														<p>loading...</p>
397
													</div>
398
													<input type="hidden" class="value" name="activeProtocolsValue" id="activeProtocolsValue" />
399
													<input type="hidden" name="activeProtocolsClass" id="activeProtocolsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Protocol"/>
400
												</div>
401
											</td>
402
										</tr>
403
									</table>
404
								</td>
405
							</tr>
406
						</table>
407
					</div>
408
					
409
					<!-- measurement -->
410
					<div id="measurementTab">
411
						<table class="subGroup subGroup_border onehundred_percent">
412
							
413
							<tr>
414
								<th><p>a template that defines Entity, Characteristic, Standard, and/or Protocol</p></th>
415
							</tr>
416
							
417
							<tr>
418
								<td>
419
									<input type="text" id="activeMeasurementsSearch" />
420
									Only active? <input type="checkbox" id="activeMeasurementsOnly" title="Show only active concepts"/>
421
									<div class="select">
422
										<div id="activeMeasurements" class="activeTree" style="width: 100%">
423
											<p>loading...</p>
424
										</div>
425
										<input type="hidden" class="value" name="activeMeasurementsValue" id="activeMeasurementsValue"/>
426
										<input type="hidden" name="activeMeasurementsClass" id="activeMeasurementsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Measurement"/>
427
									</div>
428
								</td>
429
							</tr>
430
						</table>
431
					</div>
432
								
433
				</div>
434
				
349 435
			</td>
350 436
		</tr>
437
		
351 438
		<tr>
352
			<td>
353
				<table class="subGroup subGroup_border">
354
					<tr>
355
						<th colspan="1">
356
							Entity
357
						</th>
358
					</tr>
359
					<tr>
360
						<td>Find observations of</td>
361
					</tr>
362
					<tr>
363
						<td>
364
							<input type="text" id="activeEntitiesSearch" />
365
							<input type="checkbox" id="activeEntitiesOnly" title="Show only active concepts" />
366
							<div class="select">
367
								<div id="activeEntities" class="activeTree">
368
									<p>loading...</p>
369
								</div>
370
								<input type="hidden" class="value" name="activeEntitiesValue" id="activeEntitiesValue"/>
371
								<input type="hidden" name="activeEntitiesClass" id="activeEntitiesClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Entity"/>
372
							</div>
373
						</td>
374
					</tr>
375
				</table>
376
			</td>
377
			<td>
378
				<table class="subGroup subGroup_border">
379
					<tr>
380
						<th colspan="1">
381
							Characteristic
382
						</th>
383
					</tr>
384
					<tr>
385
						<td>with measurements of</td>
386
					</tr>
387
					<tr>
388
						<td>
389
							<input type="text" id="activeCharacteristicsSearch" />
390
							<input type="checkbox" id="activeCharacteristicsOnly" title="Show only active concepts" />
391
							<div class="select">
392
								<div id="activeCharacteristics" class="activeTree">
393
									<p>loading...</p>
394
								</div>
395
								<input type="hidden" class="value" name="activeCharacteristicsValue" id="activeCharacteristicsValue"/>
396
								<input type="hidden" name="activeCharacteristicsClass" id="activeCharacteristicsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Characteristic"/>
397
							</div>
398
						</td>
399
					</tr>
400
				</table>
401
			</td>
402
			<td>
403
				<table class="subGroup subGroup_border">
404
					<tr>
405
						<th colspan="1">
406
							Protocol
407
						</th>
408
					</tr>
409
					<tr>
410
						<td>using procedures outlined by</td>
411
					</tr>
412
					<tr>
413
						<td>
414
							<input type="text" id="activeProtocolsSearch" />
415
							<input type="checkbox" id="activeProtocolsOnly" title="Show only active concepts" />
416
							<div class="select">
417
								<div id="activeProtocols" class="activeTree">
418
									<p>loading...</p>
419
								</div>
420
								<input type="hidden" class="value" name="activeProtocolsValue" id="activeProtocolsValue" />
421
								<input type="hidden" name="activeProtocolsClass" id="activeProtocolsClass" value="http://ecoinformatics.org/oboe/oboe.1.0/oboe-core.owl#Protocol"/>
422
							</div>
423
						</td>
424
					</tr>
425
				</table>
426
			</td>
427
		</tr>
428
		<tr>
429
			<td colspan="3">Match All? <input type="checkbox" name="matchAll" checked="checked"/></td>
430
		</tr>
431
		<tr>
432
			<td colspan="3">From same Observation? <input type="checkbox" name="strict"/></td>
433
		</tr>
434
		<tr>
435
			<td colspan="3">
439
			<td colspan="1">
436 440
				<!-- input type="submit" value="Search"/ -->
437 441
				<input type="reset" value="Clear" onclick="clearForm()"/>
438 442
			</td>
443
			
444
			<td colspan="1">Match All? <input type="checkbox" name="matchAll" checked="checked"/></td>
445
		
446
			<td colspan="1">From same Observation? <input type="checkbox" name="strict"/></td>
439 447
		</tr>
448
		
440 449
	</table>
441 450
		<!-- 
442 451
		<tr>

Also available in: Unified diff