Insert Value in css line

Question

I'm trying to add the padding-top value to the css that I append in the header , but only color is working:

        var PaddingTOp = $('#PaddingTOp').val();
        var PaddingRight = $('#PaddingRight').val();
        var PaddingBottom = $('#PaddingBottom').val();
        var PaddingLeft = $('#PaddingLeft').val();

        //Class Name
        $("<style type='text/css'> .redbold{ color:#f00; padding-top: PaddingTOp ;} </style>").appendTo("head");
        $(".container").addClass("redbold");

You are just setting the string PaddingTOp as the value and not the contents of that variable. Use concatenation. — Harry
– Harry, Commented Aug 20, 2015 at 13:34

m4n0 · Accepted Answer · 2015-08-20 14:02:48Z

2

$("<style type='text/css'> .redbold{ color:#f00; padding-top: "+PaddingTOp+" ;} </style>").appendTo("head");

edited Aug 20, 2015 at 14:02

m4n0

32.6k28 gold badges81 silver badges98 bronze badges

answered Aug 20, 2015 at 13:36

vijayP

11.5k5 gold badges28 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohamed Samy Over a year ago

nice work , now i need all the other var if they have value will added to the line also .. i`m trying but the vars added without any values .!

vijayP · Accepted Answer · 2015-08-20 13:59:27Z

    var PaddingTOp = $('#PaddingTOp').val();
    var PaddingRight = $('#PaddingRight').val();
    var PaddingBottom = $('#PaddingBottom').val();
    var PaddingLeft = $('#PaddingLeft').val();

    //Class Name

    var cssToApply = "color:#f00;";
    $.trim(PaddingTOp).length > 0 ?  cssToApply + "padding-top:"+PaddingTOp +";" : "";
    $.trim(PaddingRight ).length > 0 ?  cssToApply + "padding-right:"+PaddingRight +";" : "";
    $.trim(PaddingBottom ).length > 0 ?  cssToApply + "padding-bottom:"+PaddingBottom +";" : "";
    $.trim(PaddingLeft ).length > 0 ?  cssToApply + "padding-left:"+PaddingLeft +";" : "";

    $("<style type='text/css'> .redbold{ "+ cssToApply +"} </style>").appendTo("head");
    $(".container").addClass("redbold");

Collectives™ on Stack Overflow

Insert Value in css line

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related