2

Estoy intentando que de alguna manera cuando estes en la pagina "dashboard" por ejemplo, en el menu este resaltado de un color, y al cambiar a otra página, esta otra se resalte de un color. Programando en MVC lo veo complicado, no encuentro la forma.

    <li class="nav-item start active open">
    <a href="<?php echo $CRDomain; ?>dashboard.php" class="nav-link nav-toggle">
        <i class="icon-home"></i>
        <span class="title">Dashboard</span>
        <span class="selected"></span>
    </a>
</li>
<li class="heading">
    <h3 class="uppercase">Library</h3>
</li>
<li class="nav-item  ">
    <a href="<?php echo $CRDomain; ?>books" class="nav-link ">
        <i class="icon-book-open"></i>
        <span class="title">Books</span>
    </a>
</li>

Actualmente el dashboard.php tiene la etiqueta en el li de "active open" y el span de "selected". Como podría cambiar eso según la página en la que este?

6
  • En cada vista armas el menu o tienes un layout para el menu y cada vista se alimenta de ese layout?
    – sioesi
    Commented el 24 may. 2017 a las 19:15
  • Tengo el menu en un layout aparte (un archivo en html/navs) y en las vistas imprimo el layout con ob_start(); include "../html/nav/nav.php"; $nav = ob_get_clean(); echo $nav;
    – Charlie
    Commented el 24 may. 2017 a las 19:17
  • una ultika consulta estas utilizando algun framework o es mvc puro?
    – sioesi
    Commented el 24 may. 2017 a las 19:21
  • 1
    @sioesi ¿quisiste decir PHP puro?
    – Shaz
    Commented el 24 may. 2017 a las 19:25
  • si xD, perdon! @Shaz
    – sioesi
    Commented el 24 may. 2017 a las 19:32

2 respuestas 2

0

Puedes utilizar esta funcion, que devuelve en base a tu URL la accion en la que esta.

function verificarURL($action){
    $current_action = basename($_SERVER['REQUEST_URI'], ".php");
    $current_action = strtok($current_action, '?');
    if ($current_action == $action){
        echo 'class="nav-item start active open"';
    } else {
        echo 'class="nav-item"';
    }
}

Por otro lado, la lista en tu nav.php

<ul>
    <li><a href="dashboard.php" <?=verificarURL("dashboard")?>>DashBoard</a></li>
    <li><a href="books.php" <?=verificarURL("books")?>>Books</a> </li>
</ul>

Llama a la funcionverificarURL y envia por parametro la accion que espera para estar activo. Si la accionen la que esta, es igual a la que envia por parametro, se le imprime la clase start active open, de lo contrario solo nav-item

EDICION

Respecto a los problemas que te surgieron, para quitar los parametros en caso de que vengan por get

$current_action = strtok($current_action, '?');
11
  • Esta funcion funciona perfectamente! Muchas gracias :D
    – Charlie
    Commented el 24 may. 2017 a las 20:59
  • si te sirvio mi respuesta recuerda marcarla :D, saludos! @CharlieClewer
    – sioesi
    Commented el 24 may. 2017 a las 21:17
  • Respecto a esta función, me ha surgido un problema. Si hay datos en el get, por ejemplo un codigo de error o una id, no me lo valida la url y me imprime el active open. ¿Habría alguna posibilidad de editarla para que ignorase si hay datos en el get?
    – Charlie
    Commented el 25 may. 2017 a las 11:08
  • Además, añado que existe el problema de los <li> dropdowns, cuando estan en la pagina del dropdown, me gustaría que se cambiase la clase solo del padre, es decir el <li> que engloba el dropdown.
    – Charlie
    Commented el 25 may. 2017 a las 11:42
  • @CharlieClewer ya solucione uno de tus problemas, podrias editar tu pregunta y agregar los <li> dropdowns para ver como los trabajas y ayudarte?
    – sioesi
    Commented el 25 may. 2017 a las 13:01
0

Sobre las dos preguntas que hice anteriormente respecto al mismo tema:

  1. ¿Donde exactamente añado la linea de código que has puesto en la edición?
function verificarURL($action) {
  $current_action = basename($_SERVER['REQUEST_URI'], ".php");
  $current_action = strtok($current_action, '?');
  if ($current_action == $action){
      echo 'active open';
  }
}

Si es así, no me ha funcionado.

<li class="nav-item <?=verificarURL("search")?>">
    <a href="<?php echo $CRDomain; ?>search.php" class="nav-link ">
        <i class="icon-magnifier"></i>
        <span class="title">Advanced Search</span>
        <span class="selected"></span>
    </a>
</li>

Tengo ese li donde a veces además de search.php va un get con el error en plan "search.php?error=001"

EDITADO La pregunta sobre el dropdown ya lo he arreglado, gracias de todas formas :)

Para los que no sepan, solo he puesto en el primer item del dropdown esto:

<li class="nav-item <?= verificarURL("settings"); verificarURL("library"); ?>">
    <a href="#" class="nav-link nav-toggle">
        <i class="icon-settings"></i>
        <span class="title">Settings</span>
        <span class="selected"></span>
        <span class="arrow open"></span>
    </a>
    <ul class="sub-menu">
        <li class="nav-item <?=verificarURL("settings");?>">
            <a href="<?php echo $CRDomain; ?>administration/settings/settings.php" class="nav-link ">
                <span class="title">Main Settings</span>
                <span class="selected"></span>
            </a>
        </li>
        <li class="nav-item start <?=verificarURL("library");?>">
            <a href="<?php echo $CRDomain; ?>administration/settings/library.php" class="nav-link ">
                <span class="title">Library Settings</span>
                <span class="selected"></span>
            </a>
        </li>
    </ul>
</li>
7
  • igual ocupaste mi funcion :D
    – sioesi
    Commented el 20 jun. 2017 a las 21:10
  • @sioesi No sé porque la funcion sigue si cambiar el color del menu cuanto tiene datos en el get.
    – Charlie
    Commented el 21 jun. 2017 a las 14:08
  • puedes imprimir que te devuelve la funcion verificarURL cuando tiene parametros get?
    – sioesi
    Commented el 21 jun. 2017 a las 14:11
  • @sioesi No imprime nada si tiene un get
    – Charlie
    Commented el 21 jun. 2017 a las 18:02
  • Puedes dentro de la funcion imprimir $action y $current_action?
    – sioesi
    Commented el 21 jun. 2017 a las 18:26

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.