implementere noe jquery

[pmonstad]

Jeg har et javascript som blant annet inneholder dette:

 

<label>Bakgrunn:</label>

<button onClick="javascript:changeBGC('blue')">Blå</button>

<button onClick="javascript:changeBGC('white')">Hvit</button>

<button onClick="javascript:changeBGC('black')">Svart</button>

<label>Skrift:</label>

<button onclick="javascript:changeTextColor('black')">Svart</button>

<button onclick="javascript:changeTextColor('white')">Hvit</button>

<button onclick="javascript:changeTextColor('yellow')">Gul</button>

 

Hvordan jeg jeg få dette til å fungere med jquery og spectrum colory picker: http://bgrins.github.com/spectrum/ ?

[Crowly]

Det er en link til dette eksemplet på den github siden: http://jsfiddle.net/bgrins/ctkY3/, som viser det ganske greit.

 

jQuery

$('#colorpicker').spectrum({
   color: "#f00",
   change: function(color) {
       // legg til funksjonalitet her for det du vil endre farge på
       // farge verdien ligger i color variabelen, bruk color.toHexString() for å få #FFFFFF ved valg av hvit
       // f.eks for å endre på tekst fargen i ett element
       $("#text").css('color',color.toHexString());
   }
});

 

html

<div id="text">Test Test Test</div>
<input type="text" id="colorpicker"/>