打印

[原创]xWin之JS版(2-26更新)

俺最近似乎在反反复复的折腾xWin。。。。希望版主不要打我.......

之所以又开一帖是因为上一贴的侧重点在htc上,俺现在决定抛弃这个很有前途的东西,把侧重点放到兼容性上,开发一个x系列. So 大家把那个HTC的忘记了吧........

目前的代码兼容IE6.0 & FF 1.5 (因为俺以前一直都是IE Only, 所以转头研究兼容性实在是水平有限,目前的代码在FF上还是有许多Bug.....伤心啊)

构思中的x系列都是采用JS, 在JS中导入相应的css, 使用的时候还是一样简便: 一个<script src="...">后就可以直接使用了

--------------------------更新分割线--------------------------
bound0大哥说得对啊,兼容性真的能把人折腾死.........

目前代码应该没什么bug了,兼容IE6.0 & FF 1.5, 通过xHTML 的Transitional验证 和 CSS 验证

为了能通过验证,只好再次改变使用的方式,改为用DIV实现,方法:
复制内容到剪贴板
代码:
<div class="xWin">
    <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题"</span>
    content
</div>
下面是演示版:

 提示:您可以先修改部分代码再运行
xWin由三个文件组成:
页面文件:

 提示:您可以先修改部分代码再运行
JS:

 提示:您可以先修改部分代码再运行
CSS:

 提示:您可以先修改部分代码再运行
这个破东西终于可以算是告一段落了,俺在兼容性方面也学到了不少,哈哈哈

发现bug欢迎回帖告诉我,请多多指教

ps:
加上那个DOCTYPE和不加的区别真大啊,通过了验证好高兴啊呵呵

[原创]还是xWin....这次是JS版

补充说明:

1. 可以通过在CSS中自定义背景图片的方式来更改xWin的外观效果. 预留了.xWinTitleCloseButton, .xWinTitleMinButton, .xWinTitleMaxButton 用于自定义按钮图片

2. 页面初始化用的是window的attachEvent/addEventListener, 如果页面xWin脚本后有重定义window.onload=xxx可能造成无法初始化。建议所有需要初始化的脚本都采用attachEvent/addEventListener避免冲突

3.目前较HTC版的改进:
  3.1兼容了FF 1.5
  3.2修改了窗口最大化时的滚动条问题
  3.3修改了窗口最小化时的位置问题

[原创]还是xWin....这次是JS版

看不懂,不过还是顶
QQ群联盟:
www.115000.com.cn/liuy/main_qq_index.asp
易点通WEB源:
www.115000.com.cn/
JS→CSS→ASP→PHP→QQ群:4052

[原创]还是xWin....这次是JS版

对 FF 的支持已经比以前好多了,赞一下
但是在 FF 下,最小化后不能还原和最大化窗口,只能关闭。在窗口有滚动条的时候,resize 也有些 bug。在 Opera 和 Safari 下则完全乱掉了。
期待楼主做出更好的版本,呵呵

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

[原创]还是xWin....这次是JS版

ruxpinsp1在上个帖子中说
引用:
对 FF 的支持已经比以前好多了,赞一下
但是在 FF 下,最小化后不能还原和最大化窗口,只能关闭。在窗口有滚动条的时候,resize 也有些 bug。在 Opera 和 Safari 下则完全乱掉了。
期待楼主做出更好的版本,呵呵
其实FF 下,最小化后可以还原和最大化窗口的,但是不能点在字上.......让我无比郁闷,FF的DOM模型还真是见鬼阿......明明按钮内部没有任何子节点了可是text上的click事件就是无法激发..........有知道怎么回事的达人拜托指教一下谢谢呵呵。由于没有自己的电脑,所以没时间进一步开发了.....期待这个月的工资中.........俺这个可怜的月光.......

TOP

[原创]还是xWin....这次是JS版

hutia在上个帖子中说
引用:
ruxpinsp1在上个帖子中说
[quote] 对 FF 的支持已经比以前好多了,赞一下
但是在 FF 下,最小化后不能还原和最大化窗口,只能关闭。在窗口有滚动条的时候,resize 也有些 bug。在 Opera 和 Safari 下则完全乱掉了。
期待楼主做出更好的版本,呵呵
其实FF 下,最小化后可以还原和最大化窗口的,但是不能点在字上.......让我无比郁闷,FF的DOM模型还真是见鬼阿......明明按钮内部没有任何子节点了可是text上的click事件就是无法激发..........有知道怎么回事的达人拜托指教一下谢谢呵呵。由于没有自己的电脑,所以没时间进一步开发了.....期待这个月的工资中.........俺这个可怜的月光....... [/quote]

这个我也发现了,这个是是一种情况,还有几种类似情况,似乎就是没有任何子结点的节点的父结点上的事件,Opera和 safari 的响应都很正常,只有FF不听话,似乎会被子节点挡住,至今也没相处很好的办法解决,只能尽量避免。

TOP

[原创]还是xWin....这次是JS版

要我说,兼容性会把人的创意熬干,所以我做的东西全是IE only,甚至是IE5.5+only,不兼容用户给个提示就拉倒。(有人说,这就是业余和职业的区别,不过我不以为然。不用IE活该——暴虐倾向)

————————————————————————————————————————————
以上言论已经过时。现在不正视兼容性的要求是不行的。而且很多人开始提倡优先在FF中实现(当然这只是一种观点)。

[ 本帖最后由 bound0 于 2007-3-15 19:35 编辑 ]
[Bound0 专题列表]QUE SAIS-JE?
生物信息技术支持动漫论坛动漫分享群:45274013

TOP

[原创]还是xWin....这次是JS版

bound0在上个帖子中说
引用:
要我说,兼容性会把人的创意熬干,所以我做的东西全是IE only,甚至是IE5.5+only,不兼容用户给个提示就拉倒。(有人说,这就是业余和职业的区别,不过我不以为然。不用IE活该——暴虐倾向)
我也有同感,有好好的IE不用偏要用其它的.为了几个人的幸福就要,熬几天的夜,真痛苦!

TOP

[原创]还是xWin....这次是JS版

也不是这么说的.................
如果你希望自己的作品让更多的人欣赏或认同,兼容性那是要考虑的.
当然如果做给自己看的那就随便了,甚至是IE3.0+only也没人理你

TOP

ruxpinsp1在上个帖子中说
引用:
对 FF 的支持已经比以前好多了,赞一下
但是在 FF 下,最小化后不能还原和最大化窗口,只能关闭。在窗口有滚动条的时候,resize 也有些 bug。在 Opera 和 Safari 下则完全乱掉了。
期待楼主做出更好的版本,呵呵
俺更新了哈哈,不能还原和最大化的bug已经去掉了

通过了xHTML的验证了哦哈哈哈哈哈

TOP

好东西。学习了。

TOP

好东西

TOP

好好研究

TOP

问题报告:

1、往左和往下拖动窗口时可以超出现有屏幕区域,也就是说会出现纵向或者横向的滚动条,可能您是故意允许这样的,不过我感觉似乎不是很爽,只是个小建议。

2、在遨游浏览器里边有个比较重要的问题,如下图:
启用遨游的浮动广告过滤功能

拖动独立的那个窗口,就会出现下面的情况(有子窗口的那个倒是不会被屏蔽):


很棒的作品,希望再接再厉~:)

TOP

发现错误报告

在IE6。0下,点 win3 win4
都报错误

有别的同志发现吗?

TOP

twostone在上个帖子中说
引用:
在IE6。0下,点 win3 win4
都报错误

有别的同志发现吗?
发现了,不能正常打开win3,win4
***********************
呵呵,原来是定义ID时写错了:
<div class="xWin" id="win30" >
<div class="xWin" id="win31" >
应该改成
<div class="xWin" id="win3" >
<div class="xWin" id="win4" >

TOP

能否保存布局?

TOP

看不太懂,不过还要顶一下。。

TOP

强哟,收藏老~~~~~~

TOP