Need to set the color of an element using a variable with javascript

Anu

Hi,

Please help me to use a variable inside e.cellElement.css("backgroundColor", "var(---" + result.value + ")"); using javascript. I am able to get the color value in the variable "result.value". But its not changing the color using the variable name. I am able to change the color, if I am writing the color name directly inside .css().

Below is the code which I am using.

function gettingcolour(e) {

if (e.column.dataField === "undefined") {

}

else

{

$.ajax({

type: "POST",

url: "/Home1/getcolurdetails", // the URL of the controller action method

data: { data: e.column.dataField },

/* data: "{'colname' :' " + e.column.dataField + "'}",*/ // optional data

success: function (result) {

e.cellElement.css("backgroundColor", "var(---" + result.value + ")");

error: function (req, status, error) {

alert('error')

}

});

}

Thanks

Hanusha

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
@Hanusha
are you getting result.value as any color name like red/blue etc , if yes then it should definitely work .it is working well for me.
If var is working for me it should work for you as well , the problem might be with the data you are getting in your success function.
"mww()">get test

"errorMessage"> a quick brown fox jumps over a little lazy dog
Anu5y ago
Thanks Sachin,

Your suggested code worked for me.

Thanks,
Hanusha
Anu5y ago
Hi Sachin,

Thanks for checking this.I have replace the three dashes with two. Unfortunately it doesn't work.

Thanks,

Hanusha
Sachin Singh5y ago
use two dashes instead of three
e.cellElement.css("backgroundColor", "var(--" + result.value + ")");