https://peda.net/id/0fd9dfcc3bf 2019-04-24T11:53:08+03:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license nofollow ugc noopener" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative commons CC BY-NC-SA 3.0</a></div> https://peda.net/id/66364f223bf 2019-03-08T09:01:48+02:00 <ul> <li>Avaa video ja avaa Jaa-valikko (iOS-sovelluksessa oikeassa yläkulmassa, muissa oikeassa alakulmassa).</li> </ul> <span class="center medium"><a href="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h4sin/tavoite/youtube_jaa-png#top" title="youtube_jaa.png"><img src="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h4sin/tavoite/youtube_jaa-png:file/photo/97733033b4ac741974a616ce263a224bac355d64/youtube_jaa.png" alt="" title="youtube_jaa.png" class="inline" loading="lazy"/></a></span> <ul> <li>Etsi upotuskoodivalikko.</li> </ul> <span class="center medium"><a href="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h4sin/tavoite/youtube_upota-png#top" title="youtube_upota.png"><img src="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h4sin/tavoite/youtube_upota-png:file/photo/10a6f20dc0d11998c0bc3c7d4c9fd6efd6a63554/youtube_upota.png" alt="" title="youtube_upota.png" class="inline" loading="lazy"/></a></span> <ul> <li>Muokkaa upotuskoodia, mikäli haluat <ul> <li>leveys pikseleinä kohdassa width</li> <li>korkeus pikseleinä kohdassa height</li> <li>näytön kääntö asetuksella gyroscope</li> <li>videon aloitus keskeltä kohdasta Aloitusaika</li> </ul> </li> </ul> <span class="center medium"><a href="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h4sin/tavoite/youtube_koodi-png#top" title="youtube_koodi.png"><img src="https://peda.net/p/janne.rytkonen/ym/0-ohjelmointi/tj/ohjelmointi2/ikhcj/h4sin/tavoite/youtube_koodi-png:file/photo/e27d7ef51fc90c5fefd8ea0be107f1f985b609d8/youtube_koodi.png" alt="" title="youtube_koodi.png" class="inline" loading="lazy"/></a></span> 2019-03-01T09:26:58+02:00 https://peda.net/id/a682c3fa416 2019-03-08T08:52:11+02:00 Tavoitteenasi on laatia internet-sivu, jossa on kaksi palikkaa päällekkäin:<br/> <ul> <li>Youtube-video upotettuna Jaa-valikon [[$\text{&lt;iframe&gt;}$]]-blokkina. Tämä kuitenkin muuttuu toiseksi videoksi, kun kursori menee tämän päälle. <ul> <li>toiminto eli <span>[[$\text{function}$]]</span> bindattuna [[$\text{&lt;iframe&gt;}$]]-upotuskoodin sisältävään <span>[[$\text{&lt;td&gt;}$]]-ruutuun.</span> <ul> <li><span>[[$\text{&lt;script&gt;}$]]-osiossa määritelty [[$\text{videotrolli(painike)}$]]-toiminto [[$\text{onmouseover}$]]-eventtinä tähän ruutuun [[$\text{this}$]] kirjoittamalla [[$\text{videotrolli(this)}$]]</span></li> </ul> </li> </ul> </li> <li>Kyseisen Youtube-videon kuvausteksti, jonka taustaväri muuttuu, kun käyttäjä klikkaa tekstiä. <ul> <li>toiminto eli <span>[[$\text{function}$]] bindattuna kuvaustekstin sisältävään [[$\text{td}$]]-ruutuun</span> <ul> <li><span>[[$\text{script}$]]-osiossa määritelty [[$\text{tekstitrolli(painike)}$]]-toiminto [[$\text{onclick}$]]-eventtinä tähän ruutuun [[$\text{this}$]] kirjoittamalla [[$\text{tekstitrolli(this)}$]]</span></li> </ul> </li> </ul> </li> </ul> 2019-03-08T08:51:50+02:00