Foros del Web » Programando para Internet » Javascript » Frameworks JS »

enlaces no funcionan al cambiar color al link

Estas en el tema de enlaces no funcionan al cambiar color al link en el foro de Frameworks JS en Foros del Web. Hola gente, por si alguien me dice que no repita post ,decir que lo he hecho porque creo que es conveniente al haber cambiado la ...
  #1 (permalink)  
Antiguo 27/05/2011, 09:41
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 18 años, 4 meses
Puntos: 8
enlaces no funcionan al cambiar color al link

Hola gente, por si alguien me dice que no repita post ,decir que lo he hecho porque creo que es conveniente al haber cambiado la pregunta inicial de mi anterior post.

Llevo un par de dias intentando que al pinchar en uno de los enlaces que tengo dentro de una capa (con la clase .barra) estos cambien su clase , pero lógicamente no quiero que los links dejen de tener su comportamiento original que es el de enlace típico. Si pongo (como tengo ahora) return false; al final de la funcion Jquery me funciona bien pero los links dejan de funcionar, ahora si no pongo false , la clase cambia durante unos instantes y luego vuelve a ponerse la clase que había eliminado.

Este es el código que tengo


Código:
<script type="text/javascript">

$(document).ready(function() {
						   
						   
$('.barra td').click(function(){	
//elimino la clase .submenuOn en todos los tds dentro de la capa con la clase .barra 
			$('.barra td').removeClass('submenuOn').addClass('submenuOff');

//al td que estoy haciendo click le elimino la clase .submenuOff y le añado la clase .submenuOn
	        $(this).removeClass('submenuOff').addClass('submenuOn');
			//event.stopPropagation();

//funcionaria de este modo pero el problema es que los links dejan de funcionar
//sino le pongo return false cambia la clase pero solo por segundos
	return false;
	}); 				   						  
}); 
</script>
Código:
<table class="barra">
<tr>
<td class="submenuOff"><a href="page1.php">Link1</a></td>
<td class="submenuOff"><a href="page2.php" >Link2</a></td>

</tr>
</table>


Un saludo
__________________
Videotutoriales de Drupal
  #2 (permalink)  
Antiguo 27/05/2011, 10:26
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 11 años, 11 meses
Puntos: 66
Respuesta: enlaces no funcionan al cambiar color al link

te explico que es lo que pasa, cuando le das click a un link ves como si cambiara de color por un periodo corto de tiempo por que estas pidiendo al servidor que te regrese otra pagina, y en esa otra pagina no has hecho click en el link, y es por esto que no tiene la clase que le cambia el color, lo que puedes hacer es que en esta otra pagina le coloques la clase al link por defecto.

Código HTML:
Ver original
  1. <td class="submenuOn"><a href="page1.php">Link1</a></td>
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D

Última edición por tredio; 27/05/2011 a las 10:51
  #3 (permalink)  
Antiguo 27/05/2011, 10:59
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 18 años, 4 meses
Puntos: 8
Respuesta: enlaces no funcionan al cambiar color al link

Cita:
Iniciado por tredio Ver Mensaje
te explico que es lo que pasa, cuando le das click a un link ves como si cambiara de color por un periodo corto de tiempo por que estas pidiendo al servidor que te regrese otra pagina, y en esa otra pagina no has hecho click en el link, y es por esto que no tiene la clase que le cambia el color, lo que puedes hacer es que en esta otra pagina le coloques la clase al link por defecto.

Código HTML:
Ver original
  1. <td class="submenuOn"><a href="page1.php">Link1</a></td>
Gracias compañero esa solució la conozco, pero lo que yo quería era hacerlo con Jquery. Lo que tu dices lo tengo q hacer con PHP porque todas las páginas tienen un panel que es el mismo (no uno cada página con los enlaces).

Pero bueno se una solución, aunque seguro que con Jquery se puede hacer sin recurrir a un lenguaje de servidor.

Gracias
__________________
Videotutoriales de Drupal
  #4 (permalink)  
Antiguo 27/05/2011, 12:31
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 11 años, 11 meses
Puntos: 66
Respuesta: enlaces no funcionan al cambiar color al link

este es otro post parecido, no se si te sirva de ayuda.

http://www.forosdelweb.com/f127/jque...p-menu-913026/

tambien puedes usar cookies, para guardar que link se presiono, y colocarle la clase que necesites dependiendo de eso.
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:41.