Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/11/2013, 12:12
radge
 
Fecha de Ingreso: enero-2004
Ubicación: here I Am
Mensajes: 437
Antigüedad: 20 años, 3 meses
Puntos: 1
Tab con html...css...jquery...como ?

Buenas tengo unos tabs creados en el índice de mi pagína a modo de navegación con bootstrap donde tengo 4 tabs por ejemplo :

Inicio Articulos Ayuda Contacto

Y lo que hago en el el archivo index.php que llamo cada vez que me muevo por la página tengo algo tal como asi

Código PHP:
if ($_SERVER[SCRIPT_URL] == "/index.php")
    {
    
$class1=' class="active"';
    }
else
    {
    
$class1=' ';
    }
    
    if ((
$_SERVER[SCRIPT_URL] == "/index/help/"))
    {
        
$class2=' class="active"';
    }
    else
    {
        
$class2=' ';
    }

    if ((
$_SERVER[SCRIPT_URL] == "/index/contact/"))
    {
        
$class3=' class="active"';
    }
    else
    {
        
$class3=' ';
    } 
Con esto lo que consigo que cada vez que me muevo por la página y la recargo miro en que página estoy y activo dicho tab... seguro que hay una forma más elegante de hacer esto pero no se si es con css...jquery... bootstrap...no lo tengo claro...

La idea seria tenir 4 tabs con contenido dinámico que al hacer click en dicho tab se quede marcado... espero haverme explicado

Graciasssss
__________________
Nuevo foro sobr el mundo del motor - Renault foro
http://www.renaultforo.com