AVOIMET

• Apache
• ASP
• Cold Fusion
• CSS
• DHTML & DOM
• JSP ja servletit
• JavaScript
• Konehuone
• Multimedia
• .NET
• Internet-markkinointi
• Perl
• PHP
• SQL
• VBScript
• XHTML
• XML

REK. KÄYTTÄJILLE

• ActionScript 2.0
• ASP
• Apache
• Dreamweaver MX
• Flash
• Flash Lite 2.0
• Java
• MySQL
• MS Access
• MS IIS
• PHP
• SQL
• XSL

FAQ / UKK

• FAQ

PALVELUT YRITYKSILLE

• Hakukoneoptimointi
• Hakusanamainonta
• Kotisivut
• Koulutus ja kurssit

PALVELUT YKSITYISILLE

• Soittoäänet ja muu mobiiliviihde

Dynaaminen HTML ja DOM

 

Objektimalli

Objektimallin rakenne

Dynaaminen HTML perustuu hyvin pitkälti siihen että DOM-mallin avulla laukaistaan ja hallitaan erilaisia komentosarjoja. Perustana tälle hallinnalle ovat objektit, joita skriptit DOM-mallin avulla käyttävät. Jokaisella elementillä (jokainen tagi muodostaa olion tai objektin) on yksilöllinen nimi, jonka avulla skriptit voivat viitata siihen. Objektien nimeämisjärjestystä kutsutaan objektimalliksi.

Siinä missä objekti on jotain mikä voi reagoida skriptin kanssa, objektimalli on objekteista koostuva kokonainen ryhmä. Objektimalli on siis järjestelmä, jota käytetään yhteisenä nimittäjänä kaikille objekteille. Nimeämisjärjestelmä perustuu objektien hierarkiaan, joka on seuraavanlainen DOM 0 mallissa:

Seuraavassa lyhyet esittelyt objekteista (objects):

• location objekti sisältää tietoa nykyisen sivun URL-osoitteesta. Voidaan käyttää mm. sivuilla navigointiin.
• history objekti pitää kirjaa sivuista, joilla on viimeksi käyty. Voidaan käyttää mm. etsittäessä tietoa viimeksi käydyistä sivuista.
• navigator objekti sisältää tietoa selainohjelmasta. Voidaan käyttää mm. selaimen tunnistukseen.
• event objekti pitää kirjaa tapahtuman tilasta. Voidaan käyttää mm. määriteltäessä mikä objekti aiheutti tapahtuman, miten jne.
• screen objekti sisältää tietoa vierailijan näytön asetuksista. Voidaan käyttää mm. päätettäessä sopiva esitystapa.
• document objekti sisältää selaimessa sillä hetkellä näkyvän dokumentin kaikkine ominaisuuksineen.

Seuraavaksi lista kaikista kokoelmista:

• frames kokoelma (document.frames)sisältää kaikki kehykset.
• links kokoelma (document.links) sisältää kaikki hyperlinkit ja asiakaspuolen kuvakartat dokumentissa.
• anchors kokoelma (document.anchors) sisältää dokumentin kaikki nimetyt kohteet.
• images kokoelma (document.images) sisältää dokumentin kaikki kuvat.
• forms kokoelma (document.forms) sisältää dokumentin kaikki lomakkeet. Jokaisella lomakkeella on kokoelmansa, joka koostuu lomakkeen elementeistä.
• applets kokoelma (document.applets) sisältää dokumentin kaikki Java- appletit.
• embeds kokoelma (document.embeds) sisältää dokumentin kaikki upotetut objektit.
• plugins kokoelma (document.plugins) sisältää dokumentin kaikki upotetut objektit.
• scripts kokoelma (document.scripts) sisältää tiedon dokumentin kaikista skripteistä.
• all kokoelma (document.all) sisältää tiedon dokumentin kaikista elementeistä.
• selection objekti (document.selection) sisältää kaikki elementit, mitä vierailija on valinnut.
• styleSheets kokoelma (document.styleSheets) sisältää dokumentin tyylit ja antaa mahdollisuuden manipuloida niitä.
• body kokoelma (document.body) antaa mahdollisuuden muokata dokumentin runkoa.

Tutustu artikkelin muihin osiin:
»»» DHTML ja DOM »»» Dokumenttioliomalli
»»» DHTML ja DOM »»» DOM 0
»»» DHTML ja DOM »»» Objektimalli

Tallenna tämä sivu kirjanmerkkeihin!