Category: JavaScript

Combos dependientes con Ext JS

El día de hoy pongo el primer screencast o videotutorial en mi blog, lo que explico es como crear unos combos dependientes por medio de Ext Js.
Puedes ver el demo del tutorial aqui o descarga el código fuentes desde aqui.

Introducción a Ext Js

En el último proyecto en el cual he trabajado, he utilizado un framework javascript que vale la pena hablar de él en este blog, y se trata de Ext Js, una excelente librería para crear interfaces de usuario, Ext nos facilita mucho el trabajo a los desarrolladores, pues en unas cuantas líneas de javascript podemos [...]

Carrusel de imágenes con Mootools1.2

Ya hace rato que salió la nueva versión de mootools (la 1.2beta2), hoy quiero mostrar como escribir una clase con esta nueva versión, es muy similar a la versión anterior, pero algunas cosas cambiaron.
Objetivo
El principal objetivo de este artículo es mostrar algunas buenas prácticas al escribir clases, para que sean reutilizables no solo por el [...]

Debugueando con firebug fuera de Firefox

La mayoría de nosotros conocemos la extensión para firefox firebug, ya que es muy útil a la hora de desarrollar aplicaciones web, desafortunadamente solo podemos trabajar con esta extensión dentro de firefox, pero que pasa si queremos debuguear otros exploradores como Internet Explorer, Opera, Safari?.
Gracias a Joe Hewitt, el creador de firebug, que ha [...]

Liberada Mootools1.2b2

Ayer 16 de Enero del 2008, se ha liberado la segunda version beta de Mootools, y según anuncian en su blog, esta parece ser la definitiva, se han solucionado bugs de la versión anterior y se han agregado nuevas características, entre las mas destacadas es sobre el accesso a los elementos.
En la versión anterior el [...]

Drag and Drop con mootools

El día de hoy quiero mostrar como realizar un Drag and Drop utilizando mootools, el ejemplo será sencillo pero se muestran los eventos necesarios para realizar algo más complejo. El ejemplo siguiente muestra lo que se planea realizar, arrastra la carpeta de la izquierda sobre cualquiera de los botes azules.

var drops = $$(“#cubos .drop”);
var clon;
$(“mover”).addEvent(“mousedown”,function(event){
event [...]

Ordenar una lista (Drag And Drop)

El tutorial del día de hoy consta de realizar una lista de imágenes sorteable, en otras palabras, voy a mostrar como poder ordenar una lista de imágenes, con mootools esto es extremadamente sencillo, a continuación se muestra un ejemplo del tutorial terminado.

var lista2 = new Sortables($(“ordenarLista”));
function getOrdenLista2(){
alert(lista2.serialize(function(el){
return el.id.substring(el.id.indexOf(“_”)+1)
})
);
}

Que de beneficio tiene [...]

Visor de imagenes

El día de hoy quiero mostrar como hacer un visor de imágenes, con esta interfase es suficiente para realizar una galería, claro esta que esto es solo la GUI, el backend dependerá de las necesidades de cada proyecto en especifico.
Para que te des una idea de lo que mostrare en este tutorial, puedes ver el [...]

Carrusel de imagenes

Hoy quiero mostrar un poco de lo que se puede hacer con mootools, se trata de un carrusel de imágenes, muy sencillo, puedes ver el ejemplo para que me entiendas mejor.

function Animacion(base,max){
this.base = base;
this.cont = 1;
this.img1 = true;
this.maximo = max;
this.inicia = function(){
(function(){
//se incrementa el contador
this.cont++;
//al llegar al maximo la animacion se inicia
if(this.cont > this.maximo)
this.cont = [...]

Presentando Mootools

Hoy quiero hablar al respecto de una maravilla, se trata de un framework para JavaScript mootools, el cual incluye una API realmente buena. Quiero dar algunos puntos por los cuales deberías utilizarla.
La función dólar
La función dólar es una de mis favoritas, esta función fue inspirada en el framework de prototype, adaptado a este framework con [...]

 Page 1 of 2  1  2 »