Hiding a Div using php

php css caching html hide

57,646

Solution 1

Using Php in your CSS (Cascade Style Sheet) is not "proper",

Also, You can use Php in your HTML:

<body>
    <?php if (condition){ ?>
        <div id="content">
           Foo bar
        </div>
    <?php } ?>
</body>

With this code, div block don't appear, (and you don't use it with JavaScript), You can use this for just hidden your div :

 <body>
    <div id="content" <?php if (condition){ echo 'style="display:none;"'; } ?>>
       Foo bar
    </div>
</body>

Solution 2

Why not create a class:

<style>
    .hidden {
        display: none;
    }
</style>

And than apply it with PHP:

<div id="content" <?php print ( condition ? 'class="hidden"' : '' ); ?> >

Solution 3

That would not be the best way to hide a div. Since PHP is parsed server-side, you might as well have the if statement include or exclude the div instead of echoing a CSS class. The only time that would be useful with a CSS class is if you plan to use JavaScript to show the div on the page later on, while the user is on the page itself.

57,646

Author by

Krimson

Updated on July 05, 2022

Comments

Krimson almost 2 years
I am currently hiding a div based on an if statement. The method I use is, use echo out a css style of display: none

Here is what I am doing specifically:
```
<style>
  #content{
    <?php
      if(condition){
          echo 'display:none';
      }
    ?>
  }
</style>
<body>
    <div id="content">
       Foo bar
    </div>
</body>
```
My question being, Is this a good method for a hiding a div? Is it possible that browser cache the style and therefore ignore the echo-ed out css style?