Categories
>> 楚水驿站-Freesky > 电脑程序
2011年1月19日
z-blog利用jQuery插件InputLimitor两步实现文本框输入限制字数统计
  首先要准备Jquery支持库,这个z-blog的common.js中已经内嵌,我把它版本改成1.4的了,其中几个文件还要修改一下,主要是调用方法的差异,很简单,修改办法见此文,您不修改也可以,此步可以略去。
  下载Inputlimitor插件,这里是1.0版本的下载地址,下载的文件放在你样式文件的SCRIPT目录下。
  其次,在单文件模版文件,我这里是single.html中,与添加调用的JS文件:

  <script type="text/javascript" src="http://freeskyblog.com/themes/<#ZC_BLOG_THEME#>/SCRIPT/jquery.inputlimitor.1.0.min.js"></script>
   <script type="text/javascript">
    $(document).ready(function() {
      $('#txaArticle').inputlimitor({
        limit: <#ZC_CONTENT_MAX#>,
        remText: '你还可以输入%n个字符',
        limitText: '合计可以输入%n个字符。'
      });
    });
  </script>  

  这里基本完成了,文件重建一下可以看到效果。需要说明的是,你输入文本框的ID如果没有修改,这样就可以,如果修改了,需要把'#txaArticle'更换成你的ID。
  如果不想使用默认提示框的效果,你可以在你的CSS文件中添加:
  /*-------回复输入框字数限制提示框------*/
.limitorBox {
border:1px #cccccc solid;
background-color: #eeeeee;
padding: 3px 6px;
font-size: 12px;
  }
  全文重建,OK!

* 温情提示:选择内容即可分享到您的腾讯微博

关于  Blog  Jquery   的相关文章

一共有 5 条评论

Gravatar Icon
1# uoson2011-1-23 3:27:26
把文章页面再整理清爽一点,那整个博客就更上一层楼了。
引用  |  回复
Gravatar Icon
2# uoson2011-1-23 13:18:03
你QQ号发我邮箱一个,找你商量点事。vip@uoson.cn
引用  |  回复
Gravatar Icon
3# uoson2011-1-25 16:42:02
首页日期终于排列整齐了,这样看上去美观多了。
引用  |  回复
Gravatar Icon
4# freesky2011-1-25 22:31:35
还得多谢uoson,我寻思用JS有点小题大做,而且过多的JS插入会影响这个模版的初衷。
引用  |  回复
Gravatar Icon
5# uoson2011-1-25 23:03:27
引自 freesky
还得多谢uoson,我寻思用JS有点小题大做,而且过多的JS插入会影响这个模版的初衷。
客气了、我只审美、不会制作而以哈。以后得跟你多学习。
引用  |  回复