/* Initialize the ContextMenu instances when the the elements that trigger their display are ready to be scripted. */ YAHOO.util.Event.onContentReady("clones", function () { // Maintain a reference to the "clones"
var oClones = this; // Clone the first ewe so that we can create more later var oLI = oClones.getElementsByTagName("li")[0]; var oEweTemplate = oLI.cloneNode(true); // Renames an "ewe"
function editEweName(p_oLI) {
var oCite = p_oLI.lastChild;
if (oCite.nodeType != 1) {
oCite = oCite.previousSibling;
}
var oTextNode = oCite.firstChild;
var sName = window.prompt("Enter a new name for ", oTextNode.nodeValue);
if (sName && sName.length > 0) {
oTextNode.nodeValue = sName;
}
}
// Clones an "ewe"
function cloneEwe(p_oLI, p_oMenu) { var oClone = p_oLI.cloneNode(true);
// "click" event handler for each item in the ewe context menu
function onEweContextMenuClick(p_sType, p_aArgs) {
/* The second item in the arguments array (p_aArgs) passed back to the "click" event handler is the MenuItem instance that was the target of the "click" event. */ var oItem = p_aArgs[1], // The MenuItem that was clicked oTarget = this.contextEventTarget, oLI; if (oItem) { oLI = oTarget.nodeName.toUpperCase() == "LI" ? oTarget : YAHOO.util.Dom.getAncestorByTagName(oTarget, "LI"); switch (oItem.index) {
case 0: // Edit name
editEweName(oLI);
break;
case 1: // Clone
cloneEwe(oLI, this);
break;
case 2: // Delete
deleteEwe(oLI);
break;
}
}
} /* Array of text labels for the MenuItem instances to be added to the ContextMenu instanc. */ var aMenuItems = ["Edit Name", "Clone", "Delete" ]; /* Instantiate a ContextMenu: The first argument passed to the constructor is the id for the Menu element to be created, the second is an object literal of configuration properties. */ var oEweContextMenu = new YAHOO.widget.ContextMenu( "ewecontextmenu", { trigger: oClones.childNodes, itemdata: aMenuItems, lazyload: true } ); // "render" event handler for the ewe context menu function onContextMenuRender(p_sType, p_aArgs) {
// Add a "click" event handler to the ewe context menu
this.subscribe("click", onEweContextMenuClick);
} // Add a "render" event handler to the ewe context menu oEweContextMenu.subscribe("render", onContextMenuRender); // Deletes an ewe from the field function deleteEwes() { oEweContextMenu.cfg.setProperty("target", null); oClones.innerHTML = ""; function onHide(p_sType, p_aArgs, p_oItem) { p_oItem.cfg.setProperty("disabled", true);
} // Sets the color of the grass in the field function setFieldColor(p_sType, p_aArgs, p_sColor) { var oCheckedItem = this.parent.checkedItem; if (oCheckedItem != this) { YAHOO.util.Dom.setStyle("clones", "backgroundColor", p_sColor);
} } // "render" event handler for the field context menu function onFieldMenuRender(p_sType, p_aArgs) { if (this.parent) { // submenu this.checkedItem = this.getItem(0); } } /* Array of object literals - each containing configuration properties for the items for the context menu. */ var oFieldContextMenuItemData = [
]; /* Instantiate a ContextMenu: The first argument passed to the constructor is the id for the Menu element to be created, the second is an object literal of configuration properties. */ var oFieldContextMenu = new YAHOO.widget.ContextMenu( "fieldcontextmenu", { trigger: "clones", itemdata: oFieldContextMenuItemData, lazyload: true } ); // Add a "render" event handler to the field context menu oFieldContextMenu.subscribe("render", onFieldMenuRender);