javascript对话框

acckInt 2012-10-15 02:05:50
平时一般用YUI提供的panel和dialog在页面上显示对话框,
不过美工给我一个自己画好的对话框,要我实现并弹出,我基于YUI框架的话,弹出的对话框还是有框架自己的头,自己的样式,如何弹出完全是她给的样式的对话框呢,不知道思路是什么,谢谢!
...全文
100 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
也可以自己写个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
  • 打赏
  • 举报
回复

美工要做这种开发,你应该告诉TA你使用的Dialog如何换肤
只是让TA去改写样式啦,做一些样式需要的图片啦

如果TA是脱离你的Dialog框架去设计的,那要么你自己去做换肤,要么重新写过了

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧