show.js

php+ajax开发源码使用代码下载后就可使用学习

//程序名称： 笨小孩 PHP+MYSQL+AJAX 留言本
//程序作者: [e-mail]
//本人博客:www.benxiaohai.com
function showpage(url) {

	http_request = false;

	if (window.XMLHttpRequest) { // 判定浏览器类型为Mozilla, Safari,...
		http_request = new XMLHttpRequest();//有些版本的 Mozilla 浏览器在伺服器送回的资料未含 XML mime-type 档头（header）时会出错。为了避免这个问题，你可以用下列方法覆写伺服器传回的档头，以免传回的不是 text/xml。
		if (http_request.overrideMimeType) {//如果服务器的响应没有XML mime-type header，
			http_request.overrideMimeType('text/xml');//修改header
		}
	} else if (window.ActiveXObject) { // 判定浏览器是 IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
		try {
			http_request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {}
		}
	}
	
	if (!http_request) {//初始化xmlhttp组件
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	http_request.onreadystatechange = pageContents; //指定当readyState属性改变时的事件处理句柄
	http_request.open('POST', url, true);
	http_request.send(null);
}
function pageContents() {
	if (http_request.readyState < 4) {//数据尚未传输完毕
		document.getElementById("loading").style.display = "";
     	document.getElementById("loading").innerHTML = "加载中……";
    }else{
		document.getElementById("loading").style.display = "none";
	}
	if (http_request.readyState == 4) {//如果已经获取到完整数据
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML; //将响应信息格式化为Xml Document对象并返回
			var book = xmldoc.documentElement; 
			var count = xmldoc.getElementsByTagName('count'); 
			var strcontent = ""; 
			
			var admin = book.getElementsByTagName("admin")[0].childNodes[0].nodeValue;
			var pages = book.getElementsByTagName("pages")[0].childNodes[0].nodeValue;
			var uppage = book.getElementsByTagName("uppage")[0].childNodes[0].nodeValue;
			var nextpage = book.getElementsByTagName("nextpage")[0].childNodes[0].nodeValue;
			var totalpage = book.getElementsByTagName("totalpage")[0].childNodes[0].nodeValue;
			var err = book.getElementsByTagName("err")[0].childNodes[0].nodeValue;
			
			var id,title,content,addtime,reltime,name,qq,email,page,ip,start,relcontent;
			
			for(var i=0;i<count.length;i++){
				id = echoxml(book,'id',i);
				title = echoxml(book,'title',i);
				content = echoxml(book,'content',i);
				addtime = echoxml(book,'addtime',i);
				reltime = echoxml(book,'reltime',i);
				name = echoxml(book,'name',i);
				qq = echoxml(book,'qq',i);
				email = echoxml(book,'email',i);
				upage = echoxml(book,'page',i);
				relcontent = echoxml(book,'relcontent',i);
				ip = echoxml(book,'ip',i);
				start = echoxml(book,'start',i);
				
				strcontent += "<table width=\"96%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"1\" class=\"table-1\">";
				strcontent += "<tr><td height=\"25\" class=\"td-bg-1\"><table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				strcontent += "<tr><td width=\"628\">&nbsp;<span class=\"txt-color-red\">留言主题："+title+"</span></td>";
				strcontent += "<td width=\"150\" class=\"txt-color-red\">时间："+addtime+"</td></tr>";
				strcontent += "</table></td></tr>";
				strcontent += "<tr><td height=\"25\" align=\"center\" class=\"td-bg-2\"><table width=\"98%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				strcontent += "<tr><td height=\"6\"></td></tr></table>";
				strcontent += "<table width=\"96%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"table-2\">";
				strcontent += "<tr><td height=\"25\" class=\"td-bg-3\">&nbsp;<span class=\"txt-color-red-2\">作者昵称："+name+"</span></td></tr>";
				strcontent += "<tr><td height=\"25\">&nbsp;&nbsp;&nbsp; ";
				if(start=='1'){
					strcontent += "给版主的悄悄话";	
				}else{
					strcontent += content;
				}
				strcontent +="</td></tr></table>";
				strcontent += "<table width=\"98%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				strcontent += "<tr><td height=\"6\"></td></tr></table>";
				if(relcontent!=''){
					strcontent += "<table width=\"96%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"table-2\">";
					strcontent += "<tr><td height=\"25\" class=\"td-bg-3\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>";
					strcontent += "<td width=\"83%\">&nbsp;<span class=\"txt-color-red-2\">版主回复：</span></td>";
					strcontent += "<td width=\"17%\" class=\"txt-color-red-2\">时间："+reltime+"</td></tr></table></td></tr>";
					strcontent += "<tr><td height=\"25\">&nbsp;&nbsp;&nbsp; "+relcontent+" </td></tr></table>";
					strcontent += "<table width=\"98%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
					strcontent += "<tr><td height=\"6\"></td></tr></table>";
				}
				strcontent += "</td></tr>";
				strcontent += "<tr><td height=\"25\" align=\"center\" class=\"td-bg-3\"><table width=\"98%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>";
				strcontent += "<td width=\"76%\">";
				if(admin=='xiejin'){
					strcontent += "<a onClick=\"rels("+id+","+pages+",'show')\" style=\"CURSOR: hand\">回复</a>&nbsp;<a onClick=\"showpage('action_show.php?action=del&id="+id+"&page="+pages+"')\" style=\"CURSOR: hand\">删除</a>&nbsp;<a href=\"loginout.php\" style=\"CURSOR: hand\">退出管理</a>";
				}
				strcontent += "</td><td width=\"24%\" class=\"txt-color-red\"><a href=\""+upage+"\" target=\"_blank\"><span class=\"txt-color-red\">Homepage</span></a>&nbsp; <a href=\"mailto:"+email+"\"><span class=\"txt-color-red\">Mail</span></a>&nbsp; <a title="+qq+" style=\"CURSOR: hand\">QQ</a>&nbsp; <a title=\""+ip+"\" style=\"CURSOR: hand\">IP</a> </td></tr></table></td></tr></table><br />";
	
			}
			document.getElementById("bookcontent").innerHTML = strcontent;
			document.getElementById("pages").value = pages;
			document.getElementById("uppage").value = uppage;
			document.getElementById("nextpage").value = nextpage;
			document.getElementById("totalpage").value = totalpage;
			document.getElementById("pagenum").innerHTML = pages+"/"+totalpage+" 页";
			if(err!='yes'){
				errs(err);
			}
		} else {
			alert('There was a problem with the request.');
		}
	}
}

//读出XML
function echoxml(book,name,i){
	if(book.getElementsByTagName(name)[i].childNodes[0]){
		name = book.getElementsByTagName(name)[i].childNodes[0].nodeValue;
	}else{
		name = '';	
	}
	return name;
}
//翻页
function actionpage(type){
		if(type=='uppage'){
			var page = document.all.uppage.value;	
		}else if(type=='nextpage'){
			var page = document.all.nextpage.value;	
		}else if(type=='totalpage'){
			var page = document.all.totalpage.value;	
		}
		showpage('action_show.php?page='+page);
		//alert(page);
}

//拖动对象
	var   currentMoveObj   =   null;         //当前拖动对象   
  	var   relLeft;         //鼠标按下位置相对对象位置   
  	var   relTop;   
  	function   f_mdown(obj){   
    	currentMoveObj   =   obj;                 //当对象被按下时，记录该对象   
        currentMoveObj.style.position   =   "absolute";   
        relLeft   =   event.x   -   currentMoveObj.style.pixelLeft;   
        relTop   =   event.y   -   currentMoveObj.style.pixelTop;   
  	}   
  	window.document.onmouseup   =   function(){   
  		currentMoveObj   =   null;         //当鼠标释放时同时释放拖动对象   
  	}   
  	function   f_move(obj){   
      	if(currentMoveObj   !=   null){   
        	currentMoveObj.style.pixelLeft=event.x-relLeft;   
        	currentMoveObj.style.pixelTop=event.y-relTop;   
      	}   
  	}
	
//错误函数
function errs(err){
	if(err=='login'){
		alert('对不起，用户名密码错误！');	
	}
}
//显示隐藏
	function displays(name,type){
		document.getElementById(name).style.display=type;
	} 
	function login(){
		var user = document.all.user.value;
		var pass = document.all.pass.value;
		var pages = document.all.pages.value;
		showpage('action_show.php?action=login&page='+pages+'&user='+user+'&pass='+pass);
		displays('login','none');
	}
//添加留言
	function add(){
		var name = document.all.name.value;
		var email = document.all.email.value;
		var qq = document.all.qq.value;
		var upage = document.all.upage.value;
		var title = document.all.title.value;
		var content = document.all.content.value;
		if(document.all.start.checked){
			var start = "1";
		}
		
		if(name==''){
			alert('昵称不能为空');
			document.all.name.focus();
			return false;
		}
		if(title==''){
			alert('标题不能为空');
			document.all.title.focus();
			return false;
		}
		if(content==''){
			alert('内容不能为空');
			document.all.content.focus();
			return false;
		}
		if(content.length>400){
			alert('内容不能超过200个汉字。');
			document.all.content.focus();
			return false;
		}
		showpage('action_show.php?action=add&name='+name+'&email='+email+'&qq='+qq+'&upage='+upage+'&title='+title+'&content='+content+'&start='+start+'&page=1');
		document.getElementById("name").value = '';
		document.getElementById("email").value = '';
		document.getElementById("qq").value = '';
		document.getElementById("upage").value = '';
		document.getElementById("title").value = '';
		document.getElementById("content").value = '';
		displays('addbook','none');
	}
//回复
	function rels(id,pages,type){
		if(type=='show'){
			displays('rel','');
			document.getElementById("relid").value = id;
			document.getElementById("relpage").value = pages;
		}else if(type=='submit'){
			var relid = document.getElementById("relid").value;
			var relpage = document.getElementById("relpage").value;
			var relcontent = document.getElementById("relcontent").value;
			showpage('action_show.php?action=rel&relid='+relid+'&page='+relpage+'&relcontent='+relcontent);
			displays('rel','none');
		}
	}