Foros del Web » Programando para Internet » Jquery »

[jQuery] link en distintos destinos

Estas en el tema de [jQuery] link en distintos destinos en el foro de Jquery en Foros del Web. He estado probando algunas cosas con jQuery , muy basicas, y he intentado hacer algo que es lo que describo enseguida, me tope con un ...
  #1 (permalink)  
Antiguo 11/11/2008, 13:59
Avatar de gustavodiazs  
Fecha de Ingreso: junio-2003
Ubicación: Tampico
Mensajes: 31
Antigüedad: 16 años, 7 meses
Puntos: 0
[jQuery] link en distintos destinos

He estado probando algunas cosas con jQuery, muy basicas, y he intentado hacer algo que es lo que describo enseguida, me tope con un plug llamado ajaxify el cual manda un link a determinado div marcado como target en el enlace los enlaces serian así:

Código HTML:
<a class="ajaxify" href="l1.php" target="#display1" >l1</a>
<a class="ajaxify" href="l2.php" target="#display2" >l2</a>
<a class="ajaxify" href="l3.php" target="#display3" >l3</a> 
funcionan perfectamente, no hay problema con ello, mi duda la describo enseguida; quisiera que al cargar cambiara de color por un instante, para lo cual hago uso de attr para obtener el valor del atributo target y animate para cambiar de color el div

Código HTML:
$(document).ready(function() {  
	$('.ajaxify').ajaxify( {
		onComplete:function(){
                       var divdestino = $("a").attr("target");
			$(divdestino).animate({ backgroundColor: "lightyellow" }, 500)
					  .animate({ backgroundColor: "white" }, 500)
		}
		
	} );
});
pero esto no funciona alguien me podría aclarar que me equivoco
__________________
Gustavo Diaz Salazar
Tampico Tamulipas Mexico
http://www.diazsalazar.com.mx
  #2 (permalink)  
Antiguo 16/11/2008, 13:47
Avatar de marcopoloaz06  
Fecha de Ingreso: julio-2007
Ubicación: México
Mensajes: 457
Antigüedad: 12 años, 6 meses
Puntos: 11
Respuesta: [jQuery] link en distintos destinos

nada mas tienes que poner estos script y el siguiente código por ahi hibas
Código HTML:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="http://max.jsrhost.com/ajaxify/packed.ajaxify.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js"></script>
<script type="text/javascript">
$(document).ready(function(){  
	$('.ajaxify').each(function(){
        var th = $(this);
        th.ajaxify({
            onComplete:function(){
                $( th.attr("target") ).animate({ backgroundColor: "yellow" }, 500).
                animate({ backgroundColor: "white" }, 500);
            }
        });
    });
});
</script> 
saludos
:]
__________________
Aerolíneas Alicia :D
  #3 (permalink)  
Antiguo 27/11/2008, 08:42
Avatar de gustavodiazs  
Fecha de Ingreso: junio-2003
Ubicación: Tampico
Mensajes: 31
Antigüedad: 16 años, 7 meses
Puntos: 0
Respuesta: [jQuery] link en distintos destinos

Muchas gracias, si realmete funciona,

Saludos
__________________
Gustavo Diaz Salazar
Tampico Tamulipas Mexico
http://www.diazsalazar.com.mx
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 12:08.