This week's giveaway is in the Android forum.
We're giving away four copies of Android Security Essentials Live Lessons and have Godfrey Nolan on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes Ajax autocomplete in front of modal window Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Ajax autocomplete in front of modal window" Watch "Ajax autocomplete in front of modal window" New topic
Author

Ajax autocomplete in front of modal window

Jeppe Sommer
Ranch Hand

Joined: Jan 07, 2004
Posts: 270
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

Joined: Nov 08, 2001
Posts: 15376
    
    6
What is in the modal window? Flash, iframe, etc? What browser are you having issues with?

Eric
Jeppe Sommer
Ranch Hand

Joined: Jan 07, 2004
Posts: 270
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

Joined: Nov 08, 2001
Posts: 15376
    
    6
Probably would be good to ask on their forums: http://www.dhtmlgoodies.com/forum/

Eric
Jeppe Sommer
Ranch Hand

Joined: Jan 07, 2004
Posts: 270
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

Joined: Jan 10, 2002
Posts: 60810
    
  65

Please read this.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Jeppe Sommer
Ranch Hand

Joined: Jan 07, 2004
Posts: 270
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

Joined: Jan 10, 2002
Posts: 60810
    
  65

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

Joined: Jan 07, 2004
Posts: 270
I found the solution.

There is a zIndex parameter in the modal javascript file that I can change. :-)
 
It is sorta covered in the JavaRanch Style Guide.
 
subject: Ajax autocomplete in front of modal window
 
Similar Threads
Overlapping columns in Firefox
Cannot create MENU using Tiles
layout and multibrowser hell
cellspacing issue...
Google use Javascript or ajax on first page?