21/22.02 - ponavljanje gradiva - vežbanje (smernice šta se radi na časovima)
1. kreirati podfolder Zadatak2202
2. otvoriti u vscode i kreirati index.html
3. html 5 snippet (ako nema, postaviti ga)
4. potraži jquery google scriptu (kucati u pretraživaču jquery google, pa na Hosted Lib... kopirati skriptu sa linkom)
( Da li da se koristi js fajl poseban i skript sa linkom ? )
5. Ubaciti skriptu sa linkom na jquery na kraj body elementa
6. u html staviti h1 - neki svoj naslov
- jedno dugme - za $("button").click .... this.hide .... $this.hide ..... $(this).hide
7 . postaviti 3 paragrafa - onMouseLeave da se promeni boja pozadine - zašto ne radi - treba nam .css .... unutra "Background-Color":"yellow" - šta ovde ne valja (backgroundcolor .... ispravno jke backgroundColor).... i ispravno je .mouseleave
8. staviti dugme kojim se paragrafi sakrivaju , $("p").hide(1500) ... i prikazuju $("p").show(2000) ...
9. kako realizovati dugme za promenu boje pozadine za paragrafe ....
10. dugme za promenu pozadine za parrent element ..... $(this.parrentNode).css...
11. kako pristupiti root-u?
$("html")
$(document.documentElement)
$(document) (?)
$.root (?)
$.document (?)
12. dodati div element i prebaciti to dugme tamo ...
13. promeniti dimenzije div elementa i prikazati šta se dešava ako je to dugme unutar div elementa - menja se pozadina roditelja
14. dodati novi div, sa pozadinom , dimenzijama, bojom, position absolute i animacija ... koristiti različite opcije
15. kako raditi sa decom:
primer ako se koristi wrapper div:
$(this).children().css({"color": "red", "border": "2px solid red"});
});
koristite događaj keup
ili ako se klikne na neko posebno dugme:
$(this).on('keup', function(event) {
if(event.key=="Escape")
{ alert("kliknuo si na ESC"); }
});