"http://www.w3.org/TR/html4/strict.dtd">
Example 11: MenuItem Configuration Properties
body { margin:.5em; }
li.yuimenuitem a em {
font-style:italic;
}
li.yuimenuitem strong {
font-weight:bold;
}
// "load" event handler for the window
YAHOO.example.onWindowLoad = function(p_oEvent) {
// Create a menu
var oMenu = new YAHOO.widget.Menu("basicmenu", { fixedcenter: true }),
// Add the MenuItem instance to the menu
aMenuItemData = [
{ text: "Selected MenuItem", config: { selected: true } },
{ text: "Disabled MenuItem", config: { disabled: true } },
{ text: "MenuItem With Help Text", config: { helptext: "Help Me!" } },
{ text: "MenuItem With A URL", config: { url: "http://www.yahoo.com!" } },
{ text: "MenuItem With Emphasis", config: { emphasis: true } },
{ text: "MenuItem With Strong Emphasis", config: { strongemphasis: true } },
{ text: "Checked MenuItem", config: { checked: true } }
],
nMenuItems = aMenuItemData.length,
oMenuItem;
for(var i=0; i
aMenuItemData[i].text,
aMenuItemData[i].config
);
oMenu.addItem(oMenuItem);
}
oMenu.render(document.body);
oMenu.show();
}
YAHOO.util.Event.addListener(window, "load", YAHOO.example.onWindowLoad);
Example 11: MenuItem Configuration Properties
This example demonstrates how to set configuration properties when instantiating a MenuItem instance.
yui.zip( 3,714 k)