Изменение Navbar динамически, когда пользователь вошел в $ SESSION
в основном это мой navbar, и я хотел бы, чтобы, когда пользователь этот логин изменил navbar, чтобы он отображал log out, профиль и т. д.
¿Как бы я сделал этот код?
Спасибо.
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<i class="fa fa-bars fa-lg" aria-hidden="true"></i>
</button>
<a href="index.html"><img src="img utiles/socialprop5.png" width="60px"></a>
</div>
<div class="nav navbar-nav navbar-right navbar-collapse collapse">
<li><a href="faq/faq.html"><span class="glyphicon glyphicon-question-sign"></span> F.A.Q</a></li>
<li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_login"><span class="glyphicon glyphicon-log-in" ></span> Accede</a></li>
<li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_register"><span class="glyphicon glyphicon-log-in" ></span> Registrate</a></li>
</div>
</div>
</div>
2
1 answers
Чтобы изменить nav, я бы использовал что-то вроде этого:
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<i class="fa fa-bars fa-lg" aria-hidden="true"></i>
</button>
<a href="index.html"><img src="img utiles/socialprop5.png" width="60px"></a>
</div>
<?php
//En el if va la variable con la que identificas si estan logueados
if($_SESSION['login'] == true){
?>
<div class="nav navbar-nav navbar-right navbar-collapse collapse">
<li><a href="faq/faq.html"><span class="glyphicon glyphicon-question-sign"></span> F.A.Q</a></li>
<li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_perfil"> Perfil</a></li>
<li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_logout"> Cerrar sessión</a></li>
</div>
<?php
//Acción que se ejecutaria en caso de que no estes logueado
}else{
?>
//Aquí iría el menu que quieres mostrar en caso de que no estes logueado
<div class="nav navbar-nav navbar-right navbar-collapse collapse">
<li><a href="faq/faq.html"><span class="glyphicon glyphicon-question-sign"></span> F.A.Q</a></li>
<li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_login"><span class="glyphicon glyphicon-log-in" ></span> Accede</a></li>
<li><a href="" id="modaltrigger" data-toggle="modal" data-target="#user_register"><span class="glyphicon glyphicon-log-in" ></span> Registrate</a></li>
</div>
<?php
}
?>
</div>
</div>
1
Author: J. Castro, 2016-10-14 17:30:27