Introducción a AJAX
Capítulo 10. Frameworks y librerías
camelize(): convierte una cadena de texto separada por guiones en una cadena con notación de
tipo CamelCase var cadena = "el-nombre-de-la-variable".camelize(); // cadena = "elNombreDeLaVariable"
underscore(): función inversa de camelize(), ya que convierte una cadena de texto escrita con
notación CamelCase en una cadena de texto con las palabras separadas por guiones bajos var cadena = "elNombreDeLaVariable".underscore(); // cadena = "el_nombre_de_la_variable"
dasherize(): modifica los guiones bajos (_) de una cadena de texto por guiones medios (-) var cadena = "el_nombre_de_la_variable".dasherize(); // cadena = "el-nombre-de-la-variable"
Combinando camelize(), underscore() y dasherize(), se puede obtener el nombre DOM de cada propiedad CSS y viceversa: var cadena = 'borderTopStyle'.underscore().dasherize(); // cadena = 'border-top-style' var cadena = 'border-top-style'.camelize(); // cadena = 'borderTopStyle'
10.1.3. Funciones para elementos Prototype define funciones muy útiles para manipular los elementos incluidos en las páginas HTML. Cualquier elemento obtenido mediante la función $() puede hacer uso de las siguientes funciones: Element.visible(): devuelve true/false si el elemento es visible/oculto (devuelve true para
los campos tipo hidden) Element.show() y Element.hide(): muestra y oculta el elemento indicado Element.toggle(): si el elemento es visible, lo oculta. Si es elemento está oculto, lo muestra Element.scrollTo(): baja o sube el scroll de la página hasta la posición del elemento indicado Element.getStyle() y Element.setStyle(): obtiene/establece el valor del estilo CSS del
elemento (el estilo completo, no la propiedad className) Element.classNames(),
Element.hasClassName(),
Element.addClassName(),
Element.removeClassName(): obtiene los class del elemento, devuelve true/false si incluye un
determinado class, añade un class al elemento y elimina el class al elemento respectivamente Todas las funciones anteriores se pueden invocar de dos formas diferentes: // Las dos instrucciones son equivalentes Element.toggle('principal'); $('principal').toggle()
www.librosweb.es
168