Jorge Iván Meza Martínez

Por fin salió la nueva versión de MooTools, la versión 1.2 que promete ser una mejora completa de toda la librería de JavaScript.
Como he mencionado anteriormente he tenido buenas experiencias con esta librería, sería muy interesante volver a trabajar con ella un proyecto para estudiar esta nueva versión.
La gente de MooTools ha rediseñado también su [...]

[Read more →]

Como mencioné anteriormente, he utilizado MooTools en algunos de los proyectos que he realizado con la Fundación donde trabajo. Una de las funcionalidades que frecuentemente se requiere implementar es la de permitir agregar y remover dinámicamente filas o registros a una tabla, para esto utilizamos JavaScript. El diseño que mas utilizamos es la [...]

[Read more →]

MooTools es una librería de JavaScript que promete abstraer un nivel mas la generación de código en este lenguaje facilitando el desarrollo rápido e independiente de navegador. Incluye además soporte para efectos visuales, manipulación del árbol DOM, AJAX y JSON entre otras cositas interesantes.
Valerio Proietti, el desarrollador de MooTools lo define de las siguiente [...]

[Read more →]

Este es uno de los pocos juegos que me gustan. La primera vez que lo conocí se llamaba Bubbles y venía en mi PDA Dell. Ahora son cuadritos y mas interesante aún está hecho en Javascript utilizando Prototype y Scriptaculous.
Enlace: http://wholewheatweb.com/.

[Read more →]

La introspección de objetos permite consultar información del objeto mismo. En Prototype los métodos descritos a continuación pertenecen a la clase Object.

Object.inspect(e) : string
Retorna la representanción de cadena del elemento, útil para labores de depuración.

Object.isArray(e) : boolean
Retorna verdadero si el elemento es un arreglo, falso de lo contrario.

Object.isElement(e) : boolean
Retorna verdadero si el elemento [...]

[Read more →]

Para incluír Prototype en las páginas web se debe agregar la siguiente línea a la sección de head, reemplazando la ruta src con la adecuada.
<script src="lib/prototype.js" type="text/javascript"></script>
La función $() reemplaza a la expresión document.getElementById del JavaScript estándar revisando el árbol de elementos DOM y retornando una versión ampliada del elemento en cuestión. Esta función [...]

[Read more →]

Al ejemplo anterior de tablas dinámicas utilizando JavaScript que permitía agregar y eliminar filas dinámicamente del lado del cliente le hice algunas modificaciones que encontré necesarias cuando lo utilicé en un caso práctico. El ejemplo permite ahora agregar un documento de identidad que actuará como llave primaria del registro. El documento se muestra [...]

[Read more →]

Uno de los portales que se están desarrollando en la Fundación tenía una barrita de menú con botones redondeados. Los amantes del Flash dijeron rápidamente que ellos lo hacían fácilmente en Flash que no me preocupara; todo quedó así … hasta hoy. Hoy lo estuvieron pensando y se dieron cuenta que era muy [...]

[Read more →]

Bien, encontré una mejor forma de hacerlo … con DOM.
Insertar una nueva fila en una tabla (destino) es fácil, sólo es establecer donde se quiere e insertarla.
var nuevo_indice = destino.rows.length;
fila = destino.insertRow(nuevo_indice);

Después es necesario especificar el contenido de las celdas, para el ejemplo, un checkbox y dos valores de texto.
celda = fila.insertCell(0);
valor = document.createElement(”input”);
valor.type = [...]

[Read more →]

Con este ejemplo muy sencillo es posible agregar filas de una tabla en el lado del cliente sin hacer un requerimiento al servidor y ahorrarse uno la consabida lentitud, útil en momentos de agregar items a una lista. Obviamente, a diferencia de Ajax, los elementos sólo viven en el lado del cliente hasta que [...]

[Read more →]