Add 'Search' button to the quick search field

This will help less web-savy users use this search field.

Signed-off-by: Olivier Le Floch <olivier.le-floch@polytechnique.org>

diff --git a/templates/skin/common.title.header.tpl b/templates/skin/common.title.header.tpl
index ae17b36..e86eca0 100644 (file)
--- a/templates/skin/common.title.header.tpl
+++ b/templates/skin/common.title.header.tpl
@@ -32,10 +32,11 @@
                 {$globals->core->NbIns|number_format} polytechniciens sur le web
                 <form action="search" method="get">
                     <div>
-                        <input type="text" size="30" name="quick" class="quick_search"
-                               value="{$smarty.request.quick|default:"recherche dans l'annuaire"}"
-                               onfocus="if (this.value == '{$smarty.request.quick|default:"recherche dans l'annuaire"|escape:javascript}') this.value=''"
-                               onblur="if (this.value == '') this.value='{$smarty.request.quick|default:"recherche dans l'annuaire"|escape:javascript}'"/>
+                        <input type="text" size="30" name="quick" id="quick" class="quick_search"
+                               value="{$smarty.request.quick|default:"Recherche dans l'annuaire"}"
+                               onfocus="if (this.value === 'Recherche dans l\'annuaire') this.value=''"
+                               onblur="if (this.value === '') this.value='{$smarty.request.quick|default:"Recherche dans l'annuaire"|escape:javascript}'"/>
+                        <button type="submit" onclick="if ($('#quick').val() === 'Recherche dans l\'annuaire') $('#quick').val('')">Rechercher</button>
                     </div>
                 </form>
                 {if $smarty.session.auth gt AUTH_PUBLIC && $smarty.session.notifs}