Pudotusvalikko?

Osaisiko kukaan ystävällismielinen neuvoa "pudotusvalikoiden" tekemisessä html dokumenttiin. esim. http://www.alistapart.com/d/horizdropdowns/horizontal.htm
Miten se toimii? Käytetäänkö siinä javaa?

 

tuo on tehty java scriptillä. Helpoimmalla pääset jos kopioit scritin ja lisäät sen sivuillesi.

Kysyeinen scripti "drop_down.js" löytyy mm. täältä:

http://www.frontpagetalk.com/forums/m_60047/appid_/p_/mpage_1/key_/tmode_/smode_/s_/tm.htm#60055

//TAI noh...tuli toinenkin tyyli mieleeni - HELPOMPI, varsinkin jos et ole ihan "koodiguru"
=> Mene noille sivuille jossa tuo valikko on Firefox:lla - Valitse "Tiedosto/File => Tallenna nimellä/Save Page As.." - Koko webbi sivu(?)/Web Page, complete"
=> tallennat koko sivun "offline" muodossa => saat tuon html-koodin kuinka sivu on rakennettu + erikseen hakemiston jossa tuo java scripti jo on
=> Näe myös samalla kuinka noita rakennetaan

 

Tutustupa seuraaviin.. Näissä kerrotaan homman tekemisestä CSS:llä (suositeltavaa)

http://tutorials.alsacreations.com/deroulant/
http://www.evolt.org/article/How_to_make_a_simple_CSS_dropdown_menu/17/52030/
http://www.alistapart.com/articles/dropdowns

 

Sain jotain tolkkua, mutta ongelmaksi tuli se, että mihin kohtaan html:lää tulee se scripti.? Sain vaivoin tehtyä tällaisen http://euroetu.fi Mitä koodissa on vikana? Sivu toimii firefoxilla ihan hyvin, mutta explorerilla ei juuri lainkaan...

 

En ymmärrä mikä menee kerta toisensa jälkeen pieleen. Olen räpläillyt noita dropdown sorsia, mutta en ole saanut vaan millään toimimaan kunnolla.

http://hollola.no-ip.org:1024/pudotus.html

Tuossa yksi kokeilu, joka toimi ainoastaan IE:ssä ja Operassa muttei firefoxissa..



http://hollola.no-ip.org:1024/ee/tuotteet.html

Toinen kokeilu, jossa sain dropdownit sijoitettua, mutta nyt ne toimivat ainoastaan firefoxissa..

Missä kohtaa menee vikaan?

 

eri nettiselaimet tukevat/eivät tue tuota dropdown valikkoa, osa ei tajua mitä tehdä kun hiirelle on määritetty esim. "hover".

Tuossa on hyvä sivu josta saat tehtyä valikon joka toimii eri selaimessa + sivun lopussa linkki esimerkkisivulle

http://www.wasabicube.com/articles/firefoxmozilla-flicker-free-drop-down