Códigos Fuente de JavaScript

Mostrando del 331 al 340 de 799 registros
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gráfico de lineas con Canvas,leyenda y tooltip


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 19 de Febrero del 2019 por Xve (286 códigos) (Publicado el 29 de Enero del 2019)
2.196 visualizaciones desde el 29 de Enero del 2019
Este código utiliza un objeto para crear gráficos de lineas con su leyenda y tooltip al pasar el ratón por encima de cada valor.

Permite especificar si la linea dispone de puntos y tooltip. También puedes especificar si se muestran los valores del eje horizontal, leyenda o titulo.

En esta segunda versión, se permite especificar:
- si se quiere que el gráfico empiece desde 0 o desde el valor mas bajo.
- para cada rango de valores se permite especificar un color diferente para las rallas que suben o bajan.
- si se desean visualizar las redondas en cada intersección
- si quieres o no visualizar el tooltip
- invertir el orden de las coordenadas Y

El tooltip, leyenda y intersección, son clases externas, por lo que se pueden añadir nuevos objetos y utilizarlos dentro del gráfico.

grafico2

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

Deshacer cambios en un canvas


JavaScript

Publicado el 11 de Febrero del 2019 por Joan (84 códigos)
1.038 visualizaciones desde el 11 de Febrero del 2019
Ejemplo de como deshacer una modificación en un canvas

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

Obtener el nombre de una instancia a una clase de JavaScript


JavaScript

Publicado el 10 de Febrero del 2019 por Joel (138 códigos)
996 visualizaciones desde el 10 de Febrero del 2019
Aquí se muestra una manera de obtener el nombre de la instancia a una clase dada reivsando el objeto global "window"
Imágen de perfil
Val: 2.728
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mover la bola al pasar el ratón por encima


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Febrero del 2019 por Joel (138 códigos)
692 visualizaciones desde el 8 de Febrero del 2019
Este código muestra el uso del evento mouseover al mover un elemento por la pantalla cuando el ratón intenta ponerse encima del mismo.
Imágen de perfil
Val: 1.968
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Enviar un formulario automáticamente una vez introducidos todos los valores


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Enero del 2019 por Xavi (534 códigos)
1.026 visualizaciones desde el 31 de Enero del 2019
Este código muestra como enviar un formulario una vez se hayan introducido todos los valores esperados, sin tener que pulsar ningún botón.
Para este ejemplo, se espera la entrada de tres caracteres.
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gráfico de barras con Canvas, leyenda y tooltip


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 24 de Enero del 2019 por Xve (286 códigos) (Publicado el 24 de Octubre del 2018)
5.538 visualizaciones desde el 24 de Octubre del 2018
Este código utiliza un objeto para crear gráficos de barras con su leyenda y tooltip al pasar el ratón por encima.

grafico-barras-canvas
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Moverte por los elementos de un formulario con las flechas


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 24 de Enero del 2019 por Xve (286 códigos)
1.072 visualizaciones desde el 24 de Enero del 2019
Este código, muestra como moverte por los elementos de un formulario con las flecha de subir y bajar.
Si un elemento esta deshabilitado lo salta.
Imágen de perfil
Val: 1.968
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validar que unicamente se envía un archivo de imagen


JavaScript

Publicado el 17 de Enero del 2019 por Xavi (534 códigos)
747 visualizaciones desde el 17 de Enero del 2019
Este simple código valida con JavaScript en el navegador, que el archivo que se intenta enviar tenga una extensión de imagen.
Imágen de perfil
Val: 21
Ha aumentado su posición en 6 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Insertar valores en un select de manera ordenada


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 16 de Enero del 2019 por Becku
1.044 visualizaciones desde el 16 de Enero del 2019
Código que va añadiendo valores a un select de manera ordenada, ingresando la primera letra siempre en mayúscula, y comprobando que no esta repetida.

insertar-valores-select
Imágen de perfil
Val: 2.810
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mezclar o barajar de forma aleatoria un array de valores


JavaScript

Publicado el 15 de Enero del 2019 por Xve (286 códigos)
1.711 visualizaciones desde el 15 de Enero del 2019
Este código muestra como mezclar o barajar los valores de un array.