projects > drop search

Drop Search

Live Demo of Drop Search

Download Drop Search Locally (optional)

Credits

License

Sample HTML Code

<html>
<head>
  <link rel="stylesheet" type="text/css"
    href="https://chir.ag/projects/drop-search/drop-search.css">
  <script type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript"
    src="https://chir.ag/projects/drop-search/drop-search.js"></script>
  <script>
    $(function () { // edit this section as necessary:

      // #id or .class of the search box
      $("#ds").dropSearch({
        basedomain: "cnn.com",    // which domain to search
        inittext: "search cnn", // the default text in the search box
        filter: "-video",     // ignore/require specific keywords
        align: "left",       // position of the dropdown list
        relative: false,        // set to true if within a relative div/container
        width: "300",        // should be at least 250px
        gkey: ""            // please enter your google ajax api here
      });

    });
  </script>
</head>
<body>
  <ul><input id="ds" type="text" value="search cnn" /></ul>
</body></html>

Documentation

Disclaimer