index.html
UFO Sightings
UFO Sightings
The Truth is Out There
Filter Search
Enter a Date
Filter Table
Date City State Country Shape Duration Comments
UFO Sightings
static/css/style.css
p {
margin-bottom: 0.1in;
direction: ltr; color: #000000;
line-height: 115%;
text-align: left;
orphans: 2;
widows: 2
}
p.western {
so-language: en-US
}
p.cjk {
so-language: en-US
}
p.ctl {
so-language: ar-SA
}
a:link {
color: #0000
p {
margin-bottom: 0.1in;
direction: ltr;
color: #000000;
line-height: 115%;
text-align: left;
orphans: 2;
widows: 2
}
p.western {
font-family: "Calibri", serif;
font-size: 11pt;
so-language: en-US
}
p.cjk {
font-family: "Calibri";
font-size: 11pt;
so-language: en-US
}
p.ctl {
font-family: ;
font-size: 11pt;
so-language: ar-SA
}
a:link {
color: #0000ff
}
static/js/app.js
// from data.js
var tableData = data;
var filterData = new Array();
// YOUR CODE HERE!
document.getElementById("filter-btn").onclick = filterFunction;
function filterFunction(){
var date = document.getElementById("datetime").value;
for ( var i = 0; i < tableData.length; i++ )
{
if(tableData[i].datetime == date)
{
filterData.push(tableData[i]);
}
}
console.log(filterData);
drawTable(filterData);
filterData = [];
}
function drawTable(data) {
var tr, td;
var tbody = document.getElementById("matchData");
tbody.innerHTML = '';
console.log(tbody);
for (var i = 0; i < data.length; i++) {
tr = tbody.insertRow(tbody.rows.length);
td = tr.insertCell(tr.cells.length);
td.setAttribute("align", "center");
td.innerHTML = data[i].datetime;
td = tr.insertCell(tr.cells.length);
td.innerHTML = data[i].city;
td = tr.insertCell(tr.cells.length);
td.innerHTML = data[i].state;
td = tr.insertCell(tr.cells.length);
td.innerHTML = data[i].country;
td = tr.insertCell(tr.cells.length);
td.innerHTML = data[i].shape;
td = tr.insertCell(tr.cells.length);
td.innerHTML = data[i].durationMinutes;
td = tr.insertCell(tr.cells.length);
td.innerHTML = data[i].comments;
}
if(data.length == 0)
{
tbody.setAttribute("align", "center");
tbody.innerHTML = "
No records found
";
}
}
drawTable(tableData);
static/js/data.js
var data = [{
datetime: "1/1/2010",
city: "benton",
state: "ar",
country: "us",
shape: "circle",
durationMinutes: "5 mins.",
comments: "4 bright green circles high in the sky going in circles then one bright green light at my front door."
},
{
datetime: "1/1/2010",
city: "bonita",
state: "ca",
country: "us",
shape: "light",
durationMinutes: "13 minutes",
comments: "Three bright red lights witnessed floating stationary over San Diego New Years Day 2010"
},
{
datetime: "1/1/2010",
city: "el cajon",
state: "ca",
country: "us",
shape: "triangle",
durationMinutes: "6 minutes",
comments: "On New Years Eve I went outside to hear the celebration and fireworks in my neighbor hood. And noticed 3 red lights above my house and"
},
{
datetime: "1/1/2010",
city: "el cajon",
state: "ca",
country: "us",
shape: "triangle",
durationMinutes: "12 minutes",
comments: "3 Red objects hovering over El Cajon CA"
},
{
datetime: "1/1/2010",
city: "fresno",
state: "ca",
country: "us",
shape: "light",
durationMinutes: "1 min",
comments: "Fresno cal. bright light hovers over head then vanished"
},
{
datetime: "1/1/2010",
city: "grants pass",
state: "or",
country: "us",
shape: "triangle",
durationMinutes: "a few mintues",
comments: "Triangle shaped craft with three red lights at points hovering over Grants Pass, Oregon."
},
{
datetime: "1/1/2010",
city: "la mesa",
state: "ca",
country: "us",
shape: "light",
durationMinutes: "10 min",
comments: "Three red lights over southern California that made a triangle shape"
},
{
datetime: "1/1/2010",
city: "lemon grove",
state: "ca",
country: "us",
shape: "light",
durationMinutes: "about 15 minutes",
comments: "3 Red lights in line pattern above El Cajon/ East County."
},
{
datetime: "1/1/2010",
city: "maricopa",
state: "az",
country: "us",
shape: "unknown",
durationMinutes: "3 minutes",
comments: "One huge UFO or three seperate ones"
},
{
datetime: "1/1/2010",
city: "park city",
state: "ky",
country: "us",
shape: "light",
durationMinutes: "2-3 seconds",
comments: "Lights orbiting the moon"
},
{
datetime: "1/1/2010",
city: "st. louis",
state: "mo",
country: "us",
shape: "fireball",
durationMinutes: "1 min",
comments: "7 floating orbs or fireballs moving from southwest to northeast direction."
},
{
datetime: "1/1/2010",
city: "el cajon",
state: "ca",
country: "us",
shape: "formation",
durationMinutes: "15 min.",
comments: "Three red lights over the San Diego area - IT'S A HOAX YET AGAIN!!"
},
{
datetime: "1/1/2010",
city: "spring valley",
state: "ca",
country: "us",
shape: "light",
durationMinutes: "10:00",
comments: "Three bright red lights in a straight line formation"
},
{
datetime: "1/1/2010",
city: "willow",
state: "ak",
country: "us",
shape: "formation",
durationMinutes: "7 min",
comments: "four orange red objects suddenly appear 12:01 am new years move north then south and dissapear"
},
{
datetime: "1/1/2010",
city: "antioch",
state: "ca",
country: "us",
shape: "other",
durationMinutes: "30 minuets",
comments: "Objects in sky over Antioch California 12:03AM January 1, 2010"
},
{
datetime: "1/1/2010",
city: "el cajon",
state: "ca",
country: "us",
shape: "light",
durationMinutes: "10min",
comments: "3 red lights in sky new years 2010"
},
{
datetime: "1/1/2010",
city: "naples",
state: "fl",
country: "us",
shape: "sphere",
durationMinutes: "2 min",
comments: "i'm in naples park. last night, my husband and I were sitting outside --neighbors lighting off fireworks, etc. We're under a lanai and"
},
{
datetime: "1/1/2010",
city: "la mesa",
state: "ca",
country: "us",
shape: "triangle",
durationMinutes: "4-6 minutes",
comments: "3 bright red lights hovering high in the sky in an elongated triangle pattern just after midnight 2010 in La Mesa, Ca"
},
{
datetime: "1/1/2010",
city: "anchorage",
state: "ak",
country: "us",
shape: "light",
durationMinutes: "one minute",
comments: "Upper atmosphere object moving south, becoming stationary and later moving east at a high rate of speed."
},
{
datetime: "1/1/2010",
city: "national city",
state: "ca",
country: "us",
shape: "formation",
durationMinutes: "25 mintutes",
comments: "3 red lights over the mountains in Eastern San Diego"
},
{
datetime: "1/1/2010",
city: "boca raton",
state: "fl",
country: "us",
shape: "fireball",
durationMinutes: "4 minutes",
comments: "Slow moving fireball northbound at hight altitude Southern Florida"
},
{
datetime: "1/1/2010",
city: "falcon",
state: "co",
country: "us",
shape: "disk",
durationMinutes: "8 mins",
comments: "We experienced red disk over the falcon, colorado sky within the first minutes of the new year."
},
{
datetime: "1/1/2010",
city: "crestview",
state: "fl",
country: "us",
shape: "unknown",
durationMinutes: "2 minutes",
comments: "Orange/Yellow flickering light in the sky with no sound and abrupt changes in direction, below 12ꯠ feet."
},
{
datetime: "1/1/2010",
city: "aspen",
state: "co",
country: "us",
shape: "chevron",
durationMinutes: "2 mins",
comments: "New Years Eve Anomoly In Aspen Colorado"
},
{
datetime: "1/1/2010",
city: "walworth",
state: "wi",
country: "us",
shape: "sphere",
durationMinutes: "5-7 minutes",
comments: "Large red/orange orb traveling southeast between Milwaukee and Chicago."
},
{
...