Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

JavaScript Forum


You are currently viewing our JavaScript Forum as a guest. Please register to participate.
Login



Reply
jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
Old 10-26-2009, 02:09 PM jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
seannarae's Avatar
Skilled Talker

Posts: 65
Location: san francisco, ca
Trades: 0
TEST PAGE:
http://bit.ly/1NOQ03

ISSUE SUMMARY:
Page uses the model dialog code from JQUERY UI.
Was having the IE6 Z-Index issue with IE6
Applied the BGIFRAME plugin solution (bgiframe: true)

ISSUE DESCRIPTION:
When the modal dialog is triggered, any/all select-lists previously displayed are suddenly hidden.

BROWSERS TESTED:
FF2.x, FF3.x and IE8 behave no issue. Only manifests this way in IE6.

REQUEST:
How can i improve my code such that the select-lists dont get hidden when the modal dialog is displayed?

I have posted the same support request to the jQuery Project Page for this plugin: http://plugins.jquery.com/node/11026

Thanks,
seannarae
seannarae is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-02-2009, 05:33 PM Re: jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
seannarae's Avatar
Skilled Talker

Posts: 65
Location: san francisco, ca
Trades: 0
bumping
seannarae is offline
Reply With Quote
View Public Profile
 
Old 11-02-2009, 06:10 PM Re: jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
that's the idea of a "modal" window!

It becomes the "topmost" element and has focus until it is closed.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-02-2009, 06:47 PM Re: jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
seannarae's Avatar
Skilled Talker

Posts: 65
Location: san francisco, ca
Trades: 0
In terms of modality, there is no issue. I totally agree with your definition of modal.

The issue is that the select-lists "underneath" the modal dialog disappear instead of displaying dimmed-out.

Select-lists in IE6 ignore the z-index of a modal element and instead display on top of the modal element. The BGIFRAME plugin for jQuery solves this issue: http://docs.jquery.com/Plugins/bgiframe

However, my implementation of the BGIFRAME plugin is incorrectly causing my select-lists to be totally hidden instead of dimmed-out like other elements.

http://bit.ly/1NOQ03
For a demo, if you're able, please inspect my test page in IE6, then in either FF or IE > than 6.0.

Thanks in advance...
seannarae is offline
Reply With Quote
View Public Profile
 
Old 11-02-2009, 08:07 PM Re: jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Quote:
Select-lists in IE6 ignore the z-index of a modal element
And you are surprised at this because??

IE has "issues" with z-index anyway.

And in IE6 select elements are window objects so do not obey the z-index stacking order.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to jquery ui modal dialog + bgiframe plug-in causing select-lists to hide
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.35366 seconds with 12 queries