Tato elegantní modifikace vyhledávacího políčka ve stylu Mac OS X je založena na pokročilých funkcích jádra WebKit, takže bude těšit pouze ty uživatele, kteří používají prohlížeč Safari (v Mac vezi). Všichni ostatní ho uvidí jako standardní obdélníkové vyhledávací pole.

<form method="get" action="http://www.google.com/search">
<input type="search" name="query" value="Hledat" autosave="search" results="10"
onblur="if (this.value =='') {this.value ='Hledat';}"
onfocus="if (this.value =='Hledat') {this.value ='';}" />
<input type="hidden" name="domains" value="MojeStránky.cz" />
<input type="hidden" name="sitesearch" value="http://www.moje_stranky.cz/" />
</form>

V kódu jsou barevně odlišeny hodnoty, které ne nutné (nebo možné) upravit. Pokud budete chtít měnit text v tlačítku (Hledat), je nezbytné upravit všechny tři položky shodně. Zcela dole je URL, na které bude vyhledávání probíhat a nad tím (MojeStránky.cz) je tato adresa ve formě, ve které se objeví na stránce s výsledky vyhledávání, viz obrázek níže.



Kód zkopírujte, upravte podle potřeby a vložte do sidebaru (v módu HTML), do Blocks (v okně pro HTML) nebo do pluginu HTML Code. Kód lze vložit i do formátovaného textu, ale pak je nutné použít příkaz Ignore Formatting v menu Format.

Toto pole lze použít i v kombinaci s pluginem RapidSearch, pak je nutné ještě pozměnit URL v prvním řádku - z původního:

http://www.google.com/search

nasměrovat na vaši stránku RapidSearch, tedy např:

http://www.moje_stranky.cz/rapidsearch

Pro vyhledávací službu Atomz toto pole použít nelze. V prvním dílu tohoto článku najdete několik dalších variant vyhledávacích polí.

tag: vyhledávání, javascript, HTML