18.01.2015 Views

Arffmanin palveluksessa Kokkolan kurssilla syntynyt PHP ... - Lahti

Arffmanin palveluksessa Kokkolan kurssilla syntynyt PHP ... - Lahti

Arffmanin palveluksessa Kokkolan kurssilla syntynyt PHP ... - Lahti

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Javascript-tehtäviä 3:<br />

Digitaalinen numero koostuu kuvan mukaisesti seitsemästä viivasta. Tee<br />

Javascript-funktio, muodostaa HTML-taulukkoon digitaaliluvun<br />

osakuvina. Esimerkiksi funktiokutsu numero(7) tulostaisi numeron<br />

seitsemän siten, että ylhäällä ja oikealla olevat viivat tulostuvat taulukkoon.<br />

Ohje: Yksi ratkaisu tehtävään voisi olla bittien verailu keskenään – eli jokaiselle<br />

kuvalle annetaan jokin kakkosen potenssin painoarvo, jota testataan &-<br />

operaatiolla kunkin osakuvan kohdalla.<br />

Tee Javascript-funktio, joka skrollaa vakiona annettua tekstiä tilarivillä<br />

(window.status).<br />

Ohje: Funktion parametrin eteen kannattaa lisätä parikymmentä välilyöntiä,<br />

jotta teksti olisi pidemmän aikaa näkyvissä. Skrollaaminen saadaan aikaiseksi<br />

poistamalla merkkejä parametrin alusta.<br />

Tee HTML-sivullesi Google-linkki ja tekstilaatikko. Tekstikenttään kirjoitettu<br />

teksti toimii Google-linkin hakusanoina.<br />

Ohje: Siirtyminen uuteen URL-osoitteeseen samalla sivulla tapahtuu Javascriptkomennolla<br />

document.location.href=”URL”;<br />

Tee Javascriptilla funktio, joka palauttaa minkä tahansa kuukauden kalenterin<br />

merkkijonotaulukkona siten, että viikonpäivät ovat samassa sarakkeessa ja<br />

sunnuntait ovat taustaltaan punaisia ja päivä, jota eletään (jos mahdollista)<br />

taustaltaan harmaa. Vuosi ja kuukausi viedään parametreina funktioon.<br />

Päivämäärän voi asettaa, vaikkapa setFullYear-metodilla.<br />

Tee edellisen tehtäväpaperin tehtävä 1 järkevästi siten, että onMouseOver ja<br />

onMouseOut –tapahtumat kutsuvat aliohjelmia, joissa parametrina kerrotaan<br />

aktiivinen rivi.<br />

50

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!