caharkness/SearchableInput
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
caharkness 2025-02-27 13:03:37 -07:00
parent 57d9562eeb
commit 5ba20212c4
1 changed files with 53 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
index.html
View File

@ -45,7 +45,9 @@
</div>
<div class="document">
<h1>Testing</h1>
<h1>SearchableInput</h1>
<p>Below is a table of inputs that all access the same source of items rendered in a hidden div. The items in the hidden div were generated using JavaScript and jQuery.</p>
<table class="w-100">
<tbody>
@ -88,6 +90,54 @@
</div>
</td>
</tr>
</tbody>
</table>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<p>Below is a table of inputs that all access the same source of items returned as application/json by a GET request. When the GET request is made, the input's value is sent as named URL parameter "q".</p>
<table class="w-100">
<tbody>
<tr>
<td>Selection 1</td>
<td>
<div class="searchable-input" strict-search="1">
<input type="text" />
<div class="items" data-source-api="data.json"></div>
</div>
</td>
</tr>
<tr>
<td>Selection 2</td>
<td>
<div class="searchable-input" strict-search="1">
<input type="text" />
<div class="items" data-source-api="data.json"></div>
</div>
</td>
</tr>
<tr>
<td>Selection 3</td>
<td>
<div class="searchable-input" strict-search="1">
<input type="text" />
<div class="items" data-source-api="data.json"></div>
</div>
</td>
</tr>
<tr>
<td>Selection 4</td>
<td>
<div class="searchable-input" strict-search="1">
<input type="text" />
<div class="items" data-source-api="data.json"></div>
</div>
</td>
</tr>
<tr>
<td>Selection 5</td>
@ -101,7 +151,7 @@
</tbody>
</table>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
<script>