Es una página web que utiliza PHP y HTML para traer informacion desde una Base de Datos, y lo muestra en dos cajas de seleccion, estas páginas utilizan ajax, el cual sirve para hacer una recarga sin recargar toda la página de manera constante ya que esto seria tedioso y en ocasiones podría tardarse porque talves varías personas esten en una misma página al mismo tiempo.

1. CENTRO UNIVERSITARIO
DE LOS VALLES
PROGRAMACION WEB
TAREA 8 Listas Dinamicas desde MySQL hacia PHP
Alumno: Jonathan Jesus Diaz Jimenez
Carrera: Tecnologías de la Información
Maestro: Abraham Vega Tapia

2. Empezaremos trabajando con la primer página, esta
será la que muestre todo, el diseño y tambien las
cajitas de selección
Al principio
tenemos la
parte donde
hace la
conexión a la
BD
Después en la
cabecera(head)
ponemos titulo
y algunos
comandos en
JavaScript

3. Aquí se muestra el JavaScript que se hizo para obtener
información de otra URL pero sin tener que estar
recargando la página a cada rato, ya que eso podría ser
tardado y hasta tedioso
Fue diseñado por
Microsoft y
adoptado por
Mozilla, Apple y
Google.
Actualmente es
un estándar de la
W3C.

4. Las siguientes funciones son las que hacen posible el
cambio, hay algunos nombres que les damos a las cajas
de selección y esos tienen que ir aquí

5. Ahora iniciamos con el
codigo que nos hará
tener toda la vista de
nuestra pagina, el
color y diseño se lo
damos con CSS, pero
aquí es donde le
ponemos a que cajas o
que objetos tendrán
ese diseño
Se empieza a abrir una
etiqueta de HTML donde
recibirá los datos de
la BD en la caja de
selección

6. En la parte de arriba se utiliza un FOR para la primera caja de
selección, no va a mostrar el nombre de la carrea, pero si nos damos
cuenta envía como parámetro el id de la carrera, como ese id es único
entonces pueden haber muchas personas inscritas a una carrera
Para la segunda caja de
selección donde
mostramos los nombres
de los que están inscritos
a esa carrera
Creamos la etiqueta
donde ira esto, pero no
ponemos nada dentro de
ella, esto lo haremos en
un segundo documento,
solo necesitamos el
nombre tal cual esta

7. Esta es la segunda pagina donde obtendremos los datos de la otra tabla que
hará que muestre los nombres
Estas dos de “resultado” se
mostraran al principio de la
caja de selección, y en dado
caso que no haya nada, que
para eso es el IF de abajo,
mostrara el “resultado2”

8. Estas 3 capturas nos muestran código CSS para darle un diseño
bonito a la página, lo puse en un archivo aparta y en otra
carpeta para tener una mejor organización, esto lo podemos hacer
dentro de la primer pagina, pero resulta muy amontonado

9. Ahora checamos nuestras paginas de manera
local, se ve que si tiene el diseño y el
color, va bien la cosa

10. Ya muestra el nombre de las carreras

11. Una ves que seleccionamos la carrera, en la siguiente caja de
selección debería mostrarnos 2 opciones, que si hay, o que no hay,
después de ver que si trae algo, entonces pasamos a hacer clic

12. Ahora que ya vimos que si jalo y todo bien, pues toca subirlo a
atspace.com para que cualquiera con el link pueda verlo, vamos a
subir los 3 archivos que generamos, los 2 de PHP y el de CSS

13. Listo, ya quedo todo, volvemos a revisar
y todo quedo bien