PHP (acrónimo de "PHP: Hypertext Preprocessor") es un lenguaje interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor.
Hay que entender primero como funciona la solicitud de páginas en un navegador para comenzar a programar en PHP.
Comunicación entre el cliente y el servidor sin PHP:
Este proceso siempre es el mismo cuando hablamos de páginas estáticas (páginas que no cambian), cualquiera sea el cliente que solicita la página el contenido siempre será el mismo. La única forma que el contenido del archivo cambie es que el administrador de ese sitio web edite el contenido del archivo pagina1.htm y haga modificaciones.
Comunicación entre el cliente y el servidor con PHP:
Para aquellas personas que conocen otros lenguajes de programación (C - Java - C# - Pascal etc.) la salida de los resultados normalmente es la pantalla, en PHP la salida es la página HTML (luego ésta viaja por internet y llega al cliente que la solicitó)
En este curso suponemos que conoce las marcas principales de HTML y algún lenguaje de programación, por lo menos un poquito.
Para agregar un programa PHP dentro de una página HTML debemos por un lado al crear el archivo definirlo con extensión php (a diferencia de las páginas estáticas que tienen extensión htm o html) y dentro del contenido de la página, encerrar el programa entre los símbolos <?php [aqui el programa PHP] ?>.El comando de PHP para imprimir dentro de la página se llama echo. Nuestro programa "Hola Mundo" será entonces:
<html>
<head></head>
<body>
<?php
echo "Hola Mundo";
?>
</body>
</html>Es decir que la página que se generará al ejecutarse el programa será:
<html>
<head></head>
<body>
Hola Mundo
</body>
</html>
Un problema sencillo que se nos puede presentar y que no se puede resolver empleando solo HTML es que una página esté disponible sólo los 10 primeros días del mes.
Mostraremos un cartel que diga que el sitio se encuentra disponible si la fecha es menor o igual a 10, en caso contrario mostraremos un mensaje de sitio fuera de servicio.
Para obtener la fecha del servidor web debemos llamar a la función date y requerir sólo el día: $dia=date("d");
A las variables en PHP se les antecede el caracter $. Si a la función date le pasamos el string "d" retornará sólo el día (si queremos la fecha completa: $fecha=date("Y:m:d")
Para verificar si la variable $dia es menor o igual a 10, debemos emplear la instrucción if, similar a otros lenguajes.
Entonces la página con el programa queda de la siguiente forma:<html> <head></head> <body> <?php $dia=date("d"); if ($dia<=10) { echo "sitio activo"; } else { echo "sitio fuera de servicio"; } ?> </body> </html>Los nombres de variables son sensibles a mayúsculas y minúsculas, por lo que si la escribimos en minúscula inicialmente debemos respetar en el resto del programa. En cambio las instrucciones del lenguaje PHP no son sensibles por lo que si deseamos escribir IF o if, las dos formas estarán bien. Los que venimos de otros lenguajes como C, C++, Java tenemos por costumbre escribir las palabras claves en minúsculas, pero esto es solo por costumbre.
La condición del if debe ir obligatoriamente entre parénteses. Los operadores relacionales disponibles son:
> Mayor
>= Mayor o igual
< Menor
<= Menor o igual
== Igual
!= DistintoSi la condición se verifica verdadera se ejecuta el primer bloque encerrado entre llaves, en caso de verificarse falsa la condición se ejecuta el bloque entre llaves que le sigue al else.
Los nombres de variables comienzan con el signo $ y son sensibles a mayúsculas y minúsculas (no así las palabras claves del lenguaje).
En PHP no es necesario definir el tipo antes de utilizarla, las mismas se crean en el momento de emplearlas. Las variables se declaran cuando se le asigna un valor, por ejemplo:
$dia = 24; //Se declara una variable de tipo integer.
$sueldo = 758.43; //Se declara una variable de tipo double.
$nombre = "juan"; //Se declara una variable de tipo string.
$exite = true; //Se declara una variable boolean.También podemos hacer notar que para disponer comentarios de línea debemos utilizar dos caracteres //
Para la impresión de variables utilizaremos inicialmente el comando echo. Un programa completo que inicializa y muestra el contenido de cuatro variables de distinto tipo es:
<html> <head><title>Problema</title></head> <body> <?php $dia = 24; //Se declara una variable de tipo integer. $sueldo = 758.43; //Se declara una variable de tipo double. $nombre = "juan"; //Se declara una variable de tipo string. $exite = true; //Se declara una variable boolean. echo "Variable entera:"; echo $dia; echo "<br>"; echo "Variable double:"; echo $sueldo; echo "<br>"; echo "Variable string:"; echo $nombre; echo "<br>"; echo "Variable boolean:"; echo $exite; ?> </body> </html>Hemos utilizado un comando echo para mostrar los mensajes, otro el contenido de variables y finalmente otro para imprimir marcas HTML. Este proceso puede acortarse un poco pero para que sea más claro inicialmente tomaremos el camino largo de hacer la impresión de un dato con cada comando echo.
Una variable de este tipo puede almacenar una serie de caracteres.
$cadena1="Hola";
$cadena2="Mundo";
echo $cadena1." ".$cadena2;Para concatenar string empleamos el operador .
Tengamos en cuenta que el comando echo de más arriba lo podemos hacer más largo de la siguiente forma:
echo $cadena1;
echo " ";
echo $cadena2;A medida que uno haga ejercicios podremos resumir en un solo comando echo la salida de múltiples variables.
Cuando una cadena encerrada entre comillas dobles contiene una variable en su interior, ésta se trata como tal, por lo tanto se utilizará su contenido para el almacenamiento.$dia=10;
$fecha="Hoy es $dia";
echo $fecha;
En pantalla se muestra: Hoy es 10
Es decir, en la cadena, se sustituye el nombre de la variable $dia, con el contenido de la misma.Una cadena se puede definir con las comillas simples (pero es importante tener en cuenta que no se sustituyen las variables si empleamos comillas simples):
$nombre='juan carlos';
<html> <head><title>Problema</title></head> <body> <?php $cadena1="diego"; $cadena2="juan"; $cadena3="ana"; $todo=$cadena1.$cadena2.$cadena3."<br>"; echo $todo; $edad1=24; echo $cadena1." tiene $edad1 de edad"; ?> </body> </html>
Cuando se pretende que el programa, una vez llegado a un cierto punto, tome un camino concreto en determinados casos y otro diferente si las condiciones de ejecución difieren, se utiliza el conjunto de instrucciones:
if, else y elseif. La estructura base de este tipo de instrucciones es la siguiente:if (Condición) { Instrucción 1; Instrucción 2; } else { Instrucción A; Instrucción B; }Cuando la ejecución llega al punto donde se encuentra la instrucción if, el programa verificará el cumplimiento o no de la condición. Si la condición es verdadera se ejecutarán las instrucciones 1 y 2, de lo contrario, se ejecutarán las instrucciones A y B.
En los casos en que las condiciones sean varias, se pueden utilizar los if de un modo denominado anidado o anillado, como se indica de la manera siguiente:if (Condicion 1) { Instrucción 1; Instrucción 2; } else { if (Condicion 2) { Instrucción A; Instrucción B; } else { Instrucción X; Instrucción Z; } }De este modo se pueden introducir tantas condiciones como se quiera dentro de la condición principal. Una variante de este sistema es utilizando la sentencia elseif, que permite en una sola línea introducir una condición adicional:
if (Condicion 1) { Instrucción 1; Instrucción 2; } else { if (Condicion 2) { Instrucción A; Instrucción B; } else { Instrucción X; Instrucción Z; } }Para las condiciones tener en cuenta que disponemos de los siguientes operadores:
== para ver si una variable es igual a otra.
!= distinto.
>= mayor o igual.
> mayor.
<= menor o igual
< menorLa mejor forma de entender esta estructura condicional es por medio de ejemplos. El primero que nos plantearemos es generar un valor aleatorio (es decir lo elige la máquina al azar, como extraer una bolilla de un bolillero de lotería) comprendido entre 1 y 10. Luego mostraremos un mensaje si es menor o igual a 5 o si es mayor a 5.
El programa completo es:<html> <head><title>Problema</title></head> <body> <?php $valor=rand(1,10); echo "El valor sorteado es $valor<br>"; if ($valor<=5) { echo "Es menor o igual a 5"; } else { echo "Es mayor a 5"; } ?> </body> </html>El valor aleatorio lo generamos llamando a la función random pasándole el valor mínimo y máximo:
$valor=rand(1,10);Imprimimos el valor generado a los efectos de controlar el resultado: echo "El valor sorteado es $valor<br>";
En el primer problema tenemos solo dos caminos posibles, el valor es menor o igual a cinco o es mayor.En un segundo ejemplo mostraremos como disponer una estructura condicional if anidada.
El problema es el siguiente: Generar un valor aleatorio entre 1 y 100. Luego mostrar si tiene 1,2 o 3 dígitos. Como podemos observar estamos en presencia de un problema que tiene tres caminos posibles. El valor puede tener 1 dígito, 2 dígitos o 3 dígitos. Si pensamos un poco podremos identificar que para que tenga un dígito debe generarse un valor entre 1 y 9, para que tenga dos dígitos deberá estar comprendido entre 10 y 90, y finalmente para tener 3 dígitos deberá ser el valor 100.
La página con el programa respectivo es:<html> <head><title>Problema</title></head> <body> <?php $valor=rand(1,100); echo "El valor sorteado es $valor<br>"; if ($valor<=9) { echo "Tiene un dígito"; } else { if ($valor<100) { echo "Tiene 2 dígitos"; } else { echo "Tiene 3 dígitos"; } } ?> </body> </html>Es importante notar como la segunda estructura if se encuentra contenida entre las llaves del else del primer if. Es decir que si el valor aleatorio es menor o igual a 9 se ejecuta el bloque del verdadero del primer if y no se ejecuta por lo tanto el if anidado en el else. Por el contrario si la condición del primer if se verifica false se ejecuta el bloque del else del primer if, la misma contiene una estructura if con sus bloques del verdadero y false.
A modo ilustrativo el mismo ejemplo resuelto con la estructura if/elseif será:
<html> <head><title>Problema</title></head> <body> <?php $valor=100;//rand(1,100); echo "El valor sorteado es $valor<br>"; if ($valor<=9) { echo "Tiene un dígito"; } elseif ($valor<100) { echo "Tiene 2 dígitos";} else { echo "Tiene 3 dígitos";} ?> </body> </html>
Las estructuras repetitivas son similares al lenguaje C. Estructura for:
for([Inicialización de la variable];[Condición];[Incremento o decremento de la variable])
{
[Instrucciones];
}El primer ejemplo que haremos es mostrar en la página los números del 1 al 100:
html> <head><title>Problema</title></head> <body> <?php for($f=1;$f<=100;$f++) { echo $f; echo "<br>"; } ?> </body> </html>Quien no ha visto la estructura for en otro lenguaje pasamos a explicarla:
for($f=1;$f<=100;$f++)
{
echo $f;
echo "<br>";
}El primer argumento del for es la inicialización de una variable, en este caso se inicializa la variable $f con el valor 1. Este primer argumento del for se ejecuta solo una vez. Luego se ejecuta el segundo argumento que es la condición. Si la misma se verifica como verdadera se ejecuta todo el bloque comprendido entre las llaves de apertura y cerrado. Luego de haberse ejecutado el bloque repetitivo se ejecuta el tercer argumento del for que es el incremento de la variable, en este caso $f++ incrementa el contenido de la variable $f en 1 (también podemos poner en lugar de $f++ la asignación $f=$f+1).
Luego del incremento de la variable se ejecuta nuevamente la condición del for (segundo argumento), de validarse nuevamente verdadero pasa a ejecutar el bloque repetitivo. Este ciclo se repite hasta que la condición del for se verifica false.
La segunda estructura repetitiva es:
while (condición)
{
[Instrucciones];
}Esta estructura está en casi todos los lenguajes. El bloque se repite mientras la condición del while sea verdadera. La condición del while se verifica antes de ingresar al bloque a repetir. Si la misma se verifica falsa la primera vez no se ejecutará el bloque.
Veamos un ejemplo: Generar un valor aleatorio entre 1 y 100, luego imprimir en la página desde 1 hasta el valor generado (de uno en uno):
<html> <head><title>Problema</title></head> <body> <?php $valor=rand(1,100); $inicio=1; while($inicio<=$valor) { echo $inicio; echo "<br>"; $inicio++; } ?> </body> </html>La variable $inicio tiene el valor 1 antes de ingresar al while. Cada vez que se ejecuta una vez el bloque del while se incrementa $inicio en uno. Cuando $inicio supere la variable aleatoria $valor finalizará la estructura repetitiva y pasará a ejecutarse la instrucción inmediatamente siguiente a la llave de cerrado.
Es importante notar que luego de la condición del while NO disponemos PUNTO y COMA.
Por último tenemos en el lenguaje una estructura repetitiva similar al while llamada do/while, donde la condición se verifica luego de ejecutarse el bloque repetitivo.
do
{
[Instrucciones];
} while (condición);Tener en cuenta que al final de la línea del while SI LLEVA punto y coma.
El proceso para el manejo de FORMULARIOS requiere generalmente dos páginas, una que implementa el formulario y otra que procesa los datos cargados en el formulario. La estructura mínima de un formulario es la siguiente: para la entrada de un nombre de persona, un objeto text y un botón para el envío del dato al servidor:
<html> <head> <title>Formulario de entrada del dato</title> </head> <body> <form method="post" action="pagina2.php"> Ingrese su nombre: <input type="text" name="nombre" size="20"> <br> <input type="submit" value="confirmar"> </form> </body> </html>Esta página está completamente codificada en HTML, es decir un formulario contiene marcas HTML puras. La marca <form> y </form> nos permite definir un formulario en la página. La marca FORM tiene dos propiedades que debemos inicializar obligatoriamente: action y method.
La propiedad action indica el nombre del archivo que recibirá los datos ingresados por el operador en el formulario y que serán enviados al servidor cuando se presione el botón (submit).
La propiedad method indica como se organizan esos datos para enviarlos al servidor, pudiendo ser mediante los métodos post o get (normalmente los datos de un formulario se envian mediante el método post).
Normalmente un formulario se envía mediante post (los datos se envían con el cuerpo del formulario) En caso de utilizar get los datos se envían en la cabecera de la petición de la página, utilizando el método get estamos limitados en la cantidad de datos a enviar, no asi con el método post.
Para crear un cuadro de texto para el ingreso del nombre debemos definir un objeto de tipo "text" y darle un nombre: <input type="text" name="nombre"> La propiedad type nos permite definir el tipo de control y con la propiedad name indicamos el nombre del control.
Por último inicializamos la propiedad size con el valor 20, esto significa que el cuadro de texto se dimensiona para permitir mostrar 20 caracteres (no se limita la cantidad de caracteres a ingresar por parte del visitante sino la cantidad de caracteres que se pueden visualizar)
Por último todo formulario tiene un botón de tipo submit: <input type="submit" value="confirmar"> También utilizamos la marca input pero en la propiedad type indicamos que se trata de un botón de envio de datos. En la propiedad value indicamos el texto que queremos que aparezca en el botón.
Ahora necesitamos una página con un pequeño programa en PHP que procese los datos ingresados en el formulario:
<html> <head> <title>Captura de datos del form</title> </head> <body> <?php echo "El nombre ingresado es:"; echo $_REQUEST['nombre']; ?> </body> </html>Para acceder al dato en PHP se cuenta con un vector llamado $_REQUEST indicando como subíndice el nombre del cuadro de texto que definimos en el formulario (dicho nombre es sensible a mayúsculas y minúsculas) En nuestro problema sólo mostramos por pantalla el valor ingresado en la página anterior:
echo $_REQUEST['nombre'];
Para analizar este control dispondremos un ejemplo: Implementar un formulario que solicite la carga de dos enteros, uno en cada text. Disponer dos controles de tipo radio que nos permitan seleccionar si queremos sumar o restar los dos valores ingresados:
<html> <head><title>Problema</title></head> <body> <form action="pagina2.php" method="post"> Ingrese primer valor: <input type="text" name="valor1" size="30"> <br> Ingrese segundo valor: <input type="text" name="valor2" size="30"> <br> <input type="radio" name="radio1" value="suma">sumar <br> <input type="radio" name="radio1" value="resta">restar <br> <input type="submit" name="operar" value="OPERAR"> </form> </body> </html>Es importante notar que se trata nuevamente de un archivo HTML puro, que no tiene código PHP. La entrada de los dos números se efectua en dos controles
<input type="text" name="valor1"> <input type="text" name="valor2"> Es importante notar que cada text tiene un name DIFERENTE.
Para seleccionar el tipo de operación a efectuar disponemos dos controles de tipo radio:
<input type="radio" name="radio1" value="suma">sumar<br>
<input type="radio" name="radio1" value="resta">restar
Es importante notar que los dos controles tienen el MISMO nombre. Esto es necesario para que el navegador sepa que los dos controles están relacionados (recordar que cuando uno selecciona un radio se debe deseleccionar el otro) Desde la otra página accederemos al value del control seleccionado.
Como podemos observar todos tienen el mismo valor en la propiedad name, con esto se logra que cuando seleccionamos uno se deseleccione el actual. El valor que se rescata en el servidor es el dato almacenado en la propiedad value. Si queremos disponer varios grupos de controles de tipo radio debemos definirles a cada grupo la propiedad name nombres distintos.
Por último disponemos un control de tipo submit para el envio de los datos del formulario. El código de la página que procesa el formulario, llamada:"pagina2.php" (la que indicamos en la marca FORM del formulario) es:
<html> <head> <title>Problema</title> </head> <body> <?php if ($_REQUEST['radio1']=="suma") { $suma=$_REQUEST['valor1'] + $_REQUEST['valor2']; echo "La suma es:".$suma; } else { if ($_REQUEST['radio1']=="resta") { $resta=$_REQUEST['valor1'] - $_REQUEST['valor2']; echo "La resta es:".$resta; } } ?> </body> </html>El vector asociativo $_REQUEST tiene tres componentes:
$_REQUEST['radio1'] $_REQUEST['valor1'] $_REQUEST['valor2']
En la componente $_REQUEST['radio1'] almacena la cadena "suma" o "resta" según cual se seleccionó en el formulario.
Con dos if verificamos cual operación está seleccionada y procedemos a efectuarla:
if ($_REQUEST['radio1']=="suma")
{
$suma=$_REQUEST['valor1'] + $_REQUEST['valor2'];
echo "La suma es:".$suma;
.
.
Para analizar este control utilizaremos prácticamente el mismo ejemplo que con el objeto radio: Implementar un formulario que solicite la carga de dos enteros, uno en cada text. Disponer dos controles de tipo checkbox que nos permitan seleccionar si queremos sumar y/o restar los valores ingresados.
El formulario html tiene el siguiente código:
<html> <head><title>Problema</title></head> <body> <form action="pagina2.php" method="post"> Ingrese primer valor: <input type="text" name="valor1"> <br> Ingrese segundo valor: <input type="text" name="valor2"> <br> <input type="checkbox" name="check1">sumar <br> <input type="checkbox" name="check2">restar <br> <input type="submit" name="operar"> </form> </body> </html>Lo nuevo en este problema son los dos controles de tipo checkbox:
<input type="checkbox" name="check1">sumar<br>
<input type="checkbox" name="check2">restar<br>Es importante notar que cada checkbox tiene un nombre distinto.
Ahora veamos el código de la página que procesa el formulario:
<html> <head><title>Problema</title></head> <body> <?php if (isset($_REQUEST['check1'])) { $suma=$_REQUEST['valor1'] + $_REQUEST['valor2']; echo "La suma es:".$suma."<br>"; } if (isset($_REQUEST['check2'])) { $resta=$_REQUEST['valor1'] - $_REQUEST['valor2']; echo "La resta es:".$resta; } ?> </body> </html>Si el checkbox no está seleccionado en el formulario no se crea una entrada en el vector asociativo $_REQUEST, para saber si existe una determinada componente en un vector se emplea la función isset, si retorna true significa que existe y por lo tanto el checkbox está seleccionado.
Disponemos dos if a la misma altura ya que los dos controles de tipo checkbox podrían estar seleccionados.
Implementar un formulario que solicite la carga de dos enteros, uno en cada "text". Disponer un control de tipo select que nos permita seleccionar si queremos sumar o restar los dos valores ingresados:
<html> <head> <title>Problema</title> </head> <body> <form action="pagina2.php" method="post"> Ingrese primer valor: <input type="text" name="valor1"> <br> Ingrese segundo valor: <input type="text" name="valor2"> <br> <select name="operacion"> <option value="suma">sumar</option> <option value="resta">restar</option> </select> <br> <input type="submit" name="operar"> </form> </body> </html>Lo nuevo que aparece en este formulario es el control de tipo select.
<select name="operacion">
<option value="suma">sumar</option>
<option value="resta">restar</option>
</select>Cada opción tiene un valor. El seleccionado es el que se enviará a la página que procesa el formulario. El texto que aparece dentro del control es el que disponemos entre las marcas option.
Una variante gráfica de este control es inicializar la propiedad size del elemento select con un valor distinto a uno, con esto creamos un cuadro de selección que muestra simultáneamente varios elementos (de todos modos solo uno se puede elegir). Es decir que con la propiedad size solo logramos un cambio estético del control.
Ahora la página que captura los datos ingresados en el formulario es:
<html> <head> <title>Problema</title> </head> <body> <?php if ($_REQUEST['operacion']==suma) { $suma=$_REQUEST['valor1'] + $_REQUEST['valor2']; echo "La suma es:".$suma; } else { if ($_REQUEST['operacion']==resta) { $resta=$_REQUEST['valor1'] - $_REQUEST['valor2']; echo "La resta es:".$resta; } } ?> </body> </html>El vector asociativo $_REQUEST almacena en la componente del control select el valor de la opción seleccionada.
Con una serie de if verificamos el valor seleccionado:
if ($_REQUEST['operacion']==suma)
...Sólo se puede seleccionar un elemento de un control select (más adelante veremos como seleccionar varios elementos en forma simultánea)
El control "textarea" se diferencia del "text" en que permite el ingreso de muchas líneas. Lo probaremos implementando un problema que permita ingresar el curriculum de una persona.
<html> <head> <title>Problema</title> </head> <body> <form action="pagina2.php" method="post"> Ingrese nombre:<input type="text" name="nombre"><br> Ingrese su curriculum:<br> <textarea name="curriculum" rows="5" cols="60"></textarea> <br> <input type="submit" value="Confirmar"> </form> </body> </html>La sintaxis de este control es bastante diferente a la del control text:
<textarea name="curriculum"></textarea>Si queremos que aparezca inicializado con texto debemos disponerlo en:
<textarea name="curriculum">Hola Mundo</textarea>Además de tener la propiedad name similar a los otros elementos relacionados a formularios tiene dos propiedades llamadas rows y cols. Estas dos propiedades indican la cantidad de filas y columnas que visualiza el área de texto.
La página PHP que procesa los dos datos ingresados en el formulario es:
<html> <head> <title>Problema</title> </head> <body> <?php echo "El nombre ingresado:".$_REQUEST['nombre']; echo "<br>"; echo "El curriculum:".$_REQUEST['curriculum']; ?> </body> </html>Como vemos también utilizamos el elemento HTML input, donde inicializamos la propiedad type con el valor checkbox. Un control checkbox no muestra texto, solo una casilla que el operador puede tildar o destildar. Si queremos que aparezca un mensaje junto al checkbox solo lo agregamos seguido al elemento input.
Es importante hacer notar que los caracteres permitidos de la propiedad name son los caracteres alfabéticos y los números siempre y cuando no sea el primero.
Un Array es una colección de valores. Los array pueden ser unidimensionales (vectores), bidimensionales (matrices) y multidimensionales (más de dos dimensiones) Los arrays se utilizan ampliamente en el lenguaje PHP. Se utiliza el delimitador [] para acceder a los diferentes elementos del vector.
Se lo puede crear al vuelo, sin tener que declararlo:
$dias[0]=31;
$dias[1]=28;Luego de estas dos líneas, tenemos creado un vector de dos elementos, a los cuales accedemos por un subíndice que comienza a numerarse desde cero.
echo $dias[0]; //31
echo $dias[1]; //28El vector, como podemos ver, puede ir creciendo en forma dinámica, es decir que si ahora hacemos: $dias[2]=31; el vector tiene 3 componentes.
También podemos obviar el subíndice cuando asignamos los valores:
$dias[]=31;
$dias[]=28;
$dias[]=31;Automáticamente comienza a numerarse desde cero.Si necesitamos conocer el tamaño del vector en cualquier momento podemos llamar a la función count. echo count($dias); //3
Si queremos imprimir todos los elementos en la página podemos hacer:
<?php
$nombres[]="juan";
$nombres[]="pedro";
$nombres[]="ana";
for($f=0;$f<count($nombres);$f++)
{
echo $nombres[$f];
echo "<br>";
}
?>La función sizeof(<nombre del vector>) es equivalente a count Otra forma de inicializar un vector es definirlo e inicializarlo simultáneamente: $edades=array("menores","jovenes","adultos");
Estamos definiendo el vector edades con tres componentes, numeradas automáticamente de cero a dos.
Una actividad fundamental es poder registrar información en el servidor (no como hemos estado haciendo hasta el momento generando sólo una página con los datos cargados). Para la registración de datos en el servidor disponemos de dos herramientas que se complementan en muchos casos (archivos de texto y bases de datos). En este apartado veremos como crear un archivo de texto y añadir datos al mismo.
Lo presentaremos al tema resolviendo un problema: Implementación de un libro de visitas. Para resolver este problema plantearemos dos páginas, un formulario para realizar la carga del nombre del visitante y sus comentarios (disponemos un objeto de tipo "text" y otro de tipo "textarea"):
<html> <head><title>Problema</title></head> <body> <form action="pagina2.php" method="post"> Ingrese su nombre:<input type="text" name="nombre"><br> Comentarios:<br> <textarea name="comentarios" rows="10" cols="40"></textarea> <br> <input type="submit" value="Registrar"> </form> </body> </html>Este formulario es similar a los planteados en problemas anteriores, sólo le hemos agregado al control textarea, las propiedades rows y cols que dimensionan el mismo en la pantalla:
<textarea name="comentarios" rows="10" cols="40"> </textarea>Veamos ahora la página (pagina2.php) que graba los datos cargados en el formulario en un archivo:
<html> <head><title>Problema</title></head> <body> <?php $ar=fopen("datos.txt","a") or die("Problemas en la creacion"); fputs($ar,$_REQUEST['nombre']); fputs($ar,"\n"); fputs($ar,$_REQUEST['comentarios']); fputs($ar,"\n"); fputs($ar,"--------------------------------------------------------"); fputs($ar,"\n"); fclose($ar); echo "Los datos se cargaron correctamente."; ?> </body> </html>En primer lugar creamos o abrimos el archivo de texto "datos.txt".
El segundo parámetro de la función fopen indica la forma de apertura de archivo
"a" (lo crea o si ya existe el archivo lo abre para añadir datos al final),
"w" (crea el archivo de texto, si existe borra su contenido)
"r" (abre el archivo para su lectura).
Como en este problema nos interesa que el archivo vaya creciendo con los datos que aportan los visitantes al sitio lo abrimos para añadir, parámetro "a".
La función retorna una referencia al archivo, la almacenamos en una variable. Si el archivo no se puede abrir, se ejecuta la instrucción que se encuentra luego del operador "or" en nuestro caso llamamos a la función die que finaliza la ejecución del programita PHP mostrando como mensaje el texto que le pasamos a dicha función.
$ar=fopen("datos.txt","a") or die("Problemas en la creacion");Para la grabación de datos utilizamos la función fputs que tiene dos parámetros: la referencia al archivo donde grabamos y el string a grabar.
fputs($ar,$_REQUEST['nombre']);
fputs($ar,"\n");Para el salto de línea en el archivo de texto, usamos los caracteres \n.De esta forma cuando leamos el archivo de texto lo haremos línea a línea. Cuando dejamos de trabajar con el archivo llamamos a la función fclose.
Hay que tener muy presente que el archivo se almacena en el servidor y no en la máguina de la persona que está navegando. Es decir, no vaya al explorador de archivos para ver donde se almacenó "datos.txt", tenga en cuenta que está en la máquina donde se ejecutó el script de PHP. Luego veremos como leer el contenido del archivo y mostrarlo en otra página del sitio.
Para la lectura de un archivo de texto contamos con la función fgets. Además debemos habrir el archivo para lectura.Para mostrar por pantalla el contenido del archivo "datos.txt" creado en el punto anterior tenemos el siguiente programa:
<html> <head><title>Problema</title></head> <body> <?php $ar=fopen("datos.txt","r") or die("No se pudo abrir el archivo"); while (!feof($ar)) { $linea=fgets($ar); $lineasalto=nl2br($linea); echo $lineasalto; } fclose($ar); ?> </body> </html>Lo primero que debemos identificar es la forma de apertura del archivo:
$ar=fopen("datos.txt","r") or die("No se pudo abrir el archivo");El segundo parámetro de fopen es "r" es decir read (apertura para lectura), si el archivo no existe por ejemplo se ejecuta la función die que finaliza el programa mostrando el string correspondiente.
La función feof retorna true si se ha llegado al final del archivo en caso contrario retorna false. Para que se impriman todas las líneas del archivo se plantea una estructura repetitiva que se ejecuta mientras no se llegue al final de archivo: while (!feof($ar))
Dentro de la estructura repetitiva leemos una línea completa del archivo de texto con la función fgets:
$linea=fgets($ar); La variable $linea contiene una línea completa del archivo de texto, inclusive el salto de línea (\n) Como el navegador no hace un salto de línea con este caracter, debemos convertir dicho caracter a la marca <br> propia de HTML. La función que realiza esta actividad se llama nl2br (new line to br) El resultado se almacena en una nueva variable que es la que realmente imprimimos:
$lineasalto=nl2br($linea);
echo $lineasalto;
Este tipo de vectores no es común a otros lenguajes, pero en PHP son de uso indispensable en distintas situaciones (ya lo empleamos cuando recuperamos información de un formulario accediendo al vector $_REQUEST que crea PHP en forma automática, cuando accedamos a datos de una base de datos también lo emplearemos etc.)
Un vector asociativo permite acceder a un elemento del vector por medio de un subíndice de tipo string.
Inicialmente uno piensa que esto nos complica las cosas, como veremos más adelante la realidad nos demuestra lo contrario. Como ejemplo, consideremos que deseamos guardar en un vector el DNI, nombre y dirección de una persona. Empleando un vector con subíndice entero la solución sería:
<?php
$registro[]="20456322";
$registro[]="Martinez Pablo";
$registro[]="Colon 134";
?>De esta forma debemos recordar que cuando deseamos mostrar el nombre de la persona debemos acceder al subíndice 1. Esto es sencillo si tenemos un vector con tres elementos, pero que sucede si debemos almacenar 20 datos relacionados en un vector? Un vector asociativo se define de la siguiente forma:
<?php
$registro['dni']="20456322";
$registro['nombre']="Martinez Pablo";
$registro['direccion']="Colon 134";
echo $registro['nombre'];
?>Ahora vemos que para imprimir el nombre de la persona no debemos recordar una posición dentro de un vector sino un nombre de clave. Esto se hace indispensable cuando administramos un conjunto de datos grandes.
En un vector asociativo toda componente está asociada a una clave.Otras formas de crear un vector asociativo:
<?php
$registro=array('dni'=>'20456322',
'nombre'=>'Martinez Pablo',
'direccion'=>'Colon 134');
echo $registro['dni'];
?>
La sintaxis para la definición de una función en PHP es:
function [nombre de la función]([parámetros])
{
[algoritmo]
}Implementaremos una función que muestre un mensaje centrado en patalla, y la llamaremos posteriormente dos veces:
<html> <head><title>Problema</title></head> <body> <?php function mensajecentrado($men) { echo "<table width=\"100%\" border=\"1\">"; echo "<tr><td align=\"center\">"; echo $men; echo "</tr></td>"; echo "</table>"; } mensajecentrado("Primer recuadro"); echo "<br>"; mensajecentrado("Segundo recuadro"); ?> </body> </html>Para mostrar el texto centrado en un recuadro utilizamos la marca table de HTML. Definimos las propiedades border con 1, para que sea visible y el ancho de 100% para que ocupe todo el navegador. La tabla tiene una fila a la que definimos con la marca tr (table row) y un solo dato en esa fila mediante la marca td (table data).
Para que el texto dentro de la tabla salga centrado, inicializamos la propiedad align de la marca td. Si vemos la función, notamos que lo más trabajoso es definir todas las marcas HTML para crear la tabla. Es importante notar que en PHP para introducir las dobles comillas dentro de un string debemos antecederle el caractér ' \'; para introducir el caracter ' \' debemos tipear \\.
Las llamadas a la función las hacemos por medio de su nombre y pasándole el único parámetro que requiere:
mensajecentrado("Primer recuadro");
echo "<br>";
mensajecentrado("Segundo recuadro");Las funciones nos permiten tener un programa más ordenado y facilitan la reutilización del código. Más adelante veremos como hacer archivos con rutinas comunes a muchas páginas.
Una función puede retornar un dato, supongamos que necesitamos una función que nos retorne el promedio de dos valores, el código sería:
<html> <head><title>Problema</title></head> <body> <?php function retornarpromedio($valor1,$valor2) { $pro=$valor1/$valor2; return $pro; } $v1=100; $v2=50; $p=retornarpromedio($v1,$v2); echo $p; ?> </body> </html>Cuando una función retorna un dato debemos emplear la palabra clave return seguida del valor que devuelve. En la llamada a la función el valor retornado se almacena generalmente en una variable:
$p=retornarpromedio($v1,$v2);Si queremos que retorne más de un dato debemos emplear parámetros por referencia. Supongamos que necesitamos ahora que una función nos retorne el cuadrado y cubo de un número:
<html> <head><title>Problema</title></head> <body> <?php function cuadradocubo($valor,&$cuad,&$cub) { $cuad=$valor*$valor; $cub=$valor*$valor*$valor; } cuadradocubo(2,$c1,$c2); echo "El cuadrado de 2 es:".$c1."<br>"; echo "El cubo de 2 es:".$c2; ?> </body> </html>Es decir, cuando le antecedemos el caractér ampersand al parámetro, es por referencia. El objetivo es asignarle cierto valor al parámetro y posteriormente el dato quedará almacenado en la variable que le pasamos a la función.
function cuadradocubo($valor,&$cuad,&$cub)
{
$cuad=$valor*$valor;
$cub=$valor*$valor*$valor;
}El parámetro $cuad se almacena en la variable $c1 y el parámetro $cub se almacena en $c2. Es la forma más adecuada de modificar variables dentro de una función.
Veamos ahora con más detenimiento el elemento input. Este elemento hemos visto que nos permite definir cuadros de texto y botón para subir los datos al servidor. Ahora veremos que también podemos definir cuadros para el ingreso de una clave y botones para borrar el contenido de todos los controles del formulario.
Los controles de tipo text y password pueden limitar la cantidad de caracteres que puede ingresar el usuario a partir de la propiedad maxlength. Debemos asignarle un valor entero que indica hasta cuantos caracteres está permitido ingresar.
No hay que confundir el objetivo de la propiedad size con maxlength. Con la propiedad size solo indicamos la cantidad máxima de caracteres a mostrar dentro del control antes de hacer scroll de los datos.
Confeccionaremos un formulario que solicite el nombre de usuario y su clave y solo permitiremos ingresar nombres de usuarios de hasta 20 caracteres y claves de hasta 12.
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> Ingrese su nombre: <input type="text" name="nombre" maxlength="20" size="20"><br> Ingrese su clave: <input type="password" name="clave" maxlength="20" size="12"><br> <input type="submit" value="enviar"> <input type="reset" value="borrar"> </form> </body> </html>Veamos la sintaxis nueva para definir un cuadro de texto para el ingreso de una clave:
<input type="password" name="clave" size="12">Utilizamos el mismo elemento input pero inicializamos la propiedad type con el valor "password", con esto logramos que cuando el visitante ingrese la clave se visualicen asteriscos en lugar de los caracteres que tipeamos.
Luego para definir un botón que permita borrar todos los datos ingresados hasta el momento lo hacemos mediante: <input type="reset" value="borrar">
Es decir inicializamos la propiedad type con el valor "reset", con esto sabe el navegador que cuando dicho botón sea presionado debe borrar todos los controles de ingreso de datos de dicho formulario.
Otra cosa que hay que tener en cuenta que la propiedad name de cada elemento input debe tener un nombre distinto (esto debido a que en el servidor se lo rescata a partir de este nombre)
Cuando ejecute esta página no podremos cargar un nombre de usuario de más de 20 caracteres, el teclado se inhabilita cuando se han ingresado 20 caracteres en el primer control.
el codigo PHP que procesa esto es:
<body><?php
echo "El nombre ingresado:".$_REQUEST['nombre'];
echo "<br>";
echo "la clave es:".$_REQUEST['clave'];
?>
</body>
Una variante del cuadro de selección que vimos en el concepto anterior es permitir que el visitante del sitio pueda seleccionar varias opciones. Supongamos que tenemos un cuadro de selección con una lista de colores y queremos que el visitante pueda elegir varios y no uno solo.
La página que resuelve este problema es:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> Seleccione uno o varios colores (Presione Ctrl para seleccionar varios colores)<br> <select name="colores[]" size="4" multiple> <option value="1">Rojo</option> <option value="2">Verde</option> <option value="3">Azul</option> <option value="4">Amarillo</option> <option value="5">Blanco</option> <option value="6">Negro</option> <option value="7">Naranja</option> <option value="8">Violeta</option> </select> <br> <input type="submit" value="Enviar"> </form> </body> </html>Podemos observar la sintaxis para la definición de un cuadro de selección múltiple:
<select name="colores[]" size="4" multiple>Definimos una propiedad llamada multiple y no le asignamos valor, por otro lado al nombre definido en la propiedad name le agregamos al final los caracteres [] para que desde el servidor podamos identificar que el control retorna posiblemente muchos valores.
Es también común inicializar la propiedad size con un valor mayor a 1 para que sea más fácil la selección.
La mayoría de los navegadores permiten seleccionar opciones que no se encuentran juntas mediante el mouse y presionando simultáneamente la tecla Ctrl.
el codigo PHP que procesa esto es:
<body>
<?php
$colores=$_REQUEST['colores']; //recorremos el array de cervezas seleccionadas. No olvidarse q la primera posición de un array es la 0
for ($i=0;$i<count($colores);$i++)
{
echo "<br> COLORES " . $i . ": " . $colores[$i];
}
?>
</body>
Hemos visto que podemos crear cuadros de selección individual o de selección múltiple. Ahora veamos que podemos agrupar las opciones que tiene el cuadro de selección, esto tiene sentido si el cuadro de selección tiene muchos items. Se cuenta con un nuevo elemento llamado optgroup que agrupa un conjunto de elementos option.
Veamos un ejemplo de agrupar una serie de opciones, agruparemos una serie de frutas y verduras:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> Seleccione una fruta o verdura: <select name="articulo"> <optgroup label="Frutas"> <option value="1">Naranjas</option> <option value="2">Manzanas</option> <option value="3>Sandia</option> <option value="4">Frutilla</option> <option value="5">Durazno</option> <option value="6">Ciruela</option> </optgroup> <optgroup label="Verduras"> <option value="7">Lechuga</option> <option value="8">Acelga</option> <option value="9">Zapallo</option> <option value="10">Papas</option> <option value="11">Batatas</option> <option value="13">Zanahorias</option> <option value="14">Rabanitos</option> <option value="15">Calabaza</option> </optgroup> </select> <br> <input type="submit" value="Enviar"> </form> </body> </html>Como podemos observar para agrupar una serie de opciones dentro de un select debemos encerrarlas con el elemento optgroup.
La propiedad label del elemento optgroup aparece dentro del control select pero no se puede seleccionar, es un título. La propiedad label del elemento optgroup es el texto que se debe mostrar dentro del select. Se puede hacer agrupamiento de opciones y permitir selecciones múltiples.
El elemento button es un control visual que se puede utilizar para sustituir los controles:
<input type="submit" value="Enviar">
<input type="reset" value="Borrar">Entre otras las ventanjas de este elemento es que podemos agregar imágenes dentro del botón.
La sintaxis de este elemento es la siguiente:
<button type="submit"> Texto a mostrar dentro del botón. </button>
Todo lo que está contenido entre las marcas de comienzo y fin del elemento button aparece dentro del botón, como por ejemplo una imagen, un párrafo, enfatizado de una palabra etc.
La propiedad type se puede inicializar con alguno de estos tres valores: "submit", "reset" y "button". Los dos primeros cumplen las funciones que ya conocemos es decir envío de los datos al servidor y borrado del contenido de los controles. En cuanto al tercer valor posible de la propiedad type significará que deberemos codificar una función en javascript para procesar el evento.
Para ver el funcionamiento confeccionaremos un formulario que solicite el ingreso del nombre de una persona y dos elementos button para subir el dato al servidor o borrar el dato cargado:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/htmlya/registrardatos.php" method="post"> Ingrese su nombre:<input type="text" name="nombre" size="20"><br> <button type="submit">Enviar<img src="/imagenes/enviar.gif" alt="envio"></button> <button type="reset">Borrar<img src="/imagenes/borrar.gif" alt="borrado"></button> </form> </body> </html>Perfectamente podemos definir un texto y cargar una imagen dentro del botón:
<button type="submit">Enviar<img src="/imagenes/enviar.gif" alt="envio"></button>
Otro tipo de boton que podemos crear es mediante el elemento input y fijando en la propiedad type el valor "button".
Este tipo de botón no se lo puede hacer que actúe como los botones de tipo submit o reset, su actividad dependerá de un programa desarrollado generalmente en JavaScript.
Si bien no podemos ver su funcionamiento ya que no conocemos JavaScript si podemos implementar una página que muestre este control. Confeccionaremos una página que muestre el teclado de una calculadora:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> <h1>Resultado:</h1> <input type="button" name="boton7" value=" 7 "> <input type="button" name="boton8" value=" 8 "> <input type="button" name="boton9" value=" 9 "> <input type="button" name="botondiv" value=" / "> <br> <input type="button" name="boton4" value=" 4 "> <input type="button" name="boton5" value=" 5 "> <input type="button" name="boton6" value=" 6 "> <input type="button" name="botondiv" value=" * "> <br> <input type="button" name="boton1" value=" 1 "> <input type="button" name="boton2" value=" 2 "> <input type="button" name="boton3" value=" 3 "> <input type="button" name="botonmas" value=" + "> <br> <input type="button" name="boton0" value=" 0 "> <input type="button" name="botonigual" value=" = "> <input type="button" name="botonmenos" value=" - "> </form> </body> </html>Como verá cuando se presiona el botón no sucede nada. Esto es así porque no hemos asignado ninguna actividad cuando sea presionado. Recordemos que HTML solo tiene Contenido, si queremos funcionalidad deberemos definir los eventos para dichos botones.
Una actividad común en un sitio es poder almacenar un archivo en el servidor, más comunmente conocido como upload.
Se necesita en muchas ocasiones este algoritmo, por ejemplo para subir fotos, documentos, programas, etc.
Se requieren dos páginas, una de ellas, un formulario donde seleccionamos el archivo a enviar y otra página donde se graba el archivo en el servidor.
El control de tipo file nos permite enviar un archivo al servidor. Nuevamente el HTML solo indica al navegador que debe enviar el archivo al servidor pero debe haber en el servidor un programa que lo almacene en una carpeta del servidor.
Veamos la sintaxis para disponer un control de tipo file: <input type="file" name="archi"> Automáticamente aparecerá el botón dentro de la página para poder navegar en nuestro disco duro para la selección del archivo (por defecto PHP está configurado para poder cargar archivos de hasta 2 Mb, de todos modos, a este valor lo podemos modificar).
Nuevamente utilizamos el elemento HTML input para definir este tipo de control. En la propiedad type inicializamos con el valor file. Inicializar la propiedad name también es importante ya que mediante este nombre se lo recupera en el servidor.
Otra cosa muy importante a tener en cuenta cuando hacemos upload de archivos al servidor es inicializar la propiedad enctype del elemento form:
<form method="post" action="/registrardatos.php" enctype="multipart/form-data">
Con esto indicamos al navegador que el formulario almacena uno o más archivos que deben ser enviados al servidor. Confeccionemos una página que solicite el ingreso de un nombre y la foto de la persona:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post" enctype="multipart/form-data"> Ingrese su nombre:<input type="text" name="nombre" size="30"><br> Seleccione la foto:<input type="file" name="foto"> <br> <input type="submit" value="Enviar"> </form> </body> </html>Recordemos siempre inicializar la propiedad enctype del elemento form:
<form action="/registrardatos.php" method="post" enctype="multipart/form-data">
La segunda página es:
<html> <head><title>Problema</title></head> <body> <?php copy($_FILES['foto']['tmp_name'],$_FILES['foto']['name']); echo "La foto se registro en el servidor.<br>"; $nom=$_FILES['foto']['name']; echo "<img src=\"$nom\">"; ?> </body> </html>Cuando se ejecuta esta página, ya está almacenado en el servidor el archivo, en una carpeta temporal. Ahora nos hace falta copiar el mismo a la carpeta donde se encuentra nuestra página (en definitiva nuestro sitio de internet). Para esto llamamos a la función copy: copy($_FILES['foto']['tmp_name'],$_FILES['foto']['name']);
La matriz $_FILES almacena el nombre del archivo almacenado en el directorio temporal ($_FILES['foto']['tmp_name']) y el nombre del archivo originario ($_FILES['foto']['name'])
Por último mostramos en la página el archivo que se almacenó en el servidor:
$nom=$_FILES['foto']['name'];
echo "<img src=\"$nom\">";Otras cosas interesantes que tiene la matriz $_FILES:
$_FILES['foto']['name'] El nombre original del fichero en la máquina cliente.
$_FILES['foto']['type'] El tipo de archivo (si el navegador lo proporciona). Un ejemplo podría ser "image/gif".
$_FILES['foto']['size'] El tamaño en bytes del fichero recibido.
$_FILES['foto']['tmp_name'] El nombre del archivo temporal que se utiliza para almacenar en el servidor el archivo recibido.
Un campo hidden se lo denomina campo oculto. Este tipo de control no visualiza nada dentro del formulario. Su utilidad se presenta cuando desde el servidor se genera una página dinámica por ejemplo mediante PHP y se almacena en un campo oculto un valor que se rescatará al subir el formulario al servidor.
Su utilidad real solo podrá ser comprendida cuando estudie un lenguaje de servidor, pero veamos y conozcamos su sintaxis con un ejemplo.
Confeccionar un formulario que solicite ingresar el nombre de una persona y en un campo oculto almacene una hora cualquiera:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> <input type="hidden" value="10:20" name="hora"> Ingrese su nombre:<input type="text" name="nombre" size="30"> <br> <input type="submit" value="Enviar"> </form> </body> </html>Como vemos la sintaxis para definir un campo oculto es: <input type="hidden" value="10:20" name="hora">
En el atributo value almacenamos el valor (este valor no se puede modificar desde el formulario)
Podemos imaginar una utilidad, supongamos que queremos que un visitante reenvíe un formulario cargado con todos los datos en un tiempo limitado, podríamos almacenar en el campo oculto la primera vez que solicita la página que contiene el formulario donde se resgistrará dicha hora. Luego al subir el formulario ya cargado al servidor controlaremos mediante un lenguaje de servidor si la hora actual y la hora de pedido del formulario no hacen invalidar los datos.
El HTML dispone de un elemento llamado fieldset que solo tiene el objetivo de recuadrar y agrupar un conjunto de controles de un formulario.
Debemos encerrar todos los controles a agrupar entre las marcas <fieldset> y </fieldset>. Además para agregar un título a este recuadro debemos agregar otro elemento HTML llamado legend. Confeccionemos un formulario que solicite los datos personales de una persona y los datos del lugar donde trabaja, cada grupo de datos los dispondremos en un fieldset:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> <fieldset> <legend>Datos personales</legend> Apellido y nombre:<input type="text" name="nombre" size="30"><br> Documento de identidad:<input type="text" name="dni" size="8"><br> Fecha de nacimiento:<input type="text" name="fechanacimiento" size="12"><br> Dirección:<input type="text" name="direccionpersona" size="30"><br> </fieldset> <fieldset> <legend>Datos Laborales</legend> Nombre de la empresa:<input type="text" name="nombreempresa" size="30"><br> Actividad:<input type="text" name="actividad" size="50"><br> Dirección:<input type="text" name="direccionempresa" size="30"><br> </fieldset> <input type="submit" value="Enviar"> </form> </body> </html>Podemos ver que cada grupo de controles está encerrado con el elemento fieldset. Luego el título de cada fieldset lo disponemos con: <legend>Datos personales</legend>.
Un control puede aparecer cargado con un valor por defecto. Veamos como inicializar con valores por defecto para cada uno de los controles que hemos visto.
Para inicializar un control de tipo text debemos dar un valor a la propiedad value:
<input type="text" value="aqui su nombre" name="nombre" size="20"> El control aparece cargado con la cadena "aqui su nombre".Para inicializar un control de tipo textarea debemos indicar el dato entre el comienzo y el fin de la marca:
<textarea rows="10" cols="40" name="curriculum">Ingrese aqui su curriculum</textarea> El control textarea se inicializa con la cadena "Ingrese aqui su curriculum"Para inicializar un control de tipo checkbox debemos disponer la propiedad checked sin asignar valor:
<input type="checkbox" name="java" checked>Opcion 1<br> Con esto logramos que el checkbox aparezca tildado apenas aparece el formulario.Para inicializar un control de tipo radio debemos definir la propiedad checked sin valor, igual que un checkbox, con la salvedad que solo un un control de tipo radio puede tener definida esta propiedad:
<input type="radio" name="estudios" value="1" checked>Opción 1<br>Para inicializar un control de tipo select con selección individual debemos definir la propiedad selected de los elementos option:
<select name="pais">
<option value="1">Argentina</option>
<option value="2" selected>España</option>
<option value="3">México</option>
<option value="4">Guatemala</option>
<option value="5">Honduras</option>
<option value="7">El Salvador</option>
<option value="8">Venezuela</option>
<option value="9">Colombia</option>
<option value="10">Cuba</option>
<option value="11">Bolivia</option>
<option value="13">Perú</option>
<option value="14">Ecuador</option>
<option value="15">Paraguay</option>
<option value="16">Uruguay</option>
<option value="17">Chile</option>
</select>En este caso aparece seleccionado España, más alla que sea el segundo option en la lista.
Para inicializar un control de tipo select con selección múltiple debemos definir la propiedad selected de varios elementos option:
En este ejemplo los items Rojo,Azul y Blanco aparecen seleccionados desde un comienzo.
<select name="colores[]" size="4" multiple="multiple">
<option value="1" selected>Rojo</option>
<option value="2">Verde</option>
<option value="3" selected>Azul</option>
<option value="4">Amarillo</option>
<option value="5" selected>Blanco</option>
<option value="6">Negro</option>
<option value="7">Naranja</option>
<option value="8">Violeta</option>
</select>Confeccionaremos como ejemplo un formulario que solicite el ingreso del nombre de una persona. Luego que seleccione si es mayor de edad o no (por defecto inicializar en si),seguidamente el teléfono (cargar por defecto 453-) y por último en un textarea solicitar que ingrese comentarios.
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> Apellido y nombre:<input type="text" name="nombre" size="30"><br> Es mayor de edad?:<br> <input type="radio" name="radio1" checked value="si">Si<br> <input type="radio" name="radio1" value="no">No<br> Telefono:<input type="text" value="453-" name="telefono" size="15"><br> <textarea name="comentarios" rows="5" cols="40">Ingrese aqui sus comentarios</textarea><br> <input type="submit" value="Enviar"> </form> </body> </html>
Todos los controles de formulario pueden definir una propiedad llamada tabindex que es un valor entero entre 0 y 32767. Este número indica el orden en que los controles toman foco. Cuando se presiona la tecla tab el navegador pasa el foco al siguiente control.
Para probar el funcionamiento implementaremos un formulario que contenga una matriz de tres filas y tres columnas de elementos de tipo text. Haremos que el foco sea por columna, es decir primero tomará foco el text de la primer fila y primer columna, luego del text de la segunda fila y primer columna etc (si no definimos la propiedad tabindex la carga de datos se efectua por fila):
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> <input type="text" name="text1" size="5" tabindex="1"> <input type="text" name="text2" size="5" tabindex="4"> <input type="text" name="text3" size="5" tabindex="7"> <br> <input type="text" name="text4" size="5" tabindex="2"> <input type="text" name="text5" size="5" tabindex="5"> <input type="text" name="text6" size="5" tabindex="8"> <br> <input type="text" name="text7" size="5" tabindex="3"> <input type="text" name="text8" size="5" tabindex="6"> <input type="text" name="text9" size="5" tabindex="9"> <br> <input type="submit" value="enviar" tabindex="10"> </form> </body> </html>Podemos observar que la propiedad tabindex no tiene valores consecutivos. Pero si vemos los text por columna podremos observar que si van en forma secuencial.
Todos los controles de formularios pueden definir la propiedad tabindex para indicar el orden de activación o foco del control.
Todos los controles que hemos visto podemos hacer que aparezcan inhabilitados.
Supongamos que disponemos 3 controles de tipo radio para indicar que sección del sitio deseamos ingresar. Nosotros queremos mostrar que tiene 3 secciones pero una no está disponible. Esto lo resolvemos deshabilitando un radio:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> Seleccione la sección donde desea ingresar:<br> <input type="radio" name="seccion" value="1" disabled>Niños<br> <input type="radio" name="seccion" value="2">Adolescentes<br> <input type="radio" name="seccion" value="3">Mayores<br> <input type="submit" value="Enviar"> </form> </body> </html>Para deshabilitar el primer radio añadimos la propiedad disabled sin asignarle valor:
<input type="radio" name="seccion" value="1" disabled>NiñosLos siguientes elementos pueden inhabilitarse: button, input, optgroup, option, select y textarea.
Esta propiedad tiene mucha aplicación si se aplica javascript en la página. Mediante javascript podemos luego de haber sido cargado el documento modificar el estado de los controles, habilitando y deshabilitando de acuerdo a los datos que carga el visitante al sitio.
Otra propiedad que podemos asignarle a los controles que creamos con el elemento input y también el elemento textarea es readonly.
Si definimos la propiedad readonly a un control el mismo es de solo lectura y no podemos modificar su contenido. Esta propiedad tiene uso cuando mediante un lenguaje de script (generalmente javascript) modificamos el control cambiandolo de estado ante ciertos eventos.
Cuando un control tiene la propiedad readonly el control toma foco pero no se puede cambiar su contenido. La diferencia con la propiedad disabled es que con esta no toma foco el control y generalmente aparece con un color que indica que el control está deshabilitado.
Confeccionemos un formulario que aparezca el nombre de una empresa en un text y el texto de un contrato en un textarea, ambos de solo lectura.
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/htmlya/registrardatos.php" method="post"> Ingrese su nombre:<input type="text" name="nombre" size="30" value="Interpolacion" readonly><br> Contrato:<br> <textarea name="comentarios" rows="5" cols="60" readonly>Por la presente ..............................</textarea> <br> <input type="submit" value="Enviar"> </form> </body> </html>
Para esto inicializamos la propiedad action de la siguiente forma:
<form action="mailto:pizzasya@htmlya.com" method="post" enctype="text/plain">Es decir inicializamos la propiedad action con el texto mailto seguido de dos puntos y la dirección de mail a la que queremos enviar los datos del formulario, recordemos siempre que utilizamos mailto el emisor del mail depende como esté configurado nuestro software de mail en nuestra computadora.
Además inicializamos la propiedad enctype con el valor "text/plain" con lo que le indicamos que se trata de un archivo de texto plano. Tengamos en cuenta que no podemos enviar archivos adjuntos.
Para probar esta funcionalidad confeccionaremos una página que permita hacer un reclamo de reparaciones y se envíen los datos a una dirección de correo. Se debe poder ingresar el nombre, dirección y un comentario del problema.
<html> <head><title>Prueba de formulario</title></head> <body> <h2>Reclamos</h2> <form action="mailto:reclamos@gmail.com" method="post" enctype="text/plain"> Ingrese su nombre: <input type="text" name="nombre" size="20"><br> Ingrese su dirección: <input type="text" name="dirección" size="30"><br> Informe del problema: <br> <textarea rows="5" cols="40" name="problema"></textarea> <br> <input type="submit" value="enviar"> </form> </body> </html>Debe llegar a la casilla de correos reclamos@gmail.com un mail con el contenido de los datos cargados en el formulario. El mail contiene el nombre del control y el contenido ingresado por el operador.
Si queremos que el correo llegue con un título debemos inicializar subject:
<form action="mailto:reclamos@gmail.com?subject=pedido de reparación" method="post" enctype="text/plain">Con esto logramos ubicar perfectamente todos los mail que llegan a nuestra casilla de correos reclamos@gmail.com La desventaja del envío de datos mediante mail es que la persona no puede hacer el envío del formulario desde una máquina ubicada en un ciberbar donde muy posiblemente no nos dejen configurar un cliente de mail.
Una última etiqueta relacionada con los formularios es la label. Hasta este momento siempre que queríamos disponer un mensaje antes o después de un control de formulario lo escribiamos sin más.
Existe en HTML un elemento que permite asociar un texto con un control de formulario. Esto será muy útil si se accede desde un navegador no gráfico o una persona ciega que utiliza un programa que lee en voz alta el contenido de la página.
Veamos como lo hacíamos hasta ahora:
Ingrese su nombre: <input type="text" name="nombre" size="20">Utilizando el elemento label podemos hacer una referencia entre el texto y el control de entrada de datos:
<label for="nombre">Ingrese su nombre:</label> <input type="text" name="nombre" size="20" id="nombre">Veamos que hemos agregado: Hemos definido la propiedad id a la marca input.
El elemento label tiene su marca de comienzo y fin, entre medio se dispone el texto a mostrar. Para vincular esta label con el elemento input debemos inicializar la propiedad for con el nombre asignado a la propiedad id del elemento input. La propiedad id la pueden tener todos los elementos HTML y es de vital importancia para CSS (Hojas de Estilo) y JavaScript
Confeccionemos un ejemplo completo:
<html> <head><title>Prueba de formulario</title></head> <body> <form action="/registrardatos.php" method="post"> <fieldset> <legend>Formulario de comentarios.</legend> <label for="nombre">Ingrese su nombre:</label><input type="text" name="nombre" size="30" id="nombre"><br> <label for="mail">Ingrese su mail:</label><input type="text" name="mail" size="50" id="mail"><br> <label for="comentarios">Comentarios:</label><br> <textarea name="comentarios" rows="5" cols="60" id="comentarios"></textarea> <br> <input type="submit" value="Enviar"> </fieldset> </form> </body> </html>Como podemos ver asociamos cada etiqueta con el correspondiente control de entrada de datos. Normalmente las propiedades id y name de los controles de entrada de datos (input, textarea etc.) se les asigna el mismo nombre, de todos modos no es obligatorio.
La propiedad for de la label hace referencia al id del control y no al name, esto es importante si inicializamos con valores distintos el id y name de los controles.
Hasta ahora hemos visto como enviar datos de una página a otra mediante formularios. Otra forma muy utilizada que complementa la anterior es como parámetro en un hipervínculo.
Confeccionaremos una página que muestre tres hipervínculos, cada uno tiene por objetivo mostrar en una página las tablas de multiplicar del 2, del 3 o la del 5.
La primer página es un archivo HTML puro, ya que sólo disponemos las marcas de hipervínculos:<html>
<head>
<title>Problema</title>
</head>
<body>
<A href="pagina2.php?tabla=2">Tabla del 2</A> <br>
<A href="pagina2.php?tabla=3">Tabla del 3</A> <br>
<A href="pagina2.php?tabla=5">Tabla del 5</A>
</body>
</html>Tabla del 2
Tabla del 3
Tabla del 5La sintaxis para pasar parámetros en un hipervínculo es: <A href="pagina2.php?tabla=2">Tabla del 2</A> <br> Es decir, luego del caracter "?" indicacamos el nombre del parámetro y seguidamente el valor del mismo.
La página que rescata el valor pasado como parámetro es la siguiente:
<html>
<head> <title>Problema</title> </head>
<body>
<?php
echo "Listado de la tabla del $_REQUEST[tabla] <br>";
for($f=1;$f<=10;$f++)
{
$valor=$f*$_REQUEST['tabla'];
echo $valor."-";
}
?>
</body>
</html>Es decir que con el mismo vector asociativo $_REQUEST recuperamos los datos enviados por parámetro en la llamada a la página.
El protocolo HTTP es desconectado. Esto significa que cada vez que solicitamos una página a un servidor representa una conexión distinta.
Una cookie es una pequeña cantidad de datos almacenada por el navegador del usuario cuando solicita una página a un servidor. El que envía que se genere la cookie es el servidor.
Una cookie consta de un nombre, un valor, una fecha de expiración y un servidor. Una cookie está limitada a 4KB.
Luego que una cookie es creada sólo el sitio que la creó puede leerla. Luego de creada una cookie, cada vez que el navegador del usuario visita el sitio, se envía dicha cookie. Otra cosa importante que hay que tener en cuenta es que el usuario del browser puede configurar el mismo para no permitir la creación de cookies, lo que significa que el uso de cookies debe hacerse con moderación y cuando la situación lo requiera. De todos modos, el 95% de los navegadores están configurados para permitir la creación de cookies.
Para la creación de una cookie desde PHP debemos llamar a la función setcookie.Los parámetros de esta función son:
setcookie( <nombre de la cookie>, <valor de la cookie>, <fecha de expiración>, <carpeta del servidor>)
Con un problema sencillo entenderemos el uso de esta función. Supongamos que queremos que los usuarios que entran a nuestro sitio puedan configurar con qué color de fondo de página quiere que aparezca cada vez que ingresa al sitio. Al color seleccionado por el visitante lo almacenaremos en una cookie. En caso que no exista el color, por defecto es blanco.La primera página mostrará un formulario con tres controles de tipo radio para la selección del color. También esta página verificará si existe la cookie creada, en caso afirmativo fijará el fondo de la página con el valor de la cookie. Tengamos en cuenta que la primera vez que ejecutemos este programa la página es de color blanco, luego variará según el color seleccionado en el formulario.
El código de la primera página es:<html> <head><title>Problema</title></head> <body <?php if (isset($_COOKIE['color'])) echo " bgcolor=\"$_COOKIE[color]\"" ?> > <form action="pagina2.php" method="post"> Seleccione de que color desea que sea la página de ahora en más:<br> <input type="radio" value="rojo" name="radio">Rojo<br> <input type="radio" value="verde" name="radio">Verde<br> <input type="radio" value="azul" name="radio">Azul<br> <input type="submit" value="Crear cookie"> </form> </body> </html>
El formulario no varía en nada respecto a otros vistos. Lo más importante es el bloque PHP que verifica si ya existe la cookie en el navegador del cliente. Es importante entender que la primera vez que ejecutemos esta página la cookie no existe, por lo que el if se verifica falso:
<body
<?php if (isset($_COOKIE['color'])) echo " bgcolor=\"$_COOKIE[color]\"" ?>
>
El vector asociativo $_COOKIE almacena todas las cookies creadas por el visitante. Si es la primera vez que peticionamos esta página, el vector $_COOKIE no tendrá elementos.
Es decir que la marca body no tiene inicializada la propiedad bgcolor.La segunda página es la que crea la cookie propiamente dicha:
<?php if ($_REQUEST['radio']=="rojo") setcookie("color","#ff0000",time()+60*60*24*365,"/"); elseif ($_REQUEST['radio']=="verde") setcookie("color","#00ff00",time()+60*60*24*365,"/"); elseif ($_REQUEST['radio']=="azul") setcookie("color","#0000ff",time()+60*60*24*365,"/"); ?> <html> <head><title>Problema</title></head> <body> Se creó la cookie. <br> <a href="pagina1.php">Ir a la otra página</a> </body> </html>La llamada a la función setcookie debe hacerse antes de imprimir cualquier marca HTML, de lo contrario no funcionará.
Como podemos observar, la creación de la cookie se hace llamando a la función setcookie:
<?php
if ($_REQUEST['radio']=="rojo") setcookie("color","#ff0000",time()+60*60*24*365,"/");
elseif ($_REQUEST['radio']=="verde") setcookie("color","#00ff00",time()+60*60*24*365,"/");
elseif ($_REQUEST['radio']=="azul") setcookie("color","#0000ff",time()+60*60*24*365,"/");
?>
El nombre de la cookie se llama "color" y el valor que almacenamos depende de qué control de tipo radio esté seleccionado en la página anterior. La fecha de expiración de la cookie la calculamos fácilmente llamando a la función time() que nos retorna la fecha actual en segundos y le sumamos el producto 60*60*24*365 (60 segundos * 60 minutos * 24 horas * 365 días) es decir que la cookie existirá en la máquina del visitante hasta el año próximo.Cuando indicamos como directorio la sintaxis "/" significa que la cookie se crea a nivel del sitio y con cuaquier petición a dicho sitio, el navegador enviará la cookie al servidor.
Por último dispusimos en esta página un hipervínculo a la página anterior, para ver que, de ahora en más, cada vez que ejecutemos la pagina1.php, el color de fondo de la misma dependerá del valor de la cookie registrada.
Para borrar una cookie se debe llamar a la función setcookie con una fecha anterior a la actual. Haremos un algoritmo muy común a muchos sitios que administran webmail. Recordaremos en una cookie el mail ingresado por el operador, el código fuente de la primera página es la siguiente:
<html> <head><title>Problema</title></head> <body> <form action="pagina2.php" method="post"> Ingrese su mail: <input type="text" name="mailusuario" value="<?php if (isset($_COOKIE['mail'])) echo $_COOKIE['mail'];?>"> <br> <input type="radio" name="opcion" value="recordar">Recordar en esta computadora el mail ingresado. <br> <input type="radio" name="opcion" value="norecordar">No recordar. <br> <input type="submit" value="confirmar"> </form> </body> </html>
Es decir, disponemos un control text y como valor de la misma verificamos si el cliente tiene ya una cookie guardada en su máquina, en caso afirmativo la mostramos dentro del text modificando la propiedad value.
Mediante dos controles de tipo radio daremos la posibilidad al cliente que el navegador recuerde o no el mail ingresado.
Como es sabido, la primera vez que accedamos a la página no existe la cookie llamada mail.La segunda página:
<?php if ($_REQUEST['opcion']=="recordar") setcookie("mail",$_REQUEST['mailusuario'],time()+(60*60*24*365),"/"); elseif ($_REQUEST['opcion']=="norecordar") setcookie("mail","",time()-1000,"/"); ?> <html> <head><title>Problema</title></head> <body> <?php if ($_REQUEST['opcion']=="recordar") echo "cookie creada"; elseif ($_REQUEST['opcion']=="norecordar") echo "cookie eliminada"; ?> <br> <a href="pagina1.php">Ir a la otra página</a> </body> </html>En esta página verificamos cuál control radio está seleccionado, si es el primero, creamos la cookie mail con una vida de 1 año: setcookie("mail",$_REQUEST['mailusuario'],time()+(60*60*24*365),"/");
En caso que esté seleccionado el segundo radio, creamos la misma cookie pero con una fecha de caducidad inferior a la actual (con esto estamos virtualmente eliminando la cookie): setcookie("mail","",time()-1000,"/");
Para crear una cookie que sólo tenga existencia mientras no cerremos la ventana del navegador, pasaremos como fecha de expiración de la cookie, el valor cero. Una vez que la instancia del navegador se cierra, dicha cookie desaparecerá.
Este tipo de cookie puede ser muy útil para validar un usuario en un conjunto de páginas, si previamente ingresó correctamente su nombre de usuario y clave. Es decir, una vez validado el usuario, se verifica en páginas sucesivas si existe la cookie. Una vez que el usuario cierra el navegador, no hay posibilidad de solicitar las páginas recorridas sin previa validación nuevamente de clave y usuario. Entonces la sintaxis es: setcookie(,,0)
Veamos un pequeño ejemplo para crear y verificar si existe una cookie de sesión.
La primera página es:<html> <head><title>Problema</title></head> <body> <?php if (isset($_COOKIE['usuario'])) echo "Cookie de sesión creada. Su valor es $_COOKIE[usuario]"; else echo "No existe cookie de sesión"; ?> <br> <a href="pagina2.php">Crear cookie de sesión</a> </body> </html>
La segunda página es la que crea la cookie de sesión:
<?php setcookie("usuario","diego",0); ?> <html> <head><title>Problema</title></head> <body> Cookie de sesión creada.<br> <a href="pagina1.php">Retornar a la página anterior.</a> </body> </html>Si ejecutamos este programa y creamos la cookie de sesión, la misma existirá mientras no cerremos el navegador. Probemos luego cerrando completamente el navegador y veremos qué contiene la cookie de sesión.
Es otro método para hacer que variables estén disponibles en múltiples páginas sin tener que pasarlas como parámetro. A diferencia de las cookies, las variables de sesión se almacenan en el servidor y tienen un tiempo limitado de existencia.
Para identificar al usuario que generó las variables de sesión, el servidor genera una clave única que es enviada al navegador y almacenada en una cookie. Luego, cada vez que el navegador solicita otra página al mismo sitio, envía esta cookie (clave única) con la cual el servidor identifica de qué navegador proviene la petición y puede rescatar de un archivo de texto las variables de sesión que se han creado. Cuando han pasado 20 minutos sin peticiones por parte de un cliente (navegador) las variables de sesión son eliminadas automáticamente (se puede configurar el entorno de PHP para variar este tiempo).Una variable de sesión es más segura que una cookie ya que se almacena en el servidor. Otra ventaja es que no tiene que estar enviándose continuamente como sucede con las cookies. Otra ventaja de emplear una variable de sesión en lugar de una cookie es que cuando el navegador del cliente está configurado para desactivar las cookies las variables de sesión, tienen forma de funcionar (enviando la clave como parámetro en cada hipervínculo).
Como desventaja podemos decir que ocupa espacio en el servidor.Haremos un problema muy sencillo, cargaremos en un formulario el nombre de usuario y clave de un cliente, en la segunda página crearemos dos variables de sesión y en una tercera página recuperaremos los valores almacenados en las variables de sesión.
La primera página es un formulario HTML puro:<html> <head><title>Problema</title></head> <body> <form action="pagina2.php" method="post"> Ingrese nombre de usuario:<input type="text" name="campousuario"><br> Ingrese clave:<input type="password" name="campoclave"><br> <input type="submit" value="confirmar"> </form> </body> </html>Lo que podemos recalcar es que, cuando en un cuadro de texto queremos ingresar una clave y no queremos que aparezcan los caracteres tipeados en pantalla, debemos utilizar el control de tipo password:
<input type="password" name="campoclave">La segunda página es donde creamos e inicializamos las dos variables de sesión:
<?php session_start(); $_SESSION['usuario']=$_REQUEST['campousuario']; $_SESSION['clave']=$_REQUEST['campoclave']; ?> <html> <head><title>Problema</title></head> <body> Se almacenaron dos variables de sesión.<br><br> <?php
echo "Nombre de usuario recuperado de la variable de sesión:".$_SESSION['usuario'];
echo "<br><br>";
echo "La clave recuperada de la variable de sesión:".$_SESSION['clave'];
?> </body> </html>Cuando creamos o accedemos al contenido de variables de sesión debemos llamar a la función session_start() antes de cualquier salida de marcas HTML.
Para almacenar los valores en las variables de sesión lo hacemos:
$_SESSION['usuario']=$_REQUEST['campousuario'];
$_SESSION['clave']=$_REQUEST['campoclave'];Es decir, tenemos el vector asociativo $_SESSION que almacena las variables de sesión.
la primera línea de esta página es la llamada a la función session_start() que, entre otras cosas, rescata de un archivo de texto las variables de sesión creadas para ese usuario (recordemos que desde el navegador todas las veces retorna una cookie con la clave que generó PHP la primera vez que llamamos a una página del sitio).
Para mostrar las variables de sesión, las accedemos por medio del vector asociativo $_SESSION:
echo "Nombre de usuario recuperado de la variable de sesión:".$_SESSION['usuario'];
echo "<br><br>";
echo "La clave recuperada de la variable de sesión:".$_SESSION['clave'];Tengamos en cuenta que en cualquier otra página del sitio tenemos acceso a las variables de sesión sólo con llamar inicialmente a la función session_start().
Hasta hora hemos visto que un archivo contiene todo el código (HTML y PHP), pero el lenguaje PHP nos permite crear librerías de funciones u objetos que veremos más adelante.
La idea fundamental de las librerías es agrupar funciones comunes a muchas páginas, no tener que tipearlas en cada archivo, lo que supone que cuando haya que hacer cambios en esas funciones las debemos localizar y modificar y dicha modificación afectará a todos los archivos donde se las utiliza.La implementación de librerías nos permite hacer que un sistema sea más modular y facilita su mantenimiento.
Para probar esta característica del lenguaje, implementaremos dos funciones en la página "pagina2.php" y llamaremos a dichas funciones en la "página1.php"El código del archivo "pagina1.php" es:
<html> <head><title>Problema</title></head> <body> <?php require_once("pagina2.php"); cabeceraPagina("Titulo principal de la página"); echo "<br><br><center>Este es el cuerpo de la página<br><br></center>"; piePagina("Pie de la página"); ?> </body> </html>
Para incluir el contenido de otro archivo, debemos llamar a la función require_once pasando como parámetro el archivo a incluir: require_once("pagina2.php"); Si el archivo no existe, se mostrará un error y no continuará la ejecución del programa PHP.
El programa continúa llamando a una función que no se encuentra implementada en este archivo sino que está en el archivo "pagina2.php": cabeceraPagina("Titulo principal de la página");
Luego de mostrar otros textos en la página, llamamos a una segunda función que también está implementada en el archivo pagina2.php: piePagina("Pie de la página");
Hay que tener en cuenta que en un proyecto real, las funciones que almacena el archivo "pagina2.php" pueden ser incluidas y utilizadas en muchas otras páginas. El código fuente del archivo "pagina2.php" es:
<?php function cabeceraPagina($tit) { echo "<table width=\"100%\"><tr><td bgcolor=\"#ffff00\" align=\"center\">$tit</td></tr></table>"; } function piePagina($tit) { echo "<table width=\"50%\" align=\"center\"><tr><td bgcolor=\"#cccccc\">$tit</td></tr></table>"; } ?>Normalmente las rutinas se tratan de archivos PHP puros, es decir que contienen sólo funciones y no marcas HTML fijas. Es importante el lugar donde llamamos a la función require_once, debe ser siempre antes de la llamada a las funciones que contiene la librería.
Con PHP se puede implementar un pequeño programa que permita que cuando un usuario (navegador) solicita una página, la misma redireccione o otra página.
Para probar el algoritmo implementaremos un formulario que solicite el ingreso por teclado de una dirección de internet.La segunda página redireccionará al sitio web cargado en el formulario. Es decir la segunda página nunca llega al cliente, sino que redirecciona a otra página.El primer archivo no tiene nada de especial:
<html> <head><title>Problema</title></head> <body> <form action="pagina2.php" method="post">Ingrese dirección de sitio web (ej www.google.com): <input type="text" name="direccion" size="30"><br> <input type="submit" value="Redireccionar"> </form> </body> </html>El segundo archivo "pagina2.php" es el que efectúa la redirección a otra página o sitio:
<?php header("Location: http://$_REQUEST[direccion]"); ?>La llamada a la función header debe hacerse antes de cualquier salida HTML, sino, no funcionará. Debemos pasarle como parámetro un string con el texto Location y la dirección del sitio y/o página a recuperar.
Confeccionar un programa que solicite el ingreso de una clave en un formulario. La segunda página debe verificar si ingresó el string "z80" y mostrar un mensaje de bienvenida, en caso contrario, esta página debe redireccionar a la primera página nuevamente.
Cuando tenemos que redireccionar a una página que está en el mismo sitio, sólo es necesario disponer su nombre:
<?php if ($_REQUEST['direccion']<>"z80") header("Location: pagina1.php"); ?>Otra cosa interesante que podemos hacer es pasar como parámetro en la segunda página un código de error:
<?php if ($_REQUEST['direccion']<>"z80") header("Location: pagina1.php?error=1"); ?>Y luego en la primera página mostrar un mensaje de error si es que la página recibe este parámetro:
<?php if (isset($_REQUEST['error'])) echo "Ingreso clave incorrecta"; ?>
Existe un conjunto de funciones que nos permite la creación de un archivo de imagen (jpg, png, gif, etc.) en el servidor y posterior envío al navegador que la solicitó. Es decir que, con PHP, no sólo podemos hacer páginas dinámicas sino también imágenes dinámicas.
Veamos un ejemplo sencillo y útil donde aplicar la generación de una imagen dinámica. Casi todos hemos visto que los sitios nos obligan a ingresar un código verificador para registrarnos a un servicio de internet. Generalmente es un gráfico con una serie de números y letras poco legible (esto se hace para confirmar que quien está ingresando los datos se trata de un ser humano y no un programa de computadora camuflado como persona).
Este tipo de problema se adapta muy bien para emplear la creación de imágenes dinámicas. Veamos el código que nos permite resolver este problema:<?php $ancho=100; $alto=30; $imagen=imageCreate($ancho,$alto); $amarillo=ImageColorAllocate($imagen,255,255,0); ImageFill($imagen,0,0,$amarillo); $rojo=ImageColorAllocate($imagen,255,0,0); $valoraleatorio=rand(100000,999999); ImageString($imagen,5,25,5,$valoraleatorio,$rojo); for($c=0;$c<=5;$c++) { $x1=rand(0,$ancho); $y1=rand(0,$alto); $x2=rand(0,$ancho); $y2=rand(0,$alto); ImageLine($imagen,$x1,$y1,$x2,$y2,$rojo); } Header ("Content-type: image/jpeg"); ImageJPEG ($imagen); ImageDestroy($imagen); ?>
Lo primero que hay que tener en cuenta es que el archivo es PHP puro, es decir no tiene salidas HTML, esto debido a que es una imagen la que se genera y no un archivo HTML. Luego veremos que a esta imagen se la puede incorporar en un archivo HTML y ser parte dentro de una marca IMG.
Lo primero que hacemos es llamar a la función imageCreate pasando como parámetros el ancho y el alto de la imagen a crear:
$ancho=100;
$alto=30;
$imagen=imageCreate($ancho,$alto);La función imageCreate retorna una referencia a la imagen; la que utilizaremos en todas las otros funciones.
Seguidamente adquirimos una referencia a un color y rellenamos el fondo de la imagen con dicho color:
$amarillo=ImageColorAllocate($imagen,255,255,0);
ImageFill($imagen,0,0,$amarillo);La función ImageColorAllocate tiene como parámetros la referencia a la imagen creada y los tres valores que indican la cantidad de rojo, verde y azul para la mezcla.
La función ImageFill rellena con color a partir de las coordenadas que le pasamos en el segundo y tercer parámetro.
Hasta ahora tenemos un rectángulo de 100x30 pixeles de color amarillo.
Para dibujar el código verificador tenemos:
$rojo=ImageColorAllocate($imagen,255,0,0);
$valoraleatorio=rand(100000,999999);
ImageString($imagen,5,25,5,$valoraleatorio,$rojo);Recordemos que la función rand nos retorna un valor aleatorio comprendido entre los dos valores que le pasamos como parámetro. Seguidamente, con la función ImageString imprimimos el número generado de color rojo en las coordenadas 25,5 y con un tamaño de fuente 5 (valores posibles de fuente son de 1 a 5).
Tenemos dibujado el código verificador (en nuestro caso es un número verificador, ya que no hemos incorporado caracteres) ahora para hacer más dificil la lectura del número incorporaremos una serie de segmentos que tapen en forma parcial el número aleatorio:
for($c=0;$c<=5;$c++)
{
$x1=rand(0,$ancho);
$y1=rand(0,$alto);
$x2=rand(0,$ancho);
$y2=rand(0,$alto);
ImageLine($imagen,$x1,$y1,$x2,$y2,$rojo);
}Disponemos un for para que dibuje 6 líneas. Para graficar las líneas llamamos a la función ImageLine que tiene cuatro parámetros fundamentales que son las coordenadas de los dos puntos de origen y fin de la línea. Como sabemos el ancho y alto de la imagen y para que la línea se encuentre dentro de los límites del gráfico, disponemos como valor máximo los valores almacenados en $ancho y $alto.
Hasta aca la imagen se encuentra en memoria, debemos además indicar qué formato tendrá y enviarla al cliente que la solicitó:
Header ("Content-type: image/jpeg");
ImageJPEG ($imagen);
ImageDestroy($imagen);También en este tipo de problemas requerimos la función header (recordemos que la empleamos en el redireccionamiento) Indicamos el tipo de archivo que recibirá el navegador. Llamamos en este caso a la función ImageJPEG (podríamos llamar también a ImagePNG, ImageGIF, etc.) que genera la información de la imagen propiamente dicha y por último llamamos a la función ImageDestroy para liberar los recursos ocupados en el servidor por este proceso de generación de la imagen.
En un concepto anterior habíamos visto como crear un archivo gráfico en forma dinámica y el envío del mismo al navegador que lo solicitó. Ahora veremos como crear el archivo de la imagen y su posterior incorporación en una página HTML.
Continuaremos con el problema del dígito de verificación, pero ahora lo incorporaremos en un formulario donde el operador debe tipear el número que está viendo. En una tercera página verificaremos si ingresó el mismo valor que se generó en forma aleatoria.
La primera página "pagina1.php" es el formulario:
<html> <head><title>Problema</title></head> <body> <form action="pagina3.php" method="post">Dígitos verificadores:<img src="pagina2.php"> <br> Ingrese valor: <input type="text" name="numero"> <br> <input type="submit" value="Verificar"> </form> </body> </html>
Tengamos en cuenta que ésta es la página que se solicita inicialmente. Dentro de esta página, se incorpora una marca img para agregar una imagen a la página, pero la misma no es un archivo estático sino un archivo PHP que genera la imagen:
Dígito verificador:<img src="pagina2.php"> Tengamos en cuenta que la página que procesa el valor ingresado y el valor generado en forma aleatoria es la tercera página: <form action="pagina3.php" method="post">
El segundo archivo "pagina2.php" es la imagen propiamente dicha:
<?php $ancho=100; $alto=30; $imagen=imageCreate($ancho,$alto); $amarillo=ImageColorAllocate($imagen,255,255,0); ImageFill($imagen,0,0,$amarillo); $rojo=ImageColorAllocate($imagen,255,0,0); $valoraleatorio=rand(100000,999999); session_start(); $_SESSION['numeroaleatorio']=$valoraleatorio; ImageString($imagen,5,25,5,$valoraleatorio,$rojo); for($c=0;$c<=5;$c++) { $x1=rand(0,$ancho); $y1=rand(0,$alto); $x2=rand(0,$ancho); $y2=rand(0,$alto); ImageLine($imagen,$x1,$y1,$x2,$y2,$rojo); } Header ("Content-type: image/jpeg"); ImageJPEG ($imagen); ImageDestroy($imagen); ?>El algoritmo es el mismo visto en un concepto anterior, la única salvedad es que necesitamos almacenar en una variable de sesión, el número aleatorio para poder compararlo en la página que procesa el formulario:
session_start();
$_SESSION['numeroaleatorio']=$valoraleatorio;Por último el tercer archivo "pagina3.php":
<?php session_start(); ?> <html> <head> <title>Problema</title> </head> <body> <?php if ($_SESSION['numeroaleatorio']==$_REQUEST['numero']) echo "Ingresó el valor correcto"; else echo "Incorrecto"; ?> </body> </html>Lo primero que hacemos es llamar a la función que rescata las variables de sesión:
<?php session_start(); ?>Disponemos un if para verificar si el valor ingresado en el formulario es el mismo que el valor almacenado en la variable de sesión:
if ($_SESSION['numeroaleatorio']==$_REQUEST['numero'])
echo "Ingresó el valor correcto";
else
echo "Incorrecto";
La función date retorna un string con una fecha y hora, o partes de ella según un string de formato que le pasamos como parámetro. Se obtiene la fecha y hora del servidor.
Veamos como ejemplo la impresión de la fecha y hora actual del servidor:<html> <head><title>Problema</title></head> <body> <?php echo "La fecha de hoy es:"; $fecha=date("d/m/Y"); echo $fecha; echo "<br>"; echo "La hora actual es:"; $hora=date("H:i:s"); echo $hora; echo "<br>"; ?> </body> </html>
Los caracteres de formato utilizados en las dos llamadas de la función date son:
d día del mes con dos dígitos "01" al "31"
m mes con dos dígitos "01" al "12"
Y año con cuatro dígitosPara la hora, los caracteres que serán sustituidos son:
H hora con dos dígitos "00" a "23"
i minutos con dos dígitos "00" a "59"
s segundos con dos dígitos "00" a "59"Los otros caracteres que disponemos al llamar a la función date, son retornados sin cambios, en este caso la barra y los dos puntos.
Los caracteres de formato que veíamos son los más comunes, pero tenemos otras variantes posibles. Si queremos los días y meses sin el cero delante y el año con dos dígitos tenemos entonces:
<html> <head><title>Problema</title></head> <body> <?php echo "La fecha de hoy es:"; $fecha=date("j/n/y"); echo $fecha; echo "<br>"; ?> </body> </html>
Los caracteres que ahora tenemos son:
j día del mes "1" al "31"
n mes "1" al "12"
y año con dos dígitosPor último, a los otros caracteres de formato de la función date que nos pueden servir en alguna ocasión, los podemos ver en el siguiente ejemplo:
<html> <head><title>Problema</title></head> <body> <?php $dato=date("L"); if ($dato==1) echo "Año bisiesto"; else echo "Año no bisiesto"; echo "<br>"; echo "Día de la semana:"; $dato=date("w"); switch ($dato) { case 0: echo "domingo"; break; case 1: echo "lunes"; break; case 2: echo "martes"; break; case 3: echo "miércoles"; break; case 4: echo "jueves"; break; case 5: echo "viernes"; break; case 6: echo "sábado"; break; } ?> </body> </html>
Los caracteres son:
L "1" or "0", según si el año es bisiesto o no
w día de la semana, en número, de "0" (domingo) a "6" (sábado)
Si disponemos en forma separada del día, mes y año hay, una función que nos indica si se trata de una fecha válida: boolean checkdate ( mes, dia, año) Retorna verdadero si la fecha es válida, falso en caso contrario.
Implementemos un formulario que nos solicite el ingreso de una fecha:
<html> <head> <title>Problema</title> </head> <body> <form action="pagina2.php" method="post"> Ingrese una fecha (dd/mm/aaaa): <input type="text" name="dia" size="2"> <input type="text" name="mes" size="2"> <input type="text" name="anio" size="4"> <br> <input type="submit" value="validar"> </form> </body> </html>Y la página que procesa la fecha ingresada es:
<html> <head><title>Problema</title></head> <body> <?php if (checkdate($_REQUEST['mes'],$_REQUEST['dia'],$_REQUEST['anio'])) echo "La fecha ingresada es correcta"; else echo "La fecha no es válida"; ?> </body> </html>En este programa llamamos a la función checkdate pasando los tres parámetros requeridos en el orden: mes, día y año.
Podemos validar previamente si se han cargado valores numéricos en cada control "text", esto llamando a la función is_numeric(variable). Retorna true si la variable almacena un número, falso en caso contrario.
El programa modificado quedará entonces:<html> <head><title>Problema</title></head> <body> <?php if (is_numeric($_REQUEST['dia']) && is_numeric($_REQUEST['mes']) && is_numeric($_REQUEST['anio'])) { if (checkdate($_REQUEST['mes'],$_REQUEST['dia'],$_REQUEST['anio'])) echo "La fecha ingresada es correcta"; else echo "La fecha no es válida"; } else echo "La fecha no es válida"; ?> </body> </html>
Hasta ahora siempre hemos impreso dentro de la página, utilizando el comando echo, pero en ocasiones que necesitamos mayor control sobre el formato de impresión, podemos utilizar la función printf.
La función printf requiere como primer parámetro una cadena de control donde se indica cómo deben imprimirse el resto de parámetros de la misma función.
El siguiente ejemplo muestra el contenido de una variable entera con distintos formatos, lo mismo hacemos para una variable de tipo double:<html> <head><title>Problema</title></head> <body> <?php $entero=255; printf("Valor entero en formato decimal %d <br>",$entero); printf("Valor entero en formato hexadecimal con letras minúsculas %x<br>", $entero); printf("Valor entero en formato hexadecimal con letras mayúsculas %X<br>", $entero); printf("Valor entero en formato binario %b<br>", $entero); printf("Valor entero en formato octal %o<br>", $entero); $letra=65; printf("Valor entero como caracter ascii %c<br>", $letra); echo "<br>"; $real=10.776; printf("Impresion de un valor de tipo double %f <br>",$real); printf("Impresion de un valor de tipo double indicando la cantidad de decimales a imprimir %0.2f <br>",$real); ?> <br> </body> </html>
Como podemos ver, es posible imprimir el contenido de una variable entera en formato ASCII, decimal, hexadecimal, octal. Y con una variable de tipo double, la podemos restringir la cantidad de decimales que deben aparecer.
La función printf sustituye todos los lugares en los cuales encuentra el caracter %, por el valor que le pasamos desde el segundo parámetro en adelante. Si queremos imprimir este caracter: %, con la función printf, debemos disponer dos: %%.Podemos ver un uso relativamente seguido para cuando imprimamos valores de tipo double y necesitemos restringir a una determinada cantidad de decimales. Pero las otras conversiones, ¿nos servirán?
Veamos una utilidad de la función printf formateando a tipo de dato hexadecimal:<html> <head><title>Problema</title></head> <body bgcolor="<?php printf("#%X%X%X",150,150,0); ?>"> En esta página definimos el color de fondo indicando la cantidad de rojo,verde y azul, en formato decimal y solicitando a la función printf que haga la conversión a hexadecimal. Recordemos que la propiedad bgcolor de la marca body, lo requiere en hexadecimal.<br><br> </body> </html>
La función printf puede formatear n datos en una única llamada, como ocurre en este caso:
<body bgcolor="<?php printf("#%X%X%X",150,150,0); ?>">
Cuando tenemos los tres valores en formato decimal, para crear un color, la función printf nos facilita la tarea de generar el color definitivo en hexadecimal.Por último, con la función printf, podemos determinar el número de caracteres que va a ocupar o en su defecto se rellenará con ceros:
<html> <head><title>Problema</title></head> <body> <?php $dia=6; $mes=5; $anio=2006; printf("%02d/%02d/%d",$dia,$mes,$anio); ?> </body> </html>
Con esto logramos que una fecha aparezca con el día y el mes siempre de dos dígitos.
Si deseamos rellenar con otro caracter debemos disponer una simple comilla y el caracter a rellenar:
$importe=170;
printf("Valor:$%'x7d",$importe);
Así como vimos que la función printf nos permite tener un control más fino sobre cómo un dato debe imprimirse en una página, la función sprintf nos permite formatear la salida de un dato hacia un string y no a la página HTML.
Tipos de conversión utilizadas por la función sprintf (tener en cuenta que son los mismos caracteres de control que se aplican a la función printf):
%b Formatea un entero como un número binario.
%d Formatea un entero como un número decimal con signo.
%u Formatea un entero como un número decimal sin signo.
%o Formatea un entero como un número octal.
%x Formatea un entero como un número hexadecimal en minúsculas.
%X Formatea un entero como un número hexadecimal en mayúsculas.
%c Formatea un entero como un caracter ASCII.
%f Formatea un double con una cantidad de decimales.
%s Formatea un string.Un ejemplo utilizando la función sprintf:
<html> <head><title>Problema</title></head> <body> <?php function retornarColorHexa($rojo,$verde,$azul) { $color=sprintf("#%02X%02X%02X",$rojo,$verde,$azul); return $color; } ?> <table> <tr> <td bgcolor="<?php echo retornarColorHexa(255,0,0)?>">Cuadro rojo</td> <td bgcolor="<?php echo retornarColorHexa(0,255,0)?>">Cuadro verde</td> <td bgcolor="<?php echo retornarColorHexa(0,0,255)?>">Cuadro azul</td> </tr> </table> </body> </html>
Implementamos una función a la cual le enviamos 3 valores decimales y nos retorna un string que especifica un color en hexadecimal.