Combobox o selects dependientes de 3 niveles con PHP y jQuery

Escrito por y leído 12,912 veces. Ver comentarios

Combobox o selects dependientes de 3 niveles con PHP y jQuery

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.

Sé que es un poco confuso de explicar, más fácil es mirarse la demo que puse online y decir, siiii esto es lo que necesitaba pero este tío se explica fatal :)

ver más >

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

Escrito por y leído 2,024 veces. Ver comentarios

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

20NOVIEMBRE/2009

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...

¿La implementación? Muy fácil, no requiere nada más que la librería jQuery instalada en la web (ver código 1), un poquito de CSS (ver código 2) y el html o php que muestre el contenido (ver código 3).

ver más >

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

Escrito por y leído 7,553 veces. Ver comentarios

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

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...)

Pues bien,
Leo en css-tricks, que proponen varias soluciones tales como:

1) Incluir unas librerías que tiene Yahoo disponibles.

2) Utilizar los Behaviors como en este ejemplo...

3) Utilizar la opción de cambiar el tamaño del SELECT vía jQuery.

En las primeras opciones (1 y 2) con seguir los links encontrarás toda la información necesaria... en el caso de la opción 3, necesitarás, además de la librería jQuery, utilizar esta función que pego en código 1.

ver más >