This repository has been archived by the owner on Aug 2, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstudentVote.html
146 lines (123 loc) · 4.93 KB
/
studentVote.html
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html>
<?php
//session starts here
//----------------------------------------------
session_start();
$_SESSION['inputStudentID'];
//----------------------------------------------
?>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>AniVote | Home</title>
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/bootstrap-responsive.css"/>
</head>
<body>
<script src="js/jquery-2.0.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- Start navbar code here -->
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-th-list"></span>
</a>
<a href="#" class="brand">ELECOM AniVote</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="#"><i class="icon-home"></i> Home</a></li>
<li><a href="#">Candidates</a></li>
<li class="active"><a href="#">Vote</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End navbar code here -->
<div class="hero-unit">
<h1>Ballot</h1>
<p>Get to vote for your candidates!</p>
</div>
<div class="container">
<div class="row-fluid">
<div class="span4">
<ul class="nav nav-list">
<li class="nav-header">Positions to Vote For</li>
<li class="">1 Campus President</li>
<li class="">2 Legislative Assembly Representatives</li>
<li class="">College Representative</li>
<li class="divider"></li>
<li class="nav-header">Notice</li>
<li class="">Once you make your choice, you will no longer be able to edit your vote so... vote wisely. </li>
</ul>
</div>
<!-- code for notice on the left -->
<div class="span8">
<form id="ballot" action="success.php" method="post">
<h3>Campus President</h3>
<div class="btn-group" data-toggle="buttons-radio" id="CampPres">
<button type="button" class="btn btn-success" id="erns">Ernie</button>
<button type="button" class="btn btn-success" id="kerms">Kermit Frog</button>
<button type="button" class="btn btn-success" id="abstainPres">Abstain</button>
</div>
<input type="hidden" name="CampPresVar" id="CampPresVar">
<script type="text/javascript" language="javascript">
$('#CampPres button').click(function(){
$("#CampPresVar").attr('value', $(this).attr('id'));
})
</script>
<!-- as button gets clicked, value of input -->
<h3>Legislative Assembly Representatives</h3>
<div class="btn-group" data-toggle="buttons-radio" id="LegAsembl">
<button type="button" class="btn btn-success" id="bert">Bert</button>
<button type="button" class="btn btn-success" id="bird">Big Bird</button>
<button type="button" class="btn btn-success" id="pig">Ms. Piggie</button>
<button type="button" class="btn btn-success" id="goku">Son Goku</button>
<button type="button" class="btn btn-success" id="abstainLA">Abstain</button>
</div>
<input type="hidden" name="LegAsemblVar" id="LegAsemblVar">
<script type="text/javascript" language="javascript">
$('#LegAsembl button').click(function(){
$("#LegAsemblVar").attr('value', $(this).attr('id'));
})
</script>
<h3>College Representative</h3>
<div class="btn-group" data-toggle="buttons-radio" id="ColRep">
<button type="button" class="btn btn-success" id="oscar">Oscar the Grouch</button>
<button type="button" class="btn btn-success" id="chuck">Chuck Norris</button>
<button type="button" class="btn btn-success" id="abstainB1">Abstain</button>
</div>
<br/>
<br/>
<br/>
<input type="hidden" name="ColRepVar" id="ColRepVar">
<script type="text/javascript" language="javascript">
$('#ColRep button').click(function(){
$("#ColRepVar").attr('value', $(this).attr('id'));
})
</script>
<input href="#confirmModal" type="submit" class="btn btn-large btn-success" value="Submit my vote" data-toggle="modal"/>
<!-- Start pop-up -->
<div id="confirmModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <!-- close button -->
<h3 id="modalLabel">Confirm Data Submission</h3>
</div>
<div class="modal-body">
<p>Are you sure with your choices?</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">No</button>
<button class="btn btn-success">Yes</button>
</div>
</div>
<!-- End pop-up -->
</form>
</div> <!-- end of "span8" -->
</div> <!-- end of "row-fluid" -->
</div> <!-- end of class "container" -->
</body>
</html>