En la versión estable de Mootools (actualmente v1.1), el código Javascript para el ejemplo de Ajax.Form, seria el siguiente:

<script type="text/javascript">
window.addEvent('domready', function(){
  $('myForm').addEvent('submit', function(e) {
    /**
    * Prevent the submit event
    */
    new Event(e).stop();

    /**
    * This empties the log and shows the spinning indicator
    */
    var log = $('log_res').empty().addClass('ajax-loading');

    /**
    * send takes care of encoding and returns the Ajax instance.
    * onComplete removes the spinner from the log.
    */
    this.send({
      update: log,
      onComplete: function() {
        log.removeClass('ajax-loading');
      }
    });
  });
});
</script>

Pero si probamos el código de arriba con las librerias beta veremos que no funciona y existen errores. Buscando por los Foros de Mootools di con la solució. El usuario Cost publicó el siguiente código (que funciona):

<script type="text/javascript">
window.addEvent('domready', function(){
  $('myForm').addEvent('submit', function(e) {
    /**
    * Prevent the submit event
    */
    new Event(e).stop();

    /**
    * This empties the log and shows the spinning indicator
    */
    var log = $('log_res').empty().addClass('ajax-loading');

    var sender = new Request();
    sender.onSuccess = function(responseText, responseXML){
	  log.set('html', responseText);
	  log.removeClass('ajax-loading');
	};
    sender.send({data: this, url: this.get('action')});
  });
});
</script>

Más información (en ingles): form.send() problem in 1.2beta2

• Mootools creara un directorio de Plugins

MooForms esta inspirado en el script de Ryan Fait y ha sido provado y comprobado que funciona en:

• Internet Explorer 7, 6 & 5.5
• Firefox 2
• Opera 9
• Safari 2
• Konqueror

Demo | Descargar | Más información

Ejemplo de utilización

Cargamos las librerias en el HEAD:

<script type="text/javascript" src="./mootools.js"></script>
<script type="text/javascript" src="./mooforms.js"></script>

Llamamos y creamos la clase:

<script>
window.addEvent('domready', function() {
       myFrom2 = new mooForms('myForm', {
       imageDir: './images/',
       checkboxImage: {image: 'checkbox.gif', width: 16, height: 20},
       radioImage: {image: 'radio.gif', width: 16, height: 20},
       spacer: 'spacer.gif',
       inputs: ['checkbox', 'radio'],
       labelPosition: 'left'
    });
});
</script>

El formulario XHTML:

<form id="myForm">
<div>
<input type="checkbox" name="checkbox[]" value="1" checked="checked" /><label for="#">option 1</label>
<input type="checkbox" name="checkbox[]" value="1" /><label for="#">option 2</label>
<input type="checkbox" name="checkbox[]" value="1" /><label for="#">option 3</label>
</div>
<p>some text</p>
<div>
<input type="radio" name="radio1" value="1" /><label for="#">option 1</label>
<input type="radio" name="radio1" value="1" /><label for="#">option 2</label>
<input type="radio" name="radio1" value="1" /><label for="#">option 3</label>
</div>
</form>

• jTools, el nuevo nombre para MooTools
• Mootools creara un directorio de Plugins
• ¡MooTools 1.2 ya ha sido publicado!
• Moo.rd + Mootools = Amor
• Cambios y novedades en Moo.rd
• Moo.rd 1.3.1: La primera demo oficial
• Como utilizar las clases de Mootools
• ¿Qué habrá de nuevo en Mootools 1.2 Beta?, el Elemento de almacenamiento

Articulo original (en italiano): Cambiamenti ed evoluzioni
Autor: Cristiano
Traducido por: Xavier Gómez

Las últimas semanas han estado llenas de acontecimientos para el proyecto Moo.Rd. Noticias positivas y, lamentablemente negativas para el desarrollo de la nueva versión de nuestra biblioteca modular basada en Mootools.

La mala noticia está relacionada con el hecho de que Luciano Amodio, uno de los componentes de nuestro equipo, tuvo que dejar el proyecto por motivos personales: desde aqui le enviamos todo nuestro afecto, estima y nuestro deseo de que regrese lo antes posible para volver a trabajar con nosotros.

La buena noticia es que Richard Digno ha finalizado el nuevo sistema de descargas: el uso de esta herramienta permitirá a los “beta testers” descargar siempre la última versión de nuestro framework y además seleccionar solo los componentes que deseen.

La version de mootools sobre la qual estamos trabajando es la 1,2 beta 2. Cuando se publique la versión final de mootools se añadirán al sistema de descargas la capacidad de descargar completamente este framework o sólo los componentes necesarios para el buen funcionamiento de Moo.Rd.

Otra pequeña novedad desde un punto de vista puramente hedonista-gráfico es la decisión adoptada de mutuo acuerdo entre mi persona y Riccardo de dotar a la biblioteca de un auténtico “embalaje virtual” que puede identificar de forma exclusiva la distribución y, por qué no, la publicación de moo.rd.

Aquí el resultado final (con la inconfundible presencia de nuestra mascota Moocha)

Las últimas noticias ya se había comprobado al despliegue de algunos plugins (extensiones) para la plataforma de BlogEngine.NET, que permitirá el uso de algunas de las nuevas características en Moo.Rd. El calendario para el inicio del desarrollo está previsto con el lanzamiento de la primera versión definitiva del nuevo framework.

• Moo.rd + Mootools = Amor
• Moo.rd 1.3.1: La primera demo oficial
• jTools, el nuevo nombre para MooTools
• Mootools creara un directorio de Plugins
• ¡MooTools 1.2 ya ha sido publicado!
• Ya ha sido publicado moo.rd 1.3.1
• Personaliza tus checkboxes y radio buttons con MooForms
• Como utilizar las clases de Mootools
• ¿Qué habrá de nuevo en Mootools 1.2 Beta?, el Elemento de almacenamiento

Hace tiempo que tenia que haver traducido esto artículo.

Articulo Original (en ingles): moo.rd 1.3.1: the first official demo
Autor: RD
Traducido por: Xavier Gómez

Ya esta aqui la primera demo oficial de la nueva versión de moo.rd. Aunque se trata de una versión beta, trae un nuevo, más potente y más coherente motor Customize (personalizar).

Actualmente, estas són las tres demos de moo.rd1.3.1beta Customize:

• Custom.Alert
• Custom.Confirm
• SmoothScrolling

Las nuevas clases Custom.Alert y Custom.Confirm son modales, fijas, y pueden arrastrarse (drag&drop), al igual que las demás. Pero son Custom (personalizables), de modo que podemos darles nuestro propio estilo, elegir una superposición (realizados por la nueva clase Overlay Utility), hacer que aparezcan/desaparezcan con la transición fade, y muchos más.

Quiero tener el estilo de Apple, más el estilo de Windows, más mi estilo personal en la página: ¿misión imposible? ¡Con custom.Alerts y custom.Confirms es posible!

La nueva clase SmoothScrolling es útil para todas las necesidades de movimiento deslizante suave que necesitemos. Para ello se ha extendido la clase Fx.Scroll, aprovechandose de sus opciones, al igual que wheelStops. Además, podemos elegir qué anclas son afectadas y los parámetros Fx de los “efectos”.

• Moo.rd + Mootools = Amor
• Cambios y novedades en Moo.rd
• jTools, el nuevo nombre para MooTools
• Mootools creara un directorio de Plugins
• ¡MooTools 1.2 ya ha sido publicado!
• Ya ha sido publicado moo.rd 1.3.1
• Personaliza tus checkboxes y radio buttons con MooForms
• Como utilizar las clases de Mootools
• ¿Qué habrá de nuevo en Mootools 1.2 Beta?, el Elemento de almacenamiento