2

Básicamente este es mi navbar y quisiera que cuando el usuario este logueado cambie el navbar para que aparezca log out, perfil, etc.

¿Cómo haría ese código?

Gracias.

<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>

1 respuesta 1

1

Para cambiar el nav utilizaría algo así:

<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>

3
  • Sisi al final pude hacerlo, mi pregunta para hacer un session destroy, podria poner esta funcion en el boton logout?
    – Pepper 92
    Commented el 14 oct. 2016 a las 17:42
  • si lo pueddes hacer claro que tendria que ir en el botón del menú cuando esta el usuario en sesión <li><a href="logout.php" id="modaltrigger" data-toggle="modal" data-target="#user_logout"> Cerrar sessión</a></li> en logout.php estaria el código de session destroy
    – J. Castro
    Commented el 14 oct. 2016 a las 17:43
  • Dale! muchas gracias por los tips!! abrazo
    – Pepper 92
    Commented el 14 oct. 2016 a las 17:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.