Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web

Datos de búsqueda

Categoría: ‘Desarrollo web’

Javascript-Jquery: Galería con desplazamiento (carrusel)

Fecha de publicación: 2010/12/24

Actualizado 2011-02-18: Se añade una variante con desplazamiento ilimitado.

El objetivo es crear una galería con desplazamiento mediante Javascript manteniendo la accesibilidad cuando no hay soporte Javascript.

Leer el resto del artículo

Datos del artículo:

Flash: importación de datos desde XML, dominios con eñe (ñ) y Firefox

Fecha de publicación: 2010/11/29

Es habitual el uso de ficheros XML para mostrar datos en archivos SWF (Adobe Flash), simplifica mucho las cosas. Si tenemos, por ejemplo, una galería de imágenes en Flash, se puede generar un XML con el listado de URLs de las imágenes, de modo que cuando queramos añadir alguna no hay que volver a generar el SWF, sino que baste con modificar el XML. Incluso se podría generar el XML de forma dinámica.

Leer el resto del artículo

Datos del artículo:

Javascript: equivalencia de método ‘closest’ de Jquery en Prototype

Fecha de publicación: 2010/10/14

En Prototype no hay equivalencia al método closest() de Jquery (enlace externo, en inglés), pero hay algunas formas de suplirlo.

Leer el resto del artículo

Javascript: Actualización automática de CSS

Fecha de publicación: 2010/10/11

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 la página, de modo que cuando se guarde la CSS se vean los cambios en el navegador casi de inmediato.

Leer el resto del artículo

Javascript: eventos mouseenter y mouseleave

Fecha de publicación: 2010/09/27

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 solución.

Leer el resto del artículo

MySQL: ordenar de forma aleatoria los resultados

Fecha de publicación: 2010/09/03

Es muy sencillo utilizando ORDER BY RAND():

SELECT * FROM tabla ORDER BY RAND() LIMIT 0,3

Ver más en "Referencia MySQL: Funciones matemáticas" (enlace externo).

Datos del artículo:

PHP: eliminar elementos duplicados en un array

Fecha de publicación: 2010/08/10

Para eliminar los elementos duplicados en un array habrá que utilizar las funciones array_unique (enlace externo, en inglés) y array_values (enlace externo, en inglés).

Leer el resto del artículo

Datos del artículo:

Javascript: simular hover en Internet Explorer 6 con Prototype

Fecha de publicación: 2010/07/16

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.

Leer el resto del artículo

Javascript: Selección múltiple de campos checkbox con jQuery

Fecha de publicación: 2010/07/14

He preparado la típica funcionalidad en la que al seleccionar un campo INPUT de tipo checkbox se seleccionan otros campos asociados a él.

Leer el resto del artículo

Datos del artículo:

Simulación de elemento SELECT con jQuery

Fecha de publicación: 2010/07/11

He preparado un componente que simula un elemento SELECT, en el que se puede seleccionar una sola opción, que evita algunas de las limitaciones de los elementos SELECT de verdad, pudiendo dar formato a las opciones que contiene, añadir imágenes, etc.

Leer el resto del artículo

Información del sitio