javascript对话框

Question

平时一般用YUI提供的panel和dialog在页面上显示对话框，
不过美工给我一个自己画好的对话框，要我实现并弹出，我基于YUI框架的话，弹出的对话框还是有框架自己的头，自己的样式，如何弹出完全是她给的样式的对话框呢，不知道思路是什么，谢谢！

Answer 1

美工要做这种开发，你应该告诉TA你使用的Dialog如何换肤
只是让TA去改写样式啦，做一些样式需要的图片啦如果TA是脱离你的Dialog框架去设计的，那要么你自己去做换肤，要么重新写过了

Answer 2

我的对话框是“var dialog = new YAHOO.widget.Panel("div,params......");”这种类型，它弹出的是div里面的内容，<div id="<%=baseIdName %>_category_dlg" class="tc_nonedisplaydialog">
<div class="hd">
标题头
</div>
<div class="bd">
主体
</div>
<div class="ft">End of Overlay #1</div>应该将TA的html代码进行拆分，拆成头，body，尾，然后分别替换hd,bd,ft来实现自己定义的对话框，
我当时想一口气替换，直接用TA的div的全部内容，然后弹，看来不行，
谢谢！

Answer 3

YUI的Dialog我没用过。我用它的唯一的东东是命名空间注册你需要做的是：
1：分析YUI的Dialog完整的DOM
2：将它与美工给出的DOM相参照。然后去YUI中做修改

Answer 4

恩，是应该具体拆分，不能那么轻松的照搬不修改，
YUI的命名空间是挺不错的，方便命名，写复杂的不容易混淆，不过你说的命名空间注册倒是没研究过，应该去了解了解，谢谢！

Answer 5

用FF浏览器，先弹一个YUI的标准的Dialog出来再说，然后查看元素时选择：复制外部HTML
然后找个地方粘贴出来。一个完整的DOM就有了如果你是以后所有的Dialog都准备用美工做出来的这个风格的话，那你就研究好YUI中Dialog插件的内容，然后按美工给的修改好就行。要是有比较大的不同的话，看看美工能不能再做调整吧而且你这种做法，得做好各常用浏览器兼容测试。否则，你光是在一种浏览器上有用，那还不如不要

Answer 6

也可以自己写个dialog出来，不难的