![]() |
||
Vývoj | ||
Apache a IIS ASP a skripty HTML Průvodci Doporučené weby ![]() | ||
|
||
Živě | ||
Články za týden Nové příspěvky Nejčtenější články Ankety Autoři Reklama na Živě Kontakt na redakci Hledáme autory! Volná místa v IT |
||
|
Jak vytvářet www stránky - 15. díl
Minulé dva díly jsme věnovali formulářům a nejinak tomu bude i tentokrát. V tomto již patnáctém pokračování se podíváme na další prvky, které lze umístit do formuláře, a na závěr vás čeká lahůdka, díky níž budou moci návštěvníci vašich stránek vyhledávat v českém Internetu pomocí jednoho ze tří největších vyhledávacích serverů. Příští týden bude trošku oddychový, protože si ukážeme několik tipů a triků, ale na to si budete muset ještě sedm dnů počkat. Takže hurá na formuláře! Roletková menu a seznamyK vytváření roletkových menu a seznamů slouží element SELECT, jednotlivé volby pak uvozujeme tagem OPTION, který můžeme, ale nemusíme uzavírat. Zjednodušeně vypadá struktura takového menu následovně:
Tag SELECT může mít následující parametry:
Chceme vytvořit formulář, jehož účelem by mělo být zjištění nejoblíbenější příchuti zmrzliny. Použijeme k tomu roletkové menu: prvek pojmenujeme zmrzlina (tedy name="zmrzlina"), necháme zobrazovat vždy pouze jednu položku (size=1) a nedáme možnost výběru více než jedné položky (neuvedeme tedy parametr multiple). Budeme předpokládat, že nejvíce lidí má rádo čokoládovou zmrzlinu, proto tuto hodnotu vybereme jako přednastavenou (u položky s čokoládovou zmrzlinou uvedeme v tagu OPTION parametr selected). Pochopitelně nezapomeneme ani na tlačítko k odeslání formuláře. Celé dílko tedy bude vypadat následovně:
A výsledek vypadá následovně:
Obrázek místo tlačítkaMožná jste si všimli, že na některých serverech se k odeslání dat nebo požadavku nepoužívá šedivé obdélníkové tlačítko, které nemusí vždy vyhovovat vašemu estetickému cítění ani celkovému designu stránky. Namísto něj lze použít obrázek (nebo libovolný grafický prvek), ovšem dávejte bedlivý pozor, aby bylo na první pohled jasné, že tento obrázek slouží k odeslání dat. Grafického tlačítka docílíte pomocí již dobře známého tagu INPUT s parametrem type=image, obrázek, který chcete použít místo tlačítka, pak určíte parametrem src=adresa obrázku. Pokud zůstaneme u předchozího příkladu, bude stačit pouze zaměnit předposlední řádek, který by například mohl vypadat takto:
Vyhledávání v českých vyhledávačíchChcete-li umožnit návštěvníkům vašich stránek vyhledávání přes některý vyhledávač, můžete to provést snadno tak, že vytvoříte formulář, který bude odesílán příslušnému serveru. Proto v tagu FORM do parametru action zadáme adresu skriptu, který má na starosti zpracování dotazu. Stručně si ukážeme, jak lze vyhledávat pomocí Seznamu, Atlasu a Centra. Modře označený text je pouze orientační komentář, který do svých stránek nevkládejte.Seznam<FORM method="get" action="http://www.seznam.cz//hledej.cgi"> zde se určuje adresa skriptu a způsob odeslání Atlas<FORM action="http://www.atlas.cz/resultp.asp" method="get"> adresa skriptu a způsob odeslání Centrum<FORM name="hledani" action="http://fulltext.centrum.cz/search.php" method="get"> Komentář snad není potřeba - pouze pro orientaci obsahuje tento formulář roletkové menu se třemi položkami a tři skryté parametry. Jak pracuje odesílání formulářů metodou get můžete dobře poznat právě u těchto formulářů. Stačí, když si vytvoříte jednoduchou stránku s některým z vyhledávačů, zadáte do textového políčka hledaný termín, nastavíte parametry a odešlete dotaz. Pak se stačí pouze podívat do adresního řádku prohlížeče kde během chvilky najdete všechny proměnné i jejich hodnoty. To je pro tento týden vše. Zkuste si pomocí formuláře vytvořit nějakou anketu pro své stránky, případně se můžete pokusit vytvořit formuláře i pro další české a světové vyhledávací servery. Příští týden se těším u dalšího dílu zase nashledanou.
Související články:
![]() | ![]() |
|
|
![]() |
Copyright 2000 Computer Press, realizační tým |