Ako napísať hľadaný reťazec v html. Hľadať rozšírenia pre prehliadače. Obnovenie predvoleného zobrazenia formulára vyhľadávania v prehliadačoch Webkit

Vyhľadávacie pole pre danú lokalitu je jedným z najdôležitejších prvkov používateľského rozhrania na webovej stránke. Pomocou neho môže používateľ nájsť požadovaný obsah na vašej stránke.

V tomto návode sa naučíte, ako vytvoriť označenie pre vyhľadávacie pole pomocou HTML5, ako aj ako štýlovať prvky formulára pomocou sily CSS3 bez použitia skriptov.

1. Značenie HTML

Element

je kontajner pre vyhľadávací formulár, vyhľadávacie pole je vytvorené pomocou prvku alebo a tlačidlo na odosielanie údajov na server je možné vytvoriť pomocou prvku alebo
* (veľkosť poľa: border-box;) forma ( poloha: relatívna; šírka: 300px; okraj: 0 auto; ) vstup (šírka: 100%; výška: 42px; padding-left: 10px; orámovanie: 2px plné #7BA7AB ; polomer okraja: 5px; obrys: žiadny; pozadie: #F9F0DA; farba: #9E9C9C; ) tlačidlo ( pozícia: absolútna; hore: 0; vpravo: 0px; šírka: 42px; výška: 42px; orámovanie: žiadne; pozadie: #7BA7AB; border-radius: 0 5px 5px 0; kurzor: ukazovateľ; ) button:before ( content: "\f002"; font-family: FontAwesome; font-size: 16px; color: #F9F0DA; )

3. Vyhľadávacie pole s tlačidlom vo vnútri

* (veľkosť poľa: border-box;) formulár ( poloha: relatívna; šírka: 300px; okraj: 0 auto; ) vstup, tlačidlo ( orámovanie: žiadne; obrys: žiadne; polomer okraja: 3px; ) vstup ( šírka: 100 %; výška: 42px; pozadie: #F9F0DA; padding-left: 15px; ) button ( výška: 26px; šírka: 26px; pozícia: absolútna; hore: 8px; vpravo: 8px; pozadie: #F15B42; kurzor: ukazovateľ; ) button:before ( content: "\f105"; font-family: FontAwesome; color: #F9F0DA; font-size: 20px; font-weight: bold; )

4. Vyhľadávacie pole v štýle „ploché“

* (veľkosť poľa: border-box;) formulár ( poloha: relatívna; šírka: 300px; okraj: 0 auto; pozadie: #A3D0C3; ) vstup, tlačidlo ( orámovanie: žiadne; obrys: žiadne; pozadie: priehľadné; ) vstup ( šírka: 100 %; výška: 42px; padding-left: 15px; ) button ( výška: 42px; šírka: 42px; pozícia: absolútna; hore: 0; vpravo: 0; kurzor: ukazovateľ; ) button:before ( obsah: "\f002"; font-family: FontAwesome; font-size: 16px; color: #F9F0DA; )

5. Vyhľadávacie pole s hrubým spodným okrajom

* (veľkosť rámčeka: border-box;) forma ( poloha: relatívna; šírka: 300px; okraj: 0 auto; pozadie: #F9F0DA; okraj-dole: 4px plné #be290e; ) vstup, tlačidlo ( orámovanie: žiadne; obrys : žiadne; pozadie: priehľadné; ) vstup ( šírka: 100 %; výška: 42 pixelov; ľavé odsadenie: 15 pixelov; ) tlačidlo ( výška: 42 pixelov; šírka: 42 pixelov; pozícia: absolútna; hore: 0; vpravo: 0; kurzor: pointer; ) button:before ( content: "\f178"; font-family: FontAwesome; font-size: 20px; color: #be290e; )

6. Vyhľadávacie pole s meniacou sa farbou orámovania

* (veľkosť poľa: border-box;) formulár ( pozícia: relatívna; šírka: 300px; okraj: 0 automaticky; ) vstup, tlačidlo ( obrys: žiadny; pozadie: priehľadné; ) vstup ( šírka: 100 %; výška: 42px ; padding-left: 15px; border: 3px full #F9F0DA; ) button ( orámovanie: žiadne; výška: 42px; šírka: 42px; pozícia: absolútna; hore: 0; pravá: 0; kurzor: ukazovateľ; ) button:before ( content: "\f002"; font-family: FontAwesome; font-size: 16px; color: #F9F0DA; ) input:focus ( border-color: #311c24; )

7. Posuvné vyhľadávacie pole

Po kliknutí na ikonu sa zobrazí pole vyhľadávania.

* (veľkosť poľa: border-box;) forma ( poloha: relatívna; šírka: 300px; okraj: 0 auto; výška: 42px; ) vstup (výška: 42px; šírka: 0; odsadenie: 0 42px 0 15px; okraj: žiadne; okraj-dole: 2px plné priehľadné; obrys: žiadne; pozadie: priehľadné; prechod: .4s cubic-bezier(0, 0,8, 0, 1); pozícia: absolútna; hore: 0; vpravo: 0; z-index : 2; ) input:focus (šírka: 300px; z-index: 1; okraj-dole: 2px plné #F9F0DA; ) tlačidlo (pozadie: #683B4D; orámovanie: žiadne; výška: 42px; šírka: 42px; pozícia: absolútna ; hore: 0; vpravo: 0; kurzor: ukazovateľ; ) button:before ( content: "\f002"; font-family: FontAwesome; font-size: 16px; color: #F9F0DA; )

8. Zväčšenie vyhľadávacieho poľa

* (veľkosť poľa: border-box;) forma ( šírka: auto; float: right; margin-right: 30px; ) input ( šírka: 250px; výška: 42px; padding-left: 15px; border-radius: 42px; orámovanie: 2px plné #324b4e; pozadie: #F9F0DA; obrys: žiadny; pozícia: relatívna; prechod: 0,3 s lineárny; ) input:focus (šírka: 300px; ) tlačidlo ( šírka: 42px; výška: 42px; pozadie: žiadne; border: none; position: absolute; top: -2px; right: 0; ) button:before( content: "\f002"; font-family: FontAwesome; color: #324b4e; )

V tomto návode vytvoríme rozbaľovací vyhľadávací formulár, ktorý dokonale zapadá do dizajnu rozhrania pre mobilné zariadenia. Na implementáciu prvku sa použije iba CSS – žiadny JavaScript ani ďalšie značenie. jednoduché a efektívna metóda implementovať kompaktný vyhľadávací formulár.

Účel

Na mobilných zariadeniach sa počíta každý pixel. Aby sa minimalizovalo množstvo priestoru potrebného na zobrazenie formulára, na začiatku sa zobrazí v kompaktnej forme a rozbalí sa, keď dostane vstupné zameranie (:focus ). Tento prístup vám umožňuje ušetriť miesto pre ďalšie prvky rozhrania a obsah.

HTML značky

Formulár používa HTML5. Kód je veľmi jednoduchý:

Obnovenie predvoleného zobrazenia formulára vyhľadávania v prehliadačoch Webkit

V predvolenom nastavení v prehliadačoch Webkit bude vyhľadávací formulár vyzerať takto:

Aby vyhľadávací formulár vyzeral ako bežné pole na zadávanie textu, musíte pridať nasledujúce štýly:

Vstup ( -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; ) input::-webkit-search-decoration, input::-webkit- tlačidlo vyhľadávania-zrušiť (zobraziť: žiadne; )

Vytvorenie nášho vyhľadávacieho formulára

Vstupné pole bude mať bežnú šírku 55px a v stave :focus sa rozšíri na 130px. Vlastnosť prechodu sa používa na animáciu a tieňový rámček na efekt žiary.

Vstup ( pozadie: #ededed url(img/search-icon.png) neopakovateľné 9px stred; orámovanie: plné 1px #ccc; výplň: 9px 10px 9px 32px; šírka: 55px; /* Predvolená šírka */ -webkit- border -radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; ) input:focus ( width : 130px; /* Šírka so vstupným zameraním */ farba pozadia: #fff; farba okraja: #6dcff6; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box- shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); /* efekt žiary */ )

Príklad B

V príklade B je vyhľadávací formulár výrazne minimalizovaný – zobrazuje sa iba ikona bez vypĺňania textu. Všimnite si, že vlastnosti výplne a šírky vyhľadávacieho poľa sa zmenili na okrúhle tlačidlo. Vlastnosť color:transparent sa používa na to, aby bol text neviditeľný.

#demo-b input ( šírka: 15px; padding-left: 10px; color: transparent; kurzor: pointer; ) #demo-b input:hover ( background-color: #fff; ) #demo-b input:focus ( width : 130px; padding-left: 32px; color: #000; background-color: #fff; kurzor: auto; )

Kompatibilita prehliadača

Opísaná metóda funguje vo všetkých hlavných prehliadačoch: Chrome, Firefox, Safari a IE8+. V prehliadačoch IE7 a starších funkcia nefunguje z dôvodu nedostatočnej podpory pseudotriedy :focus a typu vyhľadávacieho poľa.

Kombinovaný panel adresy a vyhľadávania vám umožňuje vyhľadávať vyhľadávacie nástroje alebo zadávať webové adresy, ktoré chcete nájsť čo ty hľadám na webe. Opera štandardne používa vyhľadávací nástroj Google.

Ak chcete vyhľadávať na webe:

  1. kliknite na Vyhľadajte alebo zadajte adresu lúka.
  2. Zadajte kľúčové slová pre to, čo chcete nájsť. Zadajte napríklad filmy .
  3. Kliknite na jeden zo zobrazených návrhov prediktívneho vyhľadávania alebo stlačte Zadajte.

Počas písania sa zobrazujú návrhy prediktívneho vyhľadávania. Ak chcete zobraziť výsledky z iného vyhľadávacieho nástroja, ako je Yahoo!, Amazon alebo Bing, kliknite na zodpovedajúcu kartu, ktorá sa zobrazí v pravej dolnej časti poľa s návrhom prediktívneho vyhľadávania.


Ak už poznáte umiestnenie stránky, zadajte webovú adresu priamo do kombinovaného panela adresy a vyhľadávania a stlačením klávesu Enter prejdite na túto stránku. Zadajte napríklad www.opera.com a stlačením klávesu Enter prejdite na domovskú stránku Opera Software.

predvolený vyhľadávací nástroj

Predvoleným vyhľadávacím nástrojom Opery je Google, ale možno uprednostníte vyhľadávanie pomocou aplikácií Ecosia, DuckDuckGo, Amazon alebo Wikipedia. Ak chcete zmeniť predvolený vyhľadávací nástroj:

  1. Ísť do nastavenie.
  2. Pod vyhľadávače, z rozbaľovacej ponuky vyberte preferovaný vyhľadávací nástroj.

Vlastné vyhľadávače

Okrem predvolených vyhľadávacích nástrojov Opery môžete nastaviť kombinovanú adresu a panel vyhľadávania na vrátenie výsledkov z iných vyhľadávacích nástrojov. Urobiť tak:

  1. Kliknite pravým tlačidlom myši (Ctrl + kliknutie na Macu) na vyhľadávací panel lokality a vyberte Vytvoriť vyhľadávač….
  2. Priraďte motoru názov a kľúčové slovo.
  3. Kliknite OK.

Vytvorte si vlastný vyhľadávací nástroj

Ak chcete vytvoriť vyhľadávanie vo vlastnom vyhľadávacom nástroji, najprv zadajte kľúčové slovo priradené k vášmu nástroju, za ním medzeru a potom zadajte svoj dopyt.

Na stránke nastavení môžete upravovať kľúčové slová a spravovať alebo odstraňovať vyhľadávače. Urobiť tak:

  1. Ísť do nastavenie.
  2. Pod vyhľadávače, kliknite na Spravovať vyhľadávač tlačidlo.

Hľadajte pomocou vlastného vyhľadávača

Ak chcete pri vyhľadávaní použiť vlastný vyhľadávací nástroj, zadajte kľúčové slovo a pred dopytom medzeru. Napríklad Bing má kľúčové slovo „b“. Ak chcete vyhľadávať pomocou Bing, zadajte „b Aké je hlavné mesto Idaho“. Výsledky sa otvoria na stránke s výsledkami vyhľadávania Bing.

Medzera medzi kľúčovým slovom a vyhľadávacím dopytom je dôležitá pre výber vlastného vyhľadávača.


Zmeňte vyhľadávacie nástroje v kontextovej ponuke zvýrazneného textu

Pomocou vyhľadávacieho kontextového nástroja Opery môžete zvýrazniť text na webovej stránke a použiť vybratý text ako vyhľadávací dopyt. Nástroj kontextového vyhľadávania používa váš predvolený vyhľadávací nástroj. Po zvýraznení textu pre vyhľadávací dopyt však možno budete chcieť výsledky z iného nástroja.

Ak chcete hľadať pomocou kontextového menu, zvýraznite nejaký text na webovej stránke a kliknite pravým tlačidlom myši (alebo CTRL + kliknite) na výber.

Vo vyskakovacom okne podržte kurzor myši Hľadať s a potom vyberte vyhľadávací nástroj, ktorý chcete použiť.


Výsledky vyhľadávania sa otvoria na novej karte.

Zmeňte vyhľadávacie nástroje v Okamžitom vyhľadávaní

Ako používať kontextové okno vyhľadávania:

  1. Zvýraznite text na webovej stránke.
  2. Nad zvýrazneným textom sa zobrazí kontextové okno vrátane možností Vyhľadávanie a Kopírovať(a zdieľam ak ide o Mac). Ak je zvýraznená mena, jednotka alebo časové pásmo, v kontextovom okne sa zobrazí prevedená hodnota .
  3. Vyberte Vyhľadávanie na vyhľadávanie vášho predvoleného vyhľadávacieho nástroja so zvýrazneným textom.
  4. Vyberte Kopírovať na skopírovanie zvýrazneného textu do schránky.
  5. Ak sa vo vyskakovacom okne nachádza prevedená hodnota, kliknutím na hodnotu ju skopírujte do schránky.

Ak chcete vypnúť kontextový nástroj vyhľadávania vrátane všetkých jeho funkcií:

  1. Ísť do nastavenie.
  2. Kliknite Pokročilé na ľavom bočnom paneli a kliknite Vlastnosti.
  3. Pod Vyskakovacie okno vyhľadávania, vypnúť Povoľte kontextové okno vyhľadávania pri výbere textu.

Pre mnohých ľudí sú efektívnosťou vyhľadávania informácií na internete práve nohy, ktoré kŕmia vlka. Kde nájdem aktuálne a aktuálne informácie? Kde kúpiť lacnejšie a predať drahšie? Kde nájdem najpresnejšie pokyny na vykonávanie určitých úloh? Kde sledovať filmy online? Aby na tieto a podobné otázky používateľov odpovedali čo najsprávnejšie, vyhľadávače z roka na rok vylepšujú už aj tak prepracované mechanizmy prezentácie stránok vo výsledkoch vyhľadávania na konkrétne dopyty používateľov. Cieľom vyhľadávačov je priviesť ľudí na najlepšiu možnú stránku, kde získajú odpovede na svoje otázky.

Okrem vyhľadávačov sú samotné vyhľadávače vybavené vyhľadávacími filtrami, takže každý používateľ môže zúžiť rozsah vyhľadávania informácií alebo špecifikovať svoju požiadavku.

Nižšie zvážte niektoré rozšírenia vyhľadávania, ktoré možno pridať do populárnych prehliadačov, a v dôsledku toho zvýšiť efektivitu vyhľadávania informácií na internete.

Hľadať rozšírenia pre Google Chrome

Vyhľadajte aktuálnu stránku

Nie každá stránka je vybavená interným vyhľadávačom a na takýchto zdrojoch musíte pri hľadaní konkrétnych informácií dlho behať zo sekcie do sekcie. Rozšírenie prehliadača na vyhľadávanie v rámci stránky je univerzálny nástroj, ktorý bude vždy po ruke, bez ohľadu na to, na akú stránku sa dostanete. Všetko, čo musíte urobiť, aby ste našli informácie, ktoré potrebujete na stránke, je zadať kľúčový dopyt do malého vyhľadávacieho poľa, ktoré sa zobrazí po kliknutí na tlačidlo rozšírenia na paneli prehliadača.

Výsledky vyhľadávania vyhľadávača sa otvoria na novej karte prehliadača a vyberú sa v nich stránky konkrétneho webu, kde sa kľúčové slovo vyskytuje.

Vyhľadávanie na aktuálnej stránke je vložené s predinštalovaným vyhľadávačom Google, no v parametroch rozšírenia si môžete nastaviť iný vyhľadávač – Yandex, Yahoo alebo Bing. Ak to chcete urobiť, zavolajte kontextové menu na tlačidle rozšírenia a vyberte príkaz "Parametre".

Možnosti rozšírenia sa otvoria na novej karte prehliadača, kde si môžeme vybrať iný vyhľadávač. A už bude hľadať vo vnútri stránky.

Alternatívne vyhľadávanie Google

Vyhľadávací nástroj Yandex spočiatku poskytuje možnosť vyhľadávať informácie v dvoch ďalších vyhľadávacích nástrojoch - Google a Bing - jedným kliknutím, hoci odkazy na tieto vyhľadávače sa spolu so zadaným kľúčovým dopytom zhŕknu na samom spodku stránku s výsledkami vyhľadávania.

Google je ale v tomto smere sebeckejší – v jeho výsledkoch vyhľadávania nie je zmienka o konkurenčných vyhľadávačoch. Túto situáciu môžete vyriešiť implementáciou rozšírenia Google Chrome Alternative Search do prehliadača Google Chrome.

Namiesto neustáleho zadávania dodatku ku kľúčovému slovu „torrent“ zakaždým, keď chcete získať výsledky vyhľadávania pre sledovače torrentov, je jednoduchšie nainštalovať špeciálne rozšírenie na tieto účely TMS (Torrents MultiSearch).

Tlačidlo rozšírenia je vložené do panela s nástrojmi prehliadača a po kliknutí sa otvorí malé vyhľadávacie pole na zadanie dopytu.

Výsledky vyhľadávania sa zobrazia na samostatnej karte a bude to obsah, ktorý sa nachádza iba na sledovačoch torrentov Runet, a nie na stránkach warez, softvérových a mediálnych portáloch alebo oficiálnych stránkach.

Vo výsledkoch vyhľadávania sledovačov torrentov možno nájdený obsah filtrovať podľa veľkosti súboru alebo dátumu odovzdania. Ak chcete zúžiť vyhľadávanie, môžete zadať ďalšie kľúčové slová.

Výsledky vyhľadávania je možné zobraziť aj samostatne pre konkrétne sledovače torrentov a samostatne pre typy obsahu, ako sú filmy, hudba, softvér.

Rozšírenie TMS je navyše zabudované do kontextového menu prehliadača, aby ste mohli ľubovoľné slovo alebo frázu zvýraznenú na internetových stránkach odoslať do vyhľadávania sledovačov torrentov bez toho, aby ste sa museli zaťažovať kopírovaním a vkladaním.

Kontextové vyhľadávanie

Prehliadač Google Chrome implementoval funkciu kontextového vyhľadávania pomocou jedného vyhľadávacieho nástroja nainštalovaného v predvolenom prehliadači. Na zvýšenie počtu vyhľadávačov, pomocou ktorých môžete vyhľadávať ľubovoľné vybrané slovo na stránkach stránok, je určené rozšírenie „Kontextové vyhľadávanie“.

Rozšírenie má spočiatku schopnosť vyhľadávať najpopulárnejší sledovač torrentov RuTracker, Wikipedia a mediálny portál Kinopoisk.Ru.


V parametroch rozšírenia sú pridané ďalšie vyhľadávače, aby sa prostredníctvom nich dali vyhľadávať informácie priamo z kontextového menu prehliadača. Otvorte ponuku Google Chrome, vyberte položku „Nastavenia“ a prejdite do sekcie rozšírení nainštalovaných v prehliadači.

V zozname rozšírení vyberte ten, ktorý potrebujeme - "Kontextové vyhľadávanie". Kliknite na odkaz „Nastavenia“.

Hľadať rozšírenia pre Operu

Hľadajte na stránke

Tlačidlo rozšírenia sa nachádza na paneli s nástrojmi prehliadača a kliknutím naň vyvoláte vyhľadávacie pole na zadanie kľúčového dopytu a tiež zmeníte vyhľadávací nástroj.

Predinštalované Yandex a Google v nastaveniach rozšírenia môžu byť doplnené o ďalšie vyhľadávače. Vyvolajte kontextovú ponuku na tlačidle rozšírenia a vyberte príkaz „Nastavenia“.

Rovnako ako v prípade rozšírenia Kontextové vyhľadávanie pre Google Chrome, ak chcete pridať nový vyhľadávač, musíte zadať jeho URL reťazec.

Torrenty MultiSearch

Vyhľadávania podobných obrázkov

Vyhľadávanie podobných obrázkov pridáva do kontextovej ponuky prehliadača Opera ďalší príkaz na vyhľadávanie podobných obrázkov pomocou niekoľkých vyhľadávacích nástrojov.

Alebo sa zobrazí zoznam publikácií s podobnými obrázkami.

Hľadať rozšírenia pre Mozilla Firefox

Vyhľadávanie na stránkach

Rovnako ako v predchádzajúcich dvoch prípadoch, aj pre prehliadač Mozilla Firefox existuje špeciálne rozšírenie na vyhľadávanie vnútri ľubovoľnej stránky na internete.

Iba v prípade Fire Fox je vyhľadávanie na stránkach vložené do existujúceho vyhľadávacieho poľa prehliadača a jeho ikona vo forme červenej lupy sa pridáva pred ikonu bežného vyhľadávania.

Zmena predvoleného vyhľadávacieho nástroja pre bežné vyhľadávanie v prehliadači Mozilla Firefox znamená aj zmenu vyhľadávacieho nástroja na vyhľadávanie na stránkach.

Rozšírenie Site Search je integrované do kontextovej ponuky prehliadača Mozilla Firefox a výberom ľubovoľného slova, ktoré vám príde pod ruku, môžete zobraziť všetky stránky lokality, kde sa toto slovo nachádza, v samostatných výsledkoch vyhľadávania.

Hľadať podľa byffoxu

Akékoľvek softvérové ​​produkty s takýmito „ešte nevyzretými“ názvami spravidla obťažujú mnohých používateľov tým, že ani nenaznačujú zamýšľaný účel navrhovanej súpravy nástrojov.

A o tom, čo presne ponúka „Softina od Vasya“ alebo „Repak hral od Petya“, sa musíte dozvedieť až po podrobnom oboznámení sa s popisom. Za takým frivolným názvom ako „Search byffox“ sa však skrýva užitočná a inteligentná funkcia. Toto rozšírenie vám umožňuje doplniť kontextovú ponuku prehliadača o ďalší príkaz vyhľadávania pre vybrané slovo pomocou rôznych vyhľadávacích nástrojov.

Táto poznámka je pokračovaním predchádzajúceho článku (v preklade) „Vyhľadávanie blogu pomocou Google AJAX Search API a jQuery“.
Po jeho napísaní som rozmýšľal, kam by bolo najlepšie umiestniť takýto koberček formy a výsledkov, okrem samostatnej strany. Nápad na seba nenechal dlho čakať: je logické vyskúšať vyhľadávanie s výsledkami vo vyskakovacom okne.

Najprv demo:

Vyhľadávanie blogu↓

Ako „základ“ pre vyskakovacie vyhľadávanie som si vybral plugin modálneho okna jQuery s názvom Odhaliť. Je ľahký, bez zbytočných prvkov a veľmi ľahko sa pripája.

Odhaliť inštaláciu.
Odkazy na skript a štýly sú napísané v sekcii šablóny:
Nezabudnite, že v archíve doplnku je obrázok png, ktorý musíte vložiť do albumu Picasso a nastaviť cestu k nemu odhaliť.css.

Ďalším krokom je inicializácia doplnku" ladenie" skript(daj to tam):

Potom definujeme kontextový obsah(toto sme dali do tela príspevku):

Vyhľadávanie blogu↓

sem vložte všetky vyhľadávacie kódy z článku „Vyhľadávanie blogu pomocou rozhrania Google AJAX Search API a jQuery“.

Podľa môjho komentára v tomto kóde skopíruj a prilep tam celé „vyhľadávanie google“. o ktorej sa teraz diskutuje. V šablóne so štýlmi css budete musieť zväčšiť plochu bieleho štvorca.

A posledný krok je odkaz na modálne okno, ktorý môže byť textový alebo grafický. Kód odkazu ako obrázok (aj v tele príspevku):

O Odhaliť, doplnok modálneho okna, existujú dva typy animácií: fade and fadeAndPop, nastaviteľná rýchlosť účinku: rýchlosť animácie: 300 a možnosť zatvoriť celé okno kliknutím na stlmené pozadie: closeonbackgroundclick: true.

Tieto nastavenia sa zapisujú do „konfiguračného“ skriptu (pozri vyššie):

$("#myModal").reveal(( animácia: "fadeAndPop", //fade, fadeAndPop, žiadna rýchlosť animácie: 300, //ako rýchlo sú animácie blízko na pozadíclick: true, //ak kliknete na pozadie, modálne sa zatvoria? dismissmodalclass: "close-reveal-modal" //trieda tlačidla alebo prvku, ktorý zatvorí otvorený modal ));

Alebo je možné tieto možnosti pripojiť cez odkaz v modálnom okne (pozri vyššie)

Malo by byť zrejmé, že takáto schéma vyhľadávanie v samostatnom okne- čistý experiment a vyžaduje starostlivejšie prispôsobenie.