Mostrar los tags: dhtml

Mostrando del 21 al 30 de 74 coincidencias
Se ha buscado por el tag: dhtml
Imágen de perfil

Filtro por Categorías en JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 12 de Mayo del 2019 por Scriptshow (141 códigos) (Publicado el 12 de Octubre del 2017)
13.870 visualizaciones desde el 12 de Octubre del 2017
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
Imágen de perfil

Albumes de fotos con carga independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 20 de Febrero del 2019 por Scriptshow (141 códigos) (Publicado el 19 de Enero del 2017)
3.069 visualizaciones desde el 19 de Enero del 2017
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
Imágen de perfil

Menú Horizontal ocultable OnScroll


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 22 de Septiembre del 2018 por Scriptshow (141 códigos)
2.174 visualizaciones desde el 22 de Septiembre del 2018
Menú situado en el top de la página que se muestra u oculta al mover la barra de scroll. Los contenidos se desplazan con independencia de la posición del menú.

Espero sea útil.

Un saludo
Imágen de perfil

Panel visible / oculto con CSS


CSS

Publicado el 22 de Septiembre del 2018 por Scriptshow (141 códigos)
1.662 visualizaciones desde el 22 de Septiembre del 2018
Un panel que muestra el contenido al situar el mouse sobre la parte superior del mismo. Una clase en CSS se encarga de darle formato, aspecto, etc. No precisa JavaScript.
Es compatible con cualquier dispositivo fijo ó móvil.

Espero sea útil.

Un saludo
Imágen de perfil

CSS Tiny Box


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por Scriptshow (141 códigos)
1.578 visualizaciones desde el 18 de Septiembre del 2018
Damos muchas vueltas con los: Lightbox, Modalbox, Capa con opacidad, etc.
En esencia, estos efectos son muy sencillos; por lo que vemos y observamos por ahí, son muy complicados... ¿Cuál es la realidad?. En definitiva, cuando tenemos tanto donde elegir, acertar se convierte en la clave.

Por ahora, empezaremos con este sencillo Tiny Box a ver qué pasa...

Espero sea útil.

Un saludo
Imágen de perfil

Cambia de aspecto con Clase


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por Scriptshow (141 códigos)
1.296 visualizaciones desde el 18 de Septiembre del 2018
Dicho queda... Cambiar el tamaño, forma, color, texto, etc. de un elemento con CSS y JScript compatibles. Es un ejemplo muy sencillo basado en dos clases CSS y una función que es llamada desde un enlace de texto.

Espero sea útil.

Un saludo
Imágen de perfil

querySelector - querySelectorAll


JavaScript

Actualizado el 28 de Agosto del 2018 por Scriptshow (141 códigos) (Publicado el 26 de Agosto del 2018)
1.430 visualizaciones desde el 26 de Agosto del 2018
Ejemplos sencillos y compatibles para utilizar querySelector - querySelectorAll. No serán necesarias "librerías - framework" para este menester. Los métodos y funciones las interpreta directamente cualquier navagador web.

Espero sea útil.

Un saludo
Imágen de perfil

Scroll Overflow controlado por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Agosto del 2018 por Scriptshow (141 códigos)
1.496 visualizaciones desde el 26 de Agosto del 2018
En ocasiones, hemos tenido que actuar sobre las barras de scroll para ponerlas y/o quitarlas por tiempo limitado, según necesidades: menúes largos, foto presentaciones, etc. Incluso por estética...

Vamos a ver cómo hacerlo controlado por javascript, directamente. Podemos añadirle una función asociada a un/os evento/s, objeto/s, etc. Si es preciso, revisaremos los valores posibles para el atributo "overflow".

Espero sea útil.

Un saludo
Imágen de perfil

Simular pulsar la tecla Enter


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 24 de Agosto del 2018 por Scriptshow (141 códigos) (Publicado el 3 de Septiembre del 2017)
28.265 visualizaciones desde el 3 de Septiembre del 2017
Simular pulsar la tecla "Enter" con métodos varios...

Artículos relacionados:

https://stackoverflow.com/questions/3276794/jquery-or-pure-js-simulate-enter-key-pressed-for-testing

P.D.: Hemos de tener en cuenta las limitaciones por razones de seguridad, privacidad y demás acciones voluntarias e involuntarias.

Un saludo
Imágen de perfil

Imagen B/N con fondo efecto mono-color


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Junio del 2018 por Scriptshow (141 códigos)
1.562 visualizaciones desde el 2 de Junio del 2018
Una sola imagen ó silueta en escala de grises (B/N) que cambia de color, sin necesidad de utilizar varias imágenes para ello... Absolutamente compatible de forma nativa.

Un Script puede aplicar decenas, cientos de colores aleatorios al fondo para conseguir el efecto, el resto es una opacidad prefijada en CSS. No es una práctica que esté extendida en webs, creo. Lo descubrí experimentando por mi cuenta.

Espero sea útil.


Un saludo