我尝试将div类放入回显中,但效果不佳。编码用于在用户登录后将登录按钮更改为用户名按钮。用户名按钮将具有一个下拉列表,即div类。除div class下拉菜单外,其他事情在此编码中均能正常工作。还有另一种方法可以将div类放入回显中吗?有什么想法吗?
这是登录之前
登录后的期望
登录后会得到什么
下面是我的编码:
<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>
答案 0 :(得分:4)
我用另一种方式写下来。如果您有任何问题,请告诉我。我修复了锚点<a>
中缺少的一些属性,并在<li>
元素中也列出了一些<ul>
元素。
<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>
答案 1 :(得分:0)
您可以按照以下方式放置代码,但我发现您的<ul>
丢失了<li>
。
<div class="header-right">
<?php if(isset($_SESSION['login_user'])): ?>
<!-- Login User (HTML) -->
<?php else: ?>
<!-- Not Login User (HTML) -->
<?php endif; ?>
</div>
答案 2 :(得分:0)
<?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>