Mostrar los tags: dataset

Mostrando del 1 al 6 de 6 coincidencias
<<>>
Se ha buscado por el tag: dataset
Imágen de perfil

Validar los campos de un formulario con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 4 de Febrero del 2020 por Xve (294 códigos) (Publicado el 14 de Octubre del 2014)
23.606 visualizaciones desde el 14 de Octubre del 2014
En este código se muestra como verificar la entrada de cuadros de texto (<input type="text"...), uno que tiene que tener como mínimo un carácter, y el otro que tiene que tener 4 caracteres exactos. Los limites de los campos se guarda en un dataset en cada <input>.
Si no se cumple con la condición, se marca el recuadro del input en color rojo y no deja enviar el formulario.

Va verificando cada input a medida que vamos escribiendo y luego los verifica todos cuando enviamos el formulario.

validar-formulario
Imágen de perfil

Rango personalizado


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Octubre del 2019 por Joel (150 códigos)
925 visualizaciones desde el 21 de Octubre del 2019
Este simple códgo muestra como se puede modificar el diseño de un input type="range"

Se utiliza javascript para mover el fondo de color.
Se muestra como modificar el contenido de ::after utilizando dataset.

rango-personalizado
Imágen de perfil

Mostrar una capa al pasar el raton por encima de un texto o imagen


CSS

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 22 de Mayo del 2019 por Xavi (548 códigos) (Publicado el 31 de Marzo del 2011)
54.052 visualizaciones desde el 31 de Marzo del 2011
Código que muestra como al pasar el ratón por encima de un texto, te muestra una capa con el contenido que desees al lado del ratón. Al quitar el ratón de encima de el texto, desaparece la capa que se esta mostrando.

Versión 1:
Probado con IE6,7,8, 9, Firefox, Opera, Chrome y Safari.

Versión 2:
Funciona con todos los navegadores excepto con IE

layer-raton
Imágen de perfil

Ocultar/Mostrar div según texto de búsqueda


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Marzo del 2018 por Xavi (548 códigos)
2.806 visualizaciones desde el 31 de Marzo del 2018
Este simple código, muestra como esconder o mostrar los divs que contienen parte de la cadena de búsqueda.
La búsqueda se hace en el dataset.buscar, ya que el contenido del div podría contener imágenes, código html, etc...

buscar-en-div

buscar-en-div-resultado