Breaking News: Grepper is joining You.com. Read the official announcement!

css json data

Zany Zebra answered on March 27, 2023 Popularity 3/10 Helpfulness 1/10

answer css json data

related css json

css json data

Comment

var obj = {
  button: {
    css: {
      width: "100%",
      backgroundColor: "#4CAF50",
      border: "none",
      color: "red",
      padding: "15px 32px",
      textAlign: "center",
      textDecoration: "none",
      display: "inline-block",
      fontSize: "16px",
      margin: "4px 2px",
      cursor: "pointer"
    },
    attr: {
      text: 'Foo'
    } 
  },
  a: {
    css: {},
    attr: {
      href: 'http://stackoverflow.com',
      text: 'Visit StackOverflow.com'
    }
  }
}

Object.keys(obj).forEach(function(k) {
  $('<' + k + ' />', obj[k].attr).css(obj[k].css).appendTo('#container');  
});

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: css javascript json

Link to this answer
Share Copy Link

Contributed on Mar 27 2023

Zany Zebra

0 Answers Avg Quality 2/10

Closely Related Answers

css json

Comment

var cssjson = {
            ".copy-1":{
                "font-family":"Verdana, Geneva, Arial, Helvetica, sans-serif",        
                "font-size":"11px",
                "color":"#CCC"
            },
            "div#container div#header":{
                "CSSJSON-INHERIT-SELECTOR":".copy-1",
                "position":"absolute",
                "top":"12px",
                "left":"4px"
            }
    }
    var styleStr = "";
    for(var i in cssjson){
        styleStr += i + " {\n"
        for(var j in cssjson[i]){
            if(j=="CSSJSON-INHERIT-SELECTOR"){
                for(var k in cssjson[cssjson[i][j]]){
                    styleStr += "\t" + k + ":" + cssjson[cssjson[i][j]][k] + ";\n"
                }
            }else{
                styleStr += "\t" + j + ":" + cssjson[i][j] + ";\n"     
            }
        }
        styleStr += "}\n"  
    }

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.featureblend.com

Tags: javascript css json

Link to this answer
Share Copy Link

Contributed on Apr 13 2023

Zany Zebra

0 Answers Avg Quality 2/10

css json data

Contents

More Related Answers

css json data

Closely Related Answers

css json

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.