<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title><link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/menu/assets/skins/sam/menu.css" /><link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/button/assets/skins/sam/button.css" /><link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/fonts/fonts-min.css" /><link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/container/assets/skins/sam/container.css" /><link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/editor/assets/skins/sam/editor.css" /><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/json/json-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/button/button-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/container/container-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/connection/connection-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/editor/editor-min.js"></script><script language="JavaScript">var editor = null;var panel = null;function init() { //create the RTE: var toolbarConfig = { width: '702px', height: '200px' }; editor = new YAHOO.widget.Editor('description', toolbarConfig); //After the Editor renders it, we will hide it //so the iframe doesn't bleed through editor.on('afterRender', editor.hide); //render the editor explicitly into a container //within the Dialog's DOM: editor.render(); //create Dialog: panel = new YAHOO.widget.Panel("dialogContainer", { width:"725px", fixedcenter:true, modal:true, visible:false }); alert("before panel render"); //Now that our Dialog is fully configured, we can //render it: panel.render(); alert("after panel render"); //RTE needs a little love to work in in a Dialog that can be //shown and hidden; we let it know that it's being //shown/hidden so that it can recover from these actions: panel.showEvent.subscribe(editor.show, editor, true); panel.hideEvent.subscribe(editor.hide, editor, true); alert("finish init");};function showPanel() { if (panel == null) { init(); } alert("showPanel()-->panel=" + panel); panel.show();}</script></head><body class="yui-skin-sam"><button id="showDlg" onclick="showPanel();">Show Dialog</button><div id="dialogContainer"> <div class="hd">Enter Title and Description:</div> <div class="bd"> <table> <tr> <td> <form id="dialogForm" action="javascript:void(0);"> <textarea name="description" id="description"></textarea> </form> </td> </tr> <tr> <td><button>OK</button></td> </tr> </table> </div></div></body></html>