Javascript2.2 Werken met vensters 2

Js 2.2

Vensters wijzigen van plaats en grootte

resizeTo(width,height)

Grootte van het venster aanpassen !

Js 2.2

Vensters wijzigen van plaats en grootte

MoveTo()

Veranderen van plaats!

Js 2.2

Uitlezen schermbreedte en hoogte

screen.availHeight

screen.availWidth

Leest de hoogte van het scherm uit !Op basis van de schermresolutie

Leest de breedte van het scherm uit !Op basis van de schermresolutie

Js 2.2

Centreren ten opzichten van browservenster

Nieuw scherm wordt geopendmet features uit de link.

Js 2.2

Style aan schermgrootte aanpassen !

(screen.width) bepaaltde breedte van het scherm

Voorbeeld.ccs

Js 2.2

Style aan schermgrootte aanpassen 2 !

(document.styleSheets) [.]Hierdoor kan een selectie gemaaktworden van de aan de pagina gekoppeldestylesheets.

(document.styleSheets) [0].disabled = false;Dit betekent dat het stylesheet dat als eerstewordt gelinkt actief wordt.

(document.styleSheets) [1].disabled = false;Dit betekent dat het stylesheet dat als tweedewordt gelinkt actief wordt.

Js 2.2

Style aan schermgrootte aanpassen 2 !

Js 2.2

Opdracht !

Maak een webpagina zoals het voorbeeld.Zorg dat er 3 buttons komen om te switchenvan stylesheet.

Zorg er tevens voor dat de pagina beschikbaaris voor de iphone en samsung galaxy S

Maar er een zip-file van en lever deze op natschoolin de betreffende studieroute