-
Notifications
You must be signed in to change notification settings - Fork 1
/
add_movie.html
53 lines (44 loc) · 2.13 KB
/
add_movie.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Add a new movie rating</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="screen" href="add_movie.css" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="add_movie.js"></script>
</head>
<body>
<form id="movie_data" method="post" action="">
<h1>Add a new movie rating:</h1>
<p class="help">Type imdb link, write optional review and click on a star to rate the movie.</p>
<p>
<label for="url">imdb link:</label>
<input type="text" name="url" id="url" class="text" />
</p>
<p>
<label for="review">Short review:</label>
<textarea name="review" id="review" cols="20" rows="3">
</textarea>
</p>
<p>
<label>Movie rating:</label>
</p>
<ul class="star-rating" id="rating">
<li><a id="rating1" title="Rate this movie 1 star out of 10" class="one-star"></a></li>
<li><a id="rating2" title="Rate this movie 2 stars out of 10" class="two-stars"></a></li>
<li><a id="rating3" title="Rate this movie 3 stars out of 10" class="three-stars"></a></li>
<li><a id="rating4" title="Rate this movie 4 stars out of 10" class="four-stars"></a></li>
<li><a id="rating5" title="Rate this movie 5 stars out of 10" class="five-stars"></a></li>
<li><a id="rating6" title="Rate this movie 6 stars out of 10" class="six-stars"></a></li>
<li><a id="rating7" title="Rate this movie 7 stars out of 10" class="seven-stars"></a></li>
<li><a id="rating8" title="Rate this movie 8 stars out of 10" class="eight-stars"></a></li>
<li><a id="rating9" title="Rate this movie 9 stars out of 10" class="nine-stars"></a></li>
<li><a id="rating10" title="Rate this movie 10 stars out of 10" class="ten-stars"></a></li>
<li><div id="loading" style="display: none"><img src="loading.gif" alt="Sending request... please wait." />
<p class="help">Please wait ...</p></div></li>
</ul>
</form>
<div id="message" style="display: none"></div>
</body>
</html>