Mostrar los tags: JavaScript

Mostrando del 51 al 60 de 164 coincidencias
Se ha buscado por el tag: JavaScript
Imágen de perfil

Panel visible / oculto con CSS


CSS

Publicado el 22 de Septiembre del 2018 por Scriptshow
1.016 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

Menu superior con css y html5


CSS

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 20 de Septiembre del 2018 por Xavi (Publicado el 24 de Mayo del 2013)
15.050 visualizaciones desde el 24 de Mayo del 2013
Código que muestra como poner un menú superior con estilos, y que se vaya desplegando hasta cuatro niveles al ir pasando el ratón por encima sin utilizar javascript.

menu-superior-con-estilos
Imágen de perfil

Cambia de aspecto con Clase


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por Scriptshow
757 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

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 8 de Septiembre del 2018 por Scriptshow (Publicado el 28 de Septiembre del 2017)
3.666 visualizaciones desde el 28 de Septiembre del 2017
Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

querySelector - querySelectorAll


JavaScript

Actualizado el 28 de Agosto del 2018 por Scriptshow (Publicado el 26 de Agosto del 2018)
796 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
864 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 (Publicado el 3 de Septiembre del 2017)
8.906 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

Calendario


JavaScript

Publicado el 12 de Julio del 2018 por Gabi
1.251 visualizaciones desde el 12 de Julio del 2018
Calendario generado en javascript.
Imágen de perfil

Validating strong password | Validar contraseña fuerte


JavaScript

Publicado el 30 de Junio del 2018 por Alexis Jose
1.528 visualizaciones desde el 30 de Junio del 2018
En el ejemplo que a continuación les brindamos, es un sencillo algoritmo en lenguaje javascript, utilizando las funciones nativas del propio lenguaje, podremos validar que una contraseña ingresada cumpla con los requerimientos de una contraseña fuerte.

Primeramente los criterios que tomaremos para validar que la contraseña sea fuerte son los siguientes:

Tiene ocho caracteres como mínimo.
Letras mayúsculas.
Letras minúsculas.
Números.
Símbolos del teclado (todos los caracteres del teclado que no se definen como letras o números) y espacios.

Para el proceso de validación se utiliza el código ASCII (https://es.wikipedia.org/wiki/ASCII), compartimos en el siguiente enlace la tabla de ASCII de la wikipedia: códigos ASCII.

para conocer el código ASCII de un carácter de una cadena en javascript utilizamos la función: charCodeAt
Imágen de perfil

Botón de Agregar en chosen js


JavaScript

Publicado el 24 de Junio del 2018 por Carlos Luis
1.211 visualizaciones desde el 24 de Junio del 2018
chosen1

Permite agregar un nombre no registrado en la base de datos, en este caso un veterinario, el cual no figura en el select, extraido de una consulta.

En resumen. Se aprovecha que se puede incluir codigo HTML en el mensaje que muestra chosen.js (no_results_text:), cuando no consigue una opción al ser buscada.

La función: agregarItemChosen = function(elem, tipo, strUrl1, strUrl2),

* elem: Elemento del chosen que contiene el nuevo dato.
* tipo: Necesario porque reutilzo la función para otros controles select (operadores, ejemplo).
* strUrl1: Primera url para guardar el dato.
* strUrl2: Si es exitosa al guardar los dato, esta permite volver a consultar.

El proceso es:
- Asignar el boton a chosen.
- Guardar el dato.
- Volver a consultar
- Asignar el dato al select.


Van a ver mucho código, pero lo principal esta en Javascript, mostre las funciones en PHP, para aclarar dudas.

Saludos