Siirry sivun sisältöön
Avut
CSS
HTML
JS
Wp
JavaScript-esimerkkejä, niitä...
Helpoimpia?
Aloita tähdellä (*) merkityistä esimerkeistä, mikäli aihe on aivan uusi. Vaikkapa tästä
viestistä.
*
Ajastettu funktio.
Naatitaan naatitaan...
Kalenteri.
Minikalenteri näyttää päivämäärän ja viikonpäivän.
Kampanja.
Ajankohtaan sidottu sisältö.
Kehote.
Kerää asiakkaalta tietoa jatkokäsittelyä varten.
*
Kuvat; kellonajan mukaan.
Kuva tulostetaan vuorokauden ajankohdan mukaan.
Kuvat; listana.
Kuvat pieneen tilaan.
Kuvat; satunnaisina.
Esitettävä kuva arvotaan useasta mahdollisesta.
Kuvat; satunnaisina v. 2.
Esitettävä linkkikuva arvotaan useasta mahdollisesta.
Kuvat; satunnaisina v. 3.
Arvottaviin linkkikuviin lisätään kuvakohtainen tekstiosuus.
Linkit; listana.
Linkit pieneen tilaan.
Linkit; listana v. 2.
Sama, kuin edellinen mutta yksinkertaisempana ilman näkyvää laukaisijaa.
Linkit; listana v. 3.
Radionappulalinkkilista.
*
Linkit; OnMouseOver.
Säästää surffaajia klikkaamiselta.
*
Linkit; PopUp-ikkunaan.
Helpoin ja turvallisin tapa linkittää PopUp-akkunaan.
Lähtölaskenta.
Laskee jäljellä olevat päivät suhteessa asetettuun päivämäärään.
Lähtölaskenta; käänteinen.
Laskee kuluneet päivät suhteessa asetettuun päivämäärään.
Lähtölaskenta uudelleenohjauksella.
Laskee sekuntteja ennen uudelle sivulle siirtymistä.
Mikä resoluutio?
Selvittää asiakasohjelman näytön tarkkuuden.
*
Mikä resoluutio v. 2
Ohjaa eri sivuille asiakasohjelman näytön tarkkuuden mukaan.
Esimerkki Java-tuen tarkistamisesta.
Esimerkki
Navigator
-objektin
appName
-ominaisuudesta.
Esimerkki
Navigator
-objektin
platform
-ominaisuudesta.
Esimerkki
Document
-objektista.
Sivun viimeinen päivitys v. 2
Suomalaiseen silmään sopivampi versio (pp/kk/vvvv).
Sivun viimeinen päivitys v. 3
Vieläkin sopivampi versio (pp.kuukausi.vvvv).
Esimerkki
Date
-objektista.
Esimerkki
Location
-ominaisuudesta.
Esimerkki
Title
-ominaisuudesta.
Esimerkki
Date
-objektin
getFullYear
-metodista.
*
Sivun uudelleen lataus.
Automaattista päivitystä.
Taustavärin vaihdin.
Valikkokenttä sivun taustavärin vaihtoon.
Tekstiefektit; eskaloituva fonttikoko.
Fonttikoko nousee merkki kerrallaan.
Tekstiefektit; käänteinen viesti.
Siis oikealta vasemmalla, muttei sentään ylösalasin.
Tekstiefektit; rullaava fonttikoko.
Fonttikoko nousee ja laskee merkki kerrallaan.
Tekstiefektit; vaihtuva väri.
Edustan väri vaihtuu asetuksien mukaan.
Tekstit; satunnainen sitaatti.
Esitettävä teksti arvotaan.
Tekstit; viestit laatikossa.
Lyhyitä viestejä start/stop-napilla.
Tilariviviesti.
Osoitin elementin päällä aiheuttaa tilariville viestin.
*
Tilariviviesti v. 2.
Hellittävä oletustilariviviesti.
*
Tilariviviesti; animoitu.
Oikealta vasemmalle rullaava tilariviviesti.
Tilariviviesti; animoitu v. 2.
Vasemmalta oikealle rullaava tilariviviesti.
Tilariviviesti; animoitu v. 4.
Kirjain kirjaimelta vedetty viesti.
Tilariviviesti; animoitu v. 5.
Kello ja päivämäärä tilariville.
Tilariviviestikierrätys.
Kaksi automaattisesti vaihtuvaa viestiä tilariville.
Vahvistusikkuna.
Antaa asiakkaalle mahdollisuuden jatkaa/perua.
*