/lenasys/trunk : contents of Code Viewer Alt/AJAX/AjaxDemoApp7_makeBookingsTimer.html at revision 23.2.1

: (revision 23.2.1)

To get this branch, use:

bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk

<html>
<head>
	<style>
					table {border: 1px dotted gray; padding: 1em;}
	</style>

	<script language="javascript" src="../jquery/jquery-1.8.2.min.js"></script>

	<script language="javascript">

		// We keep the resultset in a variable if we want to redraw dynamically
		// Size is updated through separate ajax call.
		
		var resultset;
		var isvalid=false;
		var size=0;
		var cnt=0;

		var resource="";
		var bookingdate="";
		
		function bookPosition(position,bookingstate)
		{
			var rebate=0;
			var customer=document.getElementById("userID").value;
			$.ajax({
					type: 'POST',
					url: '../booking/makebooking_XML.php',
					data: {
								resourceID: resource,
								date: bookingdate,
								customerID: customer,
								rebate: rebate,
								status: bookingstate,
								position: position
						},
					success:  bookingmade
				});
		}
		
		function bookingmade(returnedData)
		{
			// Nothing;
		}
		
		function drawResult()
		{

			// Use size from initial ajax call
			// Generate Table including booking Javascript calls
			var output="<table border='1'>";
			output+="<tr>";
			var matchedbooking,matched;
			for(i = 0; i < size; i++) {
				matched=0;
				for (j = 0; j < resultset.childNodes.length; j++) {
					if(resultset.childNodes.item(j).nodeName=="booking"){
						var booking=resultset.childNodes.item(j);
						if(i==booking.attributes['position'].nodeValue){
							matchedbooking=booking;
							matched=booking.attributes['status'].nodeValue;
						}
					}
				}
			
				if(matched==2){
					output+="<td bgcolor='#ffeedd'>&nbsp;&nbsp;</td>";
				}else if(matched==1){
					output+="<td bgcolor='#ff00dd' onclick='bookPosition("+i+",2);' onmouseover='bookPosition("+i+",1)' style='cursor:pointer'>&nbsp;&nbsp;</td>";
				}else{
					output+="<td bgcolor='#ffffff' onclick='bookPosition("+i+",2);' onmouseover='bookPosition("+i+",1)' style='cursor:pointer'>&nbsp;&nbsp;</td>";
				}
				if(i%4==3)
				 output+="</tr><tr>";	
			}
			
			output+="</tr>";
			output+="</table>"
			var div=document.getElementById('OutputDiv');
			div.innerHTML=output;

		}

		function ResultBooking(returnedData)
		{
			// An XML DOM document is returned from AJAX
			resultset=returnedData.childNodes[0];
			isvalid=true;
			
			drawResult();
					
			setTimeout('refreshBookingList();',500);

		}	

		function ResultSize(returnedData)
		{
			// An XML DOM document is returned from AJAX
			var resultsetsize=returnedData.childNodes[0];
			
			// Iterate over all nodes in root node (i.e. customers)
			for (i = 0; i < resultsetsize.childNodes.length; i++) {
				if(resultsetsize.childNodes.item(i).nodeName=="resource"){
					var resource=resultsetsize.childNodes.item(i);
					size=resource.attributes['size'].nodeValue;
				}
			}
		}	
		
		function refreshBookingList()
		{
			$.ajax({
				type: 'POST',
				url: '../booking/getbookings_XML.php',
				data: {
					///	type: escape("Hotell_Demo"),
						resourceID: resource,
						date: bookingdate
				},
				success:  ResultBooking
			});
			//getBookingsForDate(resource,bookingdate,"Hotell_Demo","ResultBooking");

			var div=document.getElementById("OutputDivv");
			div.innerHTML="Count:"+cnt;
			cnt++;
		}	
		
		function processinputbox()
		{
			resource=document.getElementById("resourceID").value;
			bookingdate=document.getElementById("date").value;

      				$.ajax({
					type: 'POST',
					url: '../booking/getresourcesize_XML.php',
					data: {	resourceID: resource},
					success:  ResultSize
				});
		}
		
	</script>
</head>
<body onload="setTimeout('refreshBookingList();',500);">
	
	<form name='searchbookings'>
	userID:<br><input type='text' name='userID' id='userID' onchange="processinputbox()" onkeyup="processinputbox()"><br>
	resourceID:<br><input type='text' name='resourceID' id='resourceID' onchange="processinputbox()" onkeyup="processinputbox()"><br>
	date:<br><input type='text' name='date' id='date' onchange="processinputbox()" onkeyup="processinputbox()"><br>
	</form>
	<br>
	<div id="OutputDiv"></div>
	<br>
	<div id="OutputDivv"></div>
	
</body>
</html>

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
	7	<script language="javascript" src="../jquery/jquery-1.8.2.min.js"></script>
	8
	9	<script language="javascript">
	10
	11	// We keep the resultset in a variable if we want to redraw dynamically
	12	// Size is updated through separate ajax call.
	13
	14	var resultset;
	15	var isvalid=false;
	16	var size=0;
	17	var cnt=0;
	18
	19	var resource="";
	20	var bookingdate="";
	21
	22	function bookPosition(position,bookingstate)
	23	{
	24	var rebate=0;
	25	var customer=document.getElementById("userID").value;
	26	$.ajax({
	27	type: 'POST',
	28	url: '../booking/makebooking_XML.php',
	29	data: {
	30	resourceID: resource,
	31	date: bookingdate,
	32	customerID: customer,
	33	rebate: rebate,
	34	status: bookingstate,
	35	position: position
	36	},
	37	success: bookingmade
	38	});
	39	}
	40
	41	function bookingmade(returnedData)
	42	{
	43	// Nothing;
	44	}
	45
	46	function drawResult()
	47	{
	48
	49	// Use size from initial ajax call
	50	// Generate Table including booking Javascript calls
	51	var output="<table border='1'>";
	52	output+="<tr>";
	53	var matchedbooking,matched;
	54	for(i = 0; i < size; i++) {
	55	matched=0;
	56	for (j = 0; j < resultset.childNodes.length; j++) {
	57	if(resultset.childNodes.item(j).nodeName=="booking"){
	58	var booking=resultset.childNodes.item(j);
	59	if(i==booking.attributes['position'].nodeValue){
	60	matchedbooking=booking;
	61	matched=booking.attributes['status'].nodeValue;
	62	}
	63	}
	64	}
65
66	if(matched==2){
67	output+="<td bgcolor='#ffeedd'>  </td>";
68	}else if(matched==1){
69	output+="<td bgcolor='#ff00dd' onclick='bookPosition("+i+",2);' onmouseover='bookPosition("+i+",1)' style='cursor:pointer'>  </td>";
70	}else{
71	output+="<td bgcolor='#ffffff' onclick='bookPosition("+i+",2);' onmouseover='bookPosition("+i+",1)' style='cursor:pointer'>  </td>";
72	}
73	if(i%4==3)
74	output+="</tr><tr>";
75	}
76
77	output+="</tr>";
78	output+="</table>"
79	var div=document.getElementById('OutputDiv');
80	div.innerHTML=output;
81
82	}
83
84	function ResultBooking(returnedData)
85	{
86	// An XML DOM document is returned from AJAX
87	resultset=returnedData.childNodes[0];
88	isvalid=true;
89
90	drawResult();
91
92	setTimeout('refreshBookingList();',500);
93
94	}
95
96	function ResultSize(returnedData)
97	{
98	// An XML DOM document is returned from AJAX
99	var resultsetsize=returnedData.childNodes[0];
100
101	// Iterate over all nodes in root node (i.e. customers)
102	for (i = 0; i < resultsetsize.childNodes.length; i++) {
103	if(resultsetsize.childNodes.item(i).nodeName=="resource"){
104	var resource=resultsetsize.childNodes.item(i);
105	size=resource.attributes['size'].nodeValue;
106	}
107	}
108	}
109
110	function refreshBookingList()
111	{
112	$.ajax({
113	type: 'POST',
114	url: '../booking/getbookings_XML.php',
115	data: {
116	/// type: escape("Hotell_Demo"),
117	resourceID: resource,
118	date: bookingdate
119	},
120	success: ResultBooking
121	});
122	//getBookingsForDate(resource,bookingdate,"Hotell_Demo","ResultBooking");
123
124	var div=document.getElementById("OutputDivv");
125	div.innerHTML="Count:"+cnt;
126	cnt++;
127	}
128
129	function processinputbox()
130	{
131	resource=document.getElementById("resourceID").value;
132	bookingdate=document.getElementById("date").value;
133
134	$.ajax({
135	type: 'POST',
136	url: '../booking/getresourcesize_XML.php',
137	data: { resourceID: resource},
138	success: ResultSize
139	});
140	}
141
142	</script>
143	</head>
144	<body onload="setTimeout('refreshBookingList();',500);">
145
146	<form name='searchbookings'>
147	userID:<br><input type='text' name='userID' id='userID' onchange="processinputbox()" onkeyup="processinputbox()"><br>
148	resourceID:<br><input type='text' name='resourceID' id='resourceID' onchange="processinputbox()" onkeyup="processinputbox()"><br>
149	date:<br><input type='text' name='date' id='date' onchange="processinputbox()" onkeyup="processinputbox()"><br>
150	</form>
151	<br>
152	<div id="OutputDiv"></div>
153	<br>
154	<div id="OutputDivv"></div>
155
156	</body>
157	</html>