13th mai 2009

O POG nosso de cada dia #8

Por essa todo mundo que trabalha com interfaces para web já passou: você precisa abrir um lightbox (uma janela popup criada dinamicamente via javascript), ou tem um menu drop-down, e esses ficam por cima de um select (também conhecido como combo box, para quem está acostumado com IDEs). Firefox, Opera, Safari, IE7, tudo funcionando certinho.

Quando abre no IE6, você nota que o lightbox (por exemplo) fica por baixo do select, mais ou menos assim

O select fica por cima do lightbox, ignorando qualquer definição de z-index. O que fazer nesse momento?

Eu só encontrei uma solução até hoje, que faz parte da série “POGs necessários por causa do IE6″: ao exibir o lightbox, chamar uma função javascript que altera a propriedade visibility dos selects para hidden e quando fechar o lightbox, volta o valor de tal propriedade para visible.

Nesse post no O Desenvolvedor expliquei como fazer essa função!

Enquanto o IE6 existir, não vejo outra saída para essa gambiarra…

Posts relacionados

This entry was posted on quarta-feira, maio 13th, 2009 at 10:55 and is filed under POG, javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Avalie

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas (No Ratings Yet)

14 Responses to “O POG nosso de cada dia #8”

  1. maio 13th, 2009 at 12:52 Thiago Cavalcanti says with Firefox on Ubuntu

    Que POG feio Chris!

    As coisas que temos que fazer por causa dessa porcaria…

  2. maio 13th, 2009 at 12:54 Chris says with Firefox on Ubuntu

    Feio DEMAIS isso. Mas, é a única saída :-/

  3. maio 13th, 2009 at 13:43 Luiz Paulo says with Firefox on Windows XP

    Fala Chris,
    Tenho que concordar… Isso é feio demais e eu já fiz!

    Na verdade, já li sobre isso há muito tempo. o IE6 implementa os SELECTs utilizando o componente do SO, só que fica 1 camada acima do resto, então independente do que você faça, ele sempre estará por cima.

    Não existe solução para esse BUG! Quer dizer, é claro que existe, O POG… rsrsrs

    []‘s

  4. maio 13th, 2009 at 13:43 Luiz Paulo says with Firefox on Windows XP

    Fala Chris,
    Tenho que concordar… Isso é feio demais e eu já fiz!

    Na verdade, já li sobre isso há muito tempo. o IE6 implementa os SELECTs utilizando o componente do SO, só que fica 1 camada acima do resto, então independente do que você faça, ele sempre estará por cima.

    Não existe solução para esse BUG! Quer dizer, é claro que existe, O POG… rsrsrs

    []’s

  5. maio 13th, 2009 at 14:50 Alexsandro says with Firefox on Windows XP

    Como se diz, um POG puxa outro como uma bola de neve. :P

  6. maio 13th, 2009 at 17:07 Mathieu says with Firefox on Windows XP

    Da para colocar um iframe em branco abaixo do Div do popup modal (e do mesmo tamanho do popup tambem). Obvio… tambem é POG! hehehe

  7. maio 13th, 2009 at 17:31 Danilo says with Firefox on Windows XP

    É.. eu tb faço a mesma coisa…

  8. maio 13th, 2009 at 17:33 Chris says with Firefox on Ubuntu

    @Mathieu: não sabia dessa… onde aprendeu?

    @Danilo, Alesandro e Luiz: POG dos feios mesmo. Mas necessário :-/

  9. maio 13th, 2009 at 17:34 Mathieu says with Firefox on Windows XP

    aqui na empresa (que quem manja mais de web sou eu… para falar que o lance deles não é web). alguem veio com essa gambiarra ai.

  10. maio 13th, 2009 at 17:57 Cleiver says with Firefox on Windows XP

    Eu só conhecia essa do iframe ai…

  11. maio 14th, 2009 at 00:08 Leonel Fraga says with Firefox on Windows Vista

    Pois é, não tem como escapar…

    MORTE ao IE 6!!! }-]

  12. maio 14th, 2009 at 10:42 Diogo Souza says with Opera on Linux

    O que não fazemos pelo IE6…

  13. maio 14th, 2009 at 14:53 Leonardo A. Souza says with Firefox on Ubuntu 8.10

    Boa idéia! A POG que eu conhecia para isso envolvia um iframe, z-index negativo e mais complicação =)

  14. maio 20th, 2009 at 14:33 Edmar says with Firefox on Windows XP

    Quem nunca fez um POG que atire a primeira pedra :)
    O IE6 impede a web de evoluir, até a própria microsoft acha isso …

Leave a Reply