Valmiissa pohjassa käytetty globaali data-muuttuja on välillä aiheuttanut
ongelmia. Korjasin pohjaa nyt siten, että sen ei enää pitäisi aiheuttaa
virheilmoituksia. Sama hoituu myös siten, että
kommentoi pois rivin:
data = undefined;
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
To err is human. To blame someone else for your errors is even more human.
Ensi maanantain etäohjaus on tällä kerralla poikkeuksellisesti illalla klo
18-20.
Päivystän maanantai-iltana telegramia, sähköpostia ja verkko-ohjausta:
https://appro.mit.jyu.fi/tools/ohjaus/
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
Maisterisormuksen aaveet vetävät minut rähmälleni populaatiogenetiikkasuohon - Ietu
Viikkotehtävä 4 on nyt arvioitu. Pisteenne näette osoitteessa:
https://appro.mit.jyu.fi/cgi-bin/tiea2120/ilmo/ilmo.cgi/omat
Härveli yrittää nyt myös laskea mahdollisen arvosananne.
Arviointiperusteet ja arvosanan laskukaava näkyvät täältä:
https://appro.mit.jyu.fi/tiea2120/vt/#arviointi
btw, digipalvelujen w:-asema on ollut tänään klo 12 alkaen jumissa.
Asiasta on tehty ilmoitus digipalveluille. W:-aseman tiedostoihin pääsee
kyllä edelleen käsiksi esim. halavan/jalavan kautta.
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
There is no point in being grown up if you can't be childish sometimes. -Dr. Who
Viikkotehtävä 3 on nyt arvioitu. Oman arvionsa näkee osoitteesta:
https://appro.mit.jyu.fi/cgi-bin/tiea2120/ilmo/ilmo.cgi/omat
Muistakaa tehdä viikkotehtävä 4:n vertaisarviointi tällä viikolla.
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
Laughter is the closest distance between two people. -- Victor Borge
Viikkotehtävä 4:ssa on kaksi eri tapaa varmistaa, että käyttämänne kuvat
ja niiden ominaisuudet ovat javascript-koodissanne käytettävissä.
a) Joko laitatte kaikki kuvat suoraan html-koodiin ja teette kaiken
koodinne window-luokan load-tapahtumassa, joka tapahtuu vasta, kun kaikki
sivuun liittyvät asiat on ladattu
b) jos luotte img-elementtejä dynaamisesti javascript-koodissa, teidän
_täytyy_ odottaa, että kuva ehtii latautua. Esim. kuvan korkeutta ja
leveyttä ei tiedetä ennen kuin kuva on latautunut
Tässä tapauksessa kuvalle pitää suoraan asettaa load-tapahtumakäsittelijä:
let img = document.createElement("img");
img.addEventListener("load", function(e) {
tänne kuvaa käsittelevä koodi
});
img.src = "kuvan osoite";
load-tapahtumankäsittelijä on hyvä asettaa heti, kun img-elementti on
luotu, että ei käy mitään vahinkoja eli kuva esim. olisi lokaalisti
testaillessa tai välimuistista jo ehtinytkin latautua ennen kuin
tapahtumankäsittelijää edes asetetaan.
Muistakaa asettaa tapahtumankäsittelijät aina addEventListener-metodilla
eikä suoraan sijoittamalla esim. img.onload-ominaisuuteen. Jälkimmäistä
tapaa näkee monissa esimerkeissä, mutta addEventListener on aina parempi.
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
To attract a vegetarian, make a noise like a wounded vegetable.
Ensi maanantaina on taas tarjolla viime hetken paniikkiohjausta
viikkotehtävän tekemiseen klo 10-12.
Päivystän maanantaina telegramia, sähköpostia ja verkko-ohjausta:
https://appro.mit.jyu.fi/tools/ohjaus/
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
Examine what is said, not him who speaks. -- Arab proverb
viikkotehtävä 4:ssa on mainittu firefoxissa esiintyvä bugi, joka ei
päivitä vw- ja vh-yksiköillä tehtyä animaatiota, jos selainikkunan koko
muuttuu. Tähän keksittiin mikroluokassa helppo korjaus eli voi laittaa
kaikki vw- ja vh-yksiköillä tehdyt määritykset calc-funktion sisään ja
hups nyt toimiikin. Esim
transform: translate(100vw,0vh);
muutettaisiin muotoon:
transform: translate(calc(100vw),0vh);
calcia siis käytetään vaikka ei olisi tarve.
--
Tommi Lahtonen, tommi.j.lahtonen(a)jyu.fi, < https://hazor.iki.fi/ >
People are lonely because they build walls instead of bridges. -- Joseph Newton