Sunteți pe pagina 1din 4

VARIANTA 1.

1
1. Un fisier HTML contine
<a href=http://fmi.unibuc.ro/> <img src=FMI.jpg > </a>
Adaugati urmatorul efect: la click pe imagine apar timp de 10 minute, din 10 in 10 secunde
fereastre alert cu informatii (info1, info2, .).
2. Se considera html-ul:
<body>
<ol id="lista1">
<li>miau</li>
<li>chit</li>
<li>ham</li>
</ol>
<ol id="lista2">
<li>muu</li>
<li>cip</li>
<li>bzzz</li>
<li>gugu</li>
</ol>
</body>
Adaugati un trigger de eveniment astfel incat la apasarea tastelor numerice (1,,9), in cazul in
care sunt suficiente elemente in ambele liste (nu presupuneti ca au un numar fixat de elemente),
sa se interschimbe textul elementelor din lista, de pe pozitia indicata de tasta. In cazul in care cel
putin una din liste nu contine suficiente elemente pentru interschimbare, sa se afiseze un alert cu
textul: "Nu sunt suficiente elemente in cele doua liste".

VARIANTA 2.1
1. La hover pe oricare din elementele de tip P care au clasa wrapper sa se afiseze intr-un
alert numarul de elemente de tip P care nu au clasa wrapper. Alertul se afiseaza la
fiecare 5 secunde. Dupa 5 afisari, alertul nu trebuie sa se mai afiseze
2. Sa se genereze prin JavaScript, la incarcarea paginii, 10 patratele (divuri), continand fiecare ca
text numarul sau de ordine (deci primul div va contine numarul 1, al doilea numarul 2, etc.).
Divurile vor avea dimensiune 20x20px si vor avea un border solid. Vor fi pozitionate "pe
diagonala", astfel incat coltul din dreapta-jos al divului i sa atinga coltul din stanga sus al divului
i+1.

VARIANTA 1.2
1. Se considera html-ul:
<body>
<ol id="lista1">
<li>miau</li>
<li>chit</li>
<li>ham</li>
</ol>
<ol id="lista2">
<li>muu</li>
<li>cip</li>
<li>bzzz</li>
<li>gugu</li>
</ol>
</body>
Programati urmatorul efect: la click pe un element dintr-o lista, acesta sa se mute in cealalta lista
(la sfarsitul acesteia).

2. Scrieti o functie creaza_div (n) care creaza dinamic n divuri imbricate, unul in interiorul
celuilalt. Cel mai mic mic are dimensiunea 20x20 pixeli, acesta dimensiune crescand cu 10
pixeli pentru fiecare div. Atribuiti fiecarui div un id dupa o regula stabilita de voi. Atasati
un event listener astfel incat la "click" pe un div sa apara o fereastra alert cu id-ul divului
respectiv. Ferestrele corespunzatoare divurilor care sesizeaza click-ul trebuie sa apara in
ordinea descrescatoare a dimensiunii divurilor.

VARIANTA 2.2
1. Atasati un event listener pentru fiecare LI din UL-ul cu ID-ul "parinte" care executa o functie
ce indeplineste urmatoarele: la click pe fiecare element li ce are clasa "click" afiseaza intr-un
alert numarul de li-uri din clasa click; la click pe un element care nu are clasa click afiseaza
intr-un alert mesajul nu.
2. La fiecare click al mouse-ului la pozitia acestuia apare un buton care isi afiseaza numarul (al
click-ului). Dupa 10 secunde butonul dispare definitiv din document.

S-ar putea să vă placă și