SlideShare a Scribd company logo
Javascript2.2 Werken met vensters 2
Vensters wijzigen van plaats en grootteresizeTo(width,height)Grootte van het venster aanpassen !Js 2.2
Vensters wijzigen van plaats en grootteMoveTo()Veranderen van plaats!Js 2.2
Uitlezen schermbreedte en hoogtescreen.availHeightLeest de hoogte van het scherm uit !Op basis van de schermresolutiescreen.availWidthLeest de breedte van het scherm uit !Op basis van de schermresolutieJs 2.2
Centreren ten opzichten van browservensterNieuw scherm wordt geopendmet features uit de link.Js 2.2
Style aan schermgrootte aanpassen !(screen.width) bepaaltde breedte van het schermVoorbeeld.ccsJs 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 samsunggalaxySMaar er een zip-file van en lever deze op natschoolin de betreffende studierouteJs 2.2

More Related Content

PPTX
Les 3 Xml Rss Feeds
PPTX
Les 3 Javascript
PPT
Hoofdstuk 11 Depoorten
PPTX
Les 2 html
PPTX
Php samenvatting
PPTX
Les 2.1 javascript
PPTX
Configuration management
PPTX
Les 1 Javascript Intro
Les 3 Xml Rss Feeds
Les 3 Javascript
Hoofdstuk 11 Depoorten
Les 2 html
Php samenvatting
Les 2.1 javascript
Configuration management
Les 1 Javascript Intro

Viewers also liked (7)

PDF
1.7 navigeren met style
PPTX
Les 2 php prog 1
PDF
1. workshop website plannen_met_mindmap
PDF
Binair Rekenen 2003
PDF
3.2 bootstrap introductie
PDF
1.6 navigeren
PDF
2.2 bijspijkeren
1.7 navigeren met style
Les 2 php prog 1
1. workshop website plannen_met_mindmap
Binair Rekenen 2003
3.2 bootstrap introductie
1.6 navigeren
2.2 bijspijkeren
Ad

Les 2.2 javascript

  • 2. Vensters wijzigen van plaats en grootteresizeTo(width,height)Grootte van het venster aanpassen !Js 2.2
  • 3. Vensters wijzigen van plaats en grootteMoveTo()Veranderen van plaats!Js 2.2
  • 4. Uitlezen schermbreedte en hoogtescreen.availHeightLeest de hoogte van het scherm uit !Op basis van de schermresolutiescreen.availWidthLeest de breedte van het scherm uit !Op basis van de schermresolutieJs 2.2
  • 5. Centreren ten opzichten van browservensterNieuw scherm wordt geopendmet features uit de link.Js 2.2
  • 6. Style aan schermgrootte aanpassen !(screen.width) bepaaltde breedte van het schermVoorbeeld.ccsJs 2.2
  • 7. 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
  • 8. Style aan schermgrootte aanpassen 2 !Js 2.2
  • 9. 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 samsunggalaxySMaar er een zip-file van en lever deze op natschoolin de betreffende studierouteJs 2.2