Códigos Fuente de JavaScript

Mostrando del 241 al 250 de 706 registros
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cuenta atras con barra de progreso en javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 27 de Noviembre del 2018 por Xve
2.459 visualizaciones desde el 27 de Noviembre del 2018
Este código realiza una cuenta atrás utilizando "animation" de CSS para mostrar la barra de progreso y jquery para mostrar los valores a cada segundo.

Actualmente la cuenta atrás va de 10 a 0, pero si se desea modificar, se debe modificar la variable "contador" de js y el estilo "animation" de CSS poniendo en los dos lados el mismo valor.

La cuenta atrás, es iniciada desde jquery a los 500 milisegundos de cargar la pagina.

Se especifica la anchura de la barra en la case "meter" de css.

Una vez finalizado el tiempo, se ejecuta la función de js finalCuantaAtras() para poder ejecutar cualquier proceso.

cuenta-atras-barra-de-progreso
Imágen de perfil
Val: 2.093
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cálculos de alumnos con sus notas


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Noviembre del 2018 por Xavi
3.338 visualizaciones desde el 21 de Noviembre del 2018
Código que guarda en una tabla de HTML el listado de alumnos con sus notas, para posteriormente informar de:
- los alumnos aprobados (nota igual o superior a 4)
- los alumnos suspendidos
- los alumnos con mejor y peor nota
- la media de las notas
- los alumnos promocionados (nota igual o superior a 7)
- el promedio de los alumnos aprobados
- el promedio de los alumnos promocionados

notas-alumnos


Este código es una continuación de: https://www.lawebdelprogramador.com/codigo/JavaScript/4937-Llenar-una-tabla-con-alumnos-y-edades.html
Imágen de perfil
Val: 2.093
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mayúsculas a minúsculas y viceversa


JavaScript

Publicado el 12 de Noviembre del 2018 por Xavi
2.394 visualizaciones desde el 12 de Noviembre del 2018
Simple código que intarcambia las mayúsculas y minúsculas del contenido de un textarea

INTERCAMBIA
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener las funciones y variables de un objeto


JavaScript

Publicado el 8 de Noviembre del 2018 por Xve
830 visualizaciones desde el 8 de Noviembre del 2018
Simple código para ver como podemos obtener las variables y funciones de dentro de un objeto dado.
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Refrescar la pagina cada vez que se hace clic en cualquier lugar


JavaScript

Publicado el 27 de Octubre del 2018 por Xve
738 visualizaciones desde el 27 de Octubre del 2018
Este simple código muestra como generar un evento cuando se hace un clic sobre cualquier parte de la página web. En este ejemplo, se refresca la pagina.
sin imagen de perfil

Generador de gráficos


JavaScript

Actualizado el 25 de Octubre del 2018 por Rcc@la-ira.com (Publicado el 30 de Octubre del 2003)
15.570 visualizaciones desde el 30 de Octubre del 2003
Código para generar, a partir de ciertos datos, una gráfica estadística al estilo de barras.

grafica
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Como crear un select con sus valores desde códigos


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 24 de Octubre del 2018 por Xve
730 visualizaciones desde el 24 de Octubre del 2018
Este simple código muestra como crear un <select> desde código.
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Enviar firma al servidor desde Tablet o smartphone


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 17 de Octubre del 2018 por Xve
1.275 visualizaciones desde el 17 de Octubre del 2018
El código permite que un usuario mediante tablet o smartphone realice una firma y esta se guarde en el servidor como un archivo .png y se guarde un registro en la base de datos con el numero, nombre del usuario y nombre de la imagen.

firmarTablet


Este código es una actualización del código de Marcelo Agustini llevado a HTML5 con $mysqli.
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Formatear cuenta bancaria IBAN


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 3 de Octubre del 2018 por Xve
1.966 visualizaciones desde el 3 de Octubre del 2018
Este código formatea la entrada de una cuenta bancaria en formato IBAN permitiendo unicamente dos números al inicio, y cada 4 dígitos añade automáticamente un espacio.

iban
Imágen de perfil
Val: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Arrastrar y soltar un elemento por la pantalla para móviles y tablets con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 28 de Septiembre del 2018 por Xve
1.741 visualizaciones desde el 28 de Septiembre del 2018
Este código muestra como es posible arrastras un elemento por la pantalla de un smartphone (móvil) o tablet por encima de cualquier otro elemento utilizando touch.

arrastrar-movil-touch


Aquí tienes la versión para navegador de escritorio:
https://www.lawebdelprogramador.com/codigo/JavaScript/4285-Arrastrar-y-soltar-un-elemento-por-la-pantalla-de-un-PC-con-JavaScript.html

Puedes obtener mas información sobre los eventos touch en: https://developer.mozilla.org/es/docs/DOM/Touch_events