beenull/orcinus-search
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

ARIA search updates

Browse source
This commit is contained in:
Brian Huisman 2023-04-12 21:08:53 -04:00
parent 519ba2dda6
commit f37a732ee9
4 changed files with 31 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
example.html
View file

@ -5,17 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Orcinus Site Search - Offline example</title>
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="orcinus/css/search.css">
</head>
<body>
<h1>Orcinus Site Search - Offline example</h1>
<script src="js/mustache/mustache.js"></script>
<script src="js/offline-search.js"></script>
<script src="orcinus/js/mustache/mustache.js"></script>
<script src="orcinus/js/offline-search.js"></script>
<!-- Script files below are only required for Typeahead -->
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/typeahead.bundle.min.js"></script>
<script src="js/search.js"></script>
<script src="orcinus/js/jquery-3.6.4.min.js"></script>
<script src="orcinus/js/typeahead.bundle.min.js"></script>
<script src="orcinus/js/search.js"></script>
</body>
</html>

10
example.php
View file

@ -1,6 +1,6 @@
<?php
require 'search.php';
require 'orcinus/search.php';
?><!DOCTYPE html>
<html>
@ -9,7 +9,7 @@ require 'search.php';
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Orcinus Site Search - Online example</title>
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="orcinus/css/search.css">
</head>
<body>
<h1>Orcinus Site Search - Online example</h1>
@ -17,8 +17,8 @@ require 'search.php';
<?php $_TEMPLATE->render(); ?>
<!-- Script files below are only required for Typeahead -->
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/typeahead.bundle.min.js"></script>
<script src="js/search.js"></script>
<script src="orcinus/js/jquery-3.6.4.min.js"></script>
<script src="orcinus/js/typeahead.bundle.min.js"></script>
<script src="orcinus/js/search.js"></script>
</body>
</html>

36
orcinus/config.php
View file

@ -481,25 +481,27 @@ if (!$_ODATA['s_result_template']) {
</div>
{{/searched}}
<form action="{{form_action}}" method="get">
<label>
<input type="text" name="q" value="{{request_q}}" class="os_typeahead" placeholder="Search...">
</label>
{{#categories}}
<search role="search">
<form action="{{form_action}}" method="get">
<label>
<select name="c">
{{#category_list}}
<option value="{{name}}"{{#selected}} selected="selected"{{/selected}}>
{{name}}
</option>
{{/category_list}}
</select>
<input type="search" name="q" value="{{request_q}}" class="os_typeahead" placeholder="Search...">
</label>
{{/categories}}
<button type="submit">
Search
</button>
</form>
{{#categories}}
<label>
<select name="c">
{{#category_list}}
<option value="{{name}}"{{#selected}} selected="selected"{{/selected}}>
{{name}}
</option>
{{/category_list}}
</select>
</label>
{{/categories}}
<button type="submit">
Search
</button>
</form>
</search>
{{/searchable}}
{{^searchable}}
<div>

2
orcinus/js/search.js
View file

@ -12,7 +12,7 @@ let os_bloodhound = new Bloodhound({
local: os_return_all
});
$('input[type="text"].os_typeahead').attr('autocomplete', 'off').typeahead({
$('input.os_typeahead').attr('autocomplete', 'off').typeahead({
hint: true,
highlight: true,
minLength: 3