Mostrar los tags: html

Programa simple, y muy útil, que sirve para mostrar contactos telefónicos, pero que almacena y muestra todo tipo de información sobre el contacto que se elija. Contiene una pequeña base de datos para almacenar los contactos creados anteriormente.

Ejercicios para el aprendizaje
El siguiente formulario Web simple (carro.html),
selecciona una marca de automóvil e ingresa el color deseado.

- Toda la programación está hecha en JavaScript.
- La visualización de los laberintos se basa en el elemento canvas de HTML5. Para los símbolos uso imágenes de 16×16 píxeles y para mostrar la solución uso círculos y rectángulos dibujados.
- La generación de laberintos se hace por backtracking y se obtiene un laberinto perfecto: cualesquiera dos puntos están conectados por exactamente un camino y no hay bucles. Lo elegí porque visualmente me pareció más atractivo.
- La salida (el cohete) y la llegada (la casita) las elijo para que estén lo más separadas posible, para conseguir que la solución sea un camino largo. En algunas ocasiones la curva resultante me recuerda a la curva de Peano.
- La solución del laberinto se obtiene buscando los puntos muertos, celdas que están rodeadas de tres muros; cuando se eliminan todos, las celdas que quedan son las que forman la solución. También me pareció más adecuada para su visualización.
- Para mostrar la solución utilizo un temporizador JavaScript ¡para cada paso! Nunca pensé que eso podría funcionar. Con la inocencia del novato, pensé en usar el equivalente en JavaScript a una función sleep() hasta que descubrí que ni existía ni se consideraba correcto escribirla, por lo que tuve que pensar un buen rato cómo conseguir lo que quería con temporizadores. Bueno, parece que funciona :)

Navegar por medio del teclado: flechas de dirección, etc...
Pulsa las teclas de dirección; mueve las barras de scroll para ver el efecto...
Acerca el mouse a la imagen para ver las opciones. Haz clicks para cambiarlas...

Espero sea útil.

Un saludo

Script adaptable para mostrar grupos de objetos por categorías. Es práctico para organizar presentaciones que tienen mucho y variado contenido. Lo podemos ver en tiendas online, portafolios y galerías de fotos.

Espero sea útil.

Un saludo

Este código muestra como crear un gráfico de barras tanto horizontal como vertical utilizando unicamente HTML y CSS.

Este código muestra como mostrar un vídeo <video> sin que el usuario sepa donde se encuentra alojado el vídeo en nuestro servidor.

El vídeo se muestra desde PHP, por lo que desde el mismo puedes controlar quien puede o no visualizar-lo, contar las visualizaciones, etc...

Visor de imágenes por álbumes con carga independiente...
Para evitar la espera al cargar álbumes que contienen muchas imágenes, sería aconsejable repartir en varios apartados, clasificados por contenidos, las diferentes fotos.

El Script se fundamenta en varios Arrays que contienes las imágenes. Cada Array, está definido por una variable, que nos facilita su localización. Si clicamos en un enlace, invocamos el Array correspondiente incluido en una función, cargándose sólo esas imágenes...
El objetivo es poder ampliar casi indefinidamente el sistema, sin tener que esperar a que carguen todas las imágenes.

Espero sea útil.

Un saludo

PoPup Simple by 2K code

Popup / Modal por focus en puro CSS. No utiliza JavaScript.

Mejor con 2K max.

Código que va añadiendo valores a un select de manera ordenada, ingresando la primera letra siempre en mayúscula, y comprobando que no esta repetida.