揭秘用jquery建立類Twitter站點(diǎn)的方法(5)_PHP教程
推薦:淺談基于UML的城軌列車超速防護(hù)系統(tǒng)建模摘要:分析I-Logix公司的Rhapsody軟件的主要特性在Rhapsody開發(fā)環(huán)境下對北京地鐵1號線的ATP系統(tǒng)車載設(shè)備進(jìn)行UML建模,并介紹系統(tǒng)級調(diào)試功能。 統(tǒng)一建模語言UML(UnifiedModelingLanguage)是迄今為止最好的面向?qū)ο蟮慕y(tǒng)一建模語言,它取代了以往各種面向?qū)ο蟊硎?/p>
第七步:為輸入框創(chuàng)建字符計算
在twitter中有個有趣的功能,只允許用戶輸入最多140個字符,當(dāng)用戶輸入時,twitter會告訴用戶,他/她還能輸入多少字符。如下所示:
在我們的教程中,我們沒必要限制用戶輸入為140個字符,當(dāng)我們也可以計算用戶輸入了多少字符,并且能在用戶輸入時即時顯示字符計數(shù)。
該功能實(shí)現(xiàn)代碼如下:
$(document).ready(function(){
$("#counter").html($("#message").val().length + "");
$("#message").keyup(function(){
// get new length of characters
$("#counter").html($(this).val().length);
});
});
現(xiàn)在,當(dāng)用戶輸入時,字符計數(shù)會同時增加,如下所示:
結(jié)論
現(xiàn)在,我們完成了教程。最終作品看起來如下圖:
在本教程中,代碼僅僅用于演示jquery, php和mysql的用法,因此,有時候看來不那么優(yōu)雅。
分享:關(guān)于php的職業(yè)分析--如何成為一名優(yōu)秀的phper最近經(jīng)常有朋友跟我講,很想來學(xué)習(xí)php,但又不敢來學(xué),為什么?說是有人跟他講,php沒前途,程序員一大把,php程序員日益呈現(xiàn)白菜價趨勢。我對我的朋友講:只要你有技術(shù)過硬的信心,你完全可以按照自己的職業(yè)規(guī)劃前行。 不錯,現(xiàn)在的php程序員很多,但這個群
- PHPNOW安裝Memcached擴(kuò)展方法詳解
- php記錄頁面代碼執(zhí)行時間
- PHP中獎概率的抽獎算法程序代碼
- apache設(shè)置靜態(tài)文件緩存方法介紹
- php對圖像的各種處理函數(shù)代碼小結(jié)
- PHP 關(guān)于訪問控制的和運(yùn)算符優(yōu)先級介紹
- 關(guān)于PHP語言構(gòu)造器介紹
- php/js獲取客戶端mac地址的實(shí)現(xiàn)代碼
- php5.5新數(shù)組函數(shù)array_column使用
- PHP preg_match的匹配多國語言的技巧
- php 中序列化和json使用介紹
- php采集文章中的圖片獲取替換到本地
- 相關(guān)鏈接:
- 教程說明:
PHP教程-揭秘用jquery建立類Twitter站點(diǎn)的方法(5)。