Jak vytvořit v aplikaci Dreamweaver rozbalovací nabídku

Označení můžete umístit před nebo po rozbalovací nabídce.

Přístupový klíč

Toto je klíč, který lze použít společně s klávesami Alt nebo Option, abyste se dostali přímo do tohoto pole formuláře. Díky tomu se vaše formuláře velmi snadno používají bez nutnosti použití myši.

Tabulkový index

Jedná se o pořadí, v němž má být pole formuláře přístupné při použití klávesnice na kartě prostřednictvím webové stránky.

Po aktualizaci možností usnadnění klepněte na tlačítko OK.

Vyberte nabídku

Jakmile máte rozbalovací nabídku zobrazené v návrhovém zobrazení aplikace Dreamweaver, musíte do něj přidat různé prvky. Nejprve vyberte rozbalovací nabídku kliknutím na ni. Dreamweaver umístí další roztrženou linku do rozbalovací nabídky pouze pro zobrazení, že jste ji vybrali.

Vlastnosti nabídky

Nabídka vlastností se změní na vlastnosti seznamu / nabídky pro tuto rozbalovací nabídku. Zde můžete zadat své ID číslo (kde se říká "select"), rozhodnout se, zda chcete být listem nebo nabídkou, dáte mu to styl stylu z vašeho listu stylů a přidělíte hodnotám rozbalovací nabídku.

Jaký je rozdíl mezi seznamem a nabídkou?

Aplikace Dreamweaver vyvolá rozbalovací nabídku v nabídce, která umožňuje pouze jednu volbu. "Seznam" umožňuje v rozbalovací nabídce více možností a může být více než jedna položka vysoká.

Pokud chcete, aby rozbalovací nabídka byla více řádků vysoká, změňte ji na typ seznamu a ponechte pole "výběry" nezaškrtnuté.

Přidat nové položky seznamu

Chcete-li do nabídky přidat nové položky, klikněte na tlačítko "Seznam hodnot …". Otevře se výše uvedené okno. Do prvního políčka zadejte štítek. Toto se zobrazí na stránce. Pokud ponecháte prázdnou hodnotu, bude to také to, co bude odesláno ve formuláři.

Přidat více a znovu uspořádat

Kliknutím na ikonu plus přidáte další položky. Chcete-li je znovu objednat v seznamu, použijte šipky nahoru a dolů vpravo.

Uveďte hodnoty všech položek

Jak jsem zmínil v kroku 8, pokud ponecháte prázdnou hodnotu, štítek bude odeslán do formuláře. Můžete však dát všechny své položky - zašlete alternativní informace do vašeho formuláře. Budete to hodně využívat pro věci jako skokové nabídky a hypertextové odkazy.

Vyberte výchozí

Výchozí webové stránky zobrazovat jako rozbalovací položku výchozí položku. Pokud však chcete vybrat jinou, zvýrazněte ji v poli "Initially selected" v nabídce Properties.

Zobrazit seznam v návrhovém zobrazení

Po dokončení úpravy vlastností aplikace Dreamweaver zobrazí váš rozevírací seznam s vybranou výchozí hodnotou.

Zobrazit seznam v zobrazení kódu

Pokud přepnete na zobrazení kódu, můžete vidět, že aplikace Dreamweaver přidá rozbalovací nabídku s velmi čistým kódem. Jediné další atributy jsou ty, které jsme přidali s možnostmi usnadnění přístupu. Kód je celý odsazený a velmi snadno čitelný a srozumitelný. Dokonce zadává vybraný atribut = "selected", protože jsem Dreamweaverovi řekl, že jsem psát XHTML.

Uložit a zobrazit v prohlížeči

Pokud dokument uložíte a zobrazí ho ve webovém prohlížeči, můžete vidět, že rozbalovací nabídka vypadá stejně, jako byste očekávali.

Ale to nic neudělá …

Menu, které jsme vytvořili výše, vypadá dobře, ale nic neudělá. Abyste něco udělali, je třeba nastavit formální akci na samotném formuláři.

Naštěstí má Dreamweaver vestavěnou rozbalovací nabídku, kterou můžete okamžitě použít na svém webu, aniž byste se museli seznamovat s formuláři, CGI nebo skriptováním. Jmenuje se Jump Menu.

Nabídka Jump Dreamweaver vytvoří rozbalovací nabídku s názvy a adresami URL. Potom můžete vybrat položku v nabídce a webová stránka se přesune na toto místo, jako kdybyste klikli na odkaz.

Přejděte do nabídky Vložit a zvolte Formulář a poté Jump Menu.

Okno Jump Menu

Na rozdíl od standardní rozevírací nabídky se v nabídce Skok otevře nové okno, kde můžete pojmenovat položky nabídky a přidat podrobnosti o tom, jak má formulář fungovat.

Pro první položku změňte text "untitled1" na to, co chcete přečíst, a přidejte adresu URL, do níž by měl odkaz odkazovat.

Přidat položky do nabídky Jump

Klepnutím na položku přidat přidáte novou položku do nabídky skoku. Přidejte tolik položek, kolik chcete.

Možnosti nabídky skoku

Jakmile přidáte všechny požadované odkazy, měli byste zvolit své možnosti:

Otevřít adresy URL v adresáři

Pokud máte sadu snímků, můžete je otevřít v jiném rámečku. Nebo můžete změnit možnost Hlavní okno na speciální cíl, aby se adresa URL otevřela v novém okně nebo jinde.

Název nabídky

Zadejte své jedinečné ID stránky. To je nutné, aby skript fungoval správně. To také umožňuje mít několik skokových nabídek v jedné formě - jen jim dáte všechna různá jména.

Vložte tlačítko Go po menu

Rád tuto možnost vybírám, protože někdy skript nefunguje při změně nabídky. Je také přístupnější.

Vyberte první položku po změně adresy URL

Tuto volbu vyberte, pokud máte jako první položku nabídky výzvu jako "Vyberte jednu". To zajistí, že položka zůstane na stránce výchozí.

Zobrazení nabídky skoku nabídky

Stejně jako u prvního menu aplikace Dreamweaver nastaví nabídku skoku v návrhovém zobrazení s tím, že bude vidět výchozí položku. Rozbalovací nabídku můžete upravit stejně, jako byste měli jiný.

Pokud to upravíte, nezapomeňte na položky změnit žádné ID, jinak nemusí fungovat skript.

Přeskočit nabídku v prohlížeči

Uložením souboru a stisknutím klávesy F12 se zobrazí stránka ve vašem preferovaném prohlížeči. Zde můžete vybrat jednu možnost, kliknout na tlačítko "Jít" a skokové menu funguje!