本文目录一览:
求一个PHP的简单功能,求大神指导。
jQuery运用ajax实现鼠标单击修改内容实例
表格中的一行的代码如下:
1tr
2 tdspan class=”catid”2/span/td
3 td2/td
4
5 tdspan class=”listorder” title=”点击修改”2/span/td
6/tr
大致思路如下:
1、点击栏目排序栏目中的数字,获取同一行的第一列中的内容,即栏目id
2、隐藏栏目排序中的数字
3、在栏目排序列中插入input框,并在input框中显示栏目排序中的内容,并设置为焦点
4、修改input中的内容,失去焦点的时候提交数据,用ajax向服务器传递数据 方法为post方法
5、提交数据的时候,友好提示修改中。。。 或者等待图片
6、返回成功信息 ,重新显示修改后的内容 去掉input框
jquery核心代码如下
01$(‘.listorder’).click(function(e){
02 var catid = $(this).parent().siblings(“td:eq(0)”).text();//获取同一行上 第一列中的id值
03 var listorder_now_text = $(this).text();//获取listorder中的内容 先保存起来
04 $(this).text(“”);//设置内容为空
05 var list_form = ‘input type=”text” value=”‘+listorder_now_text+'” size=2 class=”listorder_input” /’ ;
06 $(this).parent().append(list_form); //插入 input框
07 $(“.listorder_input”).focus();
08
09//自定义一个div 提示修改中
10 var loading = ‘div id=”loading”img src=”img/loading.gif” alt=”修改中…”//div’;
11 $(this).parent().append(loading);
12 $(‘#loading’)
13 .css({
14 “color” : “red” ,
15 “display” : “none”
16 })
17//定义ajax的全局事件
18 $(this).ajaxStart(function(){
19 $(‘#loading’).show();
20 })
21 $(this).ajaxStop(function(){
22 $(‘#loading’).remove();
23 })
24
25 $(“.listorder_input”).blur(function(){
26 var thislist = $(this).siblings(); //取得同级的标签 即 修改后需要显示的 listorder
27 $.post(“ajax.php”,{
28 action : “mod_listorder”,
29 catid : catid ,
30 listorder : $(this).attr(“value”)
31 } , function(data, textStatus){
32 $(thislist).text(data);
33 }
34 );//end .post
35 $(this).remove();
36 })//end function blur
37})// end function click
ajax.php中内容就简单了,我只是做了处理做演示用,并没有向服务器提交数据,代码如下:
1sleep(1);//延时运行1秒,查看效果用,实际代码中不需要
2echo $_POST[‘listorder’];
求一个PHP代码
?php
$con = mysql_connect(“localhost”,”root”,”123456″);
if (!$con)
{
die(‘Could not connect: ‘ . mysql_error());
}
else
{
header(“Location:login.php”)
}
?
求一个PHP数据库模糊搜索带分页的代码
script type=”text/javascript”if(window.location.toString().indexOf(‘pref=padindex’) != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(“?mobile”)0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href=”{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}”;}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}/script
!–[if IE 6]
script type=”text/javascript” src=”/skin/js/png.js”/script
scriptDD_belatedPNG.fix(‘div,img,span,li,a,a:hover,dd,p,input,select’)/script
![endif]–
script type=”text/javascript”
$(function(){
//一次纵向滚动一个
$(‘#marquee2’).kxbdSuperMarquee({
distance:30,
time:3,
btnGo:{up:’#goU’,down:’#goD’},
direction:’up’
});
});
/script
script type=”text/javascript”
window.onload = function(){
imgZoomRun(“product3″,”p”,”prod-zoom”,”li”); // 图片放大
imgZoomRun(“product7″,”p”,”prod-zoom”,”li”);
imgZoomRun(“product8″,”p”,”prod-zoom”,”li”);
newsFontMove(“fontjump”); // 鼠标放上,字体上下挪
newsFontMove(“fontjumpcolor”); // 鼠标放上,字体上下挪
colorChange(“fontjumpcolor”); // 隔行换色
colorChange(“news5”); // 隔行换色
listImgZoom(“product3″,”205”); // 图片缩放,需要给定宽度
enterAnimation(“news_fadein”);
if(typeof(data) != “undefined”){
var lefttype = new LeftType(data,”left-type”,0); // 多级分类
}
afx.conHeightAuto();
};
window.addEventListener(“resize”,function(){
afx.conHeightAuto();
},false);
/script
link rel=”stylesheet” type=”text/css” href=”/skin/css/child_page.css” /
script type=”text/javascript” src=””/script
/head
body
?php include_once(“baidu_js_push.php”) ?
!– 头部 —
{dede:include filename=”head.htm”/}
!– 头部 end —
div class=”main_c”
div class=”main” id=”content”
!– 左侧部分 —
{dede:include filename=”left.htm”/}
!– 左侧部分 end–
!– 内容部分 —
div class=”sp_content” id=”contentRight”
div class=”content_com_title”
h2{dede:field name=’typename’/}/h2
div class=”bread” 当前位置:搜索 strong class=”fc_03c”{dede:global name=’keyword’ function=’RemoveXSS(@me)’/}/strong 的结果 /div
/div
div class=”content”
ul class=”news1 news3 news_indent” id=””
{dede:list pagesize =’15’}
li a href=”[field:arcurl/]” title=”[field:title/]” class=”pg-color”[field:title/]/a span[field:pubdate function=”MyDate(‘Y-m-d’,@me)”/]/span /li
{/dede:list}
/ul
div class=”pagexx”
ul
{dede:pagelist listitem=”info,index,end,pre,next,pageno” listsize=”5″/}
/ul
/div
/div
/div
!– 内容部分 end–
这是我网站,你看看能用吗?
原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/195754.html