Set CSS to dynamically created class

Question

I have multiple <ul> and their class names are pulled from database. User can add or delete those unordered lists and give them any name they wish. Then user can assign color to every <ul>. I can save color to database but I don't know how to load it to css because I have to select class which name I don't know and set some color to background-color atribute. This is how I load list:

<ul class="<?php echo $stringTemp; ?>">

This is placed in while loop. Now I need help to put background color to each of these lists.

Can you show the whole code including the SQL query and others ? — Subin
– Subin, Commented Oct 5, 2013 at 16:34
@Alen: You can use a template library like underscore , duster or mustache. It's easy to do in that. Provided you have the data on the page load. — karthick
– karthick, Commented Oct 5, 2013 at 16:39

Näbil Y · Accepted Answer · 2013-10-05 16:34:25Z

3

Uhm, just style="background-color: xxx" ?

answered Oct 5, 2013 at 16:34

Näbil Y

1,68014 silver badges22 bronze badges

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

3 Comments

Alen Over a year ago

Will this work for mutliple styles. I have to set gradient but since gradient is part of CSS3 I have to make seperate styles for multiple browsers?

Jere Over a year ago

You can see the standard syntax here. Browser support here.

Alfred Xing Over a year ago

@Alen multiple styles as in multiple properties? Sure: style="background-color: xxx; background-image: -webkit-xxx; background-image: -moz-xxx;"

MD SHAHIDUL ISLAM · Accepted Answer · 2013-10-05 16:50:05Z

1

<?php
echo "<style>
           .myClass {
                background-color:$stringTemp;
            }
 </style>";

 echo "<ul class='$myClass'>       </ul>";

 ?>

answered Oct 5, 2013 at 16:50

MD SHAHIDUL ISLAM

14.5k6 gold badges84 silver badges93 bronze badges

1 Comment

Deryck Over a year ago

I like this better than mine but you put .myClass in the PHP instead of . " . $myClass . " {. +1 though

Deryck · Accepted Answer · 2013-10-05 16:49:28Z

0

Make a file called style.css and put this in it:

ul.class-one { background-color: #000; }
ul.class-two { background-color: #F00; }
ul.class-etcetc...

and add this to your HTML <head> section:

<link rel="stylesheet" type="text/html" src="style.css">

You probably know how to do this already I just want to be thorough for others reading this.

answered Oct 5, 2013 at 16:49

Deryck

7,6662 gold badges27 silver badges44 bronze badges

Comments

saim imtiaz · Accepted Answer · 2013-10-05 16:55:15Z

0

Try this one it

<?php

        while()
        {
    echo"<ul class='".$stringTemp."'>";
        }
?>

edited Oct 5, 2013 at 16:55

answered Oct 5, 2013 at 16:49

saim imtiaz

661 silver badge6 bronze badges

Collectives™ on Stack Overflow

Set CSS to dynamically created class

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related