Este documento describe el desarrollo de dos páginas web utilizando PHP, HTML y CSS. La primera página permite al usuario seleccionar un número de una lista desplegable. La segunda página recibe el número seleccionado mediante variables globales, lo muestra en una tabla y también muestra el nombre del usuario ingresado en un campo oculto en la primera página. El autor prueba localmente el sitio y luego lo sube a un hosting para verificar que funciona correctamente a través de Internet.
1. CENTRO UNIVERSITARIO DE
LOS VALLES
Programación Web
Tarea 5 : Funciones y Variables Globales con PHP
Carrera: Tecnologías de la Información
Alumno: Jonathan Jesús Diaz Jiménez
Maestro: Abraham Vega Tapia
2. Creamos el código en VS Code, utilizando HTML y algo de CSS para que se vea
bonito; para este trabajo realizaremos 2 paginas, debido a que en una insertamos un
dato por medio de una selección (combo box) y la otra página lo recibirá y lo
mostraremos mediante una tabla.
Este es el código HTML para
realizar un cuadro de
selección múltiple
Este comando sirve para redireccionar a una
función de javascript cuando demos un click
en enviar
Además también ponemos el atributo de
action, que es el que redirige a la segunda
página, la información obtenida en esta
primer página
3. En esta parte ponemos código para validar el cuadro, de
esta manera no permite continuar a la página siguiente
si no has seleccionado ningún número, además manda
una ventanita de alerta
4. Podemos revisar lo que hemos hecho de código abriendo
nuestra página local, y como vemos, ya esta la primer página
5. Bien ahora vamos con la segunda página que recibirá los datos de la anterior, y esta
tendrá PHP y HTML, pondremos variables globales que reciben la información, esta
información es la que ponemos en “value”
Como se abran dado cuenta la parte superior tiene código PHP
Estas líneas de código son para recuperar
los datos de la página anterior y
guardarlos en una variable
En esta parte vemos 2 cosas
importantes, que primero tenemos una
tabla y dentro de ella una función con
PHP
6. En la función utilizamos un for, esto para hacer que imprima el número elegido en los
renglones de la tabla, pero también se mezcla con HTML debido a que la tabla necesita de esto,
y para concatenar o agrupar código se utiliza el “.”
El parámetro de la función es el número que obtenemos de la página anterior, y después lo
mandamos imprimir dentro de un td(lo que crea las celdas de una tabla en html); aquí mismo
vemos el style, para darle colorcito.
Al final mandamos llamar la
función.
Para imprimir mi nombre,
en la página anterior
pusimos una caja de texto
oculto, este no aparece
hasta que recuperamos el
valor y lo ponemos en una
variable, en este caso,
“$miNombre”.
7. Bueno, vamos a la pagina
local a probarlo, selecciono
el 10, y después doy en
enviar datos
Listo, ya nos dio la página, ya
mostro el nombre, y hasta con
colorcito las filas 1 y 3, ahora solo
queda subirla al hosting
8. Subimos nuestros arrastrando desde nuestra carpeta, damos en upload y listo
para revisar en internet
Click derecho sobre el archivo
que acabamos de subir, luego en
la penúltima opción, para que
nos mande una página externa
con lo que hemos creado
9. Ya quedo, y nos damos cuenta porque funciona, además pueden ver el link
mostrado en la parte de arriba, ya no dice localhost
http://jesusdj.atspace.cc/paginas/tarea_sesion5_jonathand.php
Aquí les dejo el link de la página
Ademas, el código PHP no
se muestra al darle click en
“ver código fuente”