Prototype Introduccion

Prototype Capitulo 02 – Introduccion a Prototype

Prototype es una libreria Javascript que esta Orientada a Objetos,
fue escrita por Sam Stephenson. Este bien pensado y excrito trozo de codigo
es compatible con los estandares web, muy enriquesida para la creacion de paginas web interactivas
lo que caracterizan a las Web 2.0.

Si han echado un vistazo al framework Ruby On Rails, se daran cuenta que ya lo tiene incorporado
la razon es sencilla, Prototype esta influenciado directamente
bajo las exigencias de Ruby On Rails.

Prototype soporta multiples navegadores como :
- Mozilla Firefox 1.5+
- Internet Explorer 6.0+ (en extincion)
- Apple Safari 1.0+
- Opera 9+

En esta introduccion ya vamos entrando un poco en la practica, porque yo se que la teoria
a veces aburre un poco, pero siempre es buena para solucionar inquietudes y poder entender
con que fin estamos haciendo algo.

Funciones de Utilidad

Usando la Funcion $()

Una funcion de mucha utilidad y que siempre vas a usar es la Funcion $()
esta funcion es un atajo si se podria decir para el frecuentemente utilizado



document.getElementById('id')

esto es una funcion DOM(Document Object Model) mas adelante explicare que es esto.
Pero el $() va mas halla de la funcion DOM. El Objeto devuelto por este tendra un incremento
de metodos extra para simplificar muchas tareas,como por ejemplo saber su tamaño, mostrar y ocultar el elemento
desplazarlo, etc.

Por otra parte usted podra acceder a los metodos del Objeto de acuerdo al tipo de Elemento que es:

- Element.Methods
- Form.Methods
- Form.Element.Methods

Voy a escribir un ejemplo de los metodos mas usados por mi:

Etiquetas :



<etiqueta id="id">
Contenido...
</etiqueta>

$('id').innerHTML
//-$gt; Contenido...

$('id').hide()
//Oculta el contenido de la etiqueta

//tambien lo puedes hacer en la forma
//multiple, con mas etiquetas

$('id1', 'id2', 'id3').invoke('hide');

//tambien puedes hacer mas optimo el codigo
//al llamar a varios metodos en una sola linea

$('id').update('Cambiando Contenido')
.addClassName('clase')
.show();

//Primero Actualizamos el Contenido del Div.
//Agregamos una clase CSS.
//Lo Mostramos

Formulario



$('frm').serialize()
//hace la serializacion de Elementos del formulario
//para pasarlo como parametros

Elementos de Formulario



$('TextBox').value
//return texto

$('TextBox').focus()
// se enfoca en el elemento del formulario

También te puede interesar

Leave a Reply