Asier Marqués

Hablando sobre tecnologías web y otras cosas que me interesan

Archivo de la categoría 'javaScript'...

Archivado bajo Desarrollo Web, Trucos, javaScript

JQuery en algunos casos, concretamente a mí me ha pasado usando como servidor web nginx, al hacer una petición ajax puede retornarnos un 411 de “Length required”, fallando por tanto la respuesta.

La solución consiste en agregarle la opción data, con dos corchetes (”data: {}”), a la petición ajax. Un ejemplo sería:

 $.ajax({type: "POST",

	 dataType: "text",

	 url: "back.php",

	 data: {},

	 success: function(msg){

	   alert( "back.php devuelve: " + msg );

	 }

	});
Comentarios (2) Posted by Asier Marqués on Martes, Febrero 12th, 2008

Archivado bajo Desarrollo Web, javaScript

JsonSQL es una genial librería escrita en javascript por Trent Richardson, que nos permite acceder a objetos JSON mediate consultas sql del tipo:

var query="select * from json.channel.items order by title desc";
jsonsql.query(query,json);
Comentarios (0) Posted by Asier Marqués on Jueves, Enero 17th, 2008

Archivado bajo Desarrollo Web, Seguridad, javaScript

Pedro Laguna, de Informática 64, hizo una ponencia sobre seguridad web con técnicas XSS con javaScript, en el University Tour de Microsoft de Sevilla.


Comentarios (0) Posted by Asier Marqués on Domingo, Diciembre 2nd, 2007

Archivado bajo Calidad / Testing, Desarrollo Web, Usabilidad, javaScript

En pure.rednoize.com veo un interesante post con un muy buen ejemplo, de cómo grabar los movimientos del ratón de nuestros usuarios.

Para ello usa las librerías prototype, script.aculo.us y un backend en php que es el encargado de guardar los datos (en el ejemplo en un variable de session).

Ésta técnica me resulta francamente útil para recopilar información precisa y real sobre la experiencia de los usuarios que usan nuestras aplicaciones.

Comentarios (1) Posted by Asier Marqués on Miércoles, Noviembre 7th, 2007

Archivado bajo Desarrollo Web, Frameworks, javaScript

Remy Sharp, creador de Left Logic, nos presenta diferencias en el código de las dos librerías, desde mi punto de vista, más serias, cómodas y elegantes de desarrollar con javascript: JQuery y Prototype.


By rob

Comentarios (0) Posted by Asier Marqués on Viernes, Octubre 26th, 2007

Archivado bajo Desarrollo Web, Frameworks, javaScript

Google Gears es una tecnología (por ahora sólamente utilizable mediante una extensión para Firefox) que nos permite ver y “acceder” a sitios web cuando no estemos conectados a internet (para los que no sabéis de lo que hablo echad un ojo a éste link).

Vortex es una librería en javascript, que se ha currado enteramente Brian Dunnington, que nos permite implementar ésta tecnología en nuestras aplicaciones web de un modo muy sencillo (está pensada para ser más sencilla de usar que Dojo Offline toolkit).

La demo es alucinante. Para ver y comprender cómo funciona sigue estos pasos:

  1. Visita éste enlace. (Es un lector rss que usa ajax para leer las noticias)
  2. Desconecta el ordenador de internet y cierra Firefox. (Mata el proceso si quieres :D)
  3. Abre el navegador, estando sin conexión y visita el enlace de antes.
  4. Verás que puedes acceder a todo el contenido y hacer uso de ajax.
  5. Conectate otra vez a internet y verás cómo se descarga nuevo contenido.

Puedes descargar la aplicación del demo en éste enlace.

Comentarios (0) Posted by Asier Marqués on Viernes, Septiembre 28th, 2007

Archivado bajo Desarrollo Web, Frameworks, javaScript

En Nodstrun.com han publicado un sencillo tutorial en el que nos explican cómo implementar de forma elegante la funcionalidad de autocompletar, usando la librería JQuery.

Se puede descargar el código del ejemplo en éste enlace y ver una demo en éste otro.

AutoComplete en JQuery

Comentarios (0) Posted by Asier Marqués on Miércoles, Septiembre 26th, 2007

Archivado bajo CSS, Desarrollo Web, javaScript

Christian Effenberger, creador de interesantes librerías en javaScript, ha creado una librería (Reflex 1.1) que nos permite aplicar el efecto CoverFlow con reflejo, implementado por Apple en MacOSX Leopard, iPhone e iTunes, a nuestras imágenes en la web.

Como en otras librerías del estilo, basta con aplicar una clase css (class=”reflex”) a las imágenes que queramos aplicar éste efecto.

coverflow.jpg

Comentarios (0) Posted by Asier Marqués on Martes, Agosto 28th, 2007

Archivado bajo Desarrollo Web, javaScript

John Resig, de Mozilla Corp y autor de la librería jQuery, dio una charla en las Google TechTasks el pasado 17 de Agosto, en la que explicaba como desarrollar una API en javaScript robusta, reusable y multinavegador.



By rob

Comentarios (0) Posted by Asier Marqués on Lunes, Agosto 27th, 2007

Archivado bajo Desarrollo Web, Frameworks, PHP, javaScript

Padraic Brady ha publicado en Zend Developer Zone, un completo tutorial en el que explica cómo desarrollar un chat con php (usando el framework de Zend) y los frameworks de javascript Prototype junto a Scriptaculous.

Padraic es un programador de juegos en php que dispone de mucha experiencia en el desarrollo de éste tipo de aplicaciones, por lo que dicho tutorial puede resultar muy interesante para los que trabajamos con php. 

  • Part 1: Introduction, The Zend Framework
  • Part 2:Prototype, Scriptaculous, Application HTML
  • Part 3:Storage Medium, XML and the Message Process
  • Part 4: IndexController MessageAction() and JSON Encoding
  • Part 5: The Javascript, Sending Chat Messages, Screen Name Changes
  • Part 6: Updating the User List
  • Part 7: Usability Improvements
  • Comentarios (2) Posted by Asier Marqués on Miércoles, Agosto 22nd, 2007