From: Christian Weiske <cweiske@cweiske.de>
Date: Thu, 24 Nov 2016 21:24:17 +0000 (+0100)
Subject: autofocus input field if there is no query
X-Git-Tag: v0.2.0~3
X-Git-Url: https://git.cweiske.de/phinde.git/commitdiff_plain/ab07c810c78057734221577a40f04b79b3876bf3?ds=sidebyside

autofocus input field if there is no query
---

diff --git a/data/templates/base.htm b/data/templates/base.htm
index f4bb38a..0f5bd13 100644
--- a/data/templates/base.htm
+++ b/data/templates/base.htm
@@ -22,7 +22,7 @@
       </li>
      </ul>
      <form class="navbar-form pull-left" method="get" action="/">
-      <input type="text" name="q" placeholder="Search"
+      <input type="text" name="q" placeholder="Search" id="searchq"
              value="{{query}}" class="input-xxlarge"/>
       {% if siteParam %}
       <input type="hidden" name="site" value="{{site}}"/>
diff --git a/data/templates/search.htm b/data/templates/search.htm
index b1a4c2a..37292ef 100644
--- a/data/templates/search.htm
+++ b/data/templates/search.htm
@@ -35,4 +35,9 @@
     {% endif %}
    </div>
   </div>
+  {% if not query %}
+  <script type="text/javascript">
+   document.getElementById("searchq").focus();
+  </script>
+  {% endif %}
 {% endblock %}