# Szűrés - Keresés elem

> A Keresés szűrőelem beállításai: élő AJAX-keresés, késleltetés, minimális karakterszám, Enter billentyű műveletei és átirányítás.

A **Szűrés - Keresés** elem élő, AJAX-alapú keresőmezőt ad. A látogató gépelés közben, az oldal újratöltése nélkül szűkíti a lekérdezés találatait. A kereső a bejegyzések tartalmában, címében és egyéni mezőiben keres. Késleltetést és minimális karakterszámot is beállíthatsz, és a mező tartalmát törlő ikon is megjeleníthető.

![A Szűrés - Keresés elem beállításai a szerkesztőben](./kepek/elemek-filter-search.webp)

*A Szűrés - Keresés elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **Késleltetés (ms)** és a **Min. karakterszám** mező látszik, alattuk a **Beviteli mező** és az **Ikon (törlés)** szakasz.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Célzott lekérdezés** | Az a lekérdezés, amelyre a szűrő hat. Jelenleg csak bejegyzéslekérdezés támogatott. | Nincs |
| URL-paraméter | Egyedi, olvashatóbb paraméternév a szűrőhöz az URL-ben. | Nincs |
| Alkalmazás | Mikor érvényesüljön a keresés: azonnal a bevitelkor (`Input`) vagy gombnyomásra, illetve Enterre (`Submit`). | Azonnal |
| **Késleltetés (ms)** | Ennyi ideig vár a keresés indítása előtt, miután a látogató abbahagyta a gépelést. Ritkítja a szerverkéréseket. | 500 |
| **Min. karakterszám** | Ennyi karaktertől indul a keresés. Nagyobb érték kíméli a szervert. | 3 |
| Enter művelete | Mi történik az Enter lenyomásakor: AJAX-keresés vagy átirányítás megadott URL-re. Célzott lekérdezés kell hozzá. | AJAX-keresés |
| Szűrő küldés interakciók indítása | Az Enterrel indított AJAX-keresésnél lefuttatja a célzott lekérdezés szűrőküldési kezdő és záró interakcióit. Csak AJAX-keresés esetén érhető el. | Ki |
| Átirányítás ide | A cél URL, ha az Enter művelete az átirányítás. Az ugyanahhoz a lekérdezéshez tartozó aktív szűrők URL-paraméterként kerülnek a címhez. | Nincs |
| Megnyitás új lapon | Az Enterrel indított átirányítás új lapon nyíljon meg. Csak megadott átirányítási URL esetén érhető el. | Ki |

## Bevitel

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Helykitöltő** | A keresőmező alapszövege. | Keresés |
| **Helyőrző tipográfiája** | A helykitöltő szöveg betűstílusa. | Nincs |
| **Címke** | Opcionális felirat a keresőmező felett. | Nincs |
| Címke tipográfiája | A felirat betűstílusa. | Nincs |

## Ikon (törlés)

Ez a szakasz a keresés törlésére szolgáló ikont állítja: az ikon kiválasztását, a színét és a méretét.

## Keresés Enterrel

Az Enter a beállított műveletet azonnal lefuttatja akkor is, ha az **Alkalmazás** beállítás a gombnyomásra van állítva. Az Enter megkerüli a gépelési késleltetést és a minimális karakterszámot is.

### Keresés másik találati oldalra

Ha a keresőmező a látogatót másik oldalra viszi:

1. Válaszd ki a **Célzott lekérdezés**-t.
2. Állítsd az Enter műveletét átirányításra.
3. Írd be a cél oldalt az **Átirányítás ide** mezőbe.
4. A cél oldalon a szűrők ugyanazokat az URL-paraméter neveket használják, mint itt.
5. Ha új lapon szeretnéd megnyitni, kapcsold be a **Megnyitás új lapon** beállítást. Kikapcsolva az aktuális lapon történik a navigáció.

Üres átirányítási URL esetén az Enter AJAX-keresést indít.

### Kereső bezárása beküldés után

Ha az AJAX-keresés után be kell zárnod egy Offcanvas elemet, kapcsold be a **Szűrő küldés interakciók indítása** beállítást, és használd a szűrőküldés interakció-indítókat. A sima gépelés nem indítja ezeket az interakciókat, az átirányítás pedig nem futtatja őket.

## Aktív szűrő

Az **Aktív szűrő** szakasz azt szabályozza, hogyan jelenik meg a keresés az **Aktív szűrők** elemben.

| Beállítás | Mit csinál |
| --- | --- |
| Előtag | Szöveg a keresett kifejezés előtt. |
| Utótag | Szöveg a keresett kifejezés után. |
| Cím | Egyéni `title` attribútum a szűrő linkjeihez. |