JOURMOLY

Ya habia hablado de Arreglos en Mootools ahora es el turno de Number.js y String.js de Mootools.

Number.js

Number.js incluye unos pocos pero útiles métodos para el manejo de números con Javascript.

toInt
Retorna la parte entera de un valor o NaN.

1
2
3
4

("1.2asd").toInt(); // retorna 1
("3.2").toInt(); // retorna 3
(10.50).toInt(); // retorna 10
("asd").toInt(); // retorna NaN

toFloat
Exactamente como toInt, pero retorna el número con sus decimales.

1
2

("1.2asd").toFloat(); // retorna 1.2
("3asd").toFloat(); // retorna 3

limit(minimo, maximo)
Limita un numero entre un mínimo y un máximo.

1
2
3

("50").limit(20, 30); // retorna 30
("50").limit(20, 60); // retorna 50
("50").limit(60, 80); // retorna 60

round(presicion)
Redondea un numero.

1
2

(50.6).round(); // retorna 51
50.4485.round(1); // retorna 50.4

times(función)
Ejecuta la función pasada por parámetro la cantidad de veces que indiquemos.

1
2
3
4
5
6

(4).times(alert); // Muestra 0, 1, 2, 3
(4).times(function(n)
{
	alert(n * n);
});
//Muestra 0, 1, 4, 9

String.js

String.js nos facilita la tarea con los Strings incluyendo varios métodos mas que útiles.

test(cadena,
Nos permite probar una expresión regular sobre un String.

1
2
3

"Mootools".test('tools'); // retorna true
"Mootools".test('TOOLS'); // retorna false
"Mootools".test('TOOLS', 'i'); // retorna true

camelCase
Convierte una cadena con palabras separadas por guiones en una cadena UpperCamelCase

1

"Esta-es-mi-cadena".camelCase(); // retorna "EstaEsMiCadena"

hyphenate
Lo contrario de camelCase.

1

"EstaEsMiCadena".hyphenate(); // retorna "Esta-es-mi-cadena"

capitalize
Coloca en mayúscula la primer letra de cada palabra.

1

"Esta es mi cadena".capitalize(); // retorna "Esta Es Mi Cadena"

trim
Quita los espacios de mas del principio y final de una cadena.

1

"     Esta es mi cadena       ".trim(); // retorna "Esta es mi cadena"

clean
Aplica trim y remueve todos los espacios dobles.

1

"     Esta es mi        cadena       ".clean(); // retorna "Esta es mi cadena"

rgbToHex(modoRetorno)
Convierte un valor RGB en hexadecimal. Indicando true como parámetro devuelve un arreglo [‘FF’,’33’,’00’], sino #FF3300. El valor RGB debe tener alguno de los siguientes formatos: “rgb(255,255,255)” o “rgba(255,255,255,1)”.

1
2
3

"rgb(17,34,51)".rgbToHex(); // retorna "#112233"
"rgba(17,34,51,0)".rgbToHex(); // retorna "transparent"
"rgb(17,34,51)".rgbToHex(true); // retorna ['11','22','33']

hexToRgb(modoRetorno)
Convierte un valor hexadecimal a RGB. Indicando true como parámetro devuelve un arreglo [255,255,255], sino rgb(255,255,255).

1
2

"#112233".hexToRgb(); // retorna "rgb(17,34,51)"
"#112233".hexToRgb(true); // retorna [17,34,51]

contains(buscado, separacion)
Chequea si se encuentra buscado dentro de una cadena. Si el String que buscamos debe estar solo(separado del resto de la cadena) se puede indicar la separación.

1
2
3

'mootools'.contains('oo'); // retorna true
'Mootools'.contains('oo', ' '); // retorna false
'Moot oo ls'.contains('oo', ' '); // retorna true

escapeRegExp
Escapa los caracteres especiales de expresiones regulares.

1
2
3

'mootools'.escapeRegExp(); // retorna "mootools"
'mootools.'.escapeRegExp(); // retorna "mootools\."
'mootools(.)'.escapeRegExp(); // retorna "mootools\(\.\)"

• Se viene, se viene: Mootools 1.2 RC1
• W3C Validator se renueva?
• Más tutoriales y ayuda sobre Mootools
• Fx.Slide, un ejemplo más
• Mootools 1.2 ya está lista!
• Efectos con Mootools: Fx.Styles