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

Switch Mode: plugin jQuery para ver contenido en modo lista o iconos

Switch Mode: plugin jQuery para ver contenido en modo lista o iconos

20/NOV/2009 4.777 visitas Ver comentarios

Este plugin está más que interesante. Sirve, resumiendo, para ver listados con 2 diferentes presentaciones como puede ser la clásica lista (uno debajo de otro) o en modo iconos (en bloques uno al lado de otro).

El método de funcionamiento es muy simple, un enlace para hacer el cambio de modo y unas pocas líneas en tu archivo CSS te dejarán obtener cosas como ésta...

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