Ejecución de funciones Javascript a la carga del DOM (DOM Ready)

Para activar los comportamientos Javascript cuando se haya cargado el DOM es más sencillo utilizar algún framework, como Prototype o Jquery. En estos ejemplos se pretende lanzar la función prueba. Prototype Primera variante: document.observe(«dom:loaded», prueba); Segunda variante: document.observe(«dom:loaded», function() { prueba(); }); Prototype: document.observe Jquery $(document).ready(function(){ prueba(); }); Jquery: evento ready

Inserción de elementos en Javascript: insertBefore y appendChild

Método appendChild El método appendChild permite insertar un elemento al final de otro. Supongamos que tenemos este HTML: <div> <p id="existente">Elemento existente</p> </div> Y queremos que pase a ser así: <div id="contenedor">> <p id="existente">Elemento existente</p> <p id="nuevo">Elemento nuevo</p> </div> No habría más que utilizar el siguiente código Javascript: elemento1 = document.createElement(‘p’); elemento1.appendChild(document.createTextNode(‘Elemento nuevo’)); elemento1.id = […]

Javascript: Secciones desplegables

He montado un ejemplo de secciones de página desplegables. Al cargar la página esas secciones se pliegan automáticamente, y el encabezado que las precede adquiere forma de enlace para poder desplegarlas y plegarlas. Si Javascript no está disponible, no habrá enlace en el encabezado ni se plegarán las secciones. El bloque de secciones es precedido […]

Las tres capas del diseño web

Las interfaces web se componen de tres capas: Contenido. Presentación. Comportamiento. Presentación y comportamiento son opcionales. Contenido Se trata del contenido y de su estructuración semántica: el documento HTML. Cada porción de texto deberá ser contenida en el elemento adecuado a su contexto (párrafos, listas, encabezados, etc.), o llevar la información adicional que sea necesaria […]

CSS: la propiedad text-transform

La propiedad de CSS text-transform es muy útil para transformar los caracteres de un texto en mayúsculas o minúsculas. Puede aplicarse a cualquier elemento. Esta propiedad puede tener los siguientes valores: capitalize: convierte en mayúscula la primera letra de cada palabra. uppercase: convierte todas las letras en mayúsculas. lowercase: convierte todas las letras en minúsculas. […]