摇曳铃丹☆宇语博客

YYLD.net, I choose, I like: Bellting's Blog

铃星一点 丹心无限 星铃丹

支持FIREFOX的复制本文网址代码

近期一直在忙碌做Qzone全屏式模板,总想实现一些Qzone上的JS效果,而偏偏Qzone自己不支持FireFox还把代码裹得有多紧就多紧,连个参考都不给我看——说起复制本文网址功能,估计没有几个做网站的没用过,不过绝大部分的地址都是不支持FireFox的,没办法,IE独享的功能太多了,还如IE支持滚动条颜色自定义,FireFox就要通过较为复杂的代码才能实现,那功能本想做,但看着代码还是放弃了。现在还是说说这个“支持FIREFOX的复制本文网址代码”。在网络上搜索到,某博客从一外国博客转来,我再从这里转一下。其实现方式是借助了FLASH。

把其JS文件和FLASH文件放在同一个目录下,再在需要页面里进行调用。我在我的Z-BLOG的Qzone全屏式模板下是这么利用的,就以此举例:

JS和FLASH按照Z-BLOG模板规定放在模板的SCRIPT文件夹下,取名为copy.js和_clipboard.swf。在模板相关文件里写入调用代码:

<script language="JavaScript" src="<#ZC_BLOG_HOST#>themes/<#ZC_BLOG_THEME#>/script/copy.js" type="text/javascript"></script>

然后在需要的地方,写复制代码(文字链接式):

<a class="scopy" href="#" onclick='CopyText("<#article/url#>");alert("链接已复制到剪切板");return false;' />复制本文网址</a>

另外一种写法,输入框加按钮式(原搜索到资料所提供写法):

<input type="text" id="mm" name="mm" value="test" /><input type="button" onclick='CopyText("复制的文字")' value="copy" />

这里利用了Z-BLOG的文章网址标签<#article/url#>,并不是直接读取浏览器上所显示的地址;其好处就是在任何地方都可以复制到文章对应地址。那问题是如果没有标签,需要读取浏览器地址的咋办?这个我还不知道办法,谁能从这里进行演变的就说一下吧。

点击下载相关文件

  • 2008-5-14 22:15:14  网站网页   
评论列表 > 点击隐藏/显示已有评论
共2篇评论
  • 1楼 密陀僧 http://0e2.net 2008-5-20 1:37:05    引用  
  • var url=location.href;
    onclick="CopyText(url);"
  • 2楼 星铃丹 http://yyld.net 2008-5-20 7:56:36    引用  
  • 谢谢和尚

发表评论

☆请留意评论过滤了网址,并且开启了评论审核,请勿重复提交评论。

Powered By Z-Blog | QzoneYY Design By 星铃丹