Ako vytvoriť rozbaľovacie menu v aplikácii Dreamweaver

Štítok môžete umiestniť pred alebo za rozbaľovacou ponukou.

Prístupový kľúč

Toto je kľúč, ktorý môžete použiť spolu s klávesami Alt alebo Option, aby ste sa dostali priamo do tohto formulárového poľa. Vďaka tomu sa vaše formuláre veľmi ľahko používajú bez potreby myši.

Index záložiek

Toto je poradie, v ktorom má byť pole formulára prístupné pri používaní klávesnice na kartu cez webovú stránku.

Po aktualizácii možností prístupnosti kliknite na tlačidlo OK.

Vyberte ponuku

Keď máte rozbaľovaciu ponuku zobrazenú v projekte Dreamweaver, musíte k nej pridať rôzne prvky. Najprv vyberte rozbaľovaciu ponuku kliknutím na ňu. Dreamweaver položí ďalšiu bodkovanú čiaru okolo rozbaľovacej ponuky, aby ste ukázali, že ste ju vybrali.

Vlastnosti ponuky

Ponuka vlastností sa zmení na vlastnosti zoznamu / ponuky pre túto rozbaľovaciu ponuku. Tu môžete poskytnúť menu ID (kde sa hovorí "vybrať"), rozhodnúť sa, či chcete byť Lis alebo menu, dať mu štýl štýl zo svojho štýlu listu a priradiť hodnoty do drop-down.

Aký je rozdiel medzi zoznamom a ponukou?

Aplikácia Dreamweaver vyvolá rozbaľovaciu ponuku ľubovoľného rozbaľovacieho zoznamu, ktorý umožňuje iba jeden výber. "Zoznam" umožňuje v rozbaľovacej ponuke viacero možností a môže byť vysoká ako jedna položka.

Ak chcete, aby rozbaľovacia ponuka bola viac riadkov vysoká, zmeňte ju na typ zoznamu a nechajte pole "Výbery" nezačiarknuté.

Pridať položky z nového zoznamu

Ak chcete do svojej ponuky pridať nové položky, kliknite na tlačidlo "Zoznam hodnôt …". Tým sa otvorí vyššie uvedené okno. Do prvého poľa napíšte označenie položky. Toto sa zobrazí na stránke. Ak ponecháte hodnotu prázdnu, tak aj to, čo bude odoslané do formulára.

Pridať viac a zoradiť

Kliknutím na ikonu plus pridáte ďalšie položky. Ak ich chcete znova objednať v zozname, použite šípky hore a dole vpravo.

Zadajte hodnoty všetkých položiek

Ako som spomenul v kroku 8, ak necháte hodnotu prázdnu, štítok sa odošle do formulára. Môžete však dať všetky hodnoty položiek - na odoslanie alternatívnych informácií do formulára. Budete to veľa používať na veci ako skokové ponuky a hypertextové odkazy.

Vyberte položku Predvolené

Predvolené webové stránky zobrazujú prvú rozbaľovaciu položku ako predvolenú položku. Ak však chcete vybrať iný, zvýraznite ho v poli "Initially selected" v menu Properties.

Pozrite si zoznam v zobrazení návrhu

Po dokončení úprav vlastností aplikácia Dreamweaver zobrazí váš rozbaľovací zoznam s vybratou predvolenou hodnotou.

Pozrite si zoznam v zobrazení kódu

Ak prejdete na zobrazenie kódu, môžete vidieť, že aplikácia Dreamweaver pridá vaše rozbaľovacie menu s veľmi čistým kódom. Jediné ďalšie atribúty sú tie, ktoré sme pridali s možnosťami prístupnosti. Kód je celý odsadený a veľmi ľahko čitateľný a pochopiteľný. Vkladá dokonca aj vybraný atribút = "selected", pretože som povedal Dreamweaverovi, že predvolene píšem XHTML.

Uložiť a zobraziť v prehliadači

Ak dokument uložíte a zobrazí ho vo webovom prehliadači, môžete vidieť, že rozbaľovacia ponuka vyzerá tak, ako by ste očakávali.

Ale to nerobí nič …

Menu, ktoré sme vytvorili vyššie, vyzerá dobre, ale nerobí nič. Aby ste mohli niečo urobiť, musíte nastaviť formálnu akciu na samotnom formulári.

Našťastie Dreamweaver má vstavanú rozbaľovaciu ponuku, ktorú môžete ihneď použiť na svojich stránkach, bez toho, aby ste sa museli učiť o formulároch, CGI alebo skriptovaní. Nazýva sa to Jump Menu.

Ponuka Prejsť na Dreamweaver vytvorí rozbaľovaciu ponuku s názvami a adresami URL. Potom môžete vybrať položku v ponuke a webová stránka sa presunie na toto miesto, rovnako ako keby ste klikli na odkaz.

Prejdite do ponuky Vložiť a zvoľte Formulár a potom ponuku Skok.

Okno ponuky Skok

Na rozdiel od štandardnej rozbaľovacej ponuky sa v ponuke Skok otvorí nové okno, v ktorom môžete pomenovať položky ponuky a pridať podrobnosti o tom, ako má fungovať formulár.

Pre prvú položku zmeňte text "untitled1" na to, čo chcete čítať, a pridajte adresu URL, ku ktorej má odkaz smerovať.

Pridať položky do ponuky skokov

Kliknutím na položku Pridať pridáte novú položku do ponuky skoku. Pridajte toľko položiek, koľko chcete.

Možnosti ponuky skoku

Po pridaní všetkých požadovaných odkazov by ste mali vybrať svoje možnosti:

Otvoriť adresy URL v priečinku

Ak máte sadu rámcov, odkazy môžete otvoriť v inom rámčeku. Alebo môžete zmeniť možnosť Hlavného okna na špeciálny cieľ tak, aby sa adresa URL otvorila v novom okne alebo inde.

Názov ponuky

Uveďte svoje menu jedinečné ID stránky. Je to potrebné, aby skript fungoval správne. Umožňuje tiež mať viacero skokových ponúk v jednej forme - len im dávať rôzne názvy.

Vložiť tlačidlo Go po Menu

Rád to vybrať, pretože niekedy skript nefunguje, keď sa menu zmení. Je tiež prístupnejší.

Vyberte prvú položku po zmene adresy URL

Vyberte túto možnosť, ak máte ako prvú položku ponuky výzvu ako "Vybrať jedno". Tým sa zabezpečí, že táto položka zostane na stránke predvolená.

Zobrazenie návrhu skoku

Rovnako ako pri vašom prvom menu, Dreamweaver nastaví vaše skokové menu v zobrazení návrhu s viditeľnou predvolenou položkou. Rozbaľovaciu ponuku môžete upraviť tak, ako by ste iný.

Ak to upravíte, nezabudnite nezmeniť žiadne ID na položkách, inak skript nemusí fungovať.

Skokové menu v prehliadači

Uložením súboru a stlačením klávesu F12 sa zobrazí stránka vo vašom preferovanom prehliadači. Tu môžete vybrať možnosť, kliknite na tlačidlo "Choď" a skok ponuka funguje!