Existe una función en php llamada phpinfo(). Dicha función imprime toda la configuración de su archivo php.ini formateada y nos permite conocer la configuración actual del servidor y para un dominio en concreto y todas las librerias y configuraciones adicionales.
Para obtener dicha información, podemos crear un documento php con el siguiente contenido.
<?php phpinfo(); ?>
Obtendreis desde el navegador información parecida a la siguiente imágen:
A lo largo de su vida, un desarrollador se encuentra a veces con problemas muy poco comunes y, normalmente, encontrar la solución se convierte en un largo y tortuoso camino.
El problema que trata este post es de uno de esos casos de comportamientos “raros” entre distintos navegadores. El escenario sería el siguiente:
Tenemos una página PHP en la que tenemos un formulario HTML, cuyos campos son creados dinámicamente utilizando una función AJAX. El HTML resultante tendría un aspecto similar a este:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /><title>Test</title></head>
<body><table><form action=”test.html”><tr><td><fieldset><input type=”text” name=”nombre1″ id=”id1″ /><input type=”text” name=”nombre2″ id=”id2″ /></fieldset></td></tr></form></table></body>
</html>
Donde los elementos input son creados por AJAX. Hasta ahí todo perfecto, pero si hacemos un submit del formulario vemos que sólo en Internet Explorer se pasan los valores. En Chrome y en Firefox es como si esos “inputs” no existieran.
Después de mucho comprobar el funcionamiento de nuestra función AJAX o del PHP, observaríamos que todo está correcto, pero seguimos sin poder recuperar los valores tras enviar el formulario.
Sin embargo… el problema se encuentra en el HTML, concretamente en el orden de las etiquetas. Dependiendo del doctype que tengáis definido en vuestro documento, se ha de formar un HTML que sea estándar para ese doctype.
Para comprobar si nuestro HTML cumple los estándares, podemos utilizar la herramienta de validación online que nos proporciona w3.org. Por el contrario, si aún no tenemos nuestra página online, podemos usar alguna de las extensiones que tenemos disponibles para Firefox o Chrome. Por ejemplo, la validación en local es una de las herramientas que ofrece la extensión Web Developer para Firefox.
Si usamos alguna de estas herramientas para validar nuestro código obtenemos el siguiente error:
Line 10, Column 33: document type does not allow element “form” here
Lo que significa que según los estándares no podemos colocar la etiqueta form donde la tenemos puesta. Si simplemente cambiamos el HTML y hacemos que el formulario englobe a la tabla, nos queda algo como esto:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /><title>Test</title></head>
<body><form action=”test.html”><table><tr><td><fieldset><input type=”text” name=”nombre1″ id=”id1″ /><input type=”text” name=”nombre2″ id=”id2″ /></fieldset></td></tr></table></form></body>
</html>
Si ahora pasamos el validador, obtendremos el feliz mensaje de:
This document was successfully checked as XHTML 1.0 Strict!
Lo cual quiere decir que nuestro HTML sigue los estándares. Pero no sólo hemos logrado que sea estándar, si no que si ahora mandamos el formulario… ¡sorpresa! en Firefox y en Chrome ahora sí que se envían los datos. Por tanto, el problema no estaba en la parte compleja (AJAX o PHP) de nuestro desarrollo, si no en lo que, aparentemente, es más sencillo y teníamos totalmente controlado: el HTML.
En conclusión, seguir unos patrones y mantener nuestro código estándar nos puede ahorrar más de un disgusto y horas de búsqueda y desesperación. Este tipo de errores “raros” son los peores, porque parece que no hay sentido para que se produzcan.
Lo que, en principio, parecía un complejo problema de AJAX, ha resultado ser un sencillo problema de estándares HTML, y, en este caso, seguirlos ha sido suficiente para solucionarlo. Quizá no siempre sea posible cumplirlos a rajatabla, pero lo mejor es hacerlo siempre que esté en nuestra mano.
Esperamos que con esta entrada podáis tachar este error de vuestra lista de errores “raros” con distintos navegadores.
El archivo php.ini es el archivo dónde está toda la configuración de PHP. Si dispone de un servidor virtual o servidor dedicado puede acceder a él y modificarlo desde su terminal ssh.
La forma más sencilla de localizar dicho archivo es a través de una simple página con el siguiente código.
<?php phpinfo(); ?>
En el recuadro marcado en la imágen verá la ruta dónde se encuentra el archivo PHP para poder editarlo. Puede utilizar cualquier programa de edición de textos en su terminal, como por ejemplo, vim, pico, etc.
Aquí os mostramos algunos ejemplos de como funcionan algunas funciones para el tratamiento de cadenas en php
strlen
Con esta función podemos contar el número de carácteres de una cadena. Ejemplo:
<?php $cadena = "prueba"; echo strlen($cadena); //Devolvería 6 ?>
substr
Devuelve un trozo de una cadena. Por ejemplo:
$cadena = "cadena"; $posicionInicio = 0; $longitud = 2; echo substr($cadena, $posicionInicio, $longitud); //Devolvería la cadena "ca"
Tenemos distintas formas de saber la extensión de un archivo. Si por ejemplo estamos leyendo la estructura de archivos que tiene nuestro hosting, servidor dedicado o servidor virtual desde PHP con la función chdir recogeremos los archivos que tiene el directorio. Para saber que extensión tienen basta con utilizar estas simples lineas:
$archivo="imagen.png";
//Explode parte en trozos el string cada vez que encuentre el signo de puntuación "."
$valores = explode(".", $archivo);
//Formato valores
/*
$valores[0] = "imagen";
$valores[1] = "png";
Para coger la extensión debemos retornar el ultimo elemento del array $valores.
*/
$extension = $valores[count($valores)-1];Funciones utilizadas:
count: Cuenta el número de elementos en un array. Enlace
explode: Divide en trozos una cadena cada vez que encuentre la cadena que pongamos. Enlace
