JavaScript – DOM JavaScript objektit

Slides:



Advertisements
Samankaltaiset esitykset
Useimmat esitetyt asiat pätevät myös muihin Office ohjelmiin.
Advertisements

Image Gallery JavaScriptin avulla Juha Konttinen 1.
Avaa selaimeen sivu osoitteesta: Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista.
TILDA-Verkkotilastointi
Suorita menulta voit ottaa yhteyden iSeries:iin tai katkaista yhteyden sinne ja poistua RI400:sta.
AT-STARTTI OPPILAAN OPETUSVERKON JA INTRAN PERUSTOIMINTOJA.
© 2010 IBM Corporation1 Bannerikaruselli  Bannerikaruselli on sisällönhallinnan komponentti, jolla voidaan laittaa www-sivulla haluttuun kohtaan näkymään.
JavaScript oliot © Reiska, DOM Oliot  JavaScript sisältää paljon valmiita DOM olioita, on sisältänyt jo DOM level 0 (ns. Legacy DOM) alkaen  WWW-ympäristössä.
Www-sivuston ja verkkopalvelun rakentaminen Miten tehdä yritykselle www-sivut?
1 Java-kieleen pohjautuvien ohjelmien käyttökohteita Ohjelmat Appletit JavaBeans JavaScript Java Server Pages (JSP) Java Servletit J2ME, mobiililaitteet.
Tietokone Koostuu keskusyksiköstä, näytöstä, näppäimistöstä, hiirestä sekä muista mahdollisista lisälaitteista. Pöytäkoneiden lisäksi löytyy myös kannettavia.
Linuxin rakenne ja ominaisuudet
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö Netbeans ja XAMPP Projektin luominen.
Web-sovellusten arkkitehtuurit K1103TK CodeIgniter - perusteet Jouni Juntunen.
Julkaisukielet ja - tekniikat tMyn1 Julkaisukielet ja -tekniikat •Verkko-ohjelmointi voidaan jakaa kahteen osaan: asiakaspuolen ja palvelinpuolen ohjelmointiin.
Ubuntuun LAMP server sekä Samba tiedostonjako palvelu.
Videon pikaopas Videopuhelun aloittaminen 1.Vie osoitin yhteyshenkilön valokuvan päälle ja napsauta kamerapainiketta. 2.Yhteyshenkilösi näyttöön ponnahtaa.
Internet-viestintä on helppoa! Käyttökuvaus 4.0
1 WWW-lomakkeet Sähköisen liiketoiminnan tärkeä elementti.
1 Tulostaminen ja tiedostot. 2 Tulostaminen paperille n Tulostus voidaan tehdä esimerkiksi: –Crystal Reports -raporttigeneraattorilla –Printer-objektin.
Automaatioasentajan työprosessi
I NTERNETSELAIMEN ASETUKSET Kuinka saan parhaan irti selaimesta.
PowerPoint-ohje © Teemu Sillantaus Teemu Sillantaus
CSS ja sen sovellukset Vesa Jussila. Esitys  Yleistä –Historia –Etuja ja huonoja puolia –Mediatyypit  Käyttö –Laatikkomalli –CSS-taitto –Sovelluksia.
Kuvan tuominen sivulle Työvaiheet käytettäessä Kuvanhallinta-toimintoa: 1. Ladataan kuvatiedosto oman tietokoneen hakemistosta sivustolle 2. Liitetään.
PowerPoint Esitysgrafiikka Mikael Surakka.
Saiko Mannerheimin kuvan kopioida itselleen muille näytettäväksi Kyllä, koska se on otettu ennen vuotta 1966 / se on yli 50 vuotta sitten kuvattu Kuvan.
AT-STARTTI OPPILAAN OPETUSVERKON JA INTRAN PERUSTOIMINTOJA.
PHP funktiot Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö.
CSS3 Teppo Räisänen
Työasemasovelluksen käyttöliittymä sovelluksien käyttöliittymät voidaan jakaa kahteen pääluokkaan: –kohde-toiminto -pohjaisiin (object-action) käyttöliittymiin.
IMAP webMail Program (IMP) Sähköpostin lukeminen selaimen avula.
HTTP-välityspalvelimen käyttö tapahtumien keräämiseen Tero Tähtinen Teknillinen korkeakoulu Tietoliikenneohjelmistojen ja multimedian laboratorio.
XHTML ja linkit Inline-elementti Linkki tehdään a-elementillä ja linkin kohde ilmoitetaan href- attribuutilla Absoluuttinen linkki Helian pääsivulle: Siirry.
© Jukka Juslin1 Tiedostot Tuloksellinen Java-ohjelmointi.
DTD Teppo Räisänen Liiketalouden yksikkö.
Kehykset 1. KEHYKSET: rakenne 2. Frameset 3. Esimerkki: cols 4. Cols: mittayksiköt 5. Cols: mittayksiköt 6. Cols: esimerkki 7. Rows-mittayksiköt 8. Rows-esimerkki.
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö
Videopuhelun aloittaminen Osoita Yhteyshenkilöt-luettelossa yhteyshenkilön kuvaa ja napsauta kamerakuvaketta. Yhteyshenkilösi näyttöön ponnahtaa ilmoitus,
XSL & JavaScript Teppo Räisänen
CSS Dreamweaverilla Matti Viitala KaHa/OAMK 2005.
Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia.
MapInfon tiedostot TAB – Tiedosto, jonka avulla tietokanta avataan MapInfossa. Tiedostossa tietoja kentistä ja koordinaattijärjestelmästä. DAT, XLS. TXT.
Käyttäjäkeskeiset tietoliikennepalvelut Harjoitukset Anssi Jääskeläinen VO:Tiistaisin 6606.
PHP Muuttujien määrittely, sijoituslause ja aritmeettiset operaattorit Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö.
Twitter Teppo Räisänen, Liiketalouden yksikkö Oulun seudun ammattikorkeakoulu.
Mukautuvat web-sivut Joni Korpi 01/20. Määritelmä Sivu, jonka asettelu – ja mahdollisesti sisältö – muuttuvat laitteen koon mukaan. 02/20.
JOPOX Uusi hallinta / Lomaketyökalu. Uuden lomakkeen luonti Lomakkeen rakentaminen alkaa klikkaamalla auki Lomakkeet. Oletusarvoisesti oman joukkueesi.
SevenWeb -julkaisujärjestelmän uudet ominaisuudet Susanna Perälampi.
ÄLÄ KÄYTÄ Tyylit ja muotoilut -paletin tyylejä! MAC: Formatting Palette > Styles.
Varhaiskasvatuksen verkkoasiointi
Jani Kiviharju Helsingin normaalilyseo Syksy 2016
Web-sovellusten kehittäminen - Johdanto
JavaScriptin perusteet
Istuntojen hallinta PHP-sovelluksessa
JavaScript – DOM HTML objektit
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö
Web-sovellusten kehittäminen - Aloitusluento
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö
Facebook Javascript - FBJS
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö
Selaimen pikanäppäimet
ioctl #include <sys/ioctl.h> int ioctl(int d, int request, ...);
PHP Tietokantaohjelmointi 1
Kuvagalleria Adobe Bridget -ohjelmalla
PHP Tietokantaohjelmointi 2
Google Docs Teppo Räisänen,
Kirjaston avoimet tietotekniikkaopastukset
Digiopastus kirjastossa – googlen kaikki mahdollisuudet
Esityksen transkriptio:

JavaScript – DOM JavaScript objektit Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö

DOM DOM HTML Objects DOM Javascript Objects Window Navigator Screen History Location

Window Objektin kautta käsitellään selaimen ikkunaa mm. Ikkunan/ikkunoinnin hallinta (popup) Viesti-ikkunan yms. näyttäminen Tulostus Ajastus … W3C-tutoraalissa: http://www.w3schools.com/htmldom/dom_obj_window.asp

open, location, close, print Open avaa uuden ikkunan selaimeen halutulle sivulle Locationin avulla voidaan siirtyä toiselle sivulle avaamatta uutta ikkunaa Close sulkee sivun Print tulostaa sivun Tulostusta varten voidaan määritellä css-tiedosto asettelua ym. varten Esimerkki

alert, createPopup, confirm alert - selaimen viesti-ikkunan näyttämine createPopup – viestin näyttäminen ”popup” ikkunassa (ei näyttäisi toimivan Firefoxissa) Confirm – varmistuksen kysyminen käyttäjältä Esimerkki

scrollBy,scrollTo, moveFy, focus Vierityspalkkien avulla avautuvaa näkymää voidaan asemoida ScrollBy, ScrollTo Esimerkki Avautuvan ikkunan paikka voidaan määrittää moveBy-komennolla Kohdistin avattuun ikkunaan voidaan asettaa focus-komennolla

Ajastus setTimeout Toiminto suoritetaan tietyn ajan kuluttua Esimerkki setInterval Toiminto suoritetaan tietyn ajan välein

Navigator Navigator-objektin kautta saadaan tietää selaimen ominaisuuksia JavaScriptissä Esimerkki

Screen Screen-objektin kautta voidaan lukea (selaimen) näytön ominaisuuksia Esimerkki

History, Location History - Selainhistorian selaaminen JavaScriptillä (Window).locationin avulla saadaan navigoitua Javascriptillä haluttuun osoitteeseen