Alex Medina » JavaScript http://www.alexmedina.net/blog Porque todos los días se aprende algo nuevo... Thu, 22 Dec 2011 09:40:50 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Animaciones Slide y Fade in – Fade on con jQuery http://www.alexmedina.net/blog/2011/02/24/animaciones-slide-y-fade-in-fade-on-con-jquery/ http://www.alexmedina.net/blog/2011/02/24/animaciones-slide-y-fade-in-fade-on-con-jquery/#comments Thu, 24 Feb 2011 20:04:18 +0000 admin http://alexmedina.net/blog/?p=175

Dejo unos enlaces para construir las típicas cabeceras o galerias que se van moviendo… pero en JavaScript, concretamente utilizando jQuery. Y pongo puntos suspensivos porque no son en flash… odio el flash y eso que no soy Steve Jobs :-)

páginas con jQuery:

 

Y una página con un Top23: http://www.geeksucks.com/toolbox/23-jquery-fade-in-fade-out-effect.htm

]]> http://www.alexmedina.net/blog/2011/02/24/animaciones-slide-y-fade-in-fade-on-con-jquery/feed/ 0 Controlar IsPostBack con JavaScript http://www.alexmedina.net/blog/2010/11/02/controlar-ispostback-con-javascript/ http://www.alexmedina.net/blog/2010/11/02/controlar-ispostback-con-javascript/#comments Tue, 02 Nov 2010 11:24:24 +0000 admin http://alexmedina.net/blog/?p=158 Es posible que en ocasiones con algun script de carga con ajax y habiéndolo mezclado con los “maravillosos” controles de .Net haga por algún sitio un postback, con lo que la carga inicial se vuelva a realizar…

pues bien para este caso y otros casos que sea necesario controlar el PostBack con Javascript, os dejo como controlarlo:

 

var prm = Sys.WebForms.PageRequestManager.getInstance();
if(!prm.get_isInAsyncPostBack()) {
// llamada
}

]]> http://www.alexmedina.net/blog/2010/11/02/controlar-ispostback-con-javascript/feed/ 0 La jQuery UI, jQuery tuneado http://www.alexmedina.net/blog/2009/06/17/la-jquery-ui-jquery-tuneado/ http://www.alexmedina.net/blog/2009/06/17/la-jquery-ui-jquery-tuneado/#comments Wed, 17 Jun 2009 07:19:55 +0000 admin http://alexmedina.net/blog/2009/06/17/la-jquery-ui-jquery-tuneado/ Desde http://jqueryui.com/ puedes descargarte la versión completa de jQuery ( o descargarte la parte que más te interese: http://jqueryui.com/download) y además acompañarla de un Theme que la verdad estan bastante currandos ( http://jqueryui.com/themeroller/ )

En la imagen os dejo mis pruebas con el Theme “Start”

]]> http://www.alexmedina.net/blog/2009/06/17/la-jquery-ui-jquery-tuneado/feed/ 0 Llamadas sencillas AJAX con JQUERY http://www.alexmedina.net/blog/2009/06/17/llamadas-sencillas-ajax-con-jquery/ http://www.alexmedina.net/blog/2009/06/17/llamadas-sencillas-ajax-con-jquery/#comments Wed, 17 Jun 2009 07:09:45 +0000 admin http://alexmedina.net/blog/2009/06/17/llamadas-sencillas-ajax-con-jquery/ Antes de todo y si se quiere emepzar bien, no será de más echarle una ojeada a la documentacion de JQuery, que relativamente no es mucha: http://docs.jquery.com/Main_Page

1- ponemos un identificador (atributo id) para seleccionarlo desde jQuery.

 <a href="#" id="enlaceajax">Haz clic!</a>

2- recordemos cómo asignar una función para cuando se haga clic en el enlace:

$(document).ready(function(){

$("#enlaceajax").click(function(evento){

//elimino el comportamiento por defecto del enlace

evento.preventDefault();

//Aquí pondría el código de la llamada a Ajax

});

})

3- Y ahora la parte más interesante, donde podemos ver qué tan fáciles son las cosas con este framework Javascript. Una única línea de código será suficiente:

 $("#destino").load("contenido-ajax.html");

Ejemplo completo:

<html>

<head>

<title>Ajax Simple</title>

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>

<script>

$(document).ready(function(){

$("#enlaceajax").click(function(evento){

evento.preventDefault();

$("#destino").load("contenido-ajax.html");

});

})

</script>

</head>

<body><a href="#" id="enlaceajax">Haz clic!</a>

<br>

<div id="destino"></div>

</body>

</html>

Tambien es muy interesante, aparte de ver la callback de load en el ejemplo anterior, ver la $.ajax(options)

De tal forma de hacer llamadas así de facil:

 $.ajax({   type: "POST",

url: "some.php",

data: "name=John&location=Boston",

success: function(msg){

alert( "Data Saved: " + msg );

}});

Más documentación en la API de AJAX de JQuey :  http://docs.jquery.com/Ajax

]]> http://www.alexmedina.net/blog/2009/06/17/llamadas-sencillas-ajax-con-jquery/feed/ 0