[javaEScript] Ancho de select en Internet Explorer

Ignacio García Fernández jeigar2 en gmail.com
Lun Oct 16 00:55:46 PDT 2006


=A1Hola!

Estoy seguro de que no entiendo lo que necesitas,  pero contestando a lo que
pides tal y como lo he entendido...

Esto es lo que tienes

<select name=3D"moneda">
    <option value=3D"euro">EUR Euro</option>
    <option value=3D"dolar">USD D=F3lar estadounidense</option>
    ...
</select>

Esto es lo que pide el cliente

Y es deseo del cliente que en pantalla solo se muestre el c=F3digo de
moneda (EUR, USD) pero, al realizar el despliegue, se muestre el texto
comEpleto.

Entonces si no quiere el texto porque no se lo quitas, es decir

<select name=3D"moneda">
    <option value=3D"euro">EUR</option>
    <option value=3D"dolar">USD</option>
    ...
</select>

En fin que seguro es que no te he entendido.

Nota: El objeto select, no tiene ancho fijo, sino que se ajusta al contenido
y siempre toma el ancho del elemento option con mayor longitud de texto.

Saludos

---------- Mensaje reenviado ----------
> From: "Choan C. G=E1lvez" <choan.galvez en gmail.com>
> To: javaescript en scriptia.net
> Date: Fri, 13 Oct 2006 15:10:57 +0200
> Subject: [javaEScript] Ancho de select en Internet Explorer
> Hola chicos.
>
> Estoy buscando una soluci=F3n que por el momento me parece inalcanzable.
> Tengo unos bonitos select tal que
>
> <select name=3D"moneda">
>     <option value=3D"euro">EUR Euro</option>
>     <option value=3D"dolar">USD D=F3lar estadounidense</option>
>     ...
> </select>
>
> Y es deseo del cliente que en pantalla solo se muestre el c=F3digo de
> moneda (EUR, USD) pero, al realizar el despliegue, se muestre el texto
> completo.
>
> Como bien sab=E9is, Firefox et al. tienen dicho comportamiento por
> defecto, siendo suficiente especificar el ancho del select en la hoja
> de estilos.
>
> Ah, pero el amigo IE... esa es otra historia.
>
> La aproximaci=F3n _menos lamentable_ pasa por asignar un manejador de
> eventos para el focus del select. En dicho manejador, asigno un ancho
> autom=E1tico (`el.style.width=3D"auto"`) al sospechoso de turno. Cuando el
> select pierdo el foco, elimino ese ancho para mantener el que hab=EDa
> predefinido.
>
> Problemas: unos cuantos. El que m=E1s me preocupa es que al asignar el
> ancho autom=E1tico, el select pierde el despliegue.
>
> Alternativas ya descartadas:
> * usar el atributo `title` en los `option`: IE no lo reconoce
> * usar el atributo `title` y reescribirlo como parte del texto del
> option: se pierde el despliegue
>
> Alternativa poco gustosa pero (creo) posible:
> * reescribir el elemento como si de otra cosa se tratara (digamos
> lista ordenada, por decir algo). Es factible pero costosa, puesto que
> replicar la navegaci=F3n por teclado dentro de un select puede resultar
> entre complicado y complicad=EDsimo.
>
> En fin, =BFa alguien se le ocurre otra aproximaci=F3n o ha dado con una
> buena soluci=F3n para este asunto?
>
> Salud.
> --
> Choan
> <http://choangalvez.nom.es/>
>
> _______________________________________________
> javaEScript mailing list
> javaEScript en scriptia.net
> http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
>
>
>


-- =

Todo es posible, la =FAnica limitaci=F3n es, no querer hacerlo
------------ pr=F3xima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachmen=
ts/20061016/49195150/attachment.htm


Más información sobre la lista de distribución javaEScript