Mikä on CSS -valikko?

CSS -valikko on tietokoneen valikkojärjestelmä, jossa yhdessä valikossa valittua vaihtoehtoa käytetään määrittämään, mitkä vaihtoehdot ovat käytettävissä seuraavassa valikossa. Kehittäjät jakavat mahdollisten arvojen luettelon kahteen tai useampaan loogiseen tasoon, ja jokainen näistä tasoista on edustettu yhdessä valikossa. Loppukäyttäjät voivat sitten rajata mahdollisten vaihtoehtojen kokonaisluetteloa ennen lopullisen valinnan tekemistä.

Ehkä yleisimpiä käyttötapoja valikoille on tietokoneen käyttöjärjestelmä. Esimerkiksi Windows XP: ssä käyttäjät siirtyvät porrastetussa valikossa joka kerta, kun he napsauttavat Käynnistä -painiketta. Alivalikoiden, kuten Kaikki ohjelmat ja Ohjauspaneeli, kuvakkeet eivät näy, ennen kuin käyttäjä valitsee vaihtoehdon itse Käynnistä -valikosta.

Useimmat tietokoneohjelmat käyttävät myös porrastettuja valikkoja. Vaikka se näkyy hieman eri tavalla, useimpien sovellusten ylävalikko on toinen esimerkki. Alivalikot eivät ole käytettävissä, ennen kuin käyttäjä valitsee päävalikosta Tiedosto, Muokkaa, Näytä jne.

Myös kaskadiruokalistat näkyvät usein verkkosivuilla eri muodoissa. Yleensä ne esitetään käyttäjälle avattavien luetteloiden kautta. Aluksi vain ylätason avattava luettelo on täytetty ja otettu käyttöön. muut ovat tyhjiä ja/tai harmaita. Kun käyttäjä valitsee vaihtoehdon ensimmäisestä luettelosta, seuraava aktivoidaan ja täytetään.

Askelvalikkojen käyttö verkkosivustoilla on kasvanut dramaattisesti asynkronisen JavaScriptin ja XML: n (AJAX) käytön myötä. Aiemmin yhden avattavan luettelon täyttämiseen tarvittava koodi edellisen luettelon valinnan perusteella edellyttäisi yleensä käyttäjän päivittävän koko verkkosivu. AJAXin avulla kehittäjät voivat kuitenkin luoda sivuja, joilla vain osa sivusta päivittyy. Nämä AJAX-yhteensopivat porrastusvalikot tarjoavat paremman ja nopeamman käyttökokemuksen.

Vaikka porrastettu valikkojärjestelmä voidaan luoda millä tahansa mielivaltaisella järjestelmällä valintojen jakamiseksi ryhmiin, hierarkkinen suhde on yleisimmin käytetty. Jos esimerkiksi tavoitteena on esittää käyttäjälle luettelo kaupungeista, joista valita, ensimmäisessä valikossa voisi aluksi näkyä luettelo maista. Kun käyttäjä on valinnut maan, seuraavaan valikkoon voidaan lisätä luettelo valitun maan osavaltioista. Vain kun käyttäjä on valinnut valtion, kaupungin valikko täytetään.