Javascript 从onclick事件打开YUI面板
我想知道是否可以使用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
<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();
});