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.
Valikot JavaScriptilla??
Linkit kuntoon
4
931
Vastaukset 4
- 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
Haluatko että unohdan sinut kokonaan
Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j921423Haapaveden upea kurvikuningatar
No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga881019- 42854
Pisa-tulokset.....
Tuoreen tutkimuksen mukaan suomalaisten osaaminen on edelleen OECD-maiden keskitasoa parempaa. Kantaväestön oppilaiden297768Uskaltaisitko ihana nuorempi nainen lähettää
WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️84666- 50654
Meinasi nainen mennä pasmat sekaisin
Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.35631- 44630
- 47627
- 28584