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

897

    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ä.

    Luetuimmat keskustelut

    1. SDP jo 100 % suositumpi kuin persut

      Kertoo Hesarin uusin kannatuskysely. Demareiden kannatus on miltei tuplat verrattuna persuihinl. Suomen kansa ei selväst
      Maailman menoa
      115
      10773
    2. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      255
      4656
    3. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      177
      4021
    4. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      177
      3513
    5. PS ylivoimainen nousija myös HS:n gallupissa, SDP laskee taas

      https://www.verkkouutiset.fi/a/hs-gallup-sdpn-suosio-laskee-ps-nousussa/#0a7d2507 Ylivoimainen viime kuukausien nousija
      Maailman menoa
      82
      3349
    6. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      42
      3137
    7. Valtavasti suomalaisia asunnottomina, mutta ei yhtään somalia

      tai muuta kehitysmaalaista. Mites tässä näin kävi? Tiedän hyvin, että esim. somaleita lentää ulos mm. Hekan asunnoista,
      Maailman menoa
      79
      3126
    8. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      27
      2689
    9. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      68
      1831
    10. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      180
      1665
    Aihe