How to pass variable values from jquery function to css file
Hi All,
I am using jquery-ajax function to call database on page load and display values on front age(html page).
My database contains coordinates also where value should get displayed.
How can i pass variable values from jquery function to css file.
JQuery function code:
function callme() {
$.ajax({//create an ajax request to display.php
type: "POST",
url: "ReadDataBaseValue",
dataType: "html", //expect html to be returned
success: function (response) {
array_data = response;
$("#anuj1").html(array_data);
//2. store response in some variable and split the values
var result = array_data.split(":");
document.getElementById("Display_Frequency_UC1").innerHTML = result[0];
document.getElementById("freq_display_in_box_UC1").innerHTML = result[0];
}
});
}
CSS file:
#freq_display_in_box_UC1{
width: 20px;
height: 30px;
border: 5px solid gray;
}
Currently values in CSS file are hard coded. I want them to come from database like result[0].