ProInf.net

Programación: Javascript /Ajax



Creación de pruebas para alumnos…

Marcado verde

Es una aplicación web para crear un cuestionario de preguntas.
Los alumnos responderán a la prueba desde Internet.
Al final el profesor las corregirá para obtener las puntuaciones.



Introducir una hora mediante un widget Javascript…

Detalle del widget

Introduce la hora y los minutos en un campo de texto de una página web mediante un componente visual manejado con el ratón o el teclado. Hay 3 versiones de JavaScript: con jQuery, con Prototype y sin framework



Piedra, papel, tijera, lagarto, Spock…

Manos para piedra, papel, tijeras, lagarto y Spock

El personaje Sheldon Cooper nos propone un nuevo juego en la serie The Big Bang Theory:
Las tijeras cortan el papel que cubre a la piedra que machaca al lagarto que envenena a Spock que rompe las tijeras que decapitan al lagarto que come el papel que refuta Spock que vaporiza a la piedra que aplasta a las tijeras



Reproducir música en cualquier navegador web…

Altavoz plateado

Cómo incluir un reproductor de audio en una página web de manera tal que se pueda escuchar en los navegadores web más populares



Carrusel de fotos con JavaScript…

Icono de tiovivo

Deslizamiento (Slider) de fotos codificado en JavaScript sin utilizar ningún Framework.

Se puede configurar el tiempo de espera y de animación. Tiene 3 tipos de efectos: opacidad, escalado y deslizamiento.



Banderas del Mundo…

Logotipo de banderas

Es una base de datos MySQL que contiene banderas de países actuales y del pasado, de organizaciones internacionales, etc.

Las banderas se almacenan en formato SVG. Este formato es una descripción en XML de una imagen vectorial

Para consultar las banderas se utiliza una aplicación AJAX que utiliza prototype, mysql y php



Javascript: Calendario anual por semanas…

Calendario en miniatura

Realización de un almanaque anual. Las filas son semanas y las columnas los días de la semana. Los meses están pegados unos con otros. Para distinguir un mes de otro se etiquetan y colorean.

Hay enlaces para avanzar y retroceder de año. Al pulsar sobre una semana puede llamar a un enlace

Se utiliza el entorno Javascript Prototype



Javascript: Funciones de fecha y hora…

Icono de fecha y hora

Son una serie de métodos añadidos al objeto Date para realizar cálculos con fechas y recabar información de las mismas. Es ideal para realizar un horario o calendario.



Volver locas a las imágenes de una web…

Enlace de la fuente original: Retrogismo

Ejemplo de funcionamiento


Desarrollo con Javascript…

Ir arriba