当前位置: 编程技术>WEB前端
用jquery仿做发微博功能示例
来源: 互联网 发布时间:2014-08-25
本文导语: 源代码: 代码如下: 发布框 $(function(){ $("#content").focus(function(){ if ($(this).val()==this.defaultValue) { $(this).val(""); //alert($(this).length-1); } }).blur(function(){ if ($(this).val()=='') { $(this).val(this.defaultValue); } }) $("#content").keyup(function(){ //aler...
源代码:
发布框
$(function(){
$("#content").focus(function(){
if ($(this).val()==this.defaultValue) {
$(this).val("");
//alert($(this).length-1);
}
}).blur(function(){
if ($(this).val()=='') {
$(this).val(this.defaultValue);
}
})
$("#content").keyup(function(){
//alert($(this).val().length);
var words_num = 140 - $(this).val().length;
if (words_num < 0) {
//被误导了 这样是不会有 return 值的
//$("font").text(function(words_num){
// return ""+words_num+"";
//});
$("font").css('color','red').text(words_num);
}else{
$("font").text(words_num);
//alert(words_num);
}
})
});
$(function(){
$("#send").click(function(){
$.post("post3.php", {
// username : $("#username").val() ,
content : $("#content").val()
}, function (data, textStatus){
// var username = data.username;
var content = data.content;
// var txtHtml = "
var txtHtml = "
$("#resText").html(txtHtml); // 把返回的数据添加到页面上
},"json");
})
});
发布框
您还可以输入140个字
随便写点东西吧.
效果图:
遇到的问题:
主要就是jquery库的问题:使用jquery-1.3.1.js这个文件,能实现功能,但是使用jquery-1.7.1.min.js这个文件,就没有效果!害我花了很多时间去源代码找问题!!
代码如下:
发布框
$(function(){
$("#content").focus(function(){
if ($(this).val()==this.defaultValue) {
$(this).val("");
//alert($(this).length-1);
}
}).blur(function(){
if ($(this).val()=='') {
$(this).val(this.defaultValue);
}
})
$("#content").keyup(function(){
//alert($(this).val().length);
var words_num = 140 - $(this).val().length;
if (words_num < 0) {
//被误导了 这样是不会有 return 值的
//$("font").text(function(words_num){
// return ""+words_num+"";
//});
$("font").css('color','red').text(words_num);
}else{
$("font").text(words_num);
//alert(words_num);
}
})
});
$(function(){
$("#send").click(function(){
$.post("post3.php", {
// username : $("#username").val() ,
content : $("#content").val()
}, function (data, textStatus){
// var username = data.username;
var content = data.content;
// var txtHtml = "
var txtHtml = "
"+content+"
"; $("#resText").html(txtHtml); // 把返回的数据添加到页面上
},"json");
})
});
发布框
您还可以输入140个字
随便写点东西吧.
你发送的信息是:
效果图:
遇到的问题:
主要就是jquery库的问题:使用jquery-1.3.1.js这个文件,能实现功能,但是使用jquery-1.7.1.min.js这个文件,就没有效果!害我花了很多时间去源代码找问题!!
"+content+"