Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Ajax autocomplete in front of modal window

 
Jeppe Sommer
Ranch Hand
Posts: 270
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello,

In a modal window I have a text field using an ajax autocomplete function. My problem is that the select option list is shown behind the modal window. I have tried to change the z-index parameters in the stylesheet file, but it seems that I can only move the select option list in front of the modal transparent background, not the modal window. I am wondering if it is possible to move the select option list in front of the modal window, ie. changing the z-index or other parameters or is there any other changes can I make?

Thanks in advance.

Modal window css code:


Ajax autocomplete css code:

 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
What is in the modal window? Flash, iframe, etc? What browser are you having issues with?

Eric
 
Jeppe Sommer
Ranch Hand
Posts: 270
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Eric Pascarello wrote:What is in the modal window? Flash, iframe, etc? What browser are you having issues with?

Eric


The modal window is a DHTML modal window. Please see:
http://www.dhtmlgoodies.com/index.html?whichScript=modal-message

I have tested on IE 7, Firefox 3.0 and Opera 9.3, all having the same problem.

So I guess it is not a browser issue but rather a code issue?
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Probably would be good to ask on their forums: http://www.dhtmlgoodies.com/forum/

Eric
 
Jeppe Sommer
Ranch Hand
Posts: 270
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Eric Pascarello wrote:Probably would be good to ask on their forums: http://www.dhtmlgoodies.com/forum/

Eric


Thanks, I already did, pending. I hoped someone here could help :-)
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64708
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Please read this.
 
Jeppe Sommer
Ranch Hand
Posts: 270
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Bear Bibeault wrote:Please read this.


"I posted this question on Sat Jan 10, 2009 6:12 pm at www.dhtmlgoodies.com Forum (http://www.dhtmlgoodies.com/forum/viewtopic.php?t=6865), but havenĀ“t got an answer yet, so I hoped that someone here was able to help me"

Thanks in advance.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64708
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
That's fine. Just let us know when you've done that so no one wastes time repeating what may have already been posted elsewhere.
 
Jeppe Sommer
Ranch Hand
Posts: 270
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I found the solution.

There is a zIndex parameter in the modal javascript file that I can change. :-)
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic