Otorgar un estilo dinamico con include php

rickardov · #1 (**permalink**) 15/01/2012, 15:18

Hola amigos del foro!
Tengo una duda, estoy utilizando la funcion de php "include" para incluir header y menu en mis sitios, pero tengo un problema....necesito atribuirle un estilo css diferente a las secciones del menu para indicar en que seccion del sitio estoy, o sea, destacar uno por sobre el resto de acuerdo a la seccion en que me encuentro.

Pero al hacerlo con la funcion "include" no logro marcar cada seccion en particular, de que manera puedo hacerlos dinamico... o sea que el php detecte en que seccion estoy y le atribuya el estilo especifico para destacar la seccion.

algo asi:

Código HTML:

<!DOCTYPE HTML>
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>

</head>
<body >

<ul>
	<li>Home</li>
	<li><span class="seleccionado">Nosotros</span></li> 
	<li>Productos</li>
	<li>Galeria</li>
	<li>Contacto</li>
</ul>


</body>
</html>

Les estare muy agradecidos si logran darme una mano!
Saludos!
ricardo

KoswiDigital · #2 (**permalink**) 15/01/2012, 15:37

Es sencillo, un ejemplo:

En php localizas la página en la que estás y la asignas a una variable. Luego con un switch les das un orden para utilizar luego la clase css en el menú o donde sea.

Código PHP:

Ver original$dir = $_SERVER['PHP_SELF'];
 
    switch( $dir )
    {
        case '/index.php':
            $sel = 1;
            break;
        case '/libros/index.php':
            $sel = 2;
            break;
        case '/revistas/index.php':
            $sel = 3;
            break;
        case '/comics/index.php':
            $sel = 4;
            break;
        case '/contacto.php':
            $sel = 5;
            break;
        
        default: $sel = null;
    }
 
    $clase = 'class="selected" ';

y (en este caso) el menú:

Código HTML:

Ver original<ul id="nav">
          <li><a <?php if( $sel == 1 ) echo $clase; ?>href="/">Inicio</a></li>
          <li><a <?php if( $sel == 2 ) echo $clase; ?>href="/libros/">Libros</a></li>
          <li><a <?php if( $sel == 3 ) echo $clase; ?>href="/revistas/">Revistas</a></li>
          <li><a <?php if( $sel == 4 ) echo $clase; ?>href="/comics/">Cómics</a></li>
          <li><a <?php if( $sel == 5 ) echo $clase; ?>href="/contacto.php">Contacto</a></li>
        </ul>

Si tienes submenús recuerda que puedes agrupar más de una opción en el switch:

Código PHP:

Ver originalcase '/revistas/index.php':
case '/revistas/manga/index.php':
    $sel = 3;
    break;

Un saludo.

rickardov · #3 (**permalink**) 16/02/2012, 22:02

Hola KoswiDigital!!
estuve intentando pero no logro hacer funcionar el codigo que me pasaste....me tira error de sintaxis, seguramente sea yo el que esta haciendo mal las cosas....
te adjunto un zip para que puedas chequearlo.

http://www.fileserve.com/file/uExBDXT/php_dinamico.rar

Mil gracias!
R