CODEWITHSUNDEEP
phphtml
Wan1234
Wan1234

Reputation: 35

Div class inside echo PHP

I try to put div class in the echo but it does not work really well. The coding is for to change the login button to the username button after user login. The username button will have the drop-down which is the div class. Other things are work well in this coding except for the div class drop-down. Is there another way to put the div class in the echo? Any thought??

enter image description here

This is before login

enter image description here

What I expected after Login

enter image description here

What I get after Login

Below is my coding:

<div class="header-right">
    <?php
        if (isset($_SESSION['login_user'])) {
            echo '<a class="active" ><img src="image/user.png" width="22" height="22"> '.$login_session.' <img src="image/drop.png" width="20" height="20" > </a>';
            echo '<div class="box dropdown">
            <ul>
             <a "">edit</a>
              <a "">delete</a>
              <a id="logout" href="logout.php">Log Out</a>
            </ul>
          </div>';
        } else {
            echo '<a class="active" href="login.php"><img src="image/lock.png" width="20" height="20"> Login</a>' ;
        }
    ?>
</div>

Upvotes: 0

Views: 6099

Answers (3)

dev48v
dev48v

Reputation: 11

    <?php if (isset($_SESSION['login_user'])) { ?>
        <a class="active" >
            <img src="image/user.png" width="22" height="22">
            <?php $login_session ?>
            <img src="image/drop.png" width="20" height="20" >
        </a>
        <div class="box dropdown">
            <ul>
                <li><a href="#">edit</a></li>
                <li><a href="#">delete</a></li>
                <li><a id="logout" href="logout.php">Log Out</a></li>
            </ul>
        </div>
    <?php } else { ?>
        <a class="active" href="login.php"><img src="image/lock.png" width="20" height="20"> Login</a>
    <?php } ?>
</div>

Upvotes: 0

Jonathan Gagne
Jonathan Gagne

Reputation: 4379

I use another way to write down this. Let me know if you have any question. I fixed some attribute missing into your anchors <a> and list some <li> elements into your <ul> element as well.

<div class="header-right">
    <?php if (isset($_SESSION['login_user'])) { ?>
        <a class="active" >
            <img src="image/user.png" width="22" height="22">
            <?= $login_session ?>
            <img src="image/drop.png" width="20" height="20" >
        </a>
        <div class="box dropdown">
            <ul>
                <li><a href="#">edit</a></li>
                <li><a href="#">delete</a></li>
                <li><a id="logout" href="logout.php">Log Out</a></li>
            </ul>
        </div>
    <?php } else { ?>
        <a class="active" href="login.php"><img src="image/lock.png" width="20" height="20"> Login</a>
    <?php } ?>
</div>

Upvotes: 4

Tommy Tom
Tommy Tom

Reputation: 68

You may put your code in the way like below and I found out your <ul> is missing <li>.

<div class="header-right">
     <?php if(isset($_SESSION['login_user'])): ?>
        <!-- Login User (HTML) -->
     <?php else: ?>
        <!-- Not Login User (HTML) -->
     <?php endif; ?>
</div>

Upvotes: 0

Related Questions