Les 2.2 javascript

558 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
558
On SlideShare
0
From Embeds
0
Number of Embeds
69
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Les 2.2 javascript

  1. 1. Javascript<br />2.2 Werken met vensters 2<br />
  2. 2. Vensters wijzigen van plaats en grootte<br />resizeTo(width,height)<br />Grootte van het venster aanpassen !<br />Js 2.2<br />
  3. 3. Vensters wijzigen van plaats en grootte<br />MoveTo()<br />Veranderen van plaats!<br />Js 2.2<br />
  4. 4. Uitlezen schermbreedte en hoogte<br />screen.availHeight<br />Leest de hoogte van het scherm uit !Op basis van de schermresolutie<br />screen.availWidth<br />Leest de breedte van het scherm uit !Op basis van de schermresolutie<br />Js 2.2<br />
  5. 5. Centreren ten opzichten van browservenster<br />Nieuw scherm wordt geopend<br />met features uit de link.<br />Js 2.2<br />
  6. 6. Style aan schermgrootte aanpassen !<br />(screen.width) bepaalt<br />de breedte van het scherm<br />Voorbeeld.ccs<br />Js 2.2<br />
  7. 7. Style aan schermgrootte aanpassen 2 !<br />(document.styleSheets) [.]<br />Hierdoor kan een selectie gemaakt<br />worden van de aan de pagina gekoppelde<br />stylesheets.<br />(document.styleSheets) [0].disabled = false;<br />Dit betekent dat het stylesheet dat als eerste<br />wordt gelinkt actief wordt.<br />(document.styleSheets) [1].disabled = false;<br />Dit betekent dat het stylesheet dat als tweede<br />wordt gelinkt actief wordt.<br />Js 2.2<br />
  8. 8. Style aan schermgrootte aanpassen 2 !<br />Js 2.2<br />
  9. 9. Opdracht !<br />Maak een webpagina zoals het voorbeeld.<br />Zorg dat er 3 buttons komen om te switchen<br />van stylesheet.<br />Zorg er tevens voor dat de pagina beschikbaar<br />is voor de iphone en samsunggalaxyS<br />Maar er een zip-file van en lever deze op natschool<br />in de betreffende studieroute<br />Js 2.2<br />

×