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

817

    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. Pupuhuhdasta löytyi lähes sadan kilon miljoonalasti huumeita

      Pupuhuhdasta löytyi lähes sadan kilon miljoonalasti huumeita – neljä Jyväskylän Outlaws MC:n jäsentä vangittu: "Määrät p
      Jyväskylä
      59
      2415
    2. Persut petti kannattajansa, totaalisesti !

      Peraujen fundamentalisteille, vaihtkaa saittia. Muille, näin sen näimme. On helppo luvata kehareille, eikä ne ymmärrä,
      Maailman menoa
      79
      2010
    3. Istuva kansanedustaja epäiltynä pahoinpitelystä ja ampuma-aserikoksesta

      Seiskan tietojen mukaan Timo Vornanen on epäiltynä pahoinpitelystä ja ampuma-aserikoksesta eikä kenellekään taatusti tul
      Maailman menoa
      243
      1970
    4. Ei luottoa lakko maahan

      Patria menetti sovitun ksupan.
      Suomen Keskusta
      56
      1757
    5. Nähtäiskö ylihuomenna taas siellä missä viimeksikin?

      Otetaan ruokaöljyä, banaaneita ja tuorekurkkuja sinne messiin. Tehdään taas sitä meidän salakivaa.
      Ikävä
      4
      1671
    6. Sinäkö se olit...

      Vai olitko? Jostain kumman syystä katse venyi.. Ajelin sitten miten sattuu ja sanoin ääneen siinä se nyt meni😅😅... Lis
      Ikävä
      4
      1639
    7. Housuvaippojen käyttö Suomi vs Ulkomaat

      Suomessa housuvaippoja aletaan käyttämään vauvoilla heti, kun ne alkavat ryömiä. Tuntuu, että ulkomailla housuvaippoihin
      Vaipat
      1
      1544
    8. Hyvää yötä ja kauniita unia!

      Täytyy alkaa taas nukkumaan, että jaksaa taas tämän päivän haasteet. Aikainen tipu madon löytää, vai miten se ärsyttävä
      Tunteet
      5
      1367
    9. Lepakot ja lepakkopönttö

      Ajattelin tehdä lepakkopöntön. Tietääkö joku ovatko lepakot talvella lepakkopöntössä ´vai jossain muualla nukkumassa ta
      7
      1331
    10. Revi siitä ja revi siitä

      Enkä revi, ei kiinnosta hevon vittua teidän asiat ja elämä. Revi itte vaan sitä emborullaas istuessas Aamupaskalla
      Varkaus
      1
      1228
    Aihe