/lenasys/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/trunk
1 by Henrik G.
First seed of Lenasys ... Needs to be Organized Further
1
<html>
2
<head>
3
		<style>
4
			table {border: 1px dotted gray; padding: 1em;}
5
		</style>
6
	<script language="javascript" src="../jquery/jquery-1.8.2.min.js"></script>
7
		<script language="javascript">
8
			// The API is passed a resource name, company or location and/or a fulltext
9
			function showResources(returnedData)
10
			{
11
					// An XML DOM document is returned from AJAX
12
					var resultset=returnedData.childNodes[0];
13
					var output="<table>";
14
					// Iterate over all nodes in root node (i.e. resources)
15
					for (i = 0; i < resultset.childNodes.length; i++) {
16
							// Iterate over all child nodes of that node that are resource nodes
17
							if(resultset.childNodes.item(i).nodeName=="resource"){
18
									// Retrieve data from resource nodes
19
									var resource=resultset.childNodes.item(i);
20
									output+="<tr onclick='alert(\""+resource.attributes['id'].value+"\")'>";
21
									output+="<td>"+resource.attributes['company'].nodeValue+"</td>";
22
									output+="<td>"+resource.attributes['name'].nodeValue+"</td>";
23
									output+="<td>"+resource.attributes['location'].nodeValue+"</td>";
24
									output+="</tr>";
25
											
26
							}
27
					}
28
29
					output+="</table>"
30
					var div=document.getElementById('OutputDiv');
31
					div.innerHTML=output;
32
			}				
33
			
34
			function searchResources()
35
			{
36
					var resname=document.getElementById("resName").value;
37
					var reslocation=document.getElementById("resLocation").value;
38
					var rescompany=document.getElementById("resCompany").value;
39
					var resfulltext=document.getElementById("resFulltext").value;
40
41
							$.ajax({
42
								type: 'POST',
43
								url: '../booking/getresources_XML.php',
44
								data: { name: escape(document.getElementById("resName").value),
45
									location:  escape(document.getElementById("resLocation").value),
46
									company: escape(document.getElementById("resCompany").value),
47
									fulltext: escape(document.getElementById("resFulltext").value) },
48
								success:  showResources
49
							});
50
			}
51
			
52
		</script>
53
</head>
54
<body>
55
	
56
	<form name='searchbookings'>
57
				Name:</br>
58
				 <input type='text' value='' name='resName' id='resName' onchange="searchResources()" onkeyup="searchResources()"></br>
59
				Location:</br>
60
				 <input type='text' value='' name='resLocation' id='resLocation' onchange="searchResources()" onkeyup="searchResources()"></br>
61
				Company:</br>
62
				 <input type='text' value='' name='resCompany' id='resCompany' onchange="searchResources()" onkeyup="searchResources()"></br>
63
				Freetext:</br>
64
				 <input type='text' value='' name='resFulltext' id='resFulltext' onchange="searchResources()" onkeyup="searchResources()"></br>
65
	</form>
66
	<br>
67
	<div id="OutputDiv">
68
		<br>
69
	
70
</body>
71
</html>