Mostrar los tags: javascript

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

Paint en Canvas JS


JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 10 de Octubre del 2017)
5.696 visualizaciones desde el 10 de Octubre del 2017
Es una beta del paint para canvas que incluye varias herramientas que te servirán para el dibujo básico

Captura-de-pantalla-66
Imágen de perfil

'librería' canvas JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 4 de Noviembre del 2017)
1.624 visualizaciones desde el 4 de Noviembre del 2017
Crea botones para descargar el lienzo fácilmente y has círculos como si de cuadros se tratase.
para descargar el canvas tan solo como poner el contexto del canvas deseado junto con el método download():
1
2
3
4
5
6
7
8
9
window.onload = function(){
	var c = document.getElementById("lienzo");
	var ctx = c.getContext('2d');
 
	document.getElementById('descargar').onclick = function(){
		ctx.download();
	};
};
<input type="button" id="descargar" value="descargar">
lo mejor de este es que la variable del contexto no es siempre ctx, ya depende de la que tu pongas la libreria se encarga de eso.

Este lanzara un prompt que pedirá un nombre para el archivo y si le das en aceptar sin poner nombre pondrá "Sin título" con la extensión .png por defecto.

Captura-de-pantalla-84
Imágen de perfil

Llegar al final de un texto. Aceptar y seguir...


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 6 de Marzo del 2018 por ScriptShow
1.490 visualizaciones desde el 6 de Marzo del 2018
Leer un texto "hasta el final", es algo que nos encontramos en todas las Webs: los términos y condiciones, aviso legal, etc. Aceptarlo para continuar, puede ser una premisa.
Con este script, podemos comprobar que hemos llegado al final del texto, al menos.

Un saludo
Imágen de perfil

Barra de Progreso del Scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por ScriptShow
1.672 visualizaciones desde el 4 de Febrero del 2018
Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

scrollbar
Imágen de perfil

Ver el Password de un input


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 4 de Febrero del 2018 por ScriptShow
2.253 visualizaciones desde el 4 de Febrero del 2018
Script que convierte un input type password en un input type text., dejando ver el valor que contiene el primero. Un método sencillo que puede no dar resultado en todos los navegadores web.

Veamos de todas formas el código del ejemplo.
Imágen de perfil

Sticky Header JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por ScriptShow
978 visualizaciones desde el 4 de Febrero del 2018
Sticky Header realizado en JavaScript Compatible. No utiliza librerías de terceros. Funciona en todos los navegadores web.
Al mover el Scroll, un Sticky queda fijado en la parte superior. Top de la página. El resto del contenido, se desplaza según la posición del Scroll.

Veamos el código de ejemplo.
Imágen de perfil

Redimensionar DIV siguiendo las coordenadas del Mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 27 de Enero del 2018 por ScriptShow
1.265 visualizaciones desde el 27 de Enero del 2018
Código Javascript para cambiar el tamaño de un DIV siguiendo las coordenadas del mouse.
Un efecto "cortina" manual como base para experimentar, etc...
Un evento asociado a la función, se encarga de manejar el DOM.
Imágen de perfil

Slide Fullscreen Images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 6 de Enero del 2018 por ScriptShow (Publicado el 29 de Octubre del 2016)
1.662 visualizaciones desde el 29 de Octubre del 2016
Slide Fullscreen Imagen ajustada a la ventana del navegador con javascript. Interactúa moviendo el mouse y pulsando en los enlaces, aparecerán los contenidos del álbum correspondiente. Haz click en las miniaturas para ampliar la imagen. Pulsa en la imagen para volver al álbum, etc.

Espero sea útil.

Un saludo
Imágen de perfil

SimpleSlide - Visor de Imágenes Onclick


JavaScript

Actualizado el 6 de Enero del 2018 por ScriptShow (Publicado el 1 de Noviembre del 2016)
2.582 visualizaciones desde el 1 de Noviembre del 2016
Visor de imágenes ordenadas por álbumes. Ampliable, compatible, flexible...

Funciona al pulsar en el enlace del álbum. Aparecerán tantas imágenes como contenga. Haz click en una miniatura, se ampliará al tamaño visible de la ventana del navegador. Vuelve a clicar en la imagen para retornar al álbum.

Espero que sea útil.

Un saludo
Imágen de perfil

Foto Fade Zoom OnClick Responsive


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 4 de Enero del 2018 por ScriptShow (Publicado el 15 de Mayo del 2017)
2.803 visualizaciones desde el 15 de Mayo del 2017
Visor de fotos e imágenes con efectos fade y zoom, responsive y compatible. Se puede ajustar para resoluciones inferiores a 480px (móvil), evitando que se ejecute la función JavaScript.
Al clicar en una imagen, se amplía y se posiciona fija en primer plano; volver a clicar para cerrar la imagen. Los procesos indicados, van acompañados de efectos declarados en Clases CSS. Una función JavaScript procesa los eventos.