YAHOO.widget.SimpleDialog
YAHOO.namespace("example.simpledialog");
function init() {
var handleCancel = function(e) {
alert("You clicked 'Cancel'!");
this.hide();
}
var handleOK = function(e) {
alert("You clicked 'OK'!");
this.hide();
}
YAHOO.example.simpledialog.dlg = new YAHOO.widget.SimpleDialog("dlg", { visible:false, width: "20em", effect:[{effect:YAHOO.widget.ContainerEffect.SLIDE,duration:0.25},{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}], fixedcenter:true, modal:true, draggable:false });
YAHOO.example.simpledialog.dlg.setHeader("Warning!");
YAHOO.example.simpledialog.dlg.setBody("Are you sure you want to do this?");
YAHOO.example.simpledialog.dlg.cfg.queueProperty("icon",YAHOO.widget.SimpleDialog.ICON_WARN);
YAHOO.example.simpledialog.dlg.cfg.queueProperty("buttons", [
{ text:"OK", handler:handleOK, isDefault:true },
{ text:"Cancel", handler:handleCancel }
]);
var listeners = new YAHOO.util.KeyListener(document, { keys : 27 }, {fn:handleCancel ,scope:YAHOO.example.simpledialog.dlg, correctScope:true} );
YAHOO.example.simpledialog.dlg.cfg.queueProperty("keylisteners", listeners);
YAHOO.example.simpledialog.dlg.render(document.body);
}
YAHOO.util.Event.addListener(window, "load", init);
SimpleDialog Example
SimpleDialog is an implementation of
The code to instantiate this SimpleDialog example looks like this:
dlg = new YAHOO.widget.SimpleDialog("dlg", { width: "20em", effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}, fixedcenter:true, modal:true, draggable:false });
YAHOO.example.simpledialog.dlg.setHeader("Warning!");
YAHOO.example.simpledialog.dlg.setBody("Are you sure you want to do this?");
YAHOO.example.simpledialog.dlg.cfg.setProperty("icon",YAHOO.widget.SimpleDialog.ICON_WARN);
Next, we wire up the buttons using a simple JSON structure that points to local handlers for each button:
dlg.cfg.setProperty("buttons", [
{ text:"OK", handler:handleOK, isDefault:true },
{ text:"Cancel",handler:handleCancel }
]
);