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

921

Äänestä

    Vastaukset

    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. Eläkeläiset siirrettävä muuttotappioalueille

      Joutoväki pois ruuhkauttamasta elättäjien arkea. Samalla putoaa jokaisen asumiskulut ja rahaa jää enemmän kuluttamiseen.
      Maailman menoa
      407
      3024

    2. SDP pelastaa uppoavan Suomen

      2027 kun SDP voittaa ylivoimaisesti vaalit alkaa Suomen uusi raju syöksy kohti täystyöllisyyttä ja turvallisempaa yhteis
      Maailman menoa
      68
      2352

    3. Kauppalehti - Törkeä skandaali paljastui: Espanja käytti EU-rahoja ihan muuhun kuin piti

      Espanja on käyttänyt miljardeja euroja EU:n elpymisavustuksia eläkkeisiin ja sosiaalimenoihin – ja pyytää lisää. Espanj
      Maailman menoa
      78
      1999

    4. Jopa Espanjassa talous kasvaa, Purra vain irvistelee

      Huomaa kuinka Purra on Suomen historian huonoin miniseteri, joka ei ole saanut aikaiseksi kuin tuhoa, Siis jopa vasemmis
      Maailman menoa
      117
      1727

    5. Mitä haluaisit sanoa hänelle tänään?

      Kerro tähän viestisi. 🍭🍡🍦
      Ikävä
      140
      1572

    6. Minkä ikäinen

      on kaipaamasi ihminen? Minä vuonna syntynyt?
      Ikävä
      71
      1223

    7. Uuden upotuskasteen vaiettu ongelma

      Alkuseurakunnan kaste oli useamman vuosisadan upotuskaste, joka toimitettiin joko ulkona luonnon vesistöissä tai kasteki
      Kaste
      102
      1039

    8. Tsemii Pete ja Linda! Tässä tärkeät kellonajat Euroviisut-viikon ohjelmista tv:ssä!

      Euroviisut järjestetään Wienissä Itävallassa 12.-16. toukokuuta. Tsemii Pete ja Linda kisaan! Vetäkää Suomelle voitto Li
      Euroviisut
      12
      1012

    9. Raiskaukset loppumaan?

      Onko kenelläkään tiedossaan tuloksellisia keinoja saada väkisinmakaaminen loppumaan tai edes vähenemään? Lainsäädännön
      Sinkut
      268
      1003

    10. Milloin olet nähnyt hänet viimeksi?

      Missä??
      Ikävä
      40
      874
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt