Briconsejo: <option> desactivados en IE

20 de agosto de 2007

Internet Explorer no soporta el atributo DISABLED en los elementos OPTION de una etiqueta SELECT. Cosas de la política que tiene Microsoft acerca de los estándares. Firefox y Safari, en cambio, sí lo soportan.

Se puede hacer un apaño para simular el comportamiento del atributo DISABLED en IE. Para ello utilizamos código CSS própio de IE (behavior) , y un comentario condicional para ocultarlo al resto:

[code lang=”html”]



[/code]
Esto llama a dos ficheros .htc, que contienen código javascript a ejecutar sobre cada elemento OPTGROUP y OPTION de nuestro html.

disabled-option.htc:
[code lang=”javascript”]

[/code]

Se ejecuta sobre cada elemento OPTION, y lo sustituye por un OPTGROUP vacío, que en IE tiene un comportamiento similar al de un elemento desactivado.

optgroup-with-disabled-options.htc:

[code lang=”javascript”]

[/code]

Se ejecuta sobre cada elemento OPTGROUP buscando elementos OPTION desactivados dentro, y hace lo mismo que la función anterior.

Y hasta aquí el briconsejo de hoy.

Fuente (inglés): http://archie.blogr.com/stories/57864/

  • qrcode link