这里只是点添加时候的一个片段
function buybook(bookid)
{
//有别于在书页上买
$.ajax({
beforeSend:function(){$("#buymsg").html("正在发送");},
type: "GET",
timeout:3000,
url:"buybook.php?act=buy&id="+bookid,
success: function(comm){
$("#buyshop").html(comm);
$("#buymsg").html("添加图书操作成功");
},
error:function(){("#buymsg").html("发生错误");}
})
}
{
//有别于在书页上买
$.ajax({
beforeSend:function(){$("#buymsg").html("正在发送");},
type: "GET",
timeout:3000,
url:"buybook.php?act=buy&id="+bookid,
success: function(comm){
$("#buyshop").html(comm);
$("#buymsg").html("添加图书操作成功");
},
error:function(){("#buymsg").html("发生错误");}
})
}
function updatecom()
{
//提交评论
$("#msg").addClass("msg");
$.ajax({
beforeSend:function(){$("#msg").html("正在发送数据");},
type: "POST",
//timeout:2000,
url: "xhttp.php",
data:$("input[@type=text]").serialize()+"&content="+$("#content").val()+"&rubyid="+$("#rubyid").val()+"&readycom="+$("#readycom"),
success: function(getstr){
changeimg();
if(getstr=="code_error"){
$("#msg").html("验证码错了");
}else if(getstr=="cnull"){
$("#msg").html("评论的内容为空");
}else{
$("#msg").html("你的评论提交成功,刷新后显示");
$("#recom").append("<div class =cls7>您添加的评论:<br />"+$("#content").text().replace("<","<")+"</div>");
document.getElementById("comments").reset();
}
},
error:function(){("#msg").html("发生错误");}
})
}
</script>
{
//提交评论
$("#msg").addClass("msg");
$.ajax({
beforeSend:function(){$("#msg").html("正在发送数据");},
type: "POST",
//timeout:2000,
url: "xhttp.php",
data:$("input[@type=text]").serialize()+"&content="+$("#content").val()+"&rubyid="+$("#rubyid").val()+"&readycom="+$("#readycom"),
success: function(getstr){
changeimg();
if(getstr=="code_error"){
$("#msg").html("验证码错了");
}else if(getstr=="cnull"){
$("#msg").html("评论的内容为空");
}else{
$("#msg").html("你的评论提交成功,刷新后显示");
$("#recom").append("<div class =cls7>您添加的评论:<br />"+$("#content").text().replace("<","<")+"</div>");
document.getElementById("comments").reset();
}
},
error:function(){("#msg").html("发生错误");}
})
}
</script>
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章,特推荐如下。
jq显示子菜单的效果
html
jquery
html
<ul id="menu">
<li class="menu">Sub 1
<ul>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
</ul>
</li>
<li class="menu">Sub 2
<ul>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
</ul>
</li>
</ul>
<li class="menu">Sub 1
<ul>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
</ul>
</li>
<li class="menu">Sub 2
<ul>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
</ul>
</li>
</ul>
jquery
function changeimg()
{
i=i+1;
$("#msg").addClass("msg");
$("#msg").html("刷新验证码"+i);
$("#msg").show();
$("#codeimg").attr("src","code.php?id="+i);
}
{
i=i+1;
$("#msg").addClass("msg");
$("#msg").html("刷新验证码"+i);
$("#msg").show();
$("#codeimg").attr("src","code.php?id="+i);
}
驗證碼問題解決了,評論也可以在ff下添加!
data="pid="+$("#pid").val();
if($("#catname").val()!=""){
data+="&catname="+$("#catname").val();
}else{
$("#catname_v").html("分类名一定要写");
return false;
}if($("#cathtmlname").val()!=""){
data+="&cathtmlname="+$("#cathtmlname").val();
}else{
$("#cathtmlname_v").html("英文目录要写用英文");
return false;
}if($("#catlist").val()!=""){
data+="&catlist="+$("#catlist").val();
}else{
$("#catlist_v").html("顺序要写");
return false;
}
if($("#catname").val()!=""){
data+="&catname="+$("#catname").val();
}else{
$("#catname_v").html("分类名一定要写");
return false;
}if($("#cathtmlname").val()!=""){
data+="&cathtmlname="+$("#cathtmlname").val();
}else{
$("#cathtmlname_v").html("英文目录要写用英文");
return false;
}if($("#catlist").val()!=""){
data+="&catlist="+$("#catlist").val();
}else{
$("#catlist_v").html("顺序要写");
return false;
}
昨天的加上今天的就这一点内容,睡一觉醒来,要把他们全变成jquery,大体上的进就还要跟上去!,这个是两个合起来的结果,是实现了目的!
<script language="javascript" type="text/javascript">
function sendere(bookre,bookid,showmessage,remessage)
{
$.ajax({
type: "POST",
url: "admin/querysql.php?act=book&do=re",
data: "id="+bookid+"&recontent="+bookre.value ,
success: function(msg){ alert( "Data Saved: " + msg );msg.innerHTML="OK"+msg; }
});
showmessage.innerHTML="<div class=showmessage>"+bookre.value+"<div>";
remessage.style.display='none';
}
</script>
function sendere(bookre,bookid,showmessage,remessage)
{
$.ajax({
type: "POST",
url: "admin/querysql.php?act=book&do=re",
data: "id="+bookid+"&recontent="+bookre.value ,
success: function(msg){ alert( "Data Saved: " + msg );msg.innerHTML="OK"+msg; }
});
showmessage.innerHTML="<div class=showmessage>"+bookre.value+"<div>";
remessage.style.display='none';
}
</script>
head部分,some.php,這個是原來的那個例子裏面的一個文件,也就是我們處理數據庫的文件!晚上回去改版!!!
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript" >
function text()
{
$.ajax({
type: "POST",
url: "some.php",
data: "name="+$("#name").attr("value")+"&content="+$("#content").attr("value") ,
success: function(msg){ alert( "Data Saved: " + msg );msg.innerHTML="OK"+msg; }
});
}
</script>
<script language="javascript" type="text/javascript" >
function text()
{
$.ajax({
type: "POST",
url: "some.php",
data: "name="+$("#name").attr("value")+"&content="+$("#content").attr("value") ,
success: function(msg){ alert( "Data Saved: " + msg );msg.innerHTML="OK"+msg; }
});
}
</script>






