Asteroid Name/Citation Search

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> <meta name="generator" content="Hugo 0.82.0"> <title>Asteroid Name/Citation Search</title> <script src="flexsearch.compact.js"></script> <script src="citations.js"></script> <style> input{ width: 800px; border: 1px solid #ddd; border-radius: 4px; outline: none; background-color: transparent; position: absolute; -webkit-appearance: none; } #autocomplete{ color: #999; background-color: #f5f5f5; } input{ padding:7px 5px; box-sizing: border-box; } #suggestions{ position: relative; top: 50px; } #suggestions div{ padding: 10px 0; margin: 0 8px; border-bottom: 1px solid #ddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (max-width: 600px) { table, td, tr, input{ width: 97%; } } </style> <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/starter-template/">  <link href="./assets/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } </style>  <link href="starter-template.css" rel="stylesheet"> </head> <body> <div class="col-lg-8 mx-auto p-3 py-md-5"> <header class="d-flex align-items-center pb-3 mb-5 border-bottom"> <a href="/" class="d-flex align-items-center text-dark text-decoration-none"><span class="fs-4">Asteroid Name/Citation Search</span></a> </header>    <hr />  <p>Updated: 2024-11-24, 00:01:52 EDT</p> <table> <tr> <td> <input type="text" id="autocomplete"> <input type="text" id="userinput" placeholder="e.g. 'cat'"> </td> </tr> </table> <div id="suggestions"></div> <script> (function(){ var index = new FlexSearch({ encode: "advanced", tokenize: "reverse", suggest: true }); for(var i = 0; i < data.length; i++){ index.add(i, data[i]); } var suggestions = document.getElementById("suggestions"); var autocomplete = document.getElementById("autocomplete"); var userinput = document.getElementById("userinput"); userinput.addEventListener("input", show_results, true); userinput.addEventListener("keyup", accept_autocomplete, true); suggestions.addEventListener("click", accept_suggestion, true); function show_results(){ var value = this.value; var results = index.search(value, 100); var entry, childs = suggestions.childNodes; var i = 0, len = results.length; for(; i < len; i++){ entry = childs[i]; if(!entry){ entry = document.createElement("div"); suggestions.appendChild(entry); } entry.innerHTML = data[results[i]]; } while(childs.length > len){ suggestions.removeChild(childs[i]) } var first_result = data[results[0]]; var match = first_result && first_result.toLowerCase().indexOf(value.toLowerCase()); if(first_result && (match !== -1)){ autocomplete.value = value + first_result.substring(match + value.length); autocomplete.current = first_result; } else{ autocomplete.value = autocomplete.current = value; } } function accept_autocomplete(event){ if((event || window.event).keyCode === 13) { this.value = autocomplete.value = autocomplete.current; } } function accept_suggestion(event){ var target = (event || window.event).target; userinput.value = autocomplete.value = target.textContent; while(suggestions.lastChild){ suggestions.removeChild(suggestions.lastChild); } return false; } }()); </script> <br><br><br> <p>Note: The number of returned matches is limited to 100.</p> <p>Service history:</p> <ul class="list-unstyled"> <ul> <li>2020 April 20: first version online.</li> </ul> </ul> <footer class="pt-5 my-5 text-muted border-top"> Script by <a href="https://www.astro.umd.edu/~qye/">Quanzhi Ye</a>. Powered by <a href="https://getbootstrap.com">Bootstrap</a> and <a href="https://github.com/nextapps-de/flexsearch">FlexSearch</a>. <a href="https://pdssbn.astro.umd.edu/"><img src="sbn_logo5_v0.png" width="100"></a> </footer> </div> <script src="./assets/dist/js/bootstrap.bundle.min.js"></script> </body> </html>

CINXE.COM

Asteroid Name/Citation Search