Multiselect, carga de combos anidados

Selects anidados

Una de las cosas más habituales cuando creamos una página web, es la inclusión de selects para ofrecer opciones a los usuarios. Normalmente, no solemos encontrar un solo select en una web, e incluso, los selects que tenemos incluídos entre el contenido suelen tener relación entre ellos, por eso, vamos a mostrar como crear un multiselect, o también llamados combos anidados, selects anidados

Lo primero de todo es cargar el primer select o select padre, que recibirán en mi caso los datos desde una base de datos, meteremos el select dentro de un formulario, tal y como se muestra en el archivo que llamaremos index.php:

En el script de la página, index.php, debemos tener el siguiente texto, que lo que hará será cargar los datos del segundo select, mostrar el componente y llamar a la función que tendremos alojada en otro archivo:

	
 

A continuación procedemos a crear la función que tiene la carga de los datos como tal, es decir, carga.php, que es la que consulta los datos en la base de datos según los datos que le pasamos en el primer select:

$idMarca=$_GET["marca"];
include("functions.php");
conectar();
$sql="SELECT * FROM modelos WHERE id_marca = '".$idMarca."' order by titulo";
echo "";

Con estos sencillos pasos tendremos un par de selects anidados, por supuesto, no cabe ni decir que podremos repetir este proceso con todos los selects que queramos tener, simplemente ahí que cambiar las llamadas a las funciones del script y más tarde pasarle a la función carga los parámetros con los que queremos consultar las tablas.


Clase PHP para detectar móviles

Ahora que la navegación a través de smartphones y tablets se está convirtiendo en una de las mayores fuentes de tráfico, es momento oportuno de adaptar tu web a estas nuevas plataformas si es que no lo has hecho ya.

Para ello, tenemos una muy buena clase en PHP que nos va a ayudar mucho a la hora de crear plantillas adaptadas a terminales móviles añadiendo un par de líneas en nuestras páginas webs.

El procedimiento es sencillo, añadimos el archivo ‘Mobile_Detect.php’ a nuestro host, importamos nuestro archivo en cada página en la que queramos usar el detector y posteriormente, realizamos llamadas a la clase para detectar tablets, móviles, o de manera más específica, iPhone, móviles con Android, etc…

Es decir, algo así:

include("Mobile_Detect.php");
$mobile = new Mobile_Detect();

Después simplemente podemos realizar llamadas para detectar, de manera genérica, si se trata de un terminal móvil, o de manera más específica, saber si es un iphone, o un móvil Android, si se trata de un tablet, de un iPad, etc…

//Comprobar si se trata de un terminal móvil(manera genérica)
if($mobile->;isMobile())
//Comprueba si se trata de un iphone o de un teléfono Android
if($mobile->;isiOS() || $mobile->isAndroidOs())
//Para detectar si es una tablet o un iPad
if($mobile->isTablet() || $mobile->isIpad())

Justo detrás de cada comprobación podremos incluir un enlace a una hoja de estilos y así poder mostrar, en función del terminal que entre en nuestra página web, un diseño adaptado a las pantallas, por que, hay que recordar que en torno al 15-20% del tráfico web de genera mediante dispositivos móviles y menos de un cuarto de las páginas webs están adaptadas a estos terminales.

Publicado el