Exámenes - Colorea

Colorea - Comentarios

• El programa podrá tener dos páginas y utilizar sesiones:
  • La primera página muestra una fila de cinco cuadros de colores y un cuadrado de nueve cuadros en blanco:
    • La primera vez que se abre la página, o cuando se pulsa el botón "Reiniciar" los nueve cuadros inferiores se muestran en blanco.
    • Al pulsar uno de los cinco cuadros de colores de la fila superior, se selecciona el color en el que se van a pintar los cuadros inferiores.
    • Al pulsar uno de los nueve cuadros inferiores, se colorea del último color elegido.
    • Hasta que se seleccione un color, al pulsar en uno de los nueve cuadros inferiores no cambiará su color.
  • La segunda página recoge el botón, modifica las variables de sesión y redirige a la primera página.
• Si se intenta acceder directamente a la segunda página sin pasar por la primera o si se envía a la segunda página información distinta a la esperada, se redirigirá a la primera página sin informar al usuario.
• No se debe cambiar el nombre del control incluido en las plantillas.
• Al actualizar la primera página, no se modificará el contenido.
• Capturas de pantalla de ejemplo:

  

  

Colorea - Ejemplo de código HTML

          <button type="submit" name="accion" value="a1" style="height: 40px; width: 40px; background-color: red;"></button>
          <button type="submit" name="accion" value="a2" style="height: 40px; width: 40px; background-color: yellow;"></button>
          <button type="submit" name="accion" value="a3" style="height: 40px; width: 40px; background-color: yellow;"></button><br>
          <button type="submit" name="accion" value="b1" style="height: 40px; width: 40px; background-color: white;"></button>
          <button type="submit" name="accion" value="b2" style="height: 40px; width: 40px; background-color: red;"></button>
          <button type="submit" name="accion" value="b3" style="height: 40px; width: 40px; background-color: yellow;"></button><br>
          <button type="submit" name="accion" value="c1" style="height: 40px; width: 40px; background-color: white;"></button>
          <button type="submit" name="accion" value="c2" style="height: 40px; width: 40px; background-color: white;"></button>
          <button type="submit" name="accion" value="c3" style="height: 40px; width: 40px; background-color: red;"></button>

Colorea - Ejemplo de programa

Nota: El día del examen los alumnos no tienen acceso a este ejemplo, solamente tienen acceso a las capturas del apartado anterior.

Un ejemplo de programa puede probarse en la ventana siguiente: