HTML change css Style Based on PHP Variable

Question

I have a php page with html and php in it. I have the following code:

for ($x = 0; $x <= 100; $x++) {

    $result = convertTemp($x);

    $tempdesc = getTempName($x);

    $textcolor = "blue";

    echo ($x . " degrees F is equal to " . round($result, 1) . " C, which is " . '<span id="<?php $textcolor ?>" >' . $tempdesc . '</span>' ."<br/>\n");

}

I would like to have the variable tempdesc echo in different colors based on the $textcolor variable above. For now I have it set to "blue" since I have an id set to blue in my css so they should match up and the word should be echoed in blue but the text is not changing color.

@user3783243 make that an answer and I will accept it. That did the trick. — Martheli
– Martheli, Commented Jun 9, 2018 at 20:55

user3783243 · Accepted Answer · 2018-06-09 20:56:32Z

2

You are already in PHP so the <?php and ?> should be removed.
A variable in single quotes is the literal text, it is not the variable. In double quotes PHP expands it to the value.
Your variable is $textcolor, not $blue.

Try:

echo ($x . " degrees F is equal to " . round($result, 1) . " C, which is " . '<span id="' . $textcolor . '" >' . $tempdesc . '</span>' ."<br/>\n");

answered Jun 9, 2018 at 20:56

user3783243

5,2125 gold badges27 silver badges45 bronze badges

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

Comments

Nabeel Akbar · Accepted Answer · 2018-06-09 21:01:16Z

0

you did not have any variable ($blue)

please replace only this line

<span style="color:'.$textcolor.'" >

answered Jun 9, 2018 at 21:01

Nabeel Akbar

115 bronze badges

Comments

João Santos · Accepted Answer · 2018-06-09 21:04:35Z

0

Perhaps what you want is to change the inline style.

for ($x = 0; $x <= 100; $x++) {

    $result = convertTemp($x);

    $tempdesc = getTempName($x);

    $textcolor = "blue";

    echo ("{$x} degrees F is equal to {round($result, 1)} C, which is " . 
'<span style="color:{$textcolor}">' . "{$tempdesc}" . '</span>' ."<br/>\n");

}

Make sure to use the curly braces around the variable.

edited Jun 9, 2018 at 21:04

answered Jun 9, 2018 at 20:58

João Santos

437 bronze badges

Comments

Subrata · Accepted Answer · 2018-07-06 23:57:31Z

0

how about using sass ? u can use variable as color or anything in it!

answered Jul 6, 2018 at 23:57

Subrata

571 gold badge1 silver badge8 bronze badges

Collectives™ on Stack Overflow

HTML change css Style Based on PHP Variable

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related