[JS App] Домашно jQuery Overview - 4 Задача - Change Background Color


2

Условие:

2.Implement functionality to change the background color of a web page
­i.e. select a color from a color picker and set this color as the background color of the page

Решение: http://pastebin.com/WaU9mQNX

Слагам един input type:color и му закачам event handler, който при промяна вика функция, която сменя цвета на body с избраният цвят.




Отговори



1

Ето и моето решение: CLICK.

Наистина проличава мощта на jQuery - с 2 реда закачам евент и съответния handler. За закачането на събитието не използвам метода on("change"), а направо change().


от vlad_karamfilov (4595 точки)


1

Аз съм я решил по леко различен начин.
Взел съм name на input-a  с jQuery:

http://pastebin.com/2RLruFca
 


 


от plamen.yovchev (3283 точки)


4

Решение: source, demo (webkit only).

Направил съм три слайдера за всеки един от цветовете и съм сложил CSS transition за да е по-плавна смяната.


от jasssonpet (6814 точки)


0
Nice! Хитра идея с RGB-то.

от vphilipov (3591 точки)


1

Demo

Source

За да не изпадаме в подробности, че type:color се потдържа само в Chrome & Opera ползвам външна библиотека. Не е казано по условие, че не може. В github явно не зарежда добре всичко нужно и не се вижда добре но работи.


от saykor (8845 точки)


0
Страхотно си го направил дори в IE работи и то перфектно