Como tengo la costumbre de convertir en arrays todo lo que saco de las bases de datos antes de combinarlo con el html, una buena parte del camino ya la tenía hecha.

El método que voy a proponer a continuación no es nada del otro mundo y sólo pretende ser un punto de partida para que cada cual lo adapte y complique a su gusto.

Cuando me di cuenta de que un array como este:

$a = array(
	type=>"text",
	name=>"nombre",
	value=>"Pepe",
	)

era fácilmente convertible, vía php, en un html como este:

<input
	type="<?=$a[type];?>"
	name="<?=$a[name];?>"
	value="<?=$a[value];?>"
/>

Decidí hacer una función que resolviera la construcción de cualquier formulario simplemente recibiendo los datos necesarios en forma de arrays.

Antes de nada traté de agrupar más o menos los diferentes elementos que componen un formulario: Los <input> tipo text, password y hidden tienen una sintaxis muy parecida. A <textarea> hay que darle de comer aparte y lo mismo con los <select>. Los <input> tipo radio y checkbox se portan de una manera muy similar, y luego quedan los <input> tipo submit.

En el ejemplo de este artículo presento la función f, que resuelve los <input> tipo text, password, hidden y submit, los <textarea> y los <select> y los botones de submit. El resto lo dejo para una pŕoxima ocasión.

El ejemplo resuelve de paso los <label> y permite aplicar class o style particulares a cada elemento. Por cierto: Tengo la costumbre en los formularios de utilizar siempre el mismo valor en name y en id. No sé si eso es bueno o malo (al menos el validador del W3C no protesta), pero si a alguien no le gusta eso no tiene más que crear una nueva variable para uno de ellos.

Ah! La parte en la que se construye el menú desplegable tipo <select> es la que ya presenté en el artículo Construir un menú Select con PHP publicado el 25|09|2009.

Bueno, probadlo y a ver qué os parece. En este link he colgado una demo con CSS y todo.

<?php
$colores = array( // Array de valores para el select
		1=>Azul,
		2=>Negro,
		3=>Naranja,
		4=>Violeta,
		5=>Granate,
		);

$qq=array(
	f=>array( // Datos generales del formulario
		fN=>"loginForm", // name
		fM=>"post", // method
		fA=>"form.php", // action
		fB=>"Enviar", // texto del botón submit
		),
	ff=>array(
			array( // Datos del input id
				fN=>"id",
				fV=>123,
				fT=>"hidden", // Tipo hidden
				),
			array( // Datos del input nombre
				fN=>"nombre", // Variable
				fV=>"Perico", // Valor
				fL=>"Nombre", // Texto para el label
				fT=>"text", // Tipo text
				fC=>"special", // Class CSS (dato opcional)
				fS=>"width:100px;", // Style CSS (dato opcional)
				),
			array( // Datos del input apellidos
				fN=>"apellidos",
				fV=>"Los Palotes",
				fL=>"Apellidos",
				fT=>"text",
				fC=>"readonly", // Class CSS (dato opcional)
				fS=>"width:200px;",
				rO=>true, // queremos que sea 'readonly'
				),
			array( // Datos del input contrasena
				fN=>"contrasena",
				fV=>"123456",
				fL=>"Contraseña",
				fT=>"password", // Tipo password
				),
			array( // Datos del textarea direccion
				fN=>"direccion",
				fV=>"Calle de Los Desamparados s/n",
				fL=>"Dirección",
				fT=>"textarea", // Tipo textarea
				fC=>"login",
				fW=>"10|3", // Width | Height
				fS=>"width:200px;height:100px;",
				),
			array( // Datos del select desplegable color
				fN=>"color",
				fV=>3, // Valor (numérico en este caso)
				fL=>"Color favorito",
				fT=>"select", // Tipo select (desplegable)
				fC=>"login",
				fZ=>$colores, // Array de valores
				),
		),
	);

function f($x)
	{
	extract($x);
	$r="<form name=\"{$f[fN]}\" id=\"{$f[fN]}\" method=\"{$f[fM]}\" action=\"{$f[fA]}\">\n";
	for($i=0;$i<count($ff);++$i)
		{
		if(in_array($ff[$i][fT],array("text","password","hidden",))){$r.="\t".($ff[$i][fT]!="hidden"?"<label for=\"{$ff[$i][fN]}\">{$ff[$i][fL]}</label>":"")."<input type=\"{$ff[$i][fT]}\" name=\"{$ff[$i][fN]}\" id=\"{$ff[$i][fN]}\" value=\"{$ff[$i][fV]}\"".($ff[$i][fT]!="hidden"?($ff[$i][fC]?" class=\"{$ff[$i][fC]}\"":"").($ff[$i][fS]?" style=\"{$ff[$i][fS]}\"":""):"").($ff[$i][rO]?" readonly=\"readonly\"":"")." />".($ff[$i][fT]!="hidden"?"<br />":"")."\n";}
		if(in_array($ff[$i][fT],array("textarea",))){$r.="\t<label for=\"{$ff[$i][fN]}\">{$ff[$i][fL]}</label><textarea name=\"{$ff[$i][fN]}\" id=\"{$ff[$i][fN]}\"";$w=explode('|',$ff[$i][fW]);$r.=" cols=\"{$w[0]}\" rows=\"{$w[1]}\"".($ff[$i][fC]?" class=\"{$ff[$i][fC]}\"":"").($ff[$i][fS]?" style=\"{$ff[$i][fS]}\"":"").">{$ff[$i][fV]}</textarea><br />\n";}
		if(in_array($ff[$i][fT],array("select",))){$r.="\t<label for=\"{$ff[$i][fN]}\">{$ff[$i][fL]}</label><select name=\"{$ff[$i][fN]}\" id=\"{$ff[$i][fN]}\">";foreach($ff[$i][fZ] as $x=>$v){$r.="<option value=\"$i\"";$r.=$ff[$i][fV]==$x?" selected=\"selected\"":"";$r.=">".$v."</option>";}$r.="</select><br />\n";}
		}
	$r.="<input type=\"submit\" value=\"{$f[fB]}\" />";
	$r.="</form>";
	return $r;
	}

echo f($qq);
?>

la función permite que uno de los elementos del desplegable ya esté seleccionado previamente.

<?php
$dias = array(
		1=>Lunes,
		2=>Martes,
		3=>Miércoles,
		4=>Jueves,
		5=>Viernes,
		6=>Sábado,
		7=>Domingo
		);

function doSelect($n,$d,$s=null)
	{
	$doSelect = "<select name=\"$n\">\n";
	foreach($d as $i=>$v)
		{
		$doSelect.="\t<option value=\"$i\"";
		$doSelect.=$s==$i?" selected":"";
		$doSelect.=">".$v."</option>\n";
		}
	$doSelect.="</select>";
	return $doSelect;
	}

// El miércoles, pre-seleccionado
echo doSelect("dias",$dias,3);
?>

La función devuelve el siguiente html:

<select name="dias">
	<option value="1">Lunes</option>
	<option value="2">Martes</option>
	<option value="3" selected>Miércoles</option>
	<option value="4">Jueves</option>
	<option value="5">Viernes</option>
	<option value="6">Sábado</option>
	<option value="7">Domingo</option>
</select>

Si no quisiéramos ningún elemento pre-seleccionado en el desplegable, sólo tenemos que omitir el tercer parámetro de la función.

<?php
// Ningún día pre-seleccionado
echo doSelect("dias",$dias);
?>

Checkbox múltiple

…del siguiente modo:

Tabla en la base de datos

Nomalmente uso comas para separarlos pero cuando esto es un problema tiro de caracteres menos frecuentes como la barra vertical |, por ejemplo.

Para convertir el contenido de un campo checkbox múltiple en una lista separada por comas utilizo esta función:

function chkd2lst(frm,fld)
	{
	var t="";var s=",";
	for(var i=0;i<document[frm].elements["_"+fld].length;i++)
		{
		if(document[frm].elements["_"+fld][i].checked)
			{
			t+=document[frm].elements["_"+fld][i].value+s;
			}
		}
	document[frm].elements[fld].value=t;
	alert(document[frm].elements[fld].value);
	}

La función chkd2lst espera el nombre del formulario y el nombre del campo checkbox múltiple. También define que la coma será el separador de los elementos de la lista (variable s) pero esto es fácilmente editable. Al final de la función hay un alert que puede ser eliminado, por supuesto. Está ahí simplemente para comprobar que la función funciona.

Supongamos que, como en el ejemplo de las imágenes, el campo se llama diasClase. El formulario ha de llamar entonces al javaScript de esta manera:

<form
	name="ficha"
	method="post"
	onSubmit="chkd2lst(this.name,'diasClase');return;"
>

Dentro del formulario, divido el tema del checkbox múltiple en dos partes. Por un lado la sucesión de checkboxes:

<input name="_diasClase" value="1" type="checkbox">Lunes
<input name="_diasClase" value="2" type="checkbox">Martes
<input name="_diasClase" value="3" type="checkbox">Miércoles
<input name="_diasClase" value="4" type="checkbox">Jueves
<input name="_diasClase" value="5" type="checkbox">Viernes
<input name="_diasClase" value="6" type="checkbox">Sábado

Y a continuación un campo hidden en el que guardaré la lista generada a partir de los checkboxes.

<input name="diasClase" value="" type="hidden">

La función espera que el nombre de los campos checkbox y hidden sean el mismo, pero que el nombre de cada input del checkbox múltiple vaya precedido de un guión bajo _ y que el nombre del campo hidden no lo lleve.

Y ya está: antes de enviar el formulario, chkd2lst convierte las opciones seleccionadas en _diasclase en una lista separada por comas y la lleva a diasclase. He colgado un ejemplo aquí en el que sustituyo el campo hidden por un campo text sólo para que se vea el resultado.

Próximamente publicaré otro artículo en el que trataré el proceso inverso, es decir: traigo de la base de datos un campo conteniendo la lista separada por comas y marco como checked los elementos correspondientes del checkbox multiple. Imprescindible para poder editar, claro.

Todo en esta web es exactamente igual en los tres idiomas salvo naturalmente, los textos. Así que vamos a ser organizados desde el principio y no caeremos en aquello de ‘hacer la misma web tres veces’.

Esta simple función devuelve el texto en el idioma correspondiente para cada palabra o cadena de texto solicitada.

<?php
function l($t,$i="es")
	{
	$l = array();
	$l['enviar'] =	array(
					"es"=>"Enviar",
					"en"=>"Send",
					"de"=>"Senden",
					);
	$l['cancelar'] = array(
					"es"=>"Cancelar",
					"en"=>"Cancel",
					"de"=>"Abbrechen",
					);
	$l['despedida'] = array(
					"es"=>"Hasta luego",
					"en"=>"See you later",
					"de"=>"Tschüs",
					);
	return $l[$t][$i];
	}

$i = "de"; // El idioma elegido.
?>
<p><?=l("despedida",$i);?></p>
<input type="submit" value="<?=l("enviar",$i);?>">
<input type="button" value="<?=l("cancelar",$i);?>">

La función l($t,$i) es muy fácil de manejar. Sin complicación podemos incorporar palabras o frases nuevas, o añadir un idioma más. Lo de dar en la función un valor predeterminado a $i es simplemente para tener un idioma por defecto, mientras el usuario no elige el suyo.

1. Dejarlo en manos del usuario, confiando en que use correctamente los tags <a href=”…”></a>
2. Dejarlo en manos del usuario, confiando en que use correctamente alguna herramienta web que le facilitemos para ello, como FCKEditor, TinyMCE o similares
3. Dejarlo en manos de una función.

Dejar el HTML en manos del usuario medio es habitualmente una fuente de problemas, así que suelo prescindir de la opción 1.

La opción 2 es muy tentadora pero sólo la utilizo cuando desarrollo paneles de control ya que sus usuarios tienen formación específica o han recibido algún cursillo, así que todo suele ir como la seda.

Así que cuando se trata de dejar formularios al alcance de usuarios desconocidos, me decanto siempre por la opción 3.

Ejemplo: Supongamos que el siguiente texto es introducido en un textarea de un formulario web.

Vemos que el mensaje incluye cuatro enlaces:

• http://www.cuatro.com es correcto.
• http://antena3.com es correcto aunque no incluya el subdominio ‘www’.
• http://rtve..es presenta una errata (dos puntos entre ‘rtve’ y ‘es’) y no es un enlace válido.
• www.lasexta.com sería correcto en la barra de direcciones del navegador pero en principio no es directamente reconocible como enlace al no ir precedido del indicador de protocolo ‘http://’.

La función que presento hoy es capaz de reconocer los enlaces y actuar en consecuencia:

<?php
function addLinks($str,$alt=false)
	{
	$com = "[enlace]";
	$pcl = "((ht|f)tps?:\/\/)";
	$hst = "([a-z\d][-a-z\d]*[a-z\d]\.)+".
		   "[a-z][-a-z\d]*[a-z]";
	$prt = "(:\d{1,})?";
	$pth = "(\/[^?<>\#\"\s]+)?";
	$qry = "(\?[^<>\#\"\s]+)?";
	$str = preg_replace(
			"#({$pcl}{$hst}{$prt}{$pth}{$qry})#",
			"<a href='$1'>".($alt?$com:'$1').
			"</a>",$str);
	$str = preg_replace(
			"#\s(www.{$hst}{$prt}{$pth}{$qry})#",
			" <a href='http://$1'>".($alt?$com:'$1').
			"</a>",$str);
	return $str;
	}

$txt = "Hola Juan. La web de Cuatro es http://www.cuatro.com, ".
	   "la de Antena 3 es http://antena3.com, la de RTVE es ".
	   "http://rtve..es y la de La Sexta creo que es ".
	   "www.lasexta.com. A ver si ahí puedes encontrar la info ".
	   "que buscas. Un saludo.";

echo addLinks($txt);
?>

Esta función devuelve el valor de $txt como sigue:

Vemos que los tres enlaces válidos son clicables. El enlace a RTVE no lo es porque la función no lo dio por bueno. Pero aparece como parte del texto con la esperanza de que quien lo lea detecte la errata, corrija el enlace y pueda utilizarlo.

¡Ah! Y si queremos que no aparezcan los enlaces escritos (a veces ocupan demasiado espacio), podemos sustituirlos por una palabra comodín simplemente añadiendo ‘true’ como segundo parámetro:

<?= addLinks($txt,true); ?>

Lo que nos devuelve:

Muy práctico, ¿verdad?.

<html>
<head>[NOMBRE] [APELLIDO]</head>
<body>
	<h1>Ficha número    [ID]</h1>
	<p><b>Nombre:</b>   [NOMBRE] [APELLIDO]</p>
	<p><b>Edad:</b>     [EDAD] años</p>
	<p><b>Teléfono:</b> [TELÉFONO]</p>
	<p><b>eMail:</b>    <a href="mailto:[EMAIL]">[EMAIL]</a></p>
</body>
</html>

Y ahora convierto las variables a sintaxis PHP básica, manteniendo el HTML intacto:

<html>
<head><?=$nombre.' '.$apellido;?></head>
<body>
	<h1>Ficha número    <?=$id;?></h1>
	<p><b>Nombre:</b>   <?=$nombre.' '.$apellido;?></p>
	<p><b>Edad:</b>     <?=$edad;?> años</p>
	<p><b>Teléfono:</b> <?=$telefono;?></p>
	<p><b>eMail:</b>    <a href="mailto:<?=$eMail;?>"><?=$eMail;?></a></p>
</body>
</html>

LLamo a esta plantilla «ficha.php» y la guardo en una carpeta «plantillas», por ejemplo. A continuación, en un documento nuevo (que llamaré «index.php», para ser original) declaro la función que sirve para crear contenidos en base a plantillas.

<?php
function tpl($p,$d=array())
	{
	extract($d);
	ob_start();
	require('plantillas/'.$p.'.php');
	return ob_get_clean();
	}
?>

Y ya está: No tengo más que llamar a esa función con la info obtenida de la base de datos cada vez que quiera volcarla en pantalla utilizando esa plantilla.

<?php
echo tpl('ficha',
			array(
				'id'=>      123,
				'nombre'=>  'Juan',
				'apellido'=>'Gómez',
				'edad'=>    33,
				'telefono'=>'987654321',
				'eMail'=>   'foo@bar.es'
				)
		);
?>

Con ese PHP generamos este HTML:

<html>
<head>Juan Gómez</head>
<body>
	<h1>Ficha número    123</h1>
	<p><b>Nombre:</b>   Juan Gómez</p>
	<p><b>Edad:</b>     33 años</p>
	<p><b>Teléfono:</b> 987654321</p>
	<p><b>eMail:</b>    <a href="mailto:foo@bar.es">foo@bar.es</a></p>
</body>
</html>

La principal ventaja que presenta este método es que estoy separando en la medida de lo posible la forma del contenido. El documento «ficha.php» es fácilmente editable por un diseñador web sin conocimientos de programación PHP (Tan sólo ha de comprender la sintaxis <?=$variable;?>, que no es mucho pedir), mientras que el documento «index.php» sólo contiene programación PHP, sin una sola etiqueta HTML molestando por medio, de modo que el programador se centra exclusivamente en la programación.

<script type="text/javascript">
function rUSure(u,g)
	{
	if(!g){var g='o';}
	if(confirm("¿Estás segur"+g+"?")){document.location.href=u;}
	}
</script>

Nota: Esta función hace uso de la técnica Argumentos por defecto en funciones javaScript para ajustar el mensaje al género del usuario (¿Estás seguro?|¿Estás segura?)

<?php
function qq($a,$b=2)
	{
	return $a+$b;
	}

echo qq(3);		// Devuelve 5
echo qq(3,3);	// Devuelve 6
?>

Vemos que si no asignamos un valor a $b, la función tiene reservado para $b un valor por defecto.

Lamentablemente en javaScript no es posible declarar un argumento por defecto en una función de un modo tan directo. El siguiente ejemplo **no funciona**:

<script type="text/javascript">
function qq(a,b=2)	// Esto no va a funcionar
	{
	return a+b;
	}
</script>

¿Cómo podemos conseguirlo? Pues con un poco de ingenio es posible expresar la idea de «argumento por defecto en funciones javaScript» de la siguiente manera:

<script type="text/javascript">
function qq(a,b)
	{
	if(!b){var b=2;} // Si no hay b, b=2
	return a+b;
	}

document.write(qq(3));		// Devuelve 5
document.write(qq(3,3));	// Devuelve 6
</script>

¿Fácil, no?

<?php
function utfChCase($s,$u=false)
	{
	$s=utf8_decode($s);
	$s=$u?strtoupper($s):strtolower($s);
	$s=utf8_encode($s);
	return $s;
	}
?>

Así, para hacer minúsculas:

<?= utfChCase("Hola"); ?>

Y para hacer mayúsculas:

<?= utfChCase("Hola",true); ?>

<?php
function s2His($s)
	{
	$r=sprintf("%02d",intval(intval($s)/3600)).":".
	sprintf("%02d",bcmod((intval($s)/60),60)).":".
	sprintf("%02d",bcmod(intval($s),60));
	return $r;
	}
?>