webDevGame/playgame_live.php at master · JJLindsay/webDevGame · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Prisoner's Dilemma</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
	<link href="css/stylesheet.css" rel="stylesheet">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="css/custom.css" rel="stylesheet">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
</head>
<body>
	<?php
		include('connection.php');
		include('session.php');
	?>
	<!-- Navigation Bar begin -->
	<header class="navbar navbar-default">
		<div class="container-fluid">
			<!-- Brand/Logo and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse" aria-expanded="false">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.php">Prisoner's Dilemma</a>
			</div>

			<!-- Collect the nav links and other content for toggling -->
			<div class="collapse navbar-collapse" id="collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="index.php">Home</a></li>
					<li><a href="useronline.php">Who's Online</a></li>
					<li><a href="playgame.php">Play Game</a></li>
					<li class="active"><a href="playgame_live.php">Play Game Live</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">My Account <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="profilepage.php">My Profile</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="logout.php">Logout</a></li>
						</ul>
					</li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</header><!-- end Navigation Bar -->

	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-10 col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-1 col-lg-offset-2 top-margin" >
				<h3>Prisoner's Dilemma Game Play</h3>
				<br/>
				<div class="row">
    			    <aside class="col-xs-12 col-md-4">
    			    	<div class="col-xs-12">
    			    		<h3><span class="label label-success col-xs-12">Total Score:
    			    			<span class="badge" id="badge-s">
    			    				<?=$score?>
    			    			</span>
    			    		</h3><br>
    			    		<h3><span class="label label-primary col-xs-12">Session Score:
    			    			<span class="badge" id="badge-sc">
    			    				0
    			    			</span>
    			    		</h3><br>
    			    		<h3><span class="label label-warning col-xs-12">Previous Score:
    			    			<span class="badge" id="badge-ps">
    			    				<?=$score?>
    			    			</span>
    			    		</h3><br>
    			    	</div>
    			    </aside>
    			    <div class="col-xs-12 col-md-8" id="game_inside">
    			    	<?php
    			    	    include_once('game_inside.php');
    			    	?>
    			    </div>
			    </div>
			</div>
		</div>
	</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script>
        $(document).ready(function(){
            function get_data(){
    	        $('#game_inside').load('game_inside.php');
            }
            setInterval(function(){ get_data(); }, 1000);
            ion.sound({
                sounds: [
                    {name: "door_bell"},
                    {name: "door_bump"},
                    {name: "glass"},
                    {name: "light_bulb_breaking"},
                    {name: "bell_ring"}
                ],
                volume: 0.7,
                path: "sounds/",
                preload: true
            });

        });

    </script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="js/zsparks.js"></script>
	<script src="js/ion.sound.min.js"></script>
	</body>
</html>