Javascript 从onclick事件打开YUI面板

Javascript 从onclick事件打开YUI面板,javascript,dom-events,yui,Javascript,Dom Events,Yui,我想知道是否可以使用onclick事件设置并打开YUI面板,如下所示: <a href="#" onclick="myPanel = new YAHOO.widget.Panel("myPanel"); myPanel.setHeader('Header'); myPanel.setBody('Body'); myPanel.setFooter('Footer'); myPanel.render('document.body'); m

我想知道是否可以使用onclick事件设置并打开YUI面板,如下所示:

<a href="#" onclick="myPanel = new YAHOO.widget.Panel("myPanel"); 
myPanel.setHeader('Header'); myPanel.setBody('Body'); 
myPanel.setFooter('Footer'); myPanel.render('document.body'); 
myPanel.show();"></a>

要从另一个元素的单击事件显示面板,您需要:创建面板,使用visible:false将其隐藏,然后从单击事件处理程序显示它。下面是一个例子:

var panel = new Y.Panel({
    bodyContent: 'foo',
    centered: true,
    width: 200,
    height: 100,
    visible: false //render the panel, but keep it hidden
});
panel.render();

// show the panel with a click
Y.one('#foo').on('click', function () {
    panel.show();
});