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
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