|
![]() | |
![]() | ||
Vývoj | ||
Apache a
IIS ASP a skripty HTML Průvodci Doporučené weby Výuka HTML English ![]() | ||
Živě | ||
Články za
týden Nové příspěvky Nejčtenější články Ankety Autoři Reklama na Živě Kontakt na redakci Živě pro váš server Hledáme autory! Volná místa v IT | ||
|
![]() |
Jak vytvářet www stránky -
15. díl
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 1996-2000 Computer Press, a.s., realizační tým |