Códigos Fuente de JavaScript

Mostrando del 221 al 230 de 653 registros
Imágen de perfil
Val: 2.143
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Sistema de encuestas en JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Junio del 2018 por Xavi
4.707 visualizaciones desde el 26 de Junio del 2018
Este simple código es de ejemplo para ver como utilizar un array bidimensional en Javascript para simular el guardado de los resultados de una encuesta.

encuensta-javascript


NOTA; Unicamente es de ejemplo, ya que no guarda en ningún lugar los resultados de la encuesta.
Imágen de perfil
Val: 10
Ha aumentado su posición en 8 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Botón de Agregar en chosen js


JavaScript

Publicado el 24 de Junio del 2018 por Carlos Luis
1.142 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
Imágen de perfil
Val: 2.143
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Añadir o eliminar selects segun el usuario va seleccionando


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Junio del 2018 por Xavi
1.542 visualizaciones desde el 21 de Junio del 2018
Este código muestra como se pueden clonar y eliminar elementos de una pagina. En este ejemplo, se va clonando el select de países mientras el usuario seleccione.

paises-por-seleccionar

paises-seleccionados


Los datos se obtienen desde PHP, Java, Python, ... en un array de valores, devolviendo algo como:
1
[paises] => Array ( [0] => 4 [1] => 5 [2] => 1 [3] => 3 [4] => 0 )
Imágen de perfil
Val: 2.143
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Multiplicar los inputs por filas y hacer el total


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Junio del 2018 por Xavi
1.792 visualizaciones desde el 21 de Junio del 2018
Este simple código, muestra como multiplicar el precio del producto por la cantidad indicada por el usuario en cada producto por separado, a medida que el usuario va introduciendo los importes y/o cantidades. También realiza la suma total de los productos.

multiplicar-productos-javascript
Imágen de perfil

Números mágicos


JavaScript

Publicado el 18 de Junio del 2018 por Administrador
1.834 visualizaciones desde el 18 de Junio del 2018
Este simple juego, te muestra seis recuadros de números, y tienes que indicar en cual de ellos se encuentra el numero que has pensado entre el 1 y el 63. Dependiendo de la sección, te adivinará que número has pensado.

numero-magicos
Imágen de perfil

Guerra de barcos contra el ordenador


JavaScript

Publicado el 15 de Junio del 2018 por Administrador
1.653 visualizaciones desde el 15 de Junio del 2018
Juego de la guerra de barcos contra el ordenador, donde tenemos que undir a pulsación del ratón los barcos enemigos.

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

Verificar que hora y minutos introducidos en un type="time" sean iguales que la del navegador


JavaScript

Publicado el 14 de Junio del 2018 por xve
919 visualizaciones desde el 14 de Junio del 2018
Este simple código verifica que la hora y minutos introducidos en un formulario del tipo type="time" concuerden con la hora y minutos del sistema.
Imágen de perfil
Val: 2.207
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Como añadir un archivo CSS desde javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 14 de Junio del 2018 por xve
1.111 visualizaciones desde el 14 de Junio del 2018
Este simple código muestra como añadir una hoja de estilos CSS desde javascript.

En este ejemplo, añade la hora de estilo estiloNoche.css en la página a partir de las 21:00 horas
Imágen de perfil
Val: 2.207
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Utilizar el estilo :before para poner un botón en un cuadro de texto para ampliar


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 11 de Junio del 2018 por xve
966 visualizaciones desde el 11 de Junio del 2018
Los elemento añadidos por :after o :before desde CSS no se encuentran en el DOM, por lo que no es posible crear eventos sobre ellos. Para ellos, utilizamos la posición del click para simular la pulsación sobre :before para ampliar o disminuir un texto.

abrir-y-cerrar-capa
Imágen de perfil
Val: 2.143
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mensajes personalizados para nuestras paginas web


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 3 de Junio del 2018 por Xavi
1.560 visualizaciones desde el 3 de Junio del 2018
Este código muestra como mostrar mensajes personalizados a los usuarios en medio de la pantalla.

El contenido del mensaje es HTML con CSS, por lo que podemos personalizarlo por completo, como poner imágenes en nuestros mensajes, y personalizar los botones con diferentes colores, etc...

Aquí os muestro algunos ejemplos...

mensaje-personalizado-1

mensaje-personalizado-2

mensaje-personalizado-3