Skip to content

Commit ffc6e62

Browse files
mackenziefordmackenzieford
authored
Add files via upload
Application form entry and start of conversion to JSON
1 parent f15662c commit ffc6e62

File tree

5 files changed

+9577
-16
lines changed

5 files changed

+9577
-16
lines changed

‎README.md

Lines changed: 8 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,13 @@
1-
# TAMatch
2-
TA Application and Assignment System as a CSCE 431-Singapore 2019 Project
1+
# Rank Form
32

3+
Live Demo: [www.justinmccandless.com/demos/Rank-Form/index.html](www.justinmccandless.com/demos/Rank-Form/index.html)
4+
<br>
5+
Blog Post: [www.justinmccandless.com/blog/Rank+Options+in+an+HTML+Form](www.justinmccandless.com/blog/Rank+Options+in+an+HTML+Form)
46

5-
This project aims to serve as a platform for Texas A&M Graduate Students and faculty to
6-
minimize human intervention in the application process for TA's.
7+
## Overview
78

8-
This platform needs to:
9-
-Allow professors to preference TA’s
10-
-Allow TA’s to preference professors or classes
11-
-Allow TA’s to specify which kinds of classes they want / don’t want to teach
12-
-Maximize amount of successful matches between preferred professors/TA’s/classes.
9+
This project is for HTML forms where the user needs to rank a series of selections. It provides a nicely animated set of movable divs that represent each selection. It uses jquery.
1310

14-
Link to the heroku:
15-
https://young-lowlands-69353.herokuapp.com/
16-
17-
18-
To see which tasks we are on, check out our pivotal tracker! :D
19-
Link to pivotal tracker:
20-
https://www.pivotaltracker.com/n/projects/2234694
11+
## Usage
2112

13+
Include rank.js in your project, and setup your html as seen in the example in index.html.

‎index.html

Lines changed: 165 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2+
3+
<html>
4+
5+
<head>
6+
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
7+
<link href="style.css" rel="stylesheet" type="text/css" />
8+
<script type="text/javascript" src="jquery-1.7.1.js"></script>
9+
<script type="text/javascript" src="rank.js"></script> <!-- Here is the link to the js for Rank -->
10+
11+
<title>TAnder</title>
12+
<!-- <link REL="SHORTCUT ICON" href="favicon.ico"> -->
13+
</head>
14+
15+
<body>
16+
17+
<h1>TA Application</h1>
18+
<br>
19+
20+
21+
<form action="/action_page.php">
22+
First name: <input type="text" name="fname"><br>
23+
<p>
24+
25+
</p>
26+
Last name: <input type="text" name="lname"><br>
27+
<!--<input type="submit" value="Submit">-->
28+
</form>
29+
30+
<p>
31+
32+
</p>
33+
Degree Program:
34+
<select>
35+
<option value="msThesis">MS Thesis</option>
36+
<option value="msNon-Thesis">MS Non-Thesis</option>
37+
<option value="phd">PhD</option>
38+
</select>
39+
<!--<input type="submit" value="Submit">-->
40+
41+
42+
<p>
43+
44+
</p>
45+
Applying as:
46+
<select>
47+
<option value="ta">TA</option>
48+
<option value="sGrader">Senior Grader</option>
49+
<option value="grader">Grader</option>
50+
</select>
51+
52+
<p>
53+
54+
</p>
55+
<p>
56+
Please rank the classes you would like to teach,
57+
in order of 1 (favorite class) to 10 (please don't put me in this class).
58+
</p>
59+
60+
<br>
61+
<div class = "rankContainer">
62+
<div class = "rankElement" id = "el0" >
63+
<input type="hidden" name="0">
64+
<font class = "rankDisp" id = "el0">1</font>
65+
&nbsp;&nbsp;&nbsp;
66+
<span>CSCE 121 </span>
67+
68+
<b class = "down">&nbsp;∨</b>
69+
<b class = "up">∧&nbsp;</b>
70+
</div>
71+
<div class = "rankElement" id = "el1">
72+
<input type="hidden" name="1">
73+
<font class = "rankDisp" id = "el1">2</font>
74+
&nbsp;&nbsp;&nbsp;
75+
CSCE 222
76+
<b class = "down">&nbsp;∨</b>
77+
<b class = "up">∧&nbsp;</b>
78+
</div>
79+
<div class = "rankElement" id = "el2">
80+
<input type="hidden" name="2">
81+
<font class = "rankDisp" id = "el2">3</font>
82+
&nbsp;&nbsp;&nbsp;
83+
CSCE 315
84+
<b class = "down">&nbsp;∨</b>
85+
<b class = "up">∧&nbsp;</b>
86+
</div>
87+
<div class = "rankElement" id = "el3">
88+
<input type="hidden" name="3">
89+
<font class = "rankDisp" id = "el3">4</font>
90+
&nbsp;&nbsp;&nbsp;
91+
CSCE 312
92+
<b class = "down">&nbsp;∨</b>
93+
<b class = "up">∧&nbsp;</b>
94+
</div>
95+
<div class = "rankElement" id = "el4">
96+
<input type="hidden" name="4">
97+
<font class = "rankDisp" id = "el4">5</font>
98+
&nbsp;&nbsp;&nbsp;
99+
CSCE 314
100+
<b class = "down">&nbsp;∨</b>
101+
<b class = "up">∧&nbsp;</b>
102+
</div>
103+
<div class = "rankElement" id = "el5">
104+
<input type="hidden" name="5">
105+
<font class = "rankDisp" id = "el5">6</font>
106+
&nbsp;&nbsp;&nbsp;
107+
CSCE 462
108+
<b class = "down">&nbsp;∨</b>
109+
<b class = "up">∧&nbsp;</b>
110+
</div>
111+
<div class = "rankElement" id = "el6">
112+
<input type="hidden" name="6">
113+
<font class = "rankDisp" id = "el6">7</font>
114+
&nbsp;&nbsp;&nbsp;
115+
CSCE 465
116+
<b class = "down">&nbsp;∨</b>
117+
<b class = "up">∧&nbsp;</b>
118+
</div>
119+
<div class = "rankElement" id = "el7">
120+
<input type="hidden" name="7">
121+
<font class = "rankDisp" id = "el7">8</font>
122+
&nbsp;&nbsp;&nbsp;
123+
CSCE 482
124+
<b class = "down">&nbsp;∨</b>
125+
<b class = "up">∧&nbsp;</b>
126+
</div>
127+
<div class = "rankElement" id = "el8">
128+
<input type="hidden" name="8">
129+
<font class = "rankDisp" id = "el8">9</font>
130+
&nbsp;&nbsp;&nbsp;
131+
CSCE 111
132+
<b class = "down">&nbsp;∨</b>
133+
<b class = "up">∧&nbsp;</b>
134+
</div>
135+
<div class = "rankElement" id = "el9">
136+
<input type="hidden" name="9">
137+
<font class = "rankDisp" id = "el9">10</font>
138+
&nbsp;&nbsp;&nbsp;
139+
CSCE 655
140+
<b class = "down">&nbsp;∨</b>
141+
<b class = "up">∧&nbsp;</b>
142+
</div>
143+
144+
145+
</div>
146+
<br><br>
147+
148+
<br><br>
149+
150+
<button onclick = "convertToJSON()"> SUBMIT</button>
151+
</body>
152+
153+
<script>
154+
//function convertToJSON(){
155+
// console.log(document.getElementById("el0").getElementsByTagName("span")[0].innerHTML);
156+
//}
157+
function convertToJSON(){
158+
console.log(document.getElementsByName("1").innerHTML);
159+
}
160+
</script>
161+
162+
163+
164+
</html>
165+

0 commit comments

Comments
 (0)