CODEWITHSUNDEEP
jqueryhtmlcolor-picker
Live
Live

Reputation: 79

jQuery live color switcher

I try to make jquery live color switcher but i need to know is it possible add some plugin who change a background color like header or body

Now I use jQuery MiniColors 2.0.

Upvotes: 0

Views: 789

Answers (1)

Phu
Phu

Reputation: 572

You can use simple javascript to get the element and change the background color using

document.getElementById('Id name here').style.background = color;

or you can use jQuery and use:

$('bodyIdOrClassName').css('backgroundColor', '#FF0000');

but with your color of course.

EDIT: using style.background is better than using .bgColor.

Using your JsFiddle: add this to the change function:

                change: function(hex, opacity) {

                    // ADD THIS LINE
                    $('body').css('backgroundColor', hex);
                }

Here's a live example: http://jsfiddle.net/KNWVv/

Upvotes: 2

Related Questions