Aici sunt prezentate diferențele dintre versiunile selectate și versiunea curentă a paginii.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
module:11-basic-web-dev:lectie-09 [2014/11/14 20:15] astoican [Evenimentele onMouseOver și onMouseOut] |
module:11-basic-web-dev:lectie-09 [2014/11/15 08:58] gchelu [Task-uri] |
||
---|---|---|---|
Linia 38: | Linia 38: | ||
====Evenimentele onMouseDown si onMouseUp==== | ====Evenimentele onMouseDown si onMouseUp==== | ||
- | **onMouseDown** - Acționează când ținem apăsat unul din butoanele mouse-ului, pe un document, buton sau link. | + | **onMouseDown** - Acționează când ținem apăsat unul din butoanele mouse-ului pe un document, buton sau link. |
**onMouseUp** - Acțiunea se execută atunci când este eliberat degetul de pe unul din butoanele mouse-ului. | **onMouseUp** - Acțiunea se execută atunci când este eliberat degetul de pe unul din butoanele mouse-ului. | ||
Linia 65: | Linia 65: | ||
<html><p data-height="108" data-theme-id="0" data-slug-hash="ogNpGQ" data-default-tab="result" data-user="andreeas" class='codepen'>See the Pen <a href='http://codepen.io/andreeas/pen/ogNpGQ/'>ogNpGQ</a> by andreea (<a href='http://codepen.io/andreeas'>@andreeas</a>) on <a href='http://codepen.io'>CodePen</a>.</p> | <html><p data-height="108" data-theme-id="0" data-slug-hash="ogNpGQ" data-default-tab="result" data-user="andreeas" class='codepen'>See the Pen <a href='http://codepen.io/andreeas/pen/ogNpGQ/'>ogNpGQ</a> by andreea (<a href='http://codepen.io/andreeas'>@andreeas</a>) on <a href='http://codepen.io'>CodePen</a>.</p> | ||
<script async src="//assets.codepen.io/assets/embed/ei.js"></script></html> | <script async src="//assets.codepen.io/assets/embed/ei.js"></script></html> | ||
+ | |||
+ | ====Task-uri==== | ||
+ | |||
+ | 1. Creați un dreptunghi și un pătrat. Când mouse-ul este deasupra dreptunghiului, se va colora în albastru. Iar când mouse-ul este desupra pătratului, se va colora în galben. Altfel, rămân albe. | ||
+ | |||
+ | 2. Folositi **onMouseDown** și **onMouseUp** pentru a schimba o imagine cu alta, atunci când se apasă pe mouse. | ||
+ | |||
+ | 3. Creați o căsuță de scris cu mai multe linii. Folosiți evenimentul **onBlur** pentru a transforma toate literele în litere mici. | ||
+ | |||
+ | 4. |