booking/booking.php at master · badassboy/booking · GitHub

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


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	  <meta name="description" content="">

	<title></title>
	<link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.css">
	<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">


</head>
<body>

	<div class="container-fluid wrapper">

		<div class="jumbotron jumbotron-fluid">
		  <div class="container">
		    <!-- <h1 class="display-4">STAY IN THE CITY</h1> -->
		  </div>
		</div>

		<div class="container-fluid booking_div">

			<?php include("bookingform.php"); ?>

			</div>

	</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/dist/js/bootstrap.js"></script>

<script type="text/javascript">

	// ajax for displaying event names
	$(document).ready(function(){

	      $.ajax({
	        url:"eventajax.php",
	        type:"get",
	        dataType:"JSON",
	        success:function(response){
	          // console.log(response);
	          // here rather
	            var len = response.length;
	            for (var i = 0; i < len; i++) {


	                var events = response[i]["all_event"];

	                var option_string = "<option>" + events + "</option>";

	                 $("#events").append(option_string);


	            }
	        },
	        error:function(response){
	            console.log("Error: "+ response);
	        }
	      });

	});


</script>


</body>
</html>