YUI panel / iframe shim for IE6 bug

T

TCR

Hello,

Has anyone had much luck with the Panel object in the Yahoo User
Interface library?

I have an application where I'm using the Panel object to display
help. On IE6, the select elements are poking through with a higher
zIndex, even though I'm trying to force Panel to use its iframe shim
feature.

I'm using Panel on someone else's application, where a sort of tab
table feature was implemented by using js to hide and reveal input
elements depending on where the person is in the overall process.

I include the files in this order :
yahoo-min.js
event-min.js
connnection-min.js (my help comes through an AJAX/JSON request)
container.css
yahoo-dom-event.js
animation-min.js (the panel fades in and out)
dragdrop-min.js
container_core.js
container-min.js

The panel will exist in a div using this markup on the page :
<div id="HelpPanel"> <div class="hd"></div> <div class="bd"></div>
<div class="ft"></div> </div>

The panel is created using the following after page load :

oPanel = new YAHOO.widget.Panel("HelpPanel", { width:"400px",
fixedcenter: true, constraintoviewport: true, underlay:"matte",
close:true, modal:true, zindex:0, iframe:true, visible:false,
draggable:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,
duration: 0.15}});

....and I display it in my ShowHelp routine with this code :

// HelpText is my JS object created as a result of my JSON request.
oPanel.setHeader(HelpText.title);
oPanel.setBody(HelpText.body);
oPanel.show();
// I've tried oPanel.showIframe too, with no luck

Any help would be really appreciated.

Thanks,
Tim
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,770
Messages
2,569,584
Members
45,075
Latest member
MakersCBDBloodSupport

Latest Threads

Top