Siirry sivun sisältöön Avut CSS HTML JS Wp

JavaScript-esimerkkejä, niitä...

Vaikeimpia?

• FAQ. Kysymykset ja vastaukset pieneen tilaan.
• FAQ v. 2. Erilainen toteutus edellisestä.
• FAQ v. 3. Vielä yksi versio.
• FAQ v. 4. Ja kerta kiellon päälle.
• FAQ v. 5. Vihoviimeinen versio.
• Kalkulaattori. Yksinkertaiset laskutoimitukset hoituvat selaimella.
• Kalkulaattori v. 2. Hieman monipuolisempi laskin erilaisella toteutuksella.
• Kalkulaattori; alkolaskin. Laskee juoman sisältämän alkoholin litrahinnan.
• Kalkulaattori; bensalaskin. Laskee polttoaineen keskikulutuksen per 100 kilometriä.
• Kalkulaattori; bruttolaskin. Laskee bruttopalkan tai -hinnan.
• Kalkulaattori; eurolaskin. Muuntaa markat euroiksi ja päinvastoin.
• Kalkulaattori; painoindeksi. Laskee henkilön pituuden ja painon suhteita.
• Kalkulaattori; pelitasoitus. Laskee (golf)kenttäkohtaisen pelitasoituksen.
• Kalkulaattori; prosenttilaskuri. Laskee prosentteja molempiin suuntiin.
• Kalkulaattori; viikonpäivä. Laskee viikonpäivän annetulle päivämäärälle.
• Kello; nappikello. Tarvittaessa näyttää myös sivulla vietetyn ajan.
• Kuvat; ajastettu kuva. Kuva esitetään aina määrättyyn päivämäärään asti.
• Kuvat; diaesitys. Kuvan vaihtoa.
• Kuvat; diaesitys v. 2. Kehittyneempi versio edellisestä.
• Kuvat; kuvakartta vihjetekstillä. Kuvakarttakohteille selityksiä.
• Kuvat; vaihtuva. Kuva vaihtuu osoittimen alla.
• Kuvat; vaihtuva linkkikuva funktiona. Kehittyneempi versio edellisestä lisäesimerkillä.
• Kuvat; vaihtuva linkkikuva linkkilistan vieressä. Vielä linkeistä ja kuvista.
• Kuvat; vaihtuva linkkikuva vaihtaa kolmannen kuvan. Tässä menee itsekin sekaisin...
• Kuvat; vaihtuva pseudolinkkikuva. Osoitin pikkukuvan päällä näyttää ison kuvan.
• Kuvat; vierivä taustakuva. Taustakuva vierimään muunneltavin asetuksin.
• Linkit; animoitu nappi. Linkkinapin teksti ja kohde muuttuu lennossa.
• Linkit; efekteillä. Linkki latautuu tustisten ja keinuen.
• Linkit; efekteillä v. 2. Hieman erilainen efekti lisäesimerkeillä.
• Linkit; kellon mukaan. Linkin kohde määräytyy ajankohdan mukaan.
• Linkit; kombinoituvat linkkilistat. Selain yhdistää kahden luokan valinnat yhdeksi osoitteeksi.
• Linkit; kombinoituvat linkkilistat v. 2. Erilainen ja helpompi versio edellisestä.
• Linkit; päivämäärän mukaan. Kuukauden jokaiselle päivälle oma linkki.
• Linkit; satunnainen. Selain arpoo linkkinapin kohteen.
• Linkit; satunnainen v. 2. Erilainen toteutus edellisestä.
• Linkit; satunnainen v. 3.
• Linkit; uuteen ikkunaan? Asiakas saa päättää avataanko linkit uuteen ikkunaan.
• Lomakkeiden tarkistus; radionappulat. Tarkistaa, että radionappulavalinta on tehty.
• Lottokone. Niille, jotka tahtovat arpoa omat numeronsa...
• Lähetysnappi; interaktiivinen. Lomakkeen lähetysnappi tekstin poksahdusefektillä.
• Lähetysnappi; interaktiivinen v. 2. Lomakkeen lähetysnappi tekstin imutusefektillä.
• Lähetysnappi; interaktiivinen v. 3. Lomakkeen lähetysnappi tekstin pinoamisefektillä.
• Lähetysnappi; interaktiivinen v. 4. Lomakkeen lähetysnappi tekstin heilutusefektillä.
• Popup-ikkuna v. 3. Avaa helposti konfiguroitavan ikkunan viiveellä.
• Popup-ikkuna v. 4. Avaa helposti konfiguroitavan ikkunan automaattisesti, mutta vain kerran.
• Popup-ikkuna v. 5. Avaa viiveellä, sekä sulkee helposti konfiguroitavan ikkunan automaattisesti.
• Popup-ikkuna v. 7. Avaa luetteloruudusta sivuja PopUp-ikkunaan.
• Popup-ikkuna v. 8. Avaa kuvaruudun keskelle pyrkivän PopUp-ikkunan.
• Tekstit; gradaatio. Asteittain vaalenevaa tekstiä.
• Tekstit; päivämäärän mukaan. Tarvittaessa jokaiselle vuoden päivälle oma viestinsä.
• Tilariviviesti; efekteillä. Muunneltavaa tekstianimaatiota tilariville.
• Tilariviviesti; efekteillä v. 2. Lisää tekstianimaatiota tilariville.
• Tilariviviesti; efekteillä v. 3. Vilkkuva, mutta säädettävä efekti.
• Tilariviviesti; efekteillä v. 4. Dekryptausefekti omalla viestillä tai ilman.
• Tyylitiedoston vaihdin. Valikkokenttä vaihtaa tyylit lennossa.