7 - ¿A dónde vamos?

Artículo creado por Balú. Extraido de: http://www.baluart.net/articulo/426/javascript-sin-dolor-usando-prototype-2da-parte.php
09 de Agosto de 2006

Como hemos visto en este artículo, Prototype no sólo es útil, además proporciona un punto de partida excelente para escribir otra, más especializada, librería. Esto es exactamente lo que un número creciente de gente ha estado haciendo.

Script.aculo.us y Moo.fx

Script.aculo.us de Thomas Fuchs ha obtenido mucha atención por sus geniales efectos y UI widgets inteligentes. Esto fue, al principio, parte de la librería principal de Prototype, pero pronto superó el control de su padre y se liberó.

Usando Prototype como base, script.aculo.us se especializa en suministrar una rica experiencia al usuario con efectos animados, de arrastrar y soltar (drag and drop) y los componentes poderosos UI. Hay un buen Wiki sobre el sitio, con un rápido crecimiento de documentación de calidad para ayudarle ha comenzar y páginas de ejemplos.

Como script.aculo.us crece bastante en el tamaño de sus archivos, ha sido dividido en varios paquetes, entonces sus usuarios no tendrán que descargar la librería completa, solamente puede usar determinados efectos. Sin embargo, aún los archivos individuales son bastante voluminosos.

Si usted es de efectos simples, yo le recomendaría Moo.fx. Sólo 3 kilobytes de tamaño, y obtendrá efectos que utilizan Ajax de manera simple. Lo que también es un gran punto de partida si usted quiere escribir sus propios efectos.

Behaviour

Behaviour es una gran adición a su juego de herramientas DOM Scripting que le permite usar selectores CSS para añadir comportamientos a sus documentos. Aquí está una muestra de lo que puede hacer:

Behaviour.register({
"#comment_form form" : function(el) {
// catch form submission and complete with XHR if possible
el.onsubmit = function() {
Form.disable(this);
new Ajax.Request(this.action, {
method: this.method,
postBody: Form.serialize(this),
onComplete: updateComments});
return false;
};
}
});

Lea más sobre esto en el sitio de Behaviour. Ahora es posible alcanzar un tipo similar de cosas usando la nueva función $$ que mencionamos en el artículo anterior, por lo que volverlo a mencionar sería redundante.

jQuery

jQuery es una pequeña y compacta librería que combina bien con Prototype y crea una versión superhéroe de la función de $ que puede tomar Xpath y selectores CSS 3. Esto acopla aquella capacidad con algún método sumamente inteligente que encadena la aproximación que hace al código muy conciso. Tenga cuidado con esto.

5 opiniones

pregunta

hola
No entiendo este codigo ya lei hasta la pagina 6 y no logra entender como usar formularios con prototype.
no se si puedan poner un formulario de ejemplo.
JULIAN VELAZQUEZ
fgfgh

fghfhgf
TRES PREGUNTAS

JAJA A VER QUE SALE
fdsa

fdsfds
Una pregunta.

Quería saber como haces para que al validar este formulario de comentarios, te muestre los avisos de error sobre esa capa de fondo transparente. Muchas gracias.

Artículos relacionados con 'JavaScript sin dolor usando Prototype (2da parte)'

Prototype es una librería JavaScript muy bien desarrollada y que nos libra de gran parte... Más »

Autor y licencia de 'JavaScript sin dolor usando Prototype (2da parte)'

This News is licensed under a Creative Commons. (Sólo algunos reservados)
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.