Valikot JavaScriptilla??

Linkit kuntoon

Miten tehdään sellainen linkkivalikko, kun vie hiiren linkin päälle, niin siitä aukeaa luettelo?

Esimerkki tarkoittamastani valikosta löytyy esim. osoitteesta: http://www.soundi.fi/

Siellä on sivun yläreunassa "Ajankohtaiset, Arvostelut, Pikkuilmoitukset, Arkistot, Linkkilistat ja Kontaktit -nimiset valikot, jotka on tehty kysymälläni tavalla.

4

931

Äänestä

    Vastaukset 4

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tyylitaju

      Perinteistä JavaScript-valikkoa ei kannata tehdä, sillä se aiheuttaa erilaisia saavutettavuus ongelmia, eikä hakukoneetkaan tykkää.

      Nykyään tulisi suosia tapaa, missä valikko muodostuu listoista ja esitystapa määritelllään CSS:tyyleillä.
      (pätkä JavaScriptiä on IE:n korostuksia varten.)

      Katso lähdekoodi sivulta:
      http://www.htmldog.com/articles/suckerfish/dropdowns/example/

      • jepjep....

        vaan eipä toimi tämäkään jos on tuo javascript pois käytöstä.. ei pitäis mitään navigaatiota tuolla tapaa toteuttaa.

      • VesaP
        jepjep.... kirjoitti:

        vaan eipä toimi tämäkään jos on tuo javascript pois käytöstä.. ei pitäis mitään navigaatiota tuolla tapaa toteuttaa.

        En sanoisi ettei pitäisi, sillä joillakin sivuilla valikot voivat toimia älyttömän hyvin. Lisäksi aika monella on JavaScript käytössä. Tällä hetkellä pelkällä CSS:llä toimivan valikon tekeminen on kinkkistä IE:n huonon tuen takia: puhdas CSS-valikko onnistuu vain vaivoin ja rajoitetusti. Siksi tuo JavaScript-avusteinen valikko on varsin hyvä ratkaisu ja toimii useimmissa selaimissa ilman sitä JavaScriptiäkin.

        Omilla sivuilla tuo ei tosin toiminut yllättäen johtuen IE:n bugisuudesta. Onnistuin törmäämään johonkin aivan outoon bugiin, joka tekee valikosta IE:ssä lähes käyttökelvottoman (saa olla aika taitava, että voi klikata kaikkia linkkejä). Joten olen pakotettu etsimään vaihtoehtoista ratkaisua kun yli viidenkään tunnin pyörittelyn jälkeen en saanut IE:ssä toimivaa ratkaisua aikaiseksi.

      • jepjep...
        VesaP kirjoitti:

        En sanoisi ettei pitäisi, sillä joillakin sivuilla valikot voivat toimia älyttömän hyvin. Lisäksi aika monella on JavaScript käytössä. Tällä hetkellä pelkällä CSS:llä toimivan valikon tekeminen on kinkkistä IE:n huonon tuen takia: puhdas CSS-valikko onnistuu vain vaivoin ja rajoitetusti. Siksi tuo JavaScript-avusteinen valikko on varsin hyvä ratkaisu ja toimii useimmissa selaimissa ilman sitä JavaScriptiäkin.

        Omilla sivuilla tuo ei tosin toiminut yllättäen johtuen IE:n bugisuudesta. Onnistuin törmäämään johonkin aivan outoon bugiin, joka tekee valikosta IE:ssä lähes käyttökelvottoman (saa olla aika taitava, että voi klikata kaikkia linkkejä). Joten olen pakotettu etsimään vaihtoehtoista ratkaisua kun yli viidenkään tunnin pyörittelyn jälkeen en saanut IE:ssä toimivaa ratkaisua aikaiseksi.

        sepäs se..

        sivut kannattaisi tehdä niin että tuollaisia dropdown-valikoita ei tarvittaisi, kun ne kuitenkaan ei toimi niinkuin pitäisi.

        sivuston navigaatio ei saisi koskaan olla riippuvainen javascriptistä tahi mistään muustakaan kilkkeestä. sivuja on hiukan huono selata jos ei valikko näy / toimi.

        yhä useampi käyttäjä selaa nykyään ilman javascriptiä, koska se alkaa olla jo aika suuri tietoturvariski. toki riippuu siitä missä surffaa, että uskaltaako pitää tukea päällä vai ei.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Mitä mieltä olet?

      Miehestä jolla ei ole yhtään kaveria, ei facebookissa eikä livenä ja hän harrasta ja tekee kaiken yksin. Onko vähän outo
      Ikävä
      175
      1942

    2. Muistakaa pojat tämä.

      Mies joka haluaa naisen, löytää keinon. Ei epäröi eikä hämmennä. Tekee kaiken eteenne.
      Ikävä
      157
      1378

    3. Muhun rakastuu kaikki naiset, mut mä en rakastu niihin

      Mun vaatimustaso on 10+ Mut mua tavottelee 7+ naiset
      Ikävä
      223
      1010

    4. Oletko päättänyt

      Että luovutat minun suhteeni
      Ikävä
      71
      897

    5. Kuinka lähellä hän asuu?

      🤗
      Ikävä
      58
      868

    6. Mikä sua mies vaivaa?

      Siis oikeasti.
      Ikävä
      47
      793

    7. Pahoin pelkään nainen

      että pidät minua epäempaattisena, itsekeskeisenä, narsistisena ja kylmänä ihmisenä. Oletko koskaan ajatellut, että minus
      Ikävä
      68
      784

    8. Haluatko enää mitään?

      😜
      Ikävä
      93
      757

    9. Martina avaa suhdettaan

      IL 22.7: Martina avaa suhdettaan nuoreen Muhikseen. Nyt on jo vakavaa, on käyty syömässä Itä-Helsingissä. Onkohan muutt
      Kotimaiset julkkisjuorut
      200
      687

    10. Martinan alamäki jatkuu

      Surkeasti menee ... https://www.iltalehti.fi/viihdeuutiset/a/f899cee6-e216-4bd1-be3e-c61f68e67a4c ”Surkeasti kulkee”
      Kotimaiset julkkisjuorut
      151
      646
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt