sambuc/Pico-Search
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Allow search without intercepting form submission in JS (#1)

Browse Source
This commit is contained in:
pontus.horn
2016-08-25 19:29:40 +02:00
parent e3440a7d1a
commit 36fd7e1da8
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
40-PicoSearch.php
View File

@@ -27,6 +27,12 @@ class PicoSearch extends AbstractPicoPlugin
*/ */
public function onRequestUrl(&$url) public function onRequestUrl(&$url)
{ {
// If form was submitted without being intercepted by JavaScript, redirect to the canonical search URL.
if (preg_match('/^(.+\/)?search$/', $url) && $_GET['q']) {
header('Location: ' . $this->getPico()->getBaseUrl() . $url . '/' . urlencode($_GET['q']));
exit;
}
if (preg_match('/^(.+\/)?search\/([^\/]+)(\/.+)?$/', $url, $matches)) { if (preg_match('/^(.+\/)?search\/([^\/]+)(\/.+)?$/', $url, $matches)) {
$this->search_terms = urldecode($matches[2]); $this->search_terms = urldecode($matches[2]);

5
README.md
View File

@@ -45,12 +45,13 @@ How to design your search form is up to you, but here's a very rudimentary examp
template file or on a specific page. template file or on a specific page.
```html ```html
<form id="search_form"> <form id="search_form" action="/search">
<label for="search_input">Search the site:</label> <label for="search_input">Search the site:</label>
<input type="search" id="search_input" /> <input type="search" id="search_input" name="q" />
<input type="submit" value="Search" /> <input type="submit" value="Search" />
</form> </form>
<script type="text/javascript"> <script type="text/javascript">
// Intercept form submit and go to the search results page directly, avoiding a redirect
document.getElementById('search_form').addEventListener('submit', function (e) { document.getElementById('search_form').addEventListener('submit', function (e) {
var search_terms = document.getElementById('search_input').value; var search_terms = document.getElementById('search_input').value;
location.href = '/search/' + encodeURIComponent(search_terms); location.href = '/search/' + encodeURIComponent(search_terms);