BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Combobox de 3 niveles con datos cargados vía Ajax y Json

Combobox de 3 niveles con datos cargados vía Ajax y Json

11/AGO/2014 26.883 visitas Ver comentarios

Como prácticamente todo lo que se hace se puede mejorar, mi antiguo artículo del Combobox o Selects Dependientes no iba a ser la excepción y ha llegado la hora de que reciba un pequeño upgrade en su funcionamiento.

Básicamente se trata de lo mismo, de 3 listas dependientes que se relacionan entre sí por un registro en la base de datos que las une... volveremos a llamarlos PADRE, HIJO y NIETO... donde cada uno de nuestros PADRES, ha tenido un HIJO que a su vez le ha dado un NIETO.

LEER ENTRADA

Combobox o selects dependientes de 3 niveles con PHP y jQuery

Combobox o selects dependientes de 3 niveles con PHP y jQuery

23/JUL/2012 102.049 visitas Ver comentarios

A menudo nos encontramos con la necesidad de realizar listas o selects dependientes del valor seleccionado en un nivel superior. Lo que comúnmente llamamos combobos o selects dependientes, que al seleccionar una opción de una lista, vamos actualizando las listas de niveles inferiores o, mejor dicho, dependientes del anterior.

Traduciendo, tenemos 3 listas (las llamaremos SELECT PADRE, SELECT HIJO y SELECT NIETO), pues bien, lo que queremos es que PADRE actualice a HIJO y éste a su vez, actualice a NIETO... pero cuidado, que también queremos que si se cambia alguno de estos valores, tanto PADRE, HIJO y NIETO se actualicen sobre la marcha.

LEER ENTRADA

ListBox doble con filtro de búsqueda usando jQuery

ListBox doble con filtro de búsqueda usando jQuery

23/JUL/2009 18.006 visitas Ver comentarios

En la web de jQuery.com me encontré con un usuario que publicó un plugin para hacer listas dobles (es decir, el clásico: una lista con todas las opciones y los botoncitos para ´pasar´ a la otra los items que queremos), pero con una más que interesante opción de un campo de texto en la parte superior que sirve para filtrar aquellas opciones de nuestra lista según el texto ingresado.

Es más difícil explicarlo que verlo. Las características que tiene, además del potente filtro, son que pueden ´pasarse´ de una lista a otra, un elemento, muchos, muchos a la vez y lo mismo con quitarlos de la segunda lista.

LEER ENTRADA

Listas o Selects con ancho fijo... deja de esconderme texto! (IE)

Listas o Selects con ancho fijo... deja de esconderme texto! (IE)

16/ENE/2009 17.119 visitas Ver comentarios

Si alguna vez maquetaste un formulario con CSS y necesitabas, claro está, que el ancho de los objetos -campos de texto, selects, etc...- tengan un ancho fijo, sabrás que con declararle un width en tu hoja CSS bastaba.

Ahora bien,
Si le aplicaste un ancho fijo a los SELECT, y tuviste la mala suerte de que las opciones de esa lista se pasasen en tamaño del ancho declarado, comprobarás que en Explorer 6, 7 (y me imagino que todos los demás, aunque el 8 no lo probé aun) se esconde el contenido tal como se ve en la foto que hay aquí a la derecha.

Sabrás también, que en el resto de los navegadores "normales" como Firefox, Opera, Safari, Chrome, esto no pasa y que solo afecta al Explorer (cuando no...)

LEER ENTRADA