javascript对话框

acckInt 2012-10-15 02:05:50

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

...全文

100 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

一天要饭生活又开始啦 2012-10-15

打赏
举报

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

泡泡鱼_ 2012-10-15

打赏
举报

用FF浏览器，先弹一个YUI的标准的Dialog出来再说，然后查看元素时选择：复制外部HTML
然后找个地方粘贴出来。一个完整的DOM就有了

如果你是以后所有的Dialog都准备用美工做出来的这个风格的话，那你就研究好YUI中Dialog插件的内容，然后按美工给的修改好就行。要是有比较大的不同的话，看看美工能不能再做调整吧

而且你这种做法，得做好各常用浏览器兼容测试。否则，你光是在一种浏览器上有用，那还不如不要

acckInt 2012-10-15

打赏
举报

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

泡泡鱼_ 2012-10-15

打赏
举报

YUI的Dialog我没用过。我用它的唯一的东东是命名空间注册

你需要做的是：
1：分析YUI的Dialog完整的DOM
2：将它与美工给出的DOM相参照。然后去YUI中做修改

acckInt 2012-10-15

打赏
举报

我的对话框是“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的全部内容，然后弹，看来不行，
谢谢！

泡泡鱼_ 2012-10-15