search

ITDP / the-online-brt-planning-guide

Online collaborative version of the BRT Planning Guide
https://brtguide.itdp.org
Other
6 stars 20 forks source link

42 (part 2) #182

Closed craice closed 7 years ago

craice commented 7 years ago

CSS for the searchbox.

HTML:

(...)
  <div class="container">
    <div class="col-text">(...)</div>
    <nav>(...)</nav>
    <div class="search">
      <input type="text" placeholder="Search...">
    </div>
  </div>
(...)
craice commented 7 years ago

HTML:

(...)
  <div class="container">
    <div class="col-text">(...)</div>
    <nav>(...)</nav>
    <div class="search">
      <input type="text" placeholder="Search..." name="search" id="input-search">
    </div>
  </div>
(...)

JS:

<script type="text/javascript">
  $(document).ready(function() {
    $("#input-search").keyup(function (e) {
      var kc = e.keyCode || e.which;
      if (kc == 13) {
        $("#input-search").addClass("button-search");
        window.location.href = "search.html?search=" + this.value;
      }
    });
  });
</script>