Archivo

Archivo para la categoría ‘JQuery’

Panel emergente en una página web

Lunes, 14 de septiembre de 2009 1 comentario

A ver, un tema bastante sencillo y que es a veces necesario pero poco conocido. En las páginas web ya debería eliminarse de forma permanente las molestosas ventanas popups, porque… son molestosas y sobretodo porque la mayoría de navegadores las bloquean y claro, al final, el usuaio no venuestra ventana. Lo idel sería cargar una pnale emergente que se vería mas o menos como se muestra en la siguiente imágen.

Panel emergente en una página web

Leer más…

3 librerías para jQuery de gran utilidad

Sábado, 25 de julio de 2009 Sin comentarios

Que me he enamorado de jQuery, no es un secreto. Es para mí uno de los más útiles frameworks javascript actuales para el desarrollo de aplicaciones web, tanto para el manejo del DOM (Document Object Model) a nivel del cliente, como para el control de los eventos, la manipulación de los estilos, ajax, etc.

Hay una cantidad innumerable de librerias que utilizan las características de jQuery y que nos permiten hacer nuestro trabajo aún más fácil. Precisamente 3 de estas librerías son las que se presentan a continuación y estén seguros que mucho de lo que está aquí les será de utilidad. Leer más…

Categories: Internet, JQuery, Web 2.0

Jquery y Ajax – Invocar métodos compilados de la página .Net

Jueves, 19 de febrero de 2009 5 comentarios

Hace poco había yo publicado un artículo en el que explicaba como utilizar Ajax con JQuery y en aquel artículo había dado como ejemplo llamadas hacia controladores HTTP de ASP .Net, que son documentos con extensión *.ashx. En uno de los comentarios de dicho artículo me hicieron una pregunta, que por cierto creo que es una pregunta típica:

¿Hay forma de NO utilizar ASHX y utilizar WebServices de página?

Sí, la hay, y se hace utilizando JSON para el intercambio de información; y para demostrarlo, en este artículo voy a publicar el mismo ejemplo pero utilizando métodos de la página .Net. Como será el mismo ejemplo, el resultado será el mismo:

Utilizando JQuery AJAX

Para empezar, debemos crear un nuevo ASP .NET AJAX-Enabled Web Site, que es en realidad un sitio web con el archivo Web.Config modificado para trabajar con ASP .Net AJAX. (obviamente debemos instalarlo antes).  Una vez hecho esto. ya podemos empezar a escribir nuestra aplicación. Leer más…

Categories: AJAX, ASP .Net, JQuery

Nueva versión de JQuery

Lunes, 16 de febrero de 2009 Sin comentarios

El pasado 14 de Enero ha sido liberada la versión 1.3 del framework JQuery, que es uno de los más utilizados en la actualidad, y en mi caso particular, mi framework base para los proyectos que desarrollo.

Esta nueva versión de JQuery trae como principales novedades la inclusión de Sizzle, que es un selector de css javascript que permite seleccionar los elementos HTML de una forma más rápida.

Jquery 1.3 - Selector Performance

Live Events es otra de las características de esta nueva versión. Leer más…

Categories: Internet, JQuery, Web 2.0

Utilizar AJAX con JQuery en ASP .Net

Martes, 6 de enero de 2009 9 comentarios

Jquery es un framework javascript bastante bueno, nadie lo puede dudar, y Ajax, es una tecnología que permite crear aplicaciones bastante mas robustas y dinámicas que le dan al usuario una mejor experiencia; al trabajar con una página web será necesario en algún momento combinar ambas tecnologías para conseguir una aplicación al estilo Web 2.0.

Voy a poner a continuación un ejemplo de como utilizar JQuery para hacer invocaciones Ajax en una aplicación ASP .Net. La idea de este ejemplo es simple, cargo un DropDownList de ASP .Net con algunos elementos, en este caso carreras de estudio, además se tiene un segundo DropDownList pero vacío, al seleccionar una carrera, se debe llenar el segundo DropDownList con los cursos que se dicten en la carrera. El resultado debe ser mas o menos como la imágen de la izquierda y el proceso obviamente se debe realizar sin postback. Como siempre, el archivo con el código completo lo pueden conseguir al final del artículo.

La definición de mi primer DropDownList la haré de la siguiente manera:

<asp:DropDownList ID=”ddlCarreras” runat=”server” AppendDataBoundItems=”True” onChange=”listarCursos(this.value);” />

y llenaré dicho DropDownList en el evento Load de la página como normalmente lo haría. En esta definición del control hay un evento de javascript, cuando del lado del cliente yo seleccione un elemento se ejecutará la función listarCursos de javascript, la cual recibe el valor seleccionado.

Leer más…

Categories: AJAX, ASP .Net, JQuery

Halloween al estilo JQuery

Viernes, 31 de octubre de 2008 1 comentario

Para aquellos que hemos utilizado un poco de Jquery alguna vez, esta imágen no necesitará interpretación.

Halloween al estilo JQuery 

 Pero, si no tienes idea de lo que significa el texto de la imágen, ahí va la explicación: Leer más…

Categories: Humor, JQuery

JQuery, la plataforma JavaScript de Microsoft

Lunes, 29 de septiembre de 2008 2 comentarios

No, no es chiste, la noticia la acabo de leer y me parece sensacional, Microsoft ha decidido utilizar a JQuery como su Plataforma Oficial JavaScript para el desarrollo de la compañia, y obviamente será distribuido como parte de Visual Studio pero sin cambios ni modificaciones.

Según leo en el post JQuery, Microsoft y tú en el blog de José M. Aguilar, JQuery será utilizado en tanto en el desarrollo del patrón MVC para ASP .Net como en la nueva generación de ASP .Net AJAX Control Toolkit y en todo cuanto se pueda usar.

Leer más…

Intellisense para JQuery en VS 2008

Lunes, 24 de marzo de 2008 1 comentario

Esta es una interesantísima utilidad que de seguro mas de un desarrollador dotnetero sabrá aprovechar, en una entrada del blog de Rick Strahl se comenta sobre un hotfix que permite tener un intelliSense disponible para JQuery, si, la librería JavaScript de la que ya habíamos hablado antes.

Soy sincero, aún no la he probado, por causas ajenas a mi, pero en cuanto tenga tiempo lo haré, y espero que sea pronto. Una imágen vale más que mil palabras.

Intellisense para JQuery en Visual Studio 2008

Leer más…

Aprendiendo a usar JQuery

Jueves, 6 de marzo de 2008 1 comentario

JQueryEl actual proyecto en el que estoy participando tiene una característica bien definida, se utiliza básicamente efectos de Drag & Drop (osea, arrastar y soltar) para manipular los datos. La gracia de todo esto es que los paneles en los cuales se deben producir estos efectos deben ser cargados dinámicamente y ahí entra a tallar la creatividad humana.

En fin, ese es un tema aparte, el punto principal de este post es el hablar de JQuery, esta librería de JavaScript ayuda mucho en la construcción de efectos visuales y manipulación de objetos en la página web. Aunque antes ya había comentado sobre 240 plugins de jquery listos para usar y había dado un ejemplo de Drag and Drop usando JQuery (si lo haz revisado te darás cuenta que en realidad se trata de listas ordenables con la misma funcionalidad que la ventana de configuración de Widgets de WordPress), creo que no solo basta con esos datos para prender sobre el tema, por ello ahora les dejaré unas direcciones web para que se introduzcan un poco más en el tema: Leer más…

Categories: AJAX, Internet, JQuery, Web 2.0

Herramienta de prueba de objetos de Visual Studio

Miércoles, 27 de febrero de 2008 Sin comentarios

Herramienta de Prueba de Objetos de Visual StudioInteresante característica que probablemente no todos conozcan pero que es de mucha utilidad.

Visual Studio 2005 y también VS 2008 ofrecen una forma de probar una clase de forma individual, evitando tener que ejecutar todo el proyecto para poder probar un método específico de una clase.

Esta “Herramienta de Prueba de Objetos” permite crear una instancia de una clase (osea un objeto) para invocar a alguno de sus métodos y probar su resultado sin ejecutar toda la aplicación; para hacerlo solo basta con seleccionar la opción crear instancia de la clase seleccionada en la Vista de Clases y se mostrará una ventana en la que se debe ingresar un nombre para el pbjeto que será creado, seguidamente en la parte inferior se mostrará una representación del objeto creado, en él solo debemos hacer clic con el botón derecho del mouse y escoger la opción “Invocar Método“, en la lista que se mostrará solo debemos hacer clic sobre el método que queremos probar. Lo que se debe tener en cuenta es que el proyecto en el que se vaya a hacer esta prueba debe ser seleccionado como “Proyecto Inicial“, si no, no se verán estas opciones.

Leer más…

Categories: JQuery, Visual Studio 2005