Chceme-li mφt mo₧nost vyhledßvat v textu strßnek, zobrazen²ch na CD jako HTML menu, mßme nejmΘn∞ t°i mo₧nosti:

Ka₧d² z t∞chto zp∙sob∙ mß svΘ v²hody a nev²hody. My si v tomto Φlßnku popφÜeme zp∙sob t°etφ, kter² vy₧aduje pouze prohlφ₧eΦ se zapnut²m JavaScriptem, co₧ je v souΦasnΘ dob∞ u v∞tÜiny u₧ivatel∙ tΘm∞° standardnφ vybavenφ (pro puristy dodßvßm, ₧e u₧ivatele bez JavaScriptu lze vcelku jednoduÜe detekovat a v∞novat jim specißlnφ verzi HTML menu, bez mo₧nosti vyhledßvßnφ).

Podφvejme se na ukßzku fiktivnφho CD fiktivnφ firmy, plnΘ fiktivnφch produkt∙ a fotografiφ (odkazy na spustitelnΘ soubory jsou nefunkΦnφ, fotografie v ukßzce zahrnuty jsou). VyzkouÜejte si prochßzenφ celΘ ·rovn∞ menu, p°φpadn∞ vyhledßvßnφ n∞kter²ch klφΦov²ch slov (nap°φklad äfotoô, äprogramô apod.)

Pou₧it² JavaScript

HTML soubor, uveden² v p°φkladu, se jmenuje sample_cdmenu.htm. VeÜkerΘ odkazy v pou₧it²ch skriptech jsou sm∞°ovßny na tento soubor. P°i p°ejmenovßnφ je tedy pot°eba p°φsluÜnΘ odkazy upravit nebo modifikovat skript, nap°φklad s pou₧itφm location.pathname.

Jßdrem celΘho °eÜenφ je objekt Menu, kter² slou₧φ p°edevÜφm jako ·lo₧iÜt∞ text∙ a odkaz∙. Pokud mßme veÜkerΘ zobrazenΘ texty ulo₧eny na jednom mφst∞, lze je pozd∞ji snadno prohledßvat. Zde si ukß₧eme zßklad k≤du objektu Menu, tedy jeho metody a vlastnosti pou₧itΘ p°i uklßdßnφ dat. K≤d dalÜφch metod objektu Menu, slou₧φcφ k prohledßvßnφ a dalÜφm funkcφm, uvedeme nφ₧e. Pomocnß prom∞nnß lastid je pou₧ita ke generovßnφ unikßtnφho id pro ka₧dΘ vytvo°enΘ menu. Zbytek k≤du je trivißlnφ:

Strukturu konkrΘtnφho menu vytvo°φme opakovan²m vytvß°enφm nov²ch objekt∙ t°φdy Menu a jejich spojovßnφm pomocφ metody AddMenu. K vytvo°enφ äfinßlnφchô odkaz∙ na externφ strßnky, obrßzky Φi produkty slou₧φ metoda AddLink. KonkrΘtnφ k≤d pak m∙₧e vypadat nap°φklad takto:

DalÜφm ·kolem je zjistit, kterΘ konkrΘtnφ menu mßme prßv∞ zobrazit (ID tohoto menu je p°edßvßno v URL adrese). K tomu slou₧φ nßsledujφcφ k≤d, kter² zßrove≥ v p°φpad∞, ₧e bylo ₧ßdßno vyhledßvßnφ, zφskß z URL hledan² °et∞zec. Menu, kterΘ se mß zobrazit, je ulo₧eno do pomocnΘ prom∞nnΘ aMenu. Pokud byl hledßn °et∞zec, je tento ulo₧en do prom∞nnΘ strtofind:

V poslednφm °ßdku p°edchozφho k≤du je pou₧ita metoda GetMenuByID objektu Menu. Tato metoda hledß rekurzivn∞ ve struktu°e menu to jedno jedinΘ s odpovφdajφcφm ID a jejφ k≤d vypadß nßsledovn∞:

V mφst∞ strßnky, ve kterΘm si p°ejeme vypsat texty prßv∞ zvolenΘho menu a odkazy na dalÜφ ·rovn∞ menu, pou₧ijeme k≤d, kter² m∙₧e vypadat t°eba takto (konkrΘtnφ formßtovßnφ lze samoz°ejm∞ upravit dle pot°eby):

K vyhledßvßnφ pou₧ijeme ve vhodnΘm mφst∞ strßnky formulß° s nßsledujφcφm HTML k≤dem (äpodivnΘô odesφlßnφ v²sledk∙ p°es handler udßlosti onSubmit je zde proto, aby bylo zachovßno sprßvnΘ k≤dovßnφ Φesk²ch znak∙):

PotΘ, co u₧ivatel odeÜle formulß°, je do prom∞nnΘ strtofind ulo₧en hledan² text (viz k≤d uveden² v²Üe). Zb²vß prohledat ulo₧enß data a v²sledky zobrazit ve form∞ jednoduchΘ tabulky s odkazy na nalezenΘ dokumenty. V²pis v²sledk∙ zajistφ nßsledujφcφ k≤d...

...v kombinaci s pomocnou prom∞nnou found, uchovßvajφcφ poΦet nalezen²ch v²sledk∙, a novou metodou (op∞t pou₧ijeme rekurzi) WriteFindResults objektu Menu:

Uveden² k≤d lze samoz°ejm∞ pou₧φt vÜude tam, kde chceme nßvÜt∞vnφk∙m nabφdnout vyhledßvßnφ a nemßme mo₧nost pou₧φt serverovΘ skripty. Danφ za to je vÜak slo₧it∞jÜφ editace strßnek ne₧ v p°φpad∞ äobyΦejnΘhoô HTML û musφme ävyprogramovatô vφce v∞cφ ne₧ obvykle.