jQuery.html()在IE下面错误解决办法

今天遇到一个jQuery的.html()设定错误问题,FF和Chrome下面都能够正常工作,而IE下面却失败。

检查之后,我把问题定性到jQuery.html(html)设定在IE下有问题。当设定html文本中含有空行、空格、Tab时候,会出现异常中断,导致html ()设定失败,但是又不会引发js错误。

狗日的IE!

下文是Google来的参考文章:使用 jQuery .html() 得到的string时, 在IE中出现错误的解决方法


使用 jQuery 的 .html() 函数( 使用 .text() 也类似 )得到元素内的值使用时,在IE6中出错,FireFox 中正常。

基本代码如下:

<ul class="demo">
    <li>easeInQuad</li>
    <li>easeOutQuad</li>
    <li>easeInOutQuad</li ...
more ...

jEmotion

重要通知:Log4D的域名由 http://dddspace.com 迁移到 http://log4d.com 。 订阅地址现在改为 http://log4d.com/feedhttp://feeds.feedburner.com/dddspace 。(FeedBurner的地址未发生变化)


白天工作时候需要一个功能,我搜了一下Google,没有找到合适的,就花了半天时间写了一个jQuery插件jEmotion。

jEmotion的主要功能是用来给输入框加入转义之后的表情代码,然后在页面显示时候可以重新将表情代码转回表情图片。

image

jEmotion的代码托管在GitHub上,地址是 https://github.com/alswl/jEmotion

demo地址是 http://lab.log4d.com/javascript ...

more ...

网页渐进式载入图片

Question

为什么有的网页打开图片是从上到下逐行打开,有的则是先显示低分辨率图片再逐渐加入细节?

Answer

感谢@吴亚桐 回答给我找到线索,感谢提问者的好问题,我为这个问题曾经困惑了多年。这种渐进式载入方法容易和其他渐进式载入混淆。

我这里小总结一下几种渐进式载入办法。

下面是答案:


浏览器下载图片的时候渐进式载入,这样下载完一张图可以看到它的样子, 只不过只是不清楚的图,这样可以减少你等待看它的时间。

实际上有两种方式可以实现这种渐进式效果,一种是图像隔行扫描(Interlace), 中文可以成为交错,另外一种叫做图像渐进式扫描(Progressive)。

  1. 隔行扫描可以在gif/png中实现 ...
more ...

简单输入提示框实现

早期的输入框提示是这样的(via baidu

tieba

左边一个 label ,右边一个输入框。

比较现代的方式是(via Discuz!

discuz!

更漂亮的方式是(via 点点

diandian

登录提示信息是放在输入框里面,可以减少文字干扰,我也想在自己手头的小项目中实现这种效果。

我需要达到几个要求:

  1. 提示信息是可以暂存的,即用户的输入在清空之后,还能够显示原来的提示信息
  2. 只需为 text / textarea 添加一个 class 即可实现效果
  3. 不修改 DOM 节点,避免影响上下文选择器

为了实现效果,我需要将提示信息暂存到某个地方。有3个地方可供选择: js 全局变量、输入框自定义属性、上下文 DOM 节点。

js 全局变量比较难控制元素标识,并不是每个元素都可以精准的用 id 标记;输入框自定义属性会破坏语义;在上下文加入节点会破坏 DOM 树。

权衡之后,我选择了使用 输入框自定义属性实现 ...

more ...


Html元素事件查看器Eventbug

Chrome的开发者工具里面有一个小功能:查看当前元素的Event,比如onclick/onblur等事件。

image

一直想在Firefox里面也找到类似的插件,今天正好看到这么一个好东西,叫做EventBug。

官方的介绍如下

Eventbug是一款能够列出所有绑定事件的Firebug扩展,它将这些事件按事件类型排列。

  • 需要Firebug1.5

  • 源码沿用Firebug的BSD风格协议

  • 请使用Firebug的Bug报告列表来提交问题

  • 请使用Firebug的新闻列表来提出问题

作者:John J. Barton, Jan Odvarko

测试发现在Firefox5下面没有问题。

image

这么一款插件在调试js或者对别人的页面做一些js hack特别有用,强烈推荐之。

more ...

7条大型网站设计和维护的关键技巧[译文]

原文出处:7 Crucial Tips for Designing and Maintaining a Large Site | Nettuts+

译者:alswl

以下为译文


项目范围和规模各不相同,他们带来的挑战各不相同一样。作为一个独立的网页设计师,我最大的职责就是负责FlashDen。随着成千上万的活动用户聊天,上传和购物, 网站处理着大额的金钱和巨大的流量。

设计,重构,维护和开发团队的工作给了我一些能使事情变得更容易的用用的见解和技巧。而且,就在昨天,我们开始了对网站最大的一次重构,着看上去是一次很好的机会来记 录我最有用的7个秘诀。

1. 可维护的设计和代码

image

我给的第一条也是最条一条秘诀是设计站点保证可以轻松维护。很多时候,当你设计一个站点,你可能为了美学牺牲一些东西。例如,你可能使用一个图片而文字或者样式就可以 应付。或者你可能故意使用一个没有空间缩放的菜单结构 ...

more ...

IE XML 缓存问题

明天开始上交毕业设计初稿,其中有一节是遇到的问题和解决办法。我把平时在BooguNote 中的琐碎片段整理出来,便有了此文。

PS:之前已经有过3篇相关毕设的文章:

[CakePHP的全局变量

](http://log4d.com/2010/05/cakephp-global-variables)

[FMS的80端口占用

](http://log4d.com/2010/05/fms-80-port-used)

[SWFObject 一款JavaScript的Flash检测与插入模块

](http://log4d.com/2010/05/swfobject)

---- 正文开始 ----

问题背景

系统要实现一个操作,即每次向同一个url 请求一个GET方法获取一个xml文件,这个xml文件记录着聊天数据并且是即时生成的。当用FireFox或者Chro me请求时候都能获得正确的数据,而IE则常常出现无法获取实时的XML数据。

而如果在地址栏中填入 http://localhost/AzaAjaxChat/src/Chat/getXml?messageId=41 这个原始的XML文件地址,就可以获取正确的XML文件。并且在下次IE ...

more ...

flower shop 汉化

死党的女朋友的一门网页设计课需要作品,向我求援。我看了一下他们的课件,没有什么动态语言,静态的Html页面即可。

99款高质量免费(X)HTML/CSS模板-DIV+CSS模版下载 | 彬Go看到很多款极佳的网页设计,反复删选后,决定选用一款Flower Shop的作品。

![image](https://4ocf5n.dijingchao.com/upload_dropbox/201003/Flower Shop.jpg)

原始预览: http://csscreme.com/freetemplates/flower_shop/

原始下载: http://csscreme.com/tpsaveas.php?tp=flower_shop.zip ...

more ...