Mostrar los tags: javascript

Mostrar y ocultar contenidos al clicar en enlaces, botones, imágenes, menús, tabs...
Una sola función en JavaScript se encarga de todo. Basado en un bucle e índices para localizar los elementos / objetos y sus atributos.

Ampliable y compatible con la mayoría de navegadores.

Espero sea útil.

Se trata de un visor de imágenes y/o fotos manual...
Cambia las imágenes adelante y atrás clicando en la parte izquierda o derecha de la imagen y/o pulsando las teclas de dirección-flechas.
La imagen permanece centrada y ajustada proporcional a las dimensiones.

Es un diseño responsive, se adapta a cualquier resolución de pantalla y/o dispositivo.

Espero sea útil.

Un saludo

Aquí les muestro una manera de crear un indicador con mínimo y máximo con varias agujas, utilizando únicamente CSS para crear el dibujo y JavaScript para mover las agujas.



Continuación del código de https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html

Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.



Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().

Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
Se puede utilizar con % o un valor mínimo y máximo.



Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().

Simple código que muestra como mostrar o ocultar un elemento añadiéndole o quitandole una clase de CSS que esconde o muestra el elemento.

Simple SideNav Menu by 2K code

Menú lateral con efectos asociados a eventos...

Mejor con 2K max.

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

Completo código que muestra como funciona el backoffice de una pagina web. Se muestra como guardar las contraseñas una base de datos MySQL con MD5 mas una semilla, validación constante con variables de sesión, gestión completa de los usuarios de la administración, con altas, bajas y modificaciones. Se verifican los formularios con JavaScript y posteriormente con PHP. Se ha implementando un poco de CSS3 como poner esquinas redondeadas y sombras.

Este código muestra como utilizar variables en CSS y cambiar dichas variables desde JavaScript para cambiar completamente el diseño de nuestra web.
En este ejemplo, se muestra como cambiar los colores y el estilo de un borde cambiando el valor de las variables CSS mediante JavaScript.