Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/10/2012, 10:31
Avatar de Jodorem
Jodorem
 
Fecha de Ingreso: abril-2012
Mensajes: 18
Antigüedad: 12 años, 1 mes
Puntos: 1
Respuesta: Crear boton activo con jQuery

Hola seravifer,

Tienes 2 opciones:

Usar condicional para cada enlace.

Ejemplo con PHP:

Código PHP:
Ver original
  1. <?
  2. $page_id = $_GET['page_id'];
  3. ?>
  4.  
  5. <div id="main-menu"><ul>
  6. <li><div class="icon iconhome"></div><a href="?page_id=12" <? if($page_id == '12'){echo 'class="LaClase"'} ?>>Autobiografía</a></li>
  7. <li><div class="icon iconresume"></div><a href="?page_id=12" <? if($page_id == '12'){echo 'class="LaClase"'} ?>>Autobiografía</a></li>
  8. <li><div class="icon"></div><a href="?page_id=15" <? if($page_id == '15'){echo 'class="LaClase"'} ?>>Proyectos</a></li>
  9. <li><div class="icon icontact"></div><a href="?page_id=18" <? if($page_id == '18'){echo 'class="LaClase"'} ?>>Contacto</a></li>
  10. </ul></div>

Si se cumple la condición imprimirá la clase que quieras colocar respectivamente.

Segunda opción:

Como en el titulo del post haces mención de JQuery, supongo que estas usando AJAX de JQuery. Si es el caso, entonces en el evento que haces referencia al click del enlace, añade esto:

Código Javascript:
Ver original
  1. $('.LaClase').removeClass();
  2. $(this).addClass("LaClase");

Si estas usando AJAX deberias sustituir el tag <a> por quizá un <label> para que no te cargue la página.

Estoy lanzando suposiciones ya que no ofreces más detalles.

Última edición por Jodorem; 20/10/2012 a las 10:38