Commit 36971ede authored by Porter Libby's avatar Porter Libby
Browse files

add jq keyboard :D

parent 7842976e
......@@ -15,6 +15,12 @@
crossorigin="anonymous">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" >
<link rel="stylesheet"
href="https://mottie.github.io/Keyboard/css/keyboard.css">
<link rel="stylesheet"
href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css">
<!-- CDN SCRIPTS -->
......@@ -30,6 +36,12 @@
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous">
</script>
<script src="https://mottie.github.io/Keyboard/js/jquery.keyboard.js"></script>
<script src="https://mottie.github.io/Keyboard/js/jquery.mousewheel.js"></script>
<script src="https://mottie.github.io/Keyboard/js/jquery.keyboard.extension-typing.js"></script>
<!-- STYLE SHEETS -->
......@@ -131,9 +143,12 @@
<!-- Block 1 -->
<div id='block-1' class='block'>
<span class='section-prompt'>1. Type the name of a major you are interested in</span>
<script>
var parent = document.getElementById('block-1');
create_searchbar(parent,'major_selection');
$("#block-1 #searchbar").keyboard({});
</script>
</div>
......
......@@ -7,18 +7,19 @@ function create_searchbar(parent, key){
//create search obj
var search_container = document.createElement("div");
search_container.id = key + '-search-container';
search_container.classList = "";
var search = document.createElement("INPUT");
search.id = 'searchbar'
search.classList = "";
search.setAttribute("type", "text");
search.setAttribute("value", "");
prompt = document.createElement('span');
prompt.innerHTML = 'Search for ' + key + ':';
// prompt.innerHTML = 'Search for ' + key + ':';
search_container.appendChild(prompt);
search_container.appendChild(search);
parent.appendChild(search_container);
names_for_search = [];
for(x=0;x<dictionary[key].length;x++){
names_for_search.push(dictionary[key][x]);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment