简单生活

Simple life , it's as easy as 1,2,3...

CopyToFriends 1.1 复制文章标题和链接

首先要说明的是,这是一个Z-Blog插件,作为一个很久没发布插件的人,我感觉压力很大。不过Z-Blog确实已经很久没有大动静了,曝光一下,传说中的 Z-Blog 1.9 连内测都还没开始。

CopyToFriends插件介绍

启用该插件后,将在文章底部加入复制文章链接的按钮,复制文章标题和链接到剪切板,复制下来的内容你干什么都行。当然,我的意思是分享给好友。

新版使用了ZeroClipboard类库,经过测试,完美支持IE、Firefox、Chrome、Opera等浏览器。

ZeroClipboard的应用

很简单的插件,到此也就算发布完毕了。不想这么短短几行文字就结束了,下面说说ZeroClipboard的应用。

为了在各浏览器下都能够正常工作,之前这个插件使用的是 Clipboard Copy 解决方案,利用一个隐藏的 Flash 实现复制。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。于是新的解决方案又出来了,就是这里用到的 ZeroClipboard。ZeroClipboard用了一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash。如果你使用 Firefox 并且安装了adblock扩展,鼠标悬停在按钮上的时候会发现有 Flash 的提示 。

ZeroClipboard提供了一些函数,很有应用价值,但这里不一一赘述。建议有兴趣的朋友去参考官网上的说明和教程,网上搜来的教程很没用。

下面是最简单的实例:

  1. <html>  
  2. <body>  
  3.         <script type="text/javascript" src="ZeroClipboard.js"></script>  
  4.   
  5.         <div id="d_clip_button" style="border:1px solid black; padding:20px;">Copy To Clipboard</div>  
  6.   
  7.         <script language="JavaScript">  
  8.                 var clip = new ZeroClipboard.Client();  
  9.                 var myTextToCopy = "Hi, this is the text to copy!";  
  10.                 clip.setText( myTextToCopy );  
  11.                 clip.glue( 'd_clip_button' );  
  12.         </script>  
  13. </body>  
  14. </html>  

需要说明的有几点,

  1. 这几行代码的顺序很重要,如果顺序弄错不会有效果的。依次为镶入javascript、显示按钮的html代码、javascript对按钮进行设置。
  2. 注意js和swf的路径,如果弄错搞混肯定会失败
  3. 官网的演示使用onload初始化,不建议那种方法,使用上面的格式即可
« 解决PuTTY中的中文乱码饭否归来 等你开饭! »
    Gravatar头像
  • quote 1.很闷
  • 2009-3-20 10:05:15 回复
  • 后面那个按钮样式怎么编辑?
    Gravatar头像
  • quote 2.小林
  • 2009-4-12 20:07:33 回复
  • 我也很想改改样式.可就是不知道怎么编辑.
    Gravatar头像
  • quote 3.Washun
  • 2010-4-18 21:34:49 回复
  • 现在不能在Firefox下的复制了,看看什么原因啊
    Gravatar头像
  • quote 6.wugx
  • 2011-1-23 12:02:00 回复
  • 这个按钮不太好看,没用这个插件
    Gravatar头像
  • quote 7.zsx
  • 2011-1-26 17:29:51 回复
  • 按钮与Flash出现错位问题。详情参考我的网站。
    Gravatar头像
  • quote 9.宇润
  • 2011-4-24 17:58:02 回复
  • flash有错位问题,没有和按钮重叠在一起。
    Gravatar头像
  • quote 10.奢侈品
  • 2011-7-2 18:28:30 回复
  • 支持自定义目录配置
    ■支持FierFox、Opera、Safari等浏览器
    Gravatar头像
  • quote 11.伦理
  • 2011-7-13 16:11:11 回复
  • 请问您站立防垃圾网站的的这个验证码怎么弄的,我的也是因为垃圾留言太多,不得不关闭留言,我的网站是http://lun.li/(伦理),请指点一下
    狼的旋律 于 2011-7-14 11:54:22 回复
    后台设置里开启就OK了

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关注我

最新评论及回复

赞助商链接

Powered By Z-Blog 1.8 Walle Build 91204
Copyright © 2007-2011 Wilf.cn. Some Rights Reserved