Salve,
sto cercando di far apparire un messaggio popup nel caso la risposta del server (ajax - php) invia un errore...
il popup di esempio che sto cercando di riprodurre è come in questo link: http://developer.yahoo.com/yui/examp...riaplugin.html
-> (show dialog 3)
In pratica non riesco a trovare l'evento per far aprire il messaggio senza dover cliccare il pulsante!
questo è lo script:
- <script type="text/javascript">
(function () {
var Event = YAHOO.util.Event,
Dom = YAHOO.util.Dom;
Event.onDOMReady(function () {
var oPanel1 = new YAHOO.widget.Panel("panel-1", {
visible: false,
fixedcenter: true,
constraintoviewport: true,
width: "300px"
});
oPanel1.render();
Event.on("show-dialog-1", "click", oPanel1.show, null, oPanel1);
var oTooltip1 = new YAHOO.widget.Tooltip("tooltip-1", {
context:"show-dialog-1",
text:"Shows a Dialog built using Panel from existing markup.",
iframe: true,
showDelay:500 } );
var oPanel2 = new YAHOO.widget.Dialog("panel-2", {
modal: true,
visible: false,
fixedcenter: true,
constraintoviewport: true,
width: "300px",
postmethod: "form"
});
oPanel2.render(document.body);
Event.on("show-dialog-2", "click", oPanel2.show, null, oPanel2);
var oTooltip2 = new YAHOO.widget.Tooltip("tooltip-2", {
context:"show-dialog-2",
text:"Shows a Modal Dialog built using Dialog from existing markup.",
iframe: true,
showDelay:500 } );
var handleOK = function() {
this.cancel();
};
var oPanel3 = new YAHOO.widget.SimpleDialog("panel-3", {
modal: true,
icon: YAHOO.widget.SimpleDialog.ICON_INFO,
visible: false,
fixedcenter: true,
constraintoviewport: true,
width: "300px",
role: "alertdialog",
buttons: [ { text:"OK", handler:handleOK, isDefault:true } ],
text: "Your changes have been saved."
});
oPanel3.setHeader("Info");
oPanel3.render(document.body);
var oTooltip3 = new YAHOO.widget.Tooltip("tooltip-3", {
context:"show-dialog-3",
text:"Shows a Modal Dialog built using SimpleDialog using the ARIA role of alertdialog.",
iframe: true,
showDelay:500 } );
Event.on("show-dialog-3", "click", oPanel3.show, null, oPanel3);
});
}());
</script>
<button id="show-dialog-3">Show Dialog 3</button>
GRAZIE..