Siirry sivun sisältöön
Avut
CSS
HTML
JavaScript
Kotisivu
JavaScript-esimerkkejä, niitä...
Helpoimpia?
Aloita tähdellä (*) merkityistä esimerkeistä, mikäli aihe on aivan uusi. Vaikkapa tästä
viestistä.
*
Aikaraja.
Asettaa aikarajan sivun vierailulle ja lataa jonkun osoitteen ajan täytyttyä.
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; polku.
Luodaan navigointipolku sivun sijainnin perusteella.
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.
*
Esimerkki Java-tuen tarkistamisesta.
Esimerkki
Navigator
-objektin
appName
-ominaisuudesta.
Esimerkki
Navigator
-objektin
platform
-ominaisuudesta.
Esimerkki
Date
- ja
Document
-objekteista.
Sivun viimeinen päivitys v. 2.
Ehkäpä suomalaiseen silmään sopivampi versio (pppp.kkkk.vvvv).
Sivun viimeinen päivitys v. 3.
Mahdollisesti vieläkin inhimillisempi versio (tänään, eilen, ja niin edespäin).
Esimerkki
Date
-objektista.
Esimerkki
Domain
-ominaisuudesta.
Esimerkki
Location
-ominaisuudesta.
Esimerkki
Title
-ominaisuudesta.
Esimerkki
Date
-objektin
getFullYear
-metodista.
*
Sivun uudelleen lataus.
Automaattista päivitystä.
Taustaefektit; satunnainen taustaväri.
Taustaväri arvotaan sivun latautumisen yhteydessä.
Taustaefektit; 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.
Tekstiefektit; otsikko, konekirjoitettu.
Otsikkorivin teksti kirjain kerrallaann.
Tekstiefektit; otsikko, vierivä.
Otsikkorivin teksti vierimään.
Tekstit; satunnainen sitaatti.
Esitettävä teksti arvotaan.
Tekstit; viestit laatikossa.
Vaihtuvia viestejä vaihtotehosteella.
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.
*