En esta presentación se explica la realización de la tarea 8 de la materia de programación web.

1. Tarea 8
PROGRAMACIÓN WEB.
POR: ARENAS CAMACHO JOSÉ
FERNANDO.

2. Código.
• El código de esta tarea se divide en 3 archivos, uno en el que
colocaremos los combo box y llamaremos a los otros archivos
de videojuegos y desarrolladora utilizando AJAX.

3. Código.
• Primero realizamos la conexión con la base de datos, luego
hacemos una consulta para obtener los datos de la tabla de
consolas, ejecutamos la consulta y dividimos en filas.

4. Código.
• Dentro del HTML creamos un código de JavaScript para
obtener los datos mediante con ayuda de AJAX.
• Como mi base de datos tiene 3 tablas realicé un select para
cada una de las tablas.
• Cuando seleccionas una consola, aparecen los juegos de esa
consola y cuando seleccionas un juego, aparece la
desarrolladora en otro select.

5. Recuperamos las
opciones del select.
Mediante el método post enviamos el id de la consola que se seleccionó.
Aquí enviamos el ID de la desarrolladora que se encuentra en la tabla juegos como llave foránea.

6. Código.
• Dentro del body creamos un formulario con los 3 select, solo el
primer select está completo en el primer archivo, los demás
select se llenan en los demás archivos.

7. Select de consolas, se rellena mediante el ciclo “foreach”. El valor es el “id_consola” que es el que vamos a
pasar al archivo de obtener_juego.php
Este select esta vació, se va a rellenar en el archivo obtener_juego.php
Este select esta vació, se va a rellenar en el archivo obtener_desarrolladora.php
Cerramos conexión con la base de datos.
Mediante el método onchange
llamamos a la función
pedirJuegos. para obtener los
datos del siguiente select.
Mediante el método onchange
llamamos a la función
pedirdesarrolladora para obtener los
datos del siguiente select.

8. Código: obtener_juegos.php
• Dentro del archivo obtener_juegos.php nos conectamos a la
base de datos, creamos dos resultados en caso de que la fila
está vacía, mediante el método post recuperamos el id de la
consola y lo guardamos en una variable llama juego_elegido,
luego hacemos una consulta que nos muestre todo de la table
juegos donde el id de la consola de la tabla juegos sea igual al
id de la consola de la tabla consola, luego ejecutamos el query
y lo hacemos en filas.

9. Código: obtener_juegos.php
• Verificamos que las filas no estén vacías, de ser así
desplegamos un mensaje diciendo que no hay datos.
• Si las filas no están vacías entonces mediante el ciclo foreach
rellenamos el select de los juegos con el valor de
“id_desarrolladora” y el valor visible de nombre de juego.
• El colocar el id de la desarrolladora como valor nos ayudará a
realizar el siguiente select, como se muestra en la siguiente
diapositiva.

10. Código: obtener_juegos.php

11. Código: obtener_desarrolladora.php
• El código de este archivo funciona igual que el anterior, le
pasamos el id de la desarrolladora de la tabla juegos para
poder imprimir en el siguiente select la desarrolladora de ese
juego.
• El código es exactamente el mismo, solo cambian las variables
que hacen referencias a las tablas y datos.

12. Código: obtener_desarrolladora.php

13. Resultado.

14. Resultado.

15. Enlace.
• http://chimbo2024.atspace.cc/program_web_2024a/paginas/co
mobobox_diamicos.php