Glenn Goossens
4ba63a2738
Een aangepaste versie die iemand verspreidt moet voortaan zijn broncode meegeven. Bij client-side JavaScript telt het uitserveren naar een browser als verspreiden, dus dit dekt ook het geval dat iemand de code in zijn eigen webapp bouwt. Beide scripts krijgen een hogere @version, anders komt de nieuwe licentieregel nooit bij wie het al geinstalleerd heeft. Wat al onder MIT gepubliceerd is blijft onder MIT beschikbaar; dit geldt vanaf deze versies.
58 lines
2.2 KiB
Markdown
58 lines
2.2 KiB
Markdown
# select-search
|
|
|
|
Geeft elke `<select>` met veel opties een zoekveld. Een native dropdown zoekt alleen op de eerste
|
|
letters, dus "Poule" vinden in "Restaurant Poule & Poulette B.V." lukt niet. Met dit script wel.
|
|
|
|
Het originele `<select>` blijft de bron van waarheid en wordt enkel verborgen. Het formulier
|
|
verstuurt dus exact hetzelfde als voorheen.
|
|
|
|
[**Installeren**](https://raw.githubusercontent.com/glgoose/ua-userscripts/main/scripts/select-search/select-search.user.js)
|
|
· gebeurt er niets, zie de [installatie-uitleg](../../README.md).
|
|
|
|
## Gebruik
|
|
|
|
Klik een dropdown aan en typ.
|
|
|
|
- Zoekt op **substring**, negeert accenten: `genee` vindt `Genée`.
|
|
- Meerdere woorden in willekeurige volgorde: `poule rest` vindt `Restaurant Poule & Poulette B.V.`
|
|
- Pijltjes navigeren, Enter kiest, Escape sluit, Tab kiest en gaat verder.
|
|
- Dropdowns met minder dan 10 opties blijven onaangeroerd.
|
|
- Boven 200 treffers toont het enkel het aantal. Verfijn dan je zoekterm.
|
|
|
|
## Problemen
|
|
|
|
| Symptoom | Oplossing |
|
|
|---|---|
|
|
| Eén veld doet raar | **Alt+klik** op het zoekveld zet daar het originele menu terug |
|
|
| Veld moet altijd overgeslagen | Zet `data-nosearch` op de `<select>` |
|
|
| Niets gebeurt op de pagina | Check in het Tampermonkey-dashboard of de URL onder `@match` valt |
|
|
| Formulier zit in een iframe van een ander domein | Niet op te lossen, browserbeperking |
|
|
|
|
## Bookmarklet
|
|
|
|
Alternatief zonder extensie, voor wie geen extensies mag installeren. Werkt overal, maar je klikt
|
|
hem zelf aan per pagina.
|
|
|
|
1. Kopieer de inhoud van [`bookmarklet.txt`](bookmarklet.txt).
|
|
2. Maak een bladwijzer met naam `Zoek in dropdown` en die tekst als URL.
|
|
3. Klik hem aan op de pagina met de dropdown. Nog eens klikken doet een herscan.
|
|
|
|
Sites met een strikte Content-Security-Policy blokkeren bookmarklets. Dan is de extensie de enige
|
|
route.
|
|
|
|
## Ontwikkelen
|
|
|
|
`src/select-search.js` bevat de volledige logica, zonder dependencies.
|
|
|
|
```sh
|
|
./build.sh # genereert select-search.user.js en bookmarklet.txt
|
|
python3 -m http.server 8731 # open http://localhost:8731/test/fixture.html
|
|
```
|
|
|
|
Hoog bij elke wijziging `@version` op in `src/userscript-header.txt`, anders krijgt niemand de
|
|
update binnen.
|
|
|
|
## Licentie
|
|
|
|
[GPL-3.0-or-later](../../LICENSE).
|