制作一个类似twitter的字符计数器

最近使用twitter多了起来,发觉她的字符计数器十分的完美,不管在输入框中进行粘贴还是剪切等操作,计数器都能迅速而准确地得到剩余字符数。看到如此完美的东东,总是让人想“据为己有”的,于是决定自己弄一个(虽然我还没想好应用到什么地方)。

制作一个类似twitter的字符计数器

首先看看人家是怎么做的,打开“源代码”, 😐 看到那一团团的代码,我有点发懵,还是自己想想吧。

我的想法是比较简单的:就是在触发某个事件后,对比定义的最大字符数(如twitter的140个字符)和已输入的字符数,得到可用字符数后,再打印到指定的区域上。

用上面的思路制作出来的计数器,是可以用的,但在剪切时,由于它不能触发javascript里现有的事件(可能是我不知道,因为javascript接触的比较少),所以计数器将不能实时地计算可用字符数。

一番折腾后,想到用循环的方法进行计算。也就是:当触发某个事件后,就隔一段时间对可用字符数进行一次计算。果然好使,到这里基本就能完美地呈现twitter字符计数器的样子了。 😈

javascript代码如下:

<script type="text/javascript">
<!--
var box = document.getElementById("box");
var numAll = 140;
var num = document.getElementById("num");
var next;
box.onclick = countIt;
function countIt() {
    t = setInterval("count()", 200);
}

function count() {
    if (box.value.length <= numAll) {
        next = numAll - box.value.length;
        num.value = next;
    }
    else{
        next = box.value.length - numAll;
        num.value = '-'+next;
    }
}
//-->
</script>

点击查看示例

Snowl:微博工具与供稿订阅工具的结合体

Snowlmozilla实验室出品的一个firefox扩展,暂时还处于测试版本的阶段。它给我的感觉是一个不算太先进的微博工具与供稿订阅工具的结合体。

你可以把它当成一个供稿订阅工具来使用。曾经,我是很喜欢opera自身具备的供稿订阅功能,它能让我不离开浏览器就能方便地查看我订阅的blog。而Snowl具备了同样的功能,当你以“列表视图”的方式查看你所订阅的信息时,你会发觉两者是多么的相似。
firefox snowl
Firefox Snowl的订阅阅读
opera阅读
Opera的阅读

Snowl提供了对Twitter的完整支持,你可以接收和发送Twitter消息。很显然这是Snowl主要的功能,虽然现在只对Twiitter进行支持,但现在也只是0.2版本,以后的版本毫无疑问会增加其他的微博系统的支持。

Snowl就是提供了这两个主要的功能,这些功能应该已经有很多扩展能够实现了,所以说它给我的感觉是不太先进的。

虽然不算太先进,但平时我的Firefox也没有twitter扩展,就尽管留着吧。

Snowl 0.2扩展安装