sivut.web

ohjeita web-sivuston tekijälle

etusivu html javascript perl php grafiikka sivusto palvelin sanasto info palaute

JavaScript: Linkit pudotusvalikkoon

Pudotusvalikolla voidaan muuten kookas menu saada pienempään tilaan. Navigaation toimivuuden kannalta tulee muistaa, että JavaScript- navigaatiota tehdessä tulee olettaa, että vierailijan selain on JavaScript-yhteensopiva ja, että JavaScript on kytkettynä päälle, muutoin sivulla liikkuminen voi olla työlästä.

Pudotusvalikkonavigaatio voidaan toteuttaa myös ilman JavaScriptiä tai muita asiakaspuolen ohjelmointikieliä, mutta tämä vaatii hieman CGI- ohjelmointia. Lisää aiheesta löydät Perl- vinkeistä.

Esimerkissä luomme valikon, jossa on eri maita listassa ja josta jokaisesta linkistä pääsee sivulle, jonka nimi koostuu maan nimestä ja .html- päätteestä.

<form>
<select onChange = "document.location=options[selectIndex].value">
<option value="esimerkit/kanada.html">Kanada
<option value="esimerkit/suomi.html">Suomi
<option value="esimerkit/venaja.html">Venäjä
<option value="esimerkit/israel.html">Israel
</select>
</form>

Esimerkki näyttää seuraavalta:

Tämä sivu on luotu 1.5.1998 ja viimeksi päivitetty 10.7.2002.

Käyttäjien kommentit

Hyödyllistä tietoa.
Kiitoksia

Kiva scripti

ei se toimi mul.. :I

Valikko toimii loistavasti, mutta kuinka saadaan linkki avautumaan uuteen ikkunaan? Yritin laittaan <form> tagiin lisäksi target"_blank", mutta ei toiminut vaan sivu aukesi edelleenkin samaan ikkunaan

laita siihen target="_blank"

hei, minulla tekee kyllä valikon, mutta kun painan jotakin valintaa se ei mene millekkään sivulle...mikä neuvoksi???

siistii, en tiennykkään et se on noin simppeli!

Kiitos mahtavista ohjeista! Sain linkit toimimaan pudotusvalikkoon mutta heti kun lisäsin linkitetyn css-tiedoston samalle sivulle niin linkit lakkasivat toimimasta. Osaisitko neuvoa miten tämän saa onnistumaan?

Vaikea sanoa kun en näe koodia. Sivun osoite olisi auttanut asiaa merkittävästi. CSS ei riko mitenkään sivun toiminnallisuutta, se ei puutu JavaScriptiin eikä mihinkään muuhunkaan kuin ulkoasuun.

Sivuillani ei ole kyseistä koodia juuri sen takia kun en saa sitä toimimaan yhdessä css:n kanssa.Osoite on kuitenkin www.rumbacollie.tk
Tai css:n kanssa se toimii mutta sitten kun lisää ulkopuolisen css-tiedoston sivuille niin sitten se lakkaa toimimasta.

Hieno homma, mutta koska en tunne ko. ohjelmointikieliä niin minulle on jäänyt epäselväksi mitä tulee sulkuihin selectIndex kohtaan.
Kunhan tämän saan selvitettyä niin kyselen lisää.

Minullakaan valikko ei ensin toiminut, mutta sitten laitoin tuohon "selectIndex"-kohtaan "selectedIndex", niin johan alkoi pelittämään!

Kiitos tiedoista jo rupesi toimimaan kun muutin kohdan "selectedIndex":iksi

Voisiko joku tehdä mulle sellasen alasvetovalikka-scriptin et ku sen valitsee ni se aukee uuteen ikkunaan?

Hauskat no pudotus hommat.. :D hehe

Tosi kätevä (:

Jeesh... Ryss.. *HIKK* Ryshssisshä oli khiva *HIK*
khäyyhdääh.. Vothka olih hhhyvhäh njamiahh... *HIKK*

Tulee kyllä valikko mutta ei mene millekkään sivulle.
Mikä neuvoksi?
Eli ei aukea mitään kun painan linkkiä joka on valikossa.

miten tää javascript asennetaan??

Loistavia vinkkejä kotisivujen tekoon. Voisitko lisätä sivuille myös joitain kotisivujen tekoa autavia ohjelmia.

ongelma on se että laitoin tän koodin valikko näkyy mut ei siirry millekkään sivulle mikä neuvoksi sivujeni osite on: http://radiomusa.se8.org/ ja sit sieltä musiikki.

Kiitos jo etukäteen!

Miten tosta valikosta sais sellasen tehtyy, et ku sieltä valitsee jotain. Jos valitsisi vaikka auton, niin valikon viereen hyppäisi auton kuva.

Tässä olen työstänyt eräitä web-sivuja.

Nämä ovat sellaiset sivut, joissa käytetään tietokantaa hyödyksi (ASP ja VBScript). Koetin saada noita www-editorilla tehtyjä recordsettejä toimimaan javascriptien sisällä.

No kyllä ne silleen dymaanisena tietona toimikin (näky kyllä vaan yksi ensimmäinen asia). Mutta sitten koetin laittaa niitä niin että kaikki olis näkyny (repeat region -toiminnon avulla.

Lakkas toimimasta.

Muuten kyllä toimii.

tosi hyvä neuvo, hyvin toimii. en arvellut tän näin yksinketaista olevan

oho

Todella taitava koodari kun osais vielä sulkea optionitkin. Ei taida olla ihan hallussa

Linkkien avaaminen uuteen ikkunaan on yksi inhottavimmista ominaisuuksista joka HTML-kieleen on otettu.

Jos sivustolla kävijä haluaa linkin avata uuteen ikkunaan, hän tekee sen itse. Esimerkiksi Firefoxissa se onnistuu CTRL-nappia pohjassa pitämällä linkkiä klikatessa.

mihin mun toi komenta pitäisi laittaa: target="_blank"

lähettäkää sähköpostia...

Miten saisin niin, että kun vien hiiren tuon pudotusvalikon päälle niin se aukaisee tuon valiko? Ja miten saa muutettua tuon tyyliä niin, että se näkyy vihreänä laatikkona jossa on teksti ja ei näy tuossa sovusaasa sitä nuolta.

ime lekaa

Löytyy kyllä käyttöä tälle koodille.

miten saan tän tagin toimiin?

<form target"_blank">
<select onChange =

"document.location=options[selectedIndex].value">
<option value="Supra.html">Supra
<option value="350Z.html">350Z
<option value="Skyline.html">Skyline
<option value="Rx-8.html">Rx-8
<option value="Celica.html">Celica
</select>
</form>

En taju mistään mitään ><

form target"_blank" -riviltä puuttuu = -merkki eli
todennäköisesti pitäisi lukea form target="_blank"

Karpe, <select onChange =

"document.location=options[selectedIndex].value">


Tuosta tuo väli pois, eli näin:

<select onChange = "document.location=options[selectedIndex].value">

___________________
linkwire.no-ip.org

Mites saisin sellasen pudotusvalikon et ku painaisin OK, nii se menee vasta sitte sinne.

Lisää oma kommentti