十二 30

跨浏览器使用剪贴板

视觉·编程 No Comments »

转自：realazy（懒到死）

一般情况下，访问或设置剪贴板，IE 只需使用 window.clipboardData 的 getData 或 setData 方法即可。Mozilla 家族的浏览器（如 Firefox）则比较麻烦，不仅开发者需要写一沱代码，用户也需要主动配合（就是需要设置允许访问剪贴板）才可以（参考 Using the Clipboard），以致几不可用。至于 Opera 则根本不提供剪贴板，Safari 可以在 onpaste 等非Dom 事件中访问剪贴板（参考 Using the Pasteboard From JavaScript）。

中国特色的网站上有一个很中国特色的应用就是，在一个输入框 focus 时自动帮你把内容复制到了剪贴板中。老实说访问剪贴板是个不安全的操作，因此即使是 IE, Windows 在后来的升级中都加入是否允许访问剪贴板的提醒。如果能够做到跨浏览器的“邪恶地悄无声息”地实现中国特色的剪贴板应用，确实是个不小的挑战。
Read the rest of this entry »

十二 02

利用jQuery实现文本框的聚焦

视觉·编程 No Comments »

作者：Realazy

先说明我们的目的。我们知道，当代浏览器（modern browsers）的文本框的聚焦(focus)样式可以通过CSS的伪类:focus来设置。假设我们有这么一段代码：

<form>
    <dl>
        <dt>Name: <dt>
            <dd><input type="text" /></dd>
        <dt>Password: <dt>
            <dd><input type="password" /></dd>
        <dt>Textarea: <dt>
            <dd><textarea></textarea></dd>
    </dl>
</form>

则我们这样的CSS就可以搞定focus样式：

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #f00; background: #fcc; }

Read the rest of this entry »

十一 26

UTF-8在IE中不能自动选择编码的解决办法

视觉·编程 No Comments »

在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动选择”编码格式时）该页面所用的编码。即使网页已经声明过编码格式：

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

，由此造成某些含有中文UTF-8编码的页面产生空白输出。

如果使用的是Mozilla、Mozilla Firefox、Sarafi的浏览器这不会造成这个问题。这是由于IE解析网页编码时以HTML内的标签优先，而后才是HTTP header内的讯息；而mozilla系列的浏览器则刚刚相反。

由于UTF-8为3个字节表示一个汉字，而普通的GB2312或BIG5是两个。页面输出时，由于上述原因，使浏览器解析、输出<title></title>的内容时，如果在</title>前有奇数个全角字符时，IE把UTF-8当作两个字节解析时出现半个汉字的情况，这时该半个汉字会和</title>的<结合成一个乱码字，导致IE无法读完<title>部分，使整个页面为空百输出。而这个时候如果察看源文件的话，会发现实际上整个叶面全部已经输出了。

因此最简单的解决办法是在网页文件的<head></head>标签中一定要把字符定义<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
放在<title></title>之前。

五 25

IE7新支持的CSS选择器有哪些？

视觉·编程 No Comments »

现在IE7已经推出一段时间并且渗透到用户当中，不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是Child子和Adjacent Sibling相邻兄弟选择符。现在已是时候使用它们制作网页，并且更深入研究它们。

注意，选择器包括现行的符号，“>”,“+”和空格（后代选择符），涉及到子选择器，相邻兄弟选择器，后代选择器，统称为选择符。

在我们研究选择符之前，弄清楚他们的不同和为什么它们是好东西的原因是个不错的主意。原因很简单，它减少网页的“class-itis”弊病。主要原因 就是“class-itis”在目前网页中非常普遍，直到现在，我们拥有了为建立配合CSS选择器而存在而且支持完美的后代选择符，即两个选择器之间空 格。

当使用后代选择符，右边的一个元素选择器是被选择的，不管左边的元素选择器标签有几个。举例，p a{color:red;}，意思是段落里面的所有链接都是红色。这非常有用，也是一类相当广泛的选择组合。
Read the rest of this entry »

五 31

IE浏览器中一个值得关注的JS问题

视觉·编程 No Comments »

　　刚才在调试js，在mozilla中一切正常，但是在ie中却报告有configuration变量没有找到。以下是代码：

var Environment = new (function Environment$ctor()
{
　　this.processCommandLine = function Env$procCmdLine(q)
　　{
　　    var cmd = configuration 　　 {}; // <---- 就是这一行报告错误
　　    // 其他代码省略
　　}
};

Read the rest of this entry »

Q网志 , powered by 七十二松 (72pines). WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS 登录