25:["$","title",null,{"children":"Bootstrap 4 Typeahead | Aaron Kyle Dennis | Observable"}] 49:T545,html`

`4a:[] 29:{"id":"10f2a44d9ff4f124","slug":null,"title":"Bootstrap 4 Typeahead","thumbnail":"1fcf399f624bdd2be3075cd1cd23e0029b0633d5fa2cbad71ee39cf7996e4096","access_level":"unlisted","create_time":"$D2018-12-11T16:58:17.697Z","update_time":"$D2018-12-11T22:09:15.943Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8d652a601386fcf4","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":"starter_2024","bio":"Social development practitioner. Trying to understand our world.","following":false},"version":84,"publish_version":84,"role":null,"authored":false,"authors":[{"type":"individual","id":"a7fa3027921865cf","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":null,"bio":"Social development practitioner. Trying to understand our world.","following":false}],"members":[{"type":"individual","id":"a7fa3027921865cf","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Bootstrap 4 Typeahead","cells":[{"id":0,"value":"md`# Bootstrap 4 Typeahead`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`Bootstrap 4 search typeahead autocomplete example using the original Jobsen plugin,and mock data from jsongenerator. Features a full width input search bar and fontawesome icon.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"md`## Custom JS`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":" \n // prevent href=# click jump\n document.addEventListener(\"DOMContentLoaded\", function() {\n var links = document.getElementsByTagName(\"A\");\n for(var i=0; i < links.length; i++) {\n if(links[i].href.indexOf('#')!=-1) {\n links[i].addEventListener(\"click\", function(e) {\n console.debug(\"prevent href=# click\");\n if (this.hash) {\n if (this.hash==\"#\") {\n e.preventDefault();\n return false;\n }\n else {\n /*\n var el = document.getElementById(this.hash.replace(/#/, \"\"));\n if (el) {\n el.scrollIntoView(true);\n }\n */\n }\n }\n return false;\n })\n }\n }\n }, false)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":" // sandbox disable popups\n if (window.self !== window.top && window.name!=\"view1\") {;\n window.alert = function(){/*disable alert*/};\n window.confirm = function(){/*disable confirm*/};\n window.prompt = function(){/*disable prompt*/};\n window.open = function(){/*disable open*/};\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`\n## Styling\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"html`\nbootstrap.css\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"html`\nfont-awesome.css\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"md`\n## JavaScript Libraries\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$$ = require('//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"popper = require('https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"bootstrap = require('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"typeahead = {\n const response = await fetch(\"https://raw.githubusercontent.com\"\n + \"/bassjobsen/Bootstrap-3-Typeahead\"\n + \"/master/bootstrap3-typeahead.js\");\n const blob = await response.blob();\n return require(URL.createObjectURL(blob)).catch(() => window.geo2rect);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"data = d3.json(\"https://next.json-generator.com/api/json/get/V1cGoKmDV\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null