揭秘用jquery建立类Twitter站点的方法(5)_PHP教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:浅谈基于UML的城轨列车超速防护系统建模
摘要:分析I-Logix公司的Rhapsody软件的主要特性在Rhapsody开发环境下对北京地铁1号线的ATP系统车载设备进行UML建模,并介绍系统级调试功能。 统一建模语言UML(UnifiedModelingLanguage)是迄今为止最好的面向对象的统一建模语言,它取代了以往各种面向对象表示

 

第七步:为输入框创建字符计算

在twitter中有个有趣的功能,只允许用户输入最多140个字符,当用户输入时,twitter会告诉用户,他/她还能输入多少字符。如下所示:

在我们的教程中,我们没必要限制用户输入为140个字符,当我们也可以计算用户输入了多少字符,并且能在用户输入时即时显示字符计数。

该功能实现代码如下:

$(document).ready(function(){
    $("#counter").html($("#message").val().length + "");
    $("#message").keyup(function(){
        // get new length of characters
        $("#counter").html($(this).val().length);
    });
});

现在,当用户输入时,字符计数会同时增加,如下所示:

结论

现在,我们完成了教程。最终作品看起来如下图:

在本教程中,代码仅仅用于演示jquery, php和mysql的用法,因此,有时候看来不那么优雅。

 

分享:关于php的职业分析--如何成为一名优秀的phper
最近经常有朋友跟我讲,很想来学习php,但又不敢来学,为什么?说是有人跟他讲,php没前途,程序员一大把,php程序员日益呈现白菜价趋势。我对我的朋友讲:只要你有技术过硬的信心,你完全可以按照自己的职业规划前行。 不错,现在的php程序员很多,但这个群

共5页上一页12345下一页
来源:模板无忧//所属分类:PHP教程/更新时间:2009-11-16
相关PHP教程