From b5664081888a63fd2c7ed844544b4ac8a520a34f Mon Sep 17 00:00:00 2001 From: Connor L Jackson Date: Sat, 12 Nov 2016 16:56:30 -0500 Subject: [PATCH] Now you can click buttons and they do things. --- html/ListingBootstrap.html | 33 +++++-------------- html/ListingBootstrap.js | 64 ++++++++++++++++++++++++++++++++++++ html/imgs/computerStick.png | Bin 0 -> 7436 bytes 3 files changed, 73 insertions(+), 24 deletions(-) create mode 100644 html/ListingBootstrap.js create mode 100644 html/imgs/computerStick.png diff --git a/html/ListingBootstrap.html b/html/ListingBootstrap.html index 13f4982..128d092 100644 --- a/html/ListingBootstrap.html +++ b/html/ListingBootstrap.html @@ -51,38 +51,23 @@

Available Devices

-
-
- - George -
-

George is probably the coolest iPhone to exist. Ever. Point blank, period.

-
-
-
-
-
- - Linkin Park -
-

"The hardest part of ending is starting again."

-
-
-
+
+ + + \ No newline at end of file diff --git a/html/ListingBootstrap.js b/html/ListingBootstrap.js new file mode 100644 index 0000000..d2c27ff --- /dev/null +++ b/html/ListingBootstrap.js @@ -0,0 +1,64 @@ +//get all the option buttons +var options = document.getElementsByClassName('option'); + +var dev1 = { + name:"George", + description:"George is probably the coolest iPhone to exist. Ever. Point blank, period.", + hardware:"iphone", + software:"apple" +}; + +var dev2 = { + name:"Greyson", + description:"Greyson is pretty cool.. I guess.", + hardware:"iphone", + software:"apple" +}; + +var dev3 = { + name:"Linkin Park", + description:'"The hardest part of ending is starting again."', + hardware:"ipad", + software:"apple" +}; + +var dev4 = { + name:"Abercrombie", + description:"To all the people that hated me in high school, I have the prettiest clothes you all wear now!!", + hardware:"ipad", + software:"apple" +}; + +var dev5 = { + name:"Hulk", + description:"Go ahead and HULK SMASH! this awesome computer stick into your USB.", + hardware:"computerStick", + software:"intel" +}; + +var dev6 = { + name:"Captain America", + description:'"Make America Great Again. Wait, thats someone else.."', + hardware:"computerStick", + software:"intel" +}; + +var devices = [dev1, dev2, dev3, dev4, dev5, dev6]; + +for(var a = 0; a < options.length; a++){ + var type = options[a].getAttribute('data-type'); + options[a].addEventListener('click', show); +} + +function show(){ + var type = this.getAttribute('data-type'); + var html = ''; + + for(var i = 0; i < devices.length; i++){ + if(type.localeCompare(devices[i].hardware) == 0 || type.localeCompare(devices[i].software) == 0){ + html += '
' + devices[i].name + '

' + devices[i].description + '


' + } + } + + document.getElementById('devContainer').innerHTML = html; +} \ No newline at end of file diff --git a/html/imgs/computerStick.png b/html/imgs/computerStick.png new file mode 100644 index 0000000000000000000000000000000000000000..38a5a64d153b944c3560c662bc6702021b9aecd1 GIT binary patch literal 7436 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