Jquery: soporte de elemento DETAILS en HTML 5

El elemento DETAILS en HTML 5 proporciona un área de contenido desplegable. Inicialmente se muestra un elemento SUMMARY que será con el que se alterne la visibilidad del contenido. Actualmente hay navegadores con cierto soporte de HTML 5, pero aun ninguno soporta el comportamiento que ha de tener el elemento DETAILS. Por ello he creado […]

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: eventos mouseenter y mouseleave

Cuando estamos haciendo el típico menú desplegable por Javascript que despliega al pasar el puntero por encima de algún elemento puede ocurrir que se active el evento onmouseout sin que se salga del área que ocupa el elemento (cuando tiene más elementos dentro) sobre el que se hizo el onmouseover. Pero ese problema tiene fácil […]

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.