Códigos Fuente de JavaScript

En este sencillo código, muestro como multiplicar el precio de los productos por el precio y mostrar el total, obteniendo los datos de una tabla html

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.



NOTA; Unicamente es de ejemplo, ya que no guarda en ningún lugar los resultados de la encuesta.

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

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.





Los datos se obtienen desde PHP, Java, Python, ... en un array de valores, devolviendo algo como:

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.

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.

Juego de la guerra de barcos contra el ordenador, donde tenemos que undir a pulsación del ratón los barcos enemigos.

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.

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

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.