-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
527 lines (510 loc) · 24.2 KB
/
index.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
<html>
<script src="https://d3js.org/d3.v6.js"></script>
<link rel="stylesheet" href="web.css">
<div class="header-container">
<h1> Reading between the lines... </h1>
<p style="font-weight: 300;">Movies are an entertainment form that people have been enjoying since the 1880s. However, in the past few years equality, representation, and discrimination have been the topic of discussion. We want to add data and information to the discussion to see the breakdown of male and female dialogues, credit's positions, and change over the years in the movies we all know and love. We also
have an extended breakdown into our visualizations by genre and by specific movie to explore the changes and effects even further.
</p>
</div>
<div class="home-body-container">
<div id="tabs" >
<button class="bigtab" id ="lines" onclick="showLines(this)">Lines</button>
<button class="bigtab" id ="credits" onclick="showCredits()">Credits position</button>
<button class="bigtab" id ="year" onclick="showYear()">Year</button>
<button class="bigtab" id="rating" onclick="showRating()">Rating</button>
</div>
<div id="line-graph" class = "line-graph-container">
<iframe src="dialogue-graph.html" height="650" width="100%"style="border:none; " ></iframe>
<h2> Learn more about a movie by clicking a circle in the graph above or by searching below!</h2>
<div class="autocomplete" >
<input id="myInput" type="text" name="movie" placeholder="MOVIE" style="width:300px; ">
<input class="submit" id="submit" type="submit" style="height:45px; margin-left:5;">
<p id="movie-search" style="margin-left: 20;height: 10;"></p>
</div>
</div>
<!--Make sure the form has the autocomplete function switched off:-->
<div id = "year-graph">
<iframe src="dialogue-year-graph.html" height="1000" width="1500"style="border:none;" ></iframe>
</div>
<iframe id="credits-graph" src="positions-graph.html" height="1200" width="1400"style="border:none; width:100%;" ></iframe>
<div id = "movie-graph" style= "display:flex; flex-direction: column;">
<iframe src="conversation-graph.html" height="550" width="1800"style="border:none;" ></iframe>
<button id="redirect-ratings"></button>
</div>
<div id = "rating-graph">
<iframe id="rating-tab.html" src="rating-tab.html" height="1500" width="1500"style="border:none;" ></iframe>
</div>
<div class = "foot-container">
<p style="font-weight: 300;">
Our dataset consists of 617 popularized movies which involves 9,035 characters with 220,579 conversational exchanges between 10,292 pairs of movie characters.
</p>
Source: <a href="https://www.kaggle.com/Cornell-University/movie-dialog-corpus?select=movie_titles_metadata.tsv"> Movie Dialog Corpus</a>, <a href="https://www.kaggle.com/stefanoleone992/imdb-extensive-dataset?select=IMDb+ratings.csv"> IMDb movies extensive dataset </a>
</div>
</div>
<style>
#redirect-ratings{
font-family: Avenir Next;
font-size: 17px;
font-weight: 400;
cursor:pointer;
width: 400;
background-color: white;
border-radius: 7px;
}
#redirect-ratings:hover{
background-color: rgb(230, 230, 230);
}
h1{
text-align:center;
font-weight: normal;
font-size: 50px;
}
* { box-sizing: border-box; }
.autocomplete {
/*the container must be positioned relative:*/
position: relative;
display: flex;
flex-direction: row;
}
input {
border: 1px solid gray;
border-radius: 4px;
background-color: #f1f1f1;
padding: 10px;
font-size: 16px;
font-family: 'Avenir Next';
}
input[type=text] {
background-color: #f1f1f1;
width: 100%;
font-family: 'Avenir Next';
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: #fcf5ef !important;
color: black;
}
</style>
<script>
hideAll();
showLines();
window.addEventListener('storage', function(e) {
if(e.key == "movie"){
showMovie();
}
});
function showLines(){
hideAll();
document.getElementById("lines").classList.toggle("active");
document.getElementById("line-graph").style.display = "flex"
}
function showCredits(){
hideAll();
document.getElementById("credits").classList.toggle("active");
document.getElementById("credits-graph").style.display = "flex"
}
function showYear(){
hideAll();
document.getElementById("year").classList.toggle("active");
document.getElementById("year-graph").style.display = "flex"
}
function showMovie(){
document.getElementById("movie-graph").style.display = "flex";
clickForMovie();
document.getElementById("movie-graph").scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
}
function showRating(){
hideAll();
window.scrollTo(0, 0);
document.getElementById("rating").classList.toggle("active");
document.getElementById("rating-graph").style.display = "flex"
}
function hideAll(){
document.getElementById("line-graph").style.display = "none"
document.getElementById("rating-graph").style.display = "none"
document.getElementById("credits-graph").style.display = "none"
document.getElementById("year-graph").style.display = "none"
document.getElementById("movie-graph").style.display = "none"
document.getElementById("rating").classList.remove("active");
document.getElementById("year").classList.remove("active");
document.getElementById("credits").classList.remove("active");
document.getElementById("lines").classList.remove("active");
}
function autocomplete(inp, arr) {
/*the autocomplete function takes two arguments,
the text field element and an array of possible autocompleted values:*/
var currentFocus;
/*execute a function when someone writes in the text field:*/
inp.addEventListener("input", function(e) {
var a, b, i, val = this.value;
/*close any already open lists of autocompleted values*/
closeAllLists();
if (!val) { return false;}
currentFocus = -1;
/*create a DIV element that will contain the items (values):*/
a = document.createElement("DIV");
a.setAttribute("id", this.id + "autocomplete-list");
a.setAttribute("class", "autocomplete-items");
/*append the DIV element as a child of the autocomplete container:*/
this.parentNode.appendChild(a);
/*for each item in the array...*/
for (i = 0; i < arr.length; i++) {
/*check if the item starts with the same letters as the text field value:*/
if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
/*create a DIV element for each matching element:*/
b = document.createElement("DIV");
/*make the matching letters bold:*/
b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
b.innerHTML += arr[i].substr(val.length);
/*insert a input field that will hold the current array item's value:*/
b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
/*execute a function when someone clicks on the item value (DIV element):*/
b.addEventListener("click", function(e) {
/*insert the value for the autocomplete text field:*/
inp.value = this.getElementsByTagName("input")[0].value;
/*close the list of autocompleted values,
(or any other open lists of autocompleted values:*/
closeAllLists();
});
a.appendChild(b);
}
}
});
/*execute a function presses a key on the keyboard:*/
inp.addEventListener("keydown", function(e) {
var x = document.getElementById(this.id + "autocomplete-list");
if (x) x = x.getElementsByTagName("div");
if (e.keyCode == 40) {
/*If the arrow DOWN key is pressed,
increase the currentFocus variable:*/
currentFocus++;
/*and and make the current item more visible:*/
addActive(x);
} else if (e.keyCode == 38) { //up
/*If the arrow UP key is pressed,
decrease the currentFocus variable:*/
currentFocus--;
/*and and make the current item more visible:*/
addActive(x);
} else if (e.keyCode == 13) {
/*If the ENTER key is pressed, prevent the form from being submitted,*/
e.preventDefault();
if (currentFocus > -1) {
/*and simulate a click on the "active" item:*/
if (x) x[currentFocus].click();
}
}
});
function addActive(x) {
/*a function to classify an item as "active":*/
if (!x) return false;
/*start by removing the "active" class on all items:*/
removeActive(x);
if (currentFocus >= x.length) currentFocus = 0;
if (currentFocus < 0) currentFocus = (x.length - 1);
/*add class "autocomplete-active":*/
x[currentFocus].classList.add("autocomplete-active");
}
function removeActive(x) {
/*a function to remove the "active" class from all autocomplete items:*/
for (var i = 0; i < x.length; i++) {
x[i].classList.remove("autocomplete-active");
}
}
function closeAllLists(elmnt) {
/*close all autocomplete lists in the document,
except the one passed as an argument:*/
var x = document.getElementsByClassName("autocomplete-items");
for (var i = 0; i < x.length; i++) {
if (elmnt != x[i] && elmnt != inp) {
x[i].parentNode.removeChild(x[i]);
}
}
}
/*execute a function when someone clicks in the document:*/
document.addEventListener("click", function (e) {
closeAllLists(e.target);
});
}
var movies = ['10 Things I Hate About You', '1492: Conquest Of Paradise',
'15 Minutes', '2001: A Space Odyssey', '48 Hrs.',
'The Fifth Element', '8Mm',
'A Nightmare On Elm Street 4: The Dream Master',
'A Nightmare On Elm Street: The Dream Child',
'The Atomic Submarine', 'Affliction', 'Air Force One',
'Airplane Ii: The Sequel', 'Airplane!', 'Alien Nation', 'Aliens',
'Amadeus', 'An American Werewolf In London', 'American Madness',
'American Outlaws', 'American Psycho', 'Antitrust',
'Austin Powers: International Man Of Mystery', 'The Avengers',
'Bachelor Party', 'Backdraft', 'Bad Lieutenant', 'Bamboozled',
'Barry Lyndon', 'Basic', 'Big Fish', 'Birthday Girl',
'Black Snake Moan', 'Black Rain', 'Blade Runner',
'Blast From The Past', 'Blue Velvet', 'The Boondock Saints',
'Bottle Rocket', 'The Bourne Supremacy', 'Braveheart',
'The Butterfly Effect', 'Casablanca', 'Cast Away',
'The Cider House Rules', 'Confidence', 'Croupier', 'Dark Star',
'Dark Angel', 'Detroit Rock City', 'Donnie Darko',
'Drop Dead Gorgeous', 'Duck Soup', 'The Elephant Man',
'Erik The Viking', 'Eternal Sunshine Of The Spotless Mind',
'Even Cowgirls Get The Blues', 'Event Horizon', 'Fantastic Four',
'Fast Times At Ridgemont High', 'Fear And Loathing In Las Vegas',
'Feast', 'Frances', 'Frankenstein', 'Friday The 13Th',
'From Dusk Till Dawn', 'G.I. Jane', 'Godzilla', 'Galaxy Quest',
'George Washington', 'Get Shorty', 'Ghost Ship', 'Ghost World',
'The Ghost And The Darkness', 'Ghostbusters Ii', 'Ghostbusters',
'Gladiator', 'The Graduate', 'Grand Hotel', 'The Grifters',
'Halloween H20: 20 Years Later',
'Halloween: The Curse Of Michael Myers',
'Happy Birthday Wanda June', 'Hardcore', 'Harold And Maude',
'Hellbound: Hellraiser Ii', 'Hellboy', 'Hellraiser',
'High Fidelity', 'Highlander', 'His Girl Friday', 'Hope And Glory',
'House Of 1000 Corpses', 'Human Nature', 'The Hustler',
'I Am Legend', 'Invaders From Mars', 'Independence Day',
'Indiana Jones And The Last Crusade',
'Indiana Jones And The Temple Of Doom', 'Innerspace',
'The Insider', 'Intolerable Cruelty', 'It Happened One Night',
'Jfk', 'Jackie Brown', "Jacob'S Ladder", 'Jason X', 'Jaws', 'Juno',
'Kalifornia', 'Kids', 'Knight Moves', 'Krull', 'L\xef\xbf\xbdOn',
'Labor Of Love', 'Leaving Las Vegas', 'Legally Blonde', 'Legend',
'Life As A House', 'The Life Of David Gale', 'Little Nicky',
"Logan'S Run", 'Lost Highway', 'Lost Horizon', 'Men In Black',
'Minority Report', 'Made', 'Malcolm X', 'Man On Fire', 'Marty',
'Mash', 'Meet John Doe', 'Metro', 'Metropolis',
'Mighty Morphin Power Rangers', 'Mobsters', 'Monkeybone',
"My Mother Dreams The Satan'S Disciples In New York",
'Mr. Smith Goes To Washington', 'Mr. Deeds Goes To Town',
'Mumford', 'The Mummy', 'Mystery Men', 'Napoleon', 'Next Friday',
'Nick Of Time', 'The Night Of The Hunter',
'A Nightmare On Elm Street', 'Ninotchka', 'Nixon',
'No Country For Old Men', 'Nurse Betty',
'O Brother Where Art Thou?', 'An Officer And A Gentleman',
'Panic Room', 'Panther', 'The Patriot', 'Pet Sematary',
'Pirates Of The Caribbean', 'Plastic Man', 'Platinum Blonde',
'Pleasantville', 'Punch-Drunk Love', 'Quills', 'Rko 281',
'Raging Bull', 'Rear Window', 'Rebel Without A Cause',
'Reindeer Games', 'Reservoir Dogs', 'Roughshod', 'Scary Movie 2',
'Serial Mom', 'The Seventh Victim', 'Sex Lies And Videotape',
'Shivers', 'Shock Treatment', 'Sideways', 'Signs', 'Silverado',
'Simone', 'The Sixth Sense', 'Slash', 'Slither',
'Smokey And The Bandit', "Smokin' Aces", 'Solaris',
'Someone To Watch Over Me', 'Spider-Man', 'Stalag 17',
'Star Trek: Generations', 'Star Trek Iii: The Search For Spock',
'Star Trek: The Wrath Of Khan', 'Star Trek Iv: The Voyage Home',
'Star Trek: Insurrection', 'Star Trek: First Contact',
'Star Trek Vi: The Undiscovered Country', 'Star Trek: Nemesis',
'Starman', 'Strange Days', 'Suspect Zero', 'Swingers',
'The Godfather', 'The Talented Mr. Ripley', 'Taxi Driver',
'The Rock', 'The Majestic', 'The Birds', 'The Body Snatcher',
'The Crow: Salvation', 'The Day The Earth Stood Still',
'The Lost Boys', 'The Thing', 'The Time Machine', 'The Jacket',
'Thelma & Louise', "There'S Something About Mary", 'Thirteen Days',
'Thunderheart', 'Top Gun', 'Total Recall', 'Tremors',
'True Believer', 'Twin Peaks: Fire Walk With Me', 'The Verdict',
'The War Of The Worlds', 'New Nightmare', 'White Squall',
'Wild At Heart', 'Wonder Boys', 'The Woodsman', 'The Abyss',
"L'Avventura", 'Agnes Of God', "A Hard Day'S Night", 'Alien',
'Alien Vs. Predator', 'All About Eve', "All The President'S Men",
'American Pie', 'An American Werewolf In Paris', 'Anastasia',
'Annie Hall', 'The Anniversary Party', 'Antz', 'The Apartment',
'Apocalypse Now', 'Arctic Blue', 'As Good As It Gets', 'Assassins',
'Asylum', 'A Walk To Remember', 'Back To The Future', 'Badlands',
'The Adventures Of Buckaroo Banzai Across The 8Th Dimension',
'Barton Fink', 'Basic Instinct', 'Basquiat', 'Batman Returns',
'Batman And Robin', 'Batman Forever', 'Batman', 'Bean',
'Beavis And Butt-Head Do America', 'Beetle Juice', 'Being There',
'Being John Malkovich', 'Beloved', 'The Big Lebowski',
'The Black Dahlia', 'Blade Ii', 'Blade',
'Book Of Shadows: Blair Witch 2', 'Blood Simple.', 'Bloodmoon',
'Blow', 'La Battaglia Di Algeri', 'Body Of Evidence',
'The Bridges Of Madison County', 'Bones', 'Bound',
'The Bourne Identity', 'Brazil', 'Bringing Out The Dead',
'Broadcast News', 'A Bucket Of Blood', 'Buffy The Vampire Slayer',
'Bull Durham', 'Casino', 'Catwoman', 'Cellular', 'The Crying Game',
'Charade', 'Cherry Falls', 'Chill Factor', 'Chinatown',
'Nuovo Cinema Paradiso', 'Citizen Kane', 'Clerks.', 'Cliffhanger',
'A Clockwork Orange', 'Collateral', 'Conspiracy Theory', 'Contact',
'Cool Hand Luke', 'Copycat', 'Crash', 'Crazy Love', 'Crime Spree',
'Crouching Tiger Hidden Dragon', 'The Crow', 'Cruel Intentions',
'The Curse Of The Cat People', 'The Curse', 'Dark City', 'Dave',
'Day Of The Dead', 'Dead Poets Society', 'Deep Rising',
'The Deer Hunter', 'Demolition Man',
'The Devil And Daniel Webster', 'Die Hard', 'Dog Day Afternoon',
'Domino', 'Do The Right Thing',
'Dumb And Dumberer: When Harry Met Lloyd', 'Dune', 'Ed Wood',
'Edtv', 'Election', 'L.A. Confidential', 'Enemy Of The State',
'The English Patient', 'Entrapment', 'Erin Brockovich',
'Star Wars: The Empire Strikes Back',
'Escape From The Planet Of The Apes', 'Escape From L.A.',
'Excalibur', 'The Exorcist', 'The Fabulous Baker Boys', 'Face/Off',
'The Family Man', 'The Fantastic Four', 'Fantastic Voyage',
'Fargo', 'Fight Club', 'Final Destination 2', 'Final Destination',
'Rambo: First Blood Part Ii', 'The Fisher King',
'Five Easy Pieces', 'Five Feet High And Rising', 'Fletch',
'The Adventures Of Ford Fairlane', 'The French Connection',
'Frequency', 'Friday The 13Th Part Iii',
'Jason Lives: Friday The 13Th Part Vi',
'Jason Goes To Hell: The Final Friday',
'Friday The 13Th Part Viii: Jason Takes Manhattan', 'Game 6',
'Gandhi', 'Gattaca', 'The Getaway', 'Get Carter',
'Glengarry Glen Ross', 'The Godfather: Part Ii',
'Gods And Monsters', 'Gone In Sixty Seconds', 'Goodfellas',
'Good Will Hunting', 'The Grapes Of Wrath', 'Grosse Pointe Blank',
'The Horse Whisperer', 'Hackers',
'Halloween 4: The Return Of Michael Myers', 'Halloween',
'Hannah And Her Sisters', 'Hannibal', 'Happy Campers', 'Heathers',
'Heavenly Creatures', 'Hellraiser: Hellseeker', 'Hero',
'Hider In The House', 'Highlander Iii: The Sorcerer', 'Hostage',
'Hotel Rwanda', 'House On Haunted Hill', 'House Of The Damned',
'Hellraiser Iii: Hell On Earth', 'Hudson Hawk',
'The Hudsucker Proxy', 'I Walked With A Zombie', 'The Ice Storm',
'Insomnia', 'Interview With The Vampire: The Vampire Chronicles',
'I Still Know What You Did Last Summer', 'Isle Of The Dead',
"It'S A Wonderful Life", 'Jaws 2', 'Jaws 3-D', 'Jaws: The Revenge',
'The Jazz Singer', 'Jennifer Eight', 'Jerry Maguire',
'Jurassic Park Iii', 'The Lost World: Jurassic Park',
'Jurassic Park', 'Freddy Vs. Jason', 'Kafka', 'King Kong', 'Klute',
'Kramer Vs. Kramer', 'Kundun', 'Lake Placid',
'The Silence Of The Lambs', 'Last Of The Mohicans', 'Leviathan',
'Lock Stock And Two Smoking Barrels', 'Lone Star',
'Lord Of Illusions', 'Lost In Translation', 'Lost Souls',
'Love & Basketball', 'Magnolia', 'The Man In The Iron Mask',
'Manhunt', 'Manhunter', 'Man On The Moon', 'The Matrix',
'Halloween Iii: Season Of The Witch', 'Meet Joe Black', 'Memento',
'Miami Vice', 'Midnight Cowboy', 'Midnight Express', 'Mimic',
'Misery', 'Mission: Impossible Ii', 'Mission: Impossible',
'Moonstruck', 'Monty Python And The Holy Grail', 'Mrs Brown',
'Arcade', 'Mulholland Dr.', 'Nan', 'My Girl 2', 'My Girl',
"My Best Friend'S Wedding", 'Nashville', 'Natural Born Killers',
'Nothing But A Man', 'The Negotiator', 'Neuromancer',
'Never Been Kissed', 'The Nightmare Before Christmas',
"A Nightmare On Elm Street Part 2: Freddy'S Revenge",
'A Nightmare On Elm Street 3: Dream Warriors', 'Notting Hill',
"One Flew Over The Cuckoo'S Nest", 'Only You', 'On The Waterfront',
'Orgy Of The Dead', 'Out Of Sight', 'Pearl Harbor',
'Peggy Sue Got Married', 'Pet Sematary Ii', 'Philadelphia',
'Pitch Black', 'Planet Of The Apes', 'Platoon', 'Playback',
"The Ploughman'S Lunch", 'Point Break', 'Predator', 'Pretty Woman',
'The Princess Bride', 'The Producers', 'Psycho', 'Maniac',
'Vampyr', 'Mystery Of The Wax Museum', 'Quantum Project',
'Rambling Rose', 'Red White Black & Blue',
'Star Wars: Episode Vi - Return Of The Jedi',
'The Rocky Horror Picture Show', 'Rocky',
'Who Framed Roger Rabbit', 'Romeo And Juliet', 'Ronin', 'Route 9',
'Rush Hour 2', 'Rush Hour', 'Runaway Bride',
'Sleepless In Seattle', 'Salt Of The Earth', 'The Salton Sea',
'Saving Private Ryan', 'Say Anything...', "Schindler'S List",
'Scream 2', 'Scream 3', 'Scream', 'Seven', 'The Searchers',
'Seven Days To Live', 'Shakespeare In Love', 'Shallow Grave',
'Shampoo', 'The Shining', 'Silver Bullet', 'Sister Act',
'Sleepy Hollow', 'Sling Blade', 'Smoke', 'Snow Falling On Cedars',
'Soldier', 'Some Like It Hot', 'The Wedding Date', 'Sounder',
'South Park: Bigger Longer & Uncut', 'Spacejacked', 'Spare Me',
'Sphere', 'Star Wars', 'Starship Troopers',
'Star Trek: The Motion Picture', 'State And Main', 'Stepmom',
'Storytelling', 'Stranglehold',
'Dr. Strangelove Or: How I Learned To Stop Worrying And Love The Bomb',
'Suburbia', 'Sugar & Spice', 'Sunset Blvd.', 'Supergirl',
'Superman Iii', 'Superman Ii', 'Superman Iv: The Quest For Peace',
'Superman', 'The Sweet Hereafter', 'Sweet Smell Of Success',
'Terminator 2: Judgment Day', 'Taking Sides', 'The Terminator',
'The Game', 'The Haunting', 'The Limey',
"The Man Who Wasn'T There", 'The Relic', 'The Truman Show',
'The X Files', 'The Cell', 'The Third Man', 'The Beach',
'The Believer', 'Le Grand Bleu', 'The Hebrew Hammer',
'The Leopard Man', 'The Lost Son', 'The Messenger', 'The Pianist',
'The Piano', 'The Sting', 'The Thin Man', 'Three Kings',
'Thx 1138', 'Ticker', 'Trouble In Paradise', 'Titanic',
'Transatlantic Merry-Go-Round', 'Tombstone', 'Tomorrow Never Dies',
'To Sleep With Anger', 'Toy Story', 'The Magic Toyshop', 'Traffic',
'Trainspotting', 'Star Trek V: The Final Frontier', 'Tron',
'True Lies', 'True Romance', 'Twelve Monkeys', 'U-Turn', 'U Turn',
'Unbreakable', 'Unforgiven', 'The Usual Suspects', 'Verdict',
'Vertigo', 'Very Bad Things', 'Viridiana', 'Virtuosity',
'Wag The Dog', 'Wall Street', 'Waxwork', 'What Lies Beneath',
'What Women Want', 'The Witching Hour', 'White Angel',
"Who'S Your Daddy?", 'Wild Things', 'Wild Wild West', 'Willow',
'Witness', 'The Wizard Of Oz', 'The World Is Not Enough',
'Watchmen', 'Xxx', 'X-Men', 'Young Frankenstein', 'Zulu Dawn']
autocomplete(document.getElementById("myInput"), movies);
document.getElementById("submit").onclick = function(){
var m = (document.getElementById("myInput").value)
if (!movies.includes(m)){
document.getElementById("movie-search").innerHTML = "Oh no this movie does not exist!"
setTimeout(function(){document.getElementById("movie-search").innerHTML =""}, 3000)
} else{
sessionStorage["movie"] = m;
showMovie();
}
}
function clickForMovie(){
let m = sessionStorage["movie"];
let no_exist = ['Ghostbusters',
'Invaders From Mars',
'L\xef\xbf\xbdOn',
'Labor Of Love',
'Mighty Morphin Power Rangers',
'My Mother Dreams The Satans Disciples In New York',
'Pirates Of The Caribbean',
'Plastic Man',
'Rko 281',
'Simone',
'Star Trek The Wrath Of Khan',
'New Nightmare',
'Alien Vs Predator',
'Beetle Juice',
'Body Of Evidence',
'Crazy Love',
'Crouching Tiger Hidden Dragon',
'The Devil And Daniel Webster',
'Star Wars The Empire Strikes Back',
'Five Feet High And Rising',
'Jason Lives Friday The 13Th Part Vi',
'Hellraiser Hellseeker',
'Last Of The Mohicans',
'Manhunt',
'Arcade',
'Nan',
'Neuromancer',
'The Producers',
'Quantum Project',
'Red White Black Blue',
'Route 9',
'Spare Me',
'Stranglehold',
'Uturn',
'The Witching Hour',
'Whos Your Daddy']
if (no_exist.includes(m)){
document.getElementById("redirect-ratings").innerHTML = "";
} else{
document.getElementById("redirect-ratings").innerHTML = "Learn about the ratings of this movie >";
}
}
document.getElementById("redirect-ratings").onclick = function(){
sessionStorage['movie_rating'] = sessionStorage['movie']
showRating();
}
</script>
</html>