El problema es que usamos tablas para crear dicha estructura, y a veces trabajar con tablas siginfica perder el control sobre los elementos, trabajar con una estructura fija siempre es engorroso y a veces queremos deslimitar ese obstaculo.

Por lo tanto, hoy me puesto a trabajar en un sistema para poder crear un formulario sin la necesidad de tabla, y que quede igual de estructurado. Y aquí os lo dejo para que podais probarlo si os convence el resultado.

HTML

<form name=”login” method=”post” action=”./Sesion/login.php” id=”formulario”>

<p>

<label for=”usuario”>Usuario</label>
<input type=”text” name=”usuario” id=”usuario” value=”" />

</p>
<p>

<label for=”contrasena”>Contraseña</label>
<input type=”password” name=”contrasena” id=”contrasena” value=”" />

</p>
<p>

<input type=”submit” id=”boton” value=”" />

</p>

</form>

CSS

/************************************
* Estilos formulario
************************************/
.formulario{

font-size:.8em;

}

.formulario p label.etiqueta{

width:100px;
font-weight:bold;
float:left;
border:0px;

}

.formulario p input.caja{

width:140px;
font-size:.9em;
border:1px solid;
padding:1px 5px;

}

.formulario p input.boton{

margin-left:208px;
border:0px;

}

Apuntes

Con esto ya tienes tu formulario sin tabla, todo con estilos css y una estructura xHtml y css perfectamente válida de cara a los estandares del web y funcionando en todos los navegadores.

El codigo que he pegado aquí te situa las etiquetas una debajo de otra empezando en el mismo left, te situa las cajas de texto una debajo de otra, al lado de las etiquetas, pero alineadas entre ellas. El equivalente a una tabla con 2 filas (tr) con 2 columnas (td) cada una, y una fila con colspan a 2.

Ahora imaginad que pensais que este formulario no lo quereis en vertical sino en horizontal. El equivalente a crear una tabla con 1 fila y 5 columnas, con el código traspasado a Css como os he mostrado yo, es tan fácil como colocar un ‘float:left;’ a la clase de las cajas.

El único inconveniente que tiene este sistema es que tienes que poner la medida del label de la etiqueta mas larga, es decir, si tienes una etiqueta que sobresale por encima de las otras, el escalado de las cajas no es automatico, sino que tendrias que especificar el width de los labels para adecuarlos a la nueva situación.

De todos modos te ahorras la tabla, te ahorras mucho tiempo en modificaciones de estilo y centralizas los estilos de labels, botones, formulario y cajas.

La instalación no puede ser más sencilla en Ubuntu 8.04. Image_Barcode se encuentra en los repositorios en forma de módulo de PHP (php-image-barcode). Ha instalado Pear y Gd como dependencias y ya está.

Con un:

sudo apt-get install php-image-barcode

Ya tenemos instalado todo lo necesario

En caso de no tener hasta ahora Gd, se hace necesario reiniciar apache:

sudo /etc/init.d/apache2 restart

Bien, ahora ya podemos ejecutar el ejemplo que nos dan en la documentación:
[PHP]
require_once ‘Image/Barcode.php’;
Image_Barcode::draw(’1234′, ‘int25′, ‘png’);

[/PHP]
Nos generará la siguiente imagen:

En nuestro caso necesitamos generar códigos con letras y descripciones, por esta razón utilizamos el tipo de código “code128″, quedando el ejemplo de la siguiente manera:

[PHP]
require_once ‘Image/Barcode.php’;
Image_Barcode::draw(‘ControlZeta’, ‘code128′, ‘png’);

[/PHP]
Se nos genera esta otra imagen:

Hasta aquí todo perfecto, pero… Estos códigos son demasiado altos para el uso que se les va a dar, así que necesitamos disminuir el alto del código. Una opción seria modificar directamente la altura de la imagen, pero esto “achataría” el texto inferior. No nos interesa.

Evidentemente hemos ido a la documentación oficial: http://pear.php.net/package/Image_Barcode/docs

Tras no ser capaz de encontrar ningún método para modificar la altura de códigos de barras code128 (cualquier ayuda será bienvenida) he ido directamente a la clase para ver como podía modificar esta altura. Mi sorpresa ha sido no encontrar ningún método que hiciera lo que necesitaba, pero en cambio, me encontrado con esta simple porción de código nada más empezar a leer:

[PHP]

class Image_Barcode_code128 extends Image_Barcode
{
var $_type = ‘code128′;
var $_barcodeheight = 60;
var $_font = 2;
var $_barwidth = 1;
var $code;

…

[/PHP]

Evidentemente, he cambiado el valor $_barcodeheight y todo ha funcionado a la perfección, pero estoy seguro que hay algún motivo para que este valor sea fijo. ¿Alguien tiene alguna explicación al respecto?

Por cierto, el resultado final es este:

Vamos a crear un ‘buffer’ de contenido a partir de un fichero PRN.

$handle = fopen(“PRN”, “w”); // note 1

A partir de ahora escribiremos sobre $handler nuestro ticket, para a posteriori imprimir ese fichero.

Comandos útiles:

fwrite($handle,chr(27). chr(64)); //->Reinicializa la impresion, esto hay que hacerlo siempre al inicio.

Alineación:
fwrite($handle, chr(27). chr(97). chr(0)); //->Izquierda
fwrite($handle, chr(27). chr(97). chr(1)); //->Centro
fwrite($handle, chr(27). chr(97). chr(2)); //->Derecha

Este comando es bastante importante, ya que por ejemplo, en las alineaciones de múltiples palabras en una misma linea, por ejemplo para hacer una columna en centro y otra en derecha, si no hay un limpiado de buffer no funciona.

fwrite($handle, chr(27). chr(100). chr(N)); //-> Limpia el buffer, y salta N lineas, poner numero de saltos en la ‘N’, admite un 0.

chr(238) -> es la numeración para escribir un símbolo parecido al Euro. (fwrite($handle, chr(238)))

Para cerrar el ‘PRN’ y imprimirlo, como explicamos en anteriores entradas:

fclose($handle); // cierra el fichero PRN
$salida = shell_exec(‘lpr PRN’); //lpr->puerto impresora, imprimir archivo PRN

Básicamente con la combinación de estos comandos y sabiendo que “fwrite($handle, ‘Hola’);” es válido para escribir una frase en el ticket,creo que ya no tendréis problemas con ello.

En nuestro caso necesitamos imprimir datos para generar ‘tickets’, con lo que la copia debe tener algo de estilo. Esto nos traerá algún problema, puesto que no es imprimir sólo texto. Además, es previsible que estos tickets sean consultados vía web remotamente.

Para empezar hay que comentar que en Linux no tiene la libreria printer_php.dll, con lo que hay que imprimir desde terminal, al hacerlo nos damos cuenta que la solución es multiplataforma, así que en Windows debería funcionar bien lo que vamos a explicar.
Para desarrollar la idea hemos creado un programa con el Glade 2, que tiene una caja de texto(textview) y un botón, al botón le asignamos un evento al ser clickado, que llamara a la función ‘Conecta’ y le advertimos que coja como fuente de datos el textView.

Ahora generamos el blade y vamos al archivo PHP.
Vamos a hacer un ejemplo simple ya que para generar los pdf podeis visitar su web oficial.

function conecta($textView){
$textBuffer = new GtkTextBuffer();
$salida = shell_exec(‘ls -l /home’); //en caso de windows shell_exec(‘dir c:’);, por ejemplo
$textBuffer->set_text($salida);
$textView->set_buffer($textBuffer);

}

Con este pequeño ejemplo, al pulsar el boton el terminal ejecutara un listado de directorios del sistema, y colocara la salida en la caja de texto.

Como véis, el comando a utilizar en php es shell_exec, que envia al modo consola del servidor (tu maquina si estas en local, que es nuestro caso), una orden y la devuelve a la variable $salida.

Para imprimir en modo consola tanto en linux como en Windows con la impresora el comando es ‘lpr NOMBRE_ARCHIVO’, con eso le envias el archivo especificado a la cola de impresión de la impresora.

function conecta($textView){

$salida=shell_exec(‘ls -l /home’);
$textBuffer = new GtkTextBuffer();
$pdf=new FPDF(‘P’,'cm’);
//aquí iria toda la generación del PDF con FPDF, poniendo el contenido de $salida como texto de pagina
$pdf->Output(‘prueba.pdf’); //genera el archivo prueba.pdf
$textBuffer->set_text($salida);
$textView->set_buffer($textBuffer);
shell_exec(‘pdf2ps Calefaccio.pdf prova.ps’); //convertir de PDF a PS
shell_exec(‘lpr prova.ps’);

}

¿Qué hace exactamente este nuevo código?

Primero de todo coje como $salida la respuesta al listado de directorio, genera un PDF con el texto que deseemos, puede ser por ejemplo la $salida que por eso la hemos hecho en este caso, al generar el PDF crea el archivo en el mismo directorio.

shell_exec(‘pdf2ps Calefaccio.pdf prova.ps’); //convertir de PDF a PS
shell_exec(‘lpr prova.ps’);

Esta es la parte interesante del asunto, si provais de imprimir directamente el archivo PDF desde el modo consola tendreis problemas y vereis como salen impresas unas cosas muy raras, ya que la consola de windows o el terminal de linux no sabe imprimir PDF, lo que hay que hacer es convertir de PDF a PS el archivo, en este caso en modo consola de linux con la funcion pdf2ps, y darle a imprimir ese mismo archivo PS.

Haciendo pruebas ha procesado la creación y conversión de 72 paginas en unos 2 segundos aproximadamente, osea que realmente no va mal

En windows previamente habria que crear un puerto tcp/ip para la impresora, ya que la funcion ‘lpr’ es imprimir remotamente, ‘lp’ es impresión normal.

Aunque tambien puede usarse printer en php si se funciona sobre Windows y quiere imprimir.

PhatFusion ya había pensado en nosotros, y a la hora de inicializar el multibox en la página hay que agregar una nueva linea que tenga el evento open:

var box = {};
window.addEvent(‘domready’, function(){
box = new MultiBox(‘mb’, {descClassName: ‘multiBoxDesc’});
box.open($(‘mb1′));
});