This week's book giveaways are in the Java EE and JavaScript forums.
We're giving away four copies each of The Java EE 7 Tutorial Volume 1 or Volume 2(winners choice) and jQuery UI in Action and have the authors on-line!
See this thread and this one for details.
The moose likes HTML, CSS and JavaScript and the fly likes Modal Window showing the dropdown of parent window Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of The Java EE 7 Tutorial Volume 1 or Volume 2 this week in the Java EE forum
or jQuery UI in Action in the JavaScript forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Modal Window showing the dropdown of parent window" Watch "Modal Window showing the dropdown of parent window" New topic
Author

Modal Window showing the dropdown of parent window

vatsala ven
Greenhorn

Joined: Feb 26, 2010
Posts: 6
I have a jsp where I have various dropdowns,radio buttons,text fields etc. For a particular dropdown's onchange event I'm exposing a div element containing various elements(dropdowns,radio buttons,text fields ). When the modal window is being shown Im basically graying out the parent window .The issue is when the modal window is being shown the dropdowns of the parent window still shows up on modal window.All the other elements hide except for the dropdowns.



Can some one please let me know why the dropdown of the parent window shows on the modal window when the other elemnts don't show
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61082
    
  66

Please properly indent your code, and please remove conversational text from the code blocks. Thanks.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61082
    
  66

Is this in IE6?
vatsala ven
Greenhorn

Joined: Feb 26, 2010
Posts: 6
Bear Bibeault wrote:Is this in IE6?

Yes unfortunately our firm uses IE6.
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61082
    
  66

This is a well-known IE6 bug. Some solutions that have been used:
  • Hide the dropdowns while the "modal dialog" is displayed.
  • Use an iframe to contain the body of the "dialog".


  • P.S. Tell your powers that be that IE6 is deprecated and even Microsoft no longer supports it. Time to move on...
    vatsala ven
    Greenhorn

    Joined: Feb 26, 2010
    Posts: 6
    Bear Bibeault wrote:This is a well-known IE6 bug. Some solutions that have been used:
  • Hide the dropdowns while the "modal dialog" is displayed.
  • Use an iframe to contain the body of the "dialog".


  • P.S. Tell your powers that be that IE6 is deprecated and even Microsoft no longer supports it. Time to move on...


    I actually used the 1st approach and it worked.But i do see some slowness in the rendering of the dropdowns.So was wondering if there was another solution.
    I could try the second suggestion.So do i out the entrire modal window div inside an iframe or how does it work.If you could give me some reference links that would be great too.
    Thanks for your help.
    Bear Bibeault
    Author and ninkuma
    Marshal

    Joined: Jan 10, 2002
    Posts: 61082
        
      66

    There are likely examples in earlier posts in this forum as this is not the first time that this issue has been addressed.
    pranjal mishra
    Greenhorn

    Joined: Jan 08, 2009
    Posts: 21
    Bear Bibeault wrote:This is a well-known IE6 bug. Some solutions that have been used:
  • Hide the dropdowns while the "modal dialog" is displayed.
  • Use an iframe to contain the body of the "dialog".


  • P.S. Tell your powers that be that IE6 is deprecated and even Microsoft no longer supports it. Time to move on...


    Yeah the iframe part worked for me.
    Thanks.


    SCJP 1.5(95%)
     
    With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
     
    subject: Modal Window showing the dropdown of parent window