Descripción de funciones y eventos de Mootools

Descripción de funciones y eventos de Mootools

Conoce todas las funciones de Mootools, como utilizarlas, sus argumentos y retornos. Desarrolla aplicaciones utilizando eventos de raton, teclado, carga...

 

Mootools nos ofrece una gran cantidad de funciones, la mayoría son funciones de tratamiento de datos que tienen su sinónimo en el lenguaje Javascript. A lo largo de este articulo desarrollaremos una lista de las funciones más importantes de Mootools (las que más vamos a utilizar), describiendo sus parámetros, retornos y que realizan estas. Decir que en el artículo entendemos por objeto una variable a la cual le atribuimos propiedades, es decir, un elemento DIV de nuestra página web seria un objeto.

Funciones Mootools:

Core:
$extend(objeto_1, objeto_2) – Extiende las propiedades del segundo objeto (objeto_2) al primero (objeto_1). Devuelve el primer objeto extendido.

Ejemplo:
 

var obj_1 = {
’’nombre’’: ’’Pepe’’,
’’apellido’’: ’’Gonzalez’’
};
var obj_2 = {
’’edad’’: ’’20’’,
’’sexo’’: ’’masc’’,
’’apellido’’: ’’González’’
};

$extend(obj_1, obj_2);

//obj_1 ahora tendrá las propiedades: { ’’nombre’’: ’’Pepe’’, ’’apellido’’: ’’González’’, ’’edad’’: ’’20’’, ’’sexo’’: ’’masc’’ };




$each(array u objeto, fn[, variable]) – Se utiliza para iterar, sería lo mismo que la función ‘foreach’. Su sintaxis es un poco diferente:

$each(array o objeto, function(ítem,índice,objeto));

Para esclarecer su uso, si lo que queremos es recorrer un array la sintaxis seria:

$each(array, function(ítem, índice));
// array sería el propio array a recorrer, ítem seria el valor guardado en la posición del array y índice seria la variable que guardaría el numero de iteraciones que llevamos.

En cambio para un objeto:

$each(objeto, function(índice,objeto_0));
//objeto seria el objeto a recorrer, el índice seria el número de iteraciones y el objeto_0 seria la variable que guardaría el contenido del objeto en la iteración.

Ejemplo:
 

Con un array:
$each([’’Dom’’,’’Lun’’,’’Mar’’], function(dia, indice){
alert(’’nombre del día:’’ + dia + ’’, índice: ’’ + indice);
});
//Alerts "nombre del día: Dom, índice: 0", "nombre del día: Lun, índice: 1", etc.

Con un objeto:
$each({primer: "Domingo", segundo: "Lunes", tercero: "Martes"}, function(valor, indice){
alert("El " + indice + " día de la semana es " + valor);
});
//Alerts "El primer día de la semana es Domingo", "El Segundo día de la semana es Lunes", etc.:



$random(min, max) – Genera un numero aleatorio entre el min y el max. Devuelve este número.

Ejemplo:
 

alert($random(5, 20));
//Alerts un numero aleatorio entre 5 y 20.



$time() – Devuelve el número de segundos de la fecha y hora del momento en que se ejecuta.

Browser (constantes):

Características del Navegador:

Browser.Features.xpath - (booleano) True si el navegador soporta el DOM usando XPath.
Browser.Features.xhr - (booleano) True si el navegador soporta el objeto XMLHTTP.

Información del Ordenador (cliente):

Browser.Engine.trident - (booleano) True si el navegador es Internet Explorer (cualquiera).
Browser.Engine.trident4 - (booleano) True si el navegador es Internet Explorer 6.
Browser.Engine.trident5 - (booleano) True si el navegador es Internet Explorer 7.
Browser.Engine.gecko - (booleano) True si el navegador es Mozilla/Gecko.
Browser.Engine.webkit - (booleano) True si el navegador es Safari/Konqueror.
Browser.Engine.webkit419 - (booleano) True si el navegador es Safari2/WebKit anterior a la versión 419.
Browser.Engine.webkit420 - (booleano) True si el navegador es Safari3 (WebKit SVN Build)/WebKit posterior a la versión 419.
Browser.Engine.presto - (booleano) True si el navegador es Opera.
Browser.Engine.presto925 - (booleano) True si el navegador es Opera anterior o igual a la versión 9.25.
Browser.Engine.presto950 - (booleano) True si el navegador es Opera posterior o igual a la versión 9.50.
Browser.Engine.name - (cadena) El nombre de la maquina.
Browser.Plugins.Flash.version - (numero) La versión más actual del plugin de Flash.
Browser.Plugins.Flash.build - (numero) La versión de la versión de Flash instalada.

Sistema Operativo:

Browser.Platform.mac - (booleano) True si el SO es Mac.
Browser.Platform.win - (booleano) True si el SO es Windows.
Browser.Platform.linux - (booleano) True si el SO es Linux.
Browser.Platform.ipod - (booleano) True si el SO es ipod touch / iphone.
Browser.Platform.other - (booleano) True si el SO no es Mac, Windows o Linux.
Browser.Platform.name - (cadena) Nombre del SO.

COMENTARIOS


[No hay comentarios]


Deja un comentario

Los comentarios no pueden contener ninguna etiqueta xhtml.


Valoración del articulo: 0 1 2 3 4 5


DEBES ESTAR REGISTRADO PARA ENVIAR COMENTARIOS
REGISTRATE!

MANUALES REFERIDOS AL MISMO TEMA

Manual de Mootools.

Como crear un buscador interno para tu Web.


ARTICULOS REFERIDOS A LA MISMA CATEGORIA

Inauguramos la categoria Mootools..

Clases y eventos en mootools.

mooHug - Plugin para mootools y galerias de imagen.

Descripción de funciones y eventos de Mootools.

Efecto reflejo en imágenes con javascript y HTML.

Buscador sin MySQL utilizando php.



SCRIPTS CLASIFICADOS

Mootools.

mooSearch - rc1.

mooSearch - rc2.

mooHug.


PROGRAMAS PARA EL DESARROLLO DE MOOTOOLS

Adobe Dreamweaver CS3.

Swift 3D - Efectos 3D e importación a Flash.

Adobe Photoshop CS3.

Adobe Illustrator CS3.


LECTURA RECOMENDADA

NUESTROS LIBROS

Php 5 - Anaya.

Diseño de páginas web - Anaya Ed.2001.

Google adds Google adds Google adds Google adds