Jquery/Prototype: Posicionamiento de pie de página cuando la altura del área visible es mayor que la del documento

Actualizado: Añadida versión para Prototype. En ocasiones tenemos el típico diseño en el que el fondo de cabecera y de pie de página ocupan todo el ancho visible, sea cual sea. Es tan simple como poner un fondo en el elemento BODY y otro fondo en el elemento HTML.

Javascript: Actualización automática de CSS

Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia. He montado un Javascript simple para hacer más fácil la tarea del maquetador. Consiste en recargar la CSS en un intervalo de tiempo (en el ejemplo será 1 segundo) sin recargar […]

Javascript: simular hover en Internet Explorer 6 con Prototype

Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el puntero por encima puedan cambiarse los estilos, pero Internet Explorer 6, en su línea habitual, solo lo acepta en elementos de enlace.

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

Javascript: evitar conflictos entre Jquery y otras librerías

si en un sitio web se usan varias librerías Javascript (Prototype, Mootools) junto con Jquery podemos encontrarnos con incompatibilidades, ya que la función que Jquery utiliza para los selectores CSS se denomina igual que la que usa Prototype para seleccionar por identificador. La solución es más sencilla de lo que parece: var q = jQuery.noConflict(); […]