Einfache HTML-Seitensuche

Question

http://torasbo.se/lumos/blog20.html enthält ein einfaches Suchformular.

<form class="searchform" method="get"> 
    <input type="text" id="s2" name="s" value="type and hit enter" onfocus="this.value=''" onblur="this.value='type and hit enter'"/> 
</form> 

Wenn ich eingeben - Benjamin - nichts gefunden wird und die Datei Leiste zeigt blog20.html?s=Benjamin.

Wenn ich die Dateileiste zu blog20.html?s=#Benjamin ändern, ist die Suche erfolgreich.

Was muss ich ändern, um dies zu erreichen? Ich habe 3 Tage gesucht und nichts gefunden.

Answer 1

Sieht so aus, als ob Sie JQuery auf Ihrer Site haben. Fügen Sie dies in der Kopfzeile Ihrer Seite hinzu, nachdem JQuery aufgerufen wurde.

<script> 
    $(document).ready(function(){ 
     $('.searchform').submit(function(e){ 
      e.preventDefault(); 
      var object = $(this).find('input'); 
      window.location.hash = object.val(); 
      object.blur(); 
     }); 
    }); 
</script> 

Es blockiert die Standardaktion des Suchformulars und stattdessen den Hash-Header auf Ihre Seite. Die Verwendung eines vollständigeren Suchsystems würde besser funktionieren und die Suche flexibler machen, aber genau das wollten Sie offensichtlich tun.

Answer 2

diesen Code in der Datei einfügen:?

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var submitClicked = false; 
     $(".searchform").submit(function(e){ 
      if(submitClicked === false){ 
       e.preventDefault(); 
       var searchString = "#"+$("#s2").val(); 
       submitClicked = true; 
       window.location = window.location.href+"?s="+searchString; 
      } 
     }); 
    }); 
</script>