Vision AG

blog visionag = new blog(post);

Algunas funciones de Protoype

Posted by Vision AG en agosto , 2006

Hola a todos, en estos dias estuve investigando sobre la libreria prototype que se utiliza para desarrollar aplicaciones web con ajax y la verdad que esta muy buena, y es muy facil de usar, aca les dejo las descripcion de algunas funciones:

Funcion $ “Obtiene un elemento por ID”

var nuevodatos = document.getElementByid(‘nombreIdElemento’); //Antes

var nuevodatos = $(‘nombreIdElemento’); //Ahora usando prototype

Var otrosdatos = $(‘id1′,’id2′,’id3’); //La funcion tambien puede aceptar multiples elementos como argumentos

Despues para accerder a los distintos id’s

otrosdatos[0] contiene valor de un elemento con ID=0.
otrosdatos[1] contiene valor de un elemento con ID=1.
otrosdatos[2] contiene valor de un elemento con ID=2.

Funcion $F “Devuelve el campo (value) de un formulario del cual indicamos la ID”

var datos = $F(‘IdElemento’);

Metodos del Objeto Form
“Prototype tiene Objeto form que engloba metodos para simplificar la manipulacion de formularios html”

//Devuelve un array con los campos de entrada del formulario

Form.getElements(‘id formulario’)
//Devuelve el contenido de un formulario como un string de pares

//serializados parametro/valor codificados para enviar con el metodo GET
campos = Form.serialize(‘id formulario’)

Prototype define un objeto Ajax que contiene los siguientes metodos:
Ajax.Request

var miAjax = new Ajax.Request(url,{method:’post’,parameters:misdatos,onComplete:resposefunction});

url = define la localizacion del recurso del servidor que es llamado.

method = puede ser bien post o get.

misdatos = es un string serializado conteniendo los parametros de la peticion.

responsefunction = es el nombre de la funcion de respuesta que maneja la respuesta del servidor.

Ajax.Updater

var miAjax = new Ajax.Updater(target,url,{method:’post’,parameters:misdatos});

target = id del elemento destino a actualizar.

url = define la localizacion del recurso del servidor que es llamado.

method = puede ser bien post o get.

misdatos = es un string serializado conteniendo los parametros de la peticion.

Event.obsever

Event.obsever(element,name,observer,[useCapture]);

element = objeto o id de un elemento del que queremos capturar el evento.

nombre = nombre del evento del que queremos capturar (‘load’,’click’,…)

obsever = la funcion que hara el trabajo cuando el evento sea disparado.

useCapture = si es true maneja el evento en la fase de captura, si es false cuando ya es realizado.

Anuncios

3 comentarios to “Algunas funciones de Protoype”

  1. Mariano said

    Esta muy bueno la descripcion de las funciones, justo lo que andaba necesitando!!

  2. Jorge said

    Hola perdón, no se si me podrias enviar un ejmplo completo a mi correo, te lo agradeceria bastante..

    Gracias….

  3. Jorge said

    Hola perdón, no se si me podrias enviar un ejmplo completo a mi correo, te lo agradeceria bastante..

    mi correo es jorge_utvt@yahoo.com.mx

    Gracias….

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: