经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 发个点击即可修改内容功能函数

查看: 2584|回复: 11

发个点击即可修改内容功能函数 [复制链接]

cly84920　楼主

当当当

中级会员

帖子: 209
体力: 286
威望: 4

发表于 2008-4-2 11:50:55 |显示全部楼层

这个功能大家一定都见过吧？下面是我写的一个函数，功能比较全吧。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function changeContent(obj,strNum,oEvent,oWidth,oneLine,blurSave){	
		if(obj.getElementsByTagName("input").length>0) return;
		function isChinese(s){
			var p = /^[\u0391-\uFFE5]+$/;
			return p.test(s);
		}	
		var textOld=obj.innerHTML;
		if(!blurSave){
			if(oneLine){
				obj.innerHTML="<input type='text' style='width:220px;' value='"+obj.innerHTML.replace( /^\s*/, "").replace( /\s*$/, "")+"' /><input type='button' value='保存' class='sendBtn2' style='padding:0px;' /><input type='button' value='取消' class='sendBtn2' style='padding:0px;' />";
				var save=obj.getElementsByTagName("input")[1];
				var cancel=obj.getElementsByTagName("input")[2];
			} else {
				obj.innerHTML="<textarea style='width:250px;height:50px;'>"+obj.innerHTML.replace( /^\s*/, "").replace( /\s*$/, "")+" </textarea><br /><input type='button' value='保存' class='sendBtn2' style='padding:0px;' /><input type='button' value='取消' class='sendBtn2' style='padding:0px;' />";	
				var save=obj.getElementsByTagName("input")[0];
				var cancel=obj.getElementsByTagName("input")[1];
			}
		}else{
			if(oneLine){
				obj.innerHTML="<input type='text' style='width:220px;' value='"+obj.innerHTML.replace( /^\s*/, "").replace( /\s*$/, "")+"' />";
			} else {
				obj.innerHTML="<textarea style='width:250px;height:50px;'>"+obj.innerHTML.replace( /^\s*/, "").replace( /\s*$/, "")+" </textarea>";	
			}
		}
		var text;	
		if(oneLine){
			text=obj.getElementsByTagName("input")[0];
		} else {
			text=obj.getElementsByTagName("textarea")[0];	
		}
		if(typeof oWidth == "number"){
			text.style.width=oWidth+"px";	
		}
		text.select();
		text.onclick=function(oevent){
			if(document.all) window.event.cancelBubble=true;
			else oevent.stopPropagation();	
		}
		if(!blurSave){
			save.onclick=function(oevent){
				if(text.value.replace( /^\s*/, "").replace( /\s*$/, "")==""){
					obj.innerHTML=textOld;
				}else{
					obj.innerHTML=text.value;
					obj.innerHTML=obj.innerHTML.replace(/</ig,"&lt;");
					obj.innerHTML=obj.innerHTML.replace(/>/ig,"&gt;");
					if(strNum){
						for(var i=0;i<strNum;i++){
							if(isChinese(obj.innerHTML.charAt(i))) strNum--;
						}
						obj.innerHTML=obj.innerHTML.substring(0,strNum);
					}
					if(typeof oEvent == "string"){
						try	{eval(oEvent);}
						catch (e) {}
					}
					if(typeof oEvent == "function"){
						oEvent();
					}
					if(document.all) window.event.cancelBubble=true;
					else oevent.stopPropagation();
				}
				obj.style.background="transparent";
			}
			cancel.onclick=function(oevent){
				obj.innerHTML=textOld;
				obj.style.background="transparent";
				if(document.all) window.event.cancelBubble=true;
				else oevent.stopPropagation();	
			}
		}else{
			text.onblur=function(){
				if(text.value.replace( /^\s*/, "").replace( /\s*$/, "")==""){
					obj.innerHTML=textOld;
				}else{
					obj.innerHTML=text.value;
					obj.innerHTML=obj.innerHTML.replace(/</ig,"&lt;");
					obj.innerHTML=obj.innerHTML.replace(/>/ig,"&gt;");
					if(strNum){
						for(var i=0;i<strNum;i++){
							if(isChinese(obj.innerHTML.charAt(i))) strNum--;
						}
						obj.innerHTML=obj.innerHTML.substring(0,strNum);
					}
					if(typeof oEvent == "string"){
						try	{eval(oEvent);}
						catch (e) {}
					}
					if(typeof oEvent == "function"){
						oEvent();
					}
				}
				obj.style.background="transparent";
			}
		}
	}
</script>
</head>

提示：您可以先修改部分代码再运行

函数有五个参数：
obj          要执行修改的DOM对象，
strNum    修改后，允许保留的最大值字符数，中文算两个字符，类型为数字，
oEvent    执行修改后的回调函数，可以写成字符串形式，或者function(){}形式，例如"alert('我是阿当');"，或者function(){alert("我是阿当");}
oWidth    输入框的长度，类型为数字。如果不设置，则使用默认值,
oneLine 输入框是否单行，类型为布尔值，为true表示单行，false表示多行。如果不设置，默认为多行显示,
blurSave 设置保存形式，类型为布尔值，如果为true表示输入框失去焦点即可保存，为false表示点击保存按钮保存内容。

因为一般情况下，点击即可修改内容是通过ajax方式提交的，那么我们需要得到修改后的内容，在oEvent参数中发送到服务器端。那么我们如何得到修改后的值呢？
<p onclick="var obj=this; changeContent(this,20,'alert(obj.innerHTML)','',true,true)">
我是阿当 ^0^
</p>
我们只要在调用changeContent()前，写下var obj=this,就可以在oEvent位置通过obj.innerHTML得到修改后的值。我们可以在这里写下<p onclick="var obj=this; changeContent(this,20,'sendAjax(obj.innerHTML)','',true,true)">).

如果要将行为分离出来也非常容易，只要写成下面的形式：
var obj=document.getElementById("XXX");
changeContent(obj,20,'alert(obj.innerHTML)','',true,true);

第一次发自己的函数，希望大家能够喜欢。有bug请留言，谢谢。

[ 本帖最后由 cly84920 于 2008-4-2 11:55 编辑 ]

西部数码顶级域名注册商39元抢注！

使用道具举报

jsw0528　

蓝蓝的神仙

钻石会员

帖子: 1052
体力: 5994
威望: 3
居住地: 上海市闵行区

发表于 2008-4-2 13:03:36 |显示全部楼层

沙发,支持一下

Welcome to MrZhang.me

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

jsw0528　

蓝蓝的神仙

钻石会员

帖子: 1052
体力: 5994
威望: 3
居住地: 上海市闵行区

发表于 2008-4-2 14:00:54 |显示全部楼层

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="MSThemeCompatible" content="No">
<title>无标题文档</title>
<script type="text/JavaScript">
<!--
//////////////////////////////////////////页面初始化///////////////////////////////////////
beginListen();
//////////////////////////////////////////页面初始化///////////////////////////////////////
//////////////////////////////////////////ajax类///////////////////////////////////////
function Ajax(url,recvT,stringS,resultF) {
 this.url = url;
 this.stringS = stringS;
 this.xmlHttp = this.createXMLHttpRequest();
 if (this.xmlHttp == null) {
  alert("erro");
        return;
    }
 var objxml = this.xmlHttp;
 objxml.onreadystatechange = function (){Ajax.handleStateChange(objxml,recvT,resultF)};
}

Ajax.prototype.createXMLHttpRequest = function() {
    try { return new ActiveXObject("Msxml2.XMLHTTP");    } catch(e) {}
    try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
    try { return new XMLHttpRequest();                   } catch(e) {}
    return null;
}

Ajax.prototype.createQueryString = function () {
 var queryString = this.stringS;
 return queryString;
}

Ajax.prototype.get = function () {
 url = this.url;
 var queryString = url+"?timeStamp=" + new Date().getTime() + "&" + this.createQueryString();
 this.xmlHttp.open("GET",queryString,true);
 this.xmlHttp.send(null);
}

Ajax.prototype.post = function() {
 url = this.url;
 var url = url + "?timeStamp=" + new Date().getTime();
 var queryString = this.createQueryString();
 this.xmlHttp.open("POST",url,true);
 this.xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 this.xmlHttp.send(queryString);
}
 
Ajax.handleStateChange = function (xmlHttp,recvT,resultF) {
 if (xmlHttp.readyState == 4) {
  if (xmlHttp.status == 200) {
  resultF(recvT?xmlHttp.responseXML:xmlHttp.responseText);
  } else {
  alert("您所请求的页面有异常。");
  }
 }
}
//////////////////////////////////////////ajax类///////////////////////////////////////

//////////////////////////////////////////处理鼠标事件///////////////////////////////////////
//表格变色
var toBeColor = "#F8F9FC";
var backColor = "#FFFFFF";
function onChangTrColor(obj) {
 obj.parentNode.style.backgroundColor = toBeColor;
 obj.style.backgroundColor = toBeColor;
 var inputs = obj.parentNode.parentNode.getElementsByTagName("input");
 for (var i = 0; i < inputs.length; i++ ){
  inputs[i].style.backgroundColor = toBeColor;
  inputs[i].parentNode.style.backgroundColor = toBeColor;
 }
}

function outChangTrColor(obj) {
 obj.parentNode.style.backgroundColor = backColor;
 obj.style.backgroundColor = backColor;
 var inputs = obj.parentNode.parentNode.getElementsByTagName("input");
 for (var i = 0; i < inputs.length; i++ ){
  inputs[i].style.backgroundColor = backColor;
  inputs[i].parentNode.style.backgroundColor = backColor;
 }
}

//////////////////////////////////////////处理鼠标事件///////////////////////////////////////

//////////////////////////////////////////处理页面操作///////////////////////////////////////
//复制所选
function copySelect(){
 var checkboxs = document.getElementsByName("checkbox");
 for (var i=0; i<checkboxs.length; i++) {
  if(checkboxs[i].checked == true){
  checkboxs[i].checked = false;
  copyTr(checkboxs[i]);
  checkboxs[i].checked = true;
  }
 }
}

function copyTr(obj) {
 var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; 
 var Str = obj.parentNode.parentNode;
 var tr =  Str.cloneNode(true);
 tbody.appendChild(tr);
}

//删除所选
function delSelect(){
 var checkboxs = document.getElementsByName("checkbox");
 var table = document.getElementById("tbData");
 var tr = table.getElementsByTagName("tr");
 for (var i=0; i<checkboxs.length; i++) {
  if(tr.length==2){
  checkboxs[i].checked = false;
  return;
  }
  if(checkboxs[i].checked==true){
  removeTr(checkboxs[i]);
  i=-1;
  }
 }
}

function removeTr(obj) {
 var sTr = obj.parentNode.parentNode;
 sTr.parentNode.removeChild(sTr);
}

//全选按钮
function selectAll() {
 var checkboxs = document.getElementsByName("checkbox");
 var mark = true;
 for (var i=0; i<checkboxs.length; i++) {
  if (checkboxs[i].checked==false){mark = false}
 }
 if (mark){
  for (var i=0; i<checkboxs.length; i++) {
   checkboxs[i].checked = false;
  }
 }else{
  for (var i=0; i<checkboxs.length; i++) {
   checkboxs[i].checked = true;
  }
 }
}

//////////////////////////////////////////处理页面操作///////////////////////////////////////

//////////////////////////////////////////处理键盘操作///////////////////////////////////////
//键盘事件
function beginListen(){
 if(document.addEventListener){
 document.addEventListener("keydown",keyDown,true);
 }else{
 document.attachEvent("onkeydown",keyDown);
 }
}
function stopListen(){
 document.detachEvent("onkeydown",keyDown);
}

//处理键盘事件
function keyDown(event){
 if(event.keyCode==13){addTr()}
 if(event.keyCode==46){delTr()}
}

//增加表格
function addTr() {
 var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; 
 var sTr = tbody.getElementsByTagName("tr")[0];
 var tr =  sTr.cloneNode(true);
 tbody.appendChild(tr);
}

//增加表格
function addTr() {
 var tbody = document.getElementById("tbData").getElementsByTagName("tbody")[0]; 
 var trs = tbody.getElementsByTagName("tr");
 var sTr = trs[trs.length-1];
 var tr =  sTr.cloneNode(true);
 tbody.appendChild(tr);
}

//删除表格
function delTr() {
 var table = document.getElementById("tbData");
 var tr = table.getElementsByTagName("tr");
 if(tr.length==2){return;}
 var lastTr = tr[tr.length-1];
 lastTr.parentNode.removeChild(lastTr);
}

//////////////////////////////////////////处理键盘操作///////////////////////////////////////

//////////////////////////////////////////处理按钮事件///////////////////////////////////////
//自动填充
var currentObj;
function showDiv(event,obj) {
 var eX = event.clientX;
 var eY = event.clientY;
 var sY = document.body.parentNode.scrollTop;
 var dY = eY + sY;
 var divShowInput = document.getElementById("divShowInput");
 divShowInput.style.top = dY + "px";
 divShowInput.style.left = eX+"px";
 divShowInput.style.display = "block";
 currentObj = obj;
 ////智能菜单////
 fixMenu();
 //判断焦点位置
 var tds = obj.parentNode.parentNode.getElementsByTagName("td");
 var tdOrder;
 for (var i = 0; i < tds.length; i++ ){
  if(tds[i] === obj.parentNode){
   tdOrder = i;
  }
 }
 //填充标题标题
 var tdTitleTr = document.getElementById("tbData").getElementsByTagName("tr")[0];
 var tdTitle = tdTitleTr.getElementsByTagName("td")[tdOrder];
 document.getElementById("barTitle").innerHTML = tdTitle.innerHTML;
 //收集表格信息//判断重复
 var trs = obj.parentNode.parentNode.parentNode.getElementsByTagName("tr");
 var autoFillP = document.getElementById("autoFillP");
 var bankM = true;
 for (var i = 0; i <  trs.length; i++ ){
  var inputValue = trs[i].getElementsByTagName("td")[tdOrder].getElementsByTagName("input")[0].value;
  if (inputValue != "") {
   bankM = false;
   var menus = autoFillP.getElementsByTagName("a");
   if(menus.length > 0) {
   var beliveM = true;
    for (var j = 0; j < menus.length; j++ ){
     if(menus[j].firstChild.nodeValue == inputValue) {
      beliveM = false;
     }
    }
    if(beliveM){
     var Svalue = document.createElement("a");
     Svalue.setAttribute("href","javascript:void 0");
     Svalue.onclick = function () {fillInput(this)};
     var Stext = document.createTextNode(inputValue);
     Svalue.appendChild(Stext);
     autoFillP.appendChild(Svalue);
    }
   }else{
    var Svalue = document.createElement("a");
    Svalue.setAttribute("href","javascript:void 0");
    Svalue.onclick = function () {fillInput(this)};
    var Stext = document.createTextNode(inputValue);
    Svalue.appendChild(Stext);
    autoFillP.appendChild(Svalue);
   }
  }
 }
 if(bankM) {
  var Svalue = document.createElement("a");
  Svalue.setAttribute("href","javascript:void 0");
  var Stext = document.createTextNode("数据空");
  Svalue.appendChild(Stext);
  autoFillP.appendChild(Svalue);
 }
}

function fillInput(obj) {
 currentObj.value = obj.innerHTML;
 var divShowInput = document.getElementById("divShowInput");
 divShowInput.style.display = "none";
}

function clearInput() {
 currentObj.value = "";
 var divShowInput = document.getElementById("divShowInput");
 divShowInput.style.display = "none";
}

function hideDiv(obj) {
 obj.parentNode.style.display = "none";
}

//删除智能菜单已有数据
function fixMenu() {
 var autoFillP = document.getElementById("autoFillP");
 var values = autoFillP.getElementsByTagName("a");
 for (var i = values.length-1; i >= 0; i-- ){
  autoFillP.removeChild(values[i]); 
 }
}
//////////////////////////////////////////处理按钮事件///////////////////////////////////////

//////////////////////////////////////////数据发送///////////////////////////////////////

//////////////////////////////////////////数据发送///////////////////////////////////////
function sendData() {
 var sendName = new Array("ok","A1","A2","A3","A4","A5","A6","A7","A8","A9","A10","A11");
 var trs = document.getElementById("tbData").getElementsByTagName("tbody")[0].getElementsByTagName("tr");
 for (var i = 0; i < trs.length; i++) {
  var sendValue = new Array();
  var values = trs[i].getElementsByTagName("input");
  var postString = sendName[1] + "=" + values[1].value;;
  for (var j = 2; j < values.length; j++) {
   postString = postString + "&" + sendName[j] + "=" + values[j].value;
  }
  var SendAjax = new Ajax("isave.asp",0,postString,sendok);
  SendAjax.post();
  function sendok(revData){
   alert(revData);
  }
 }
}

//////////////////////////////////////////数据发送///////////////////////////////////////

//-->
</script>
<style type="text/css">
<!--
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #E9EDF7;
}
#tbBackground {
 background-color:#FFFFFF;
 text-align:center;
}
#tbData {
 background-color:#DDE3EC;
}
#tbData td {
 background-color:#FFFFFF;
}
#tbData input {
 width:50px;
 border:none;
}
#tbData .checkbox {
 width:15px;
}

#tbData thead {
}

#tbTopOpt a{
 display:block;
 width:80px;
 padding:5px;
 background-color:#F8F9FC;
 border:solid 1px #999999;
 color:#000000;
 text-decoration: none;
}
#tbTopOpt a:hover{
 background-color:#DDE3EC;
}
#tbBomOpt a{
 display:block;
 width:80px;
 padding:5px;
 background-color:#F8F9FC;
 border:solid 1px #999999;
 color:#000000;
 text-decoration: none;
}
#tbBomOpt a:hover{
 background-color:#DDE3EC;
}
#tbData a{
 color:#000000;
 text-decoration: none;
}

#divShowInput {
 position:absolute;
 top:30px;
 left:350px;
 z-index:10;
 background-color:#F8F9FC;
 display:none;
 border:solid 1px #DDE3EC;
 width:100px;
 overflow:hidden;
}
#divShowInput a {
 display:block;
 background-color:#F8F9FC;
 color:#000000;
 text-decoration: none;
 text-align:center;
 width:auto;
}
#divShowInput a:hover {
 background-color:#DDE3EC;
 border-left:solid 2px #FF0000;
 border-right:solid 2px #FF0000;
 color:#FF0000;
}

#divShowInput p {
 cursor:hand;
 margin:0;
 padding:0;
 background-color:#F8F9FC;
 text-align:center;
 border-bottom:double #DDE3EC;
}
-->
</style>
</head>

<body>
<div id="divShowInput">
 <p id="barTitle" onClick="hideDiv(this)"></p>
 <p id="defComP" onClick="hideDiv(this)">
 <a href="javascript:void 0" onClick="clearInput()">清空</a>
 </p>
 <p id="autoFillP">
 <a href="javascript:void 0" onClick="fillInput(this)">Llinzzi</a>
 <a href="javascript:void 0" onClick="fillInput(this)">Huanhuan</a>
 <a href="javascript:void 0" onClick="fillInput(this)">Tom.com</a>
 <a href="javascript:void 0" onClick="fillInput(this)">超级长的长长长长长长</a>
 </p>
</div>
<table id="tbBackground" width="760" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table id="tbTopOpt" width="700" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="40" width="125"><a href="javascript:void 0" onClick="copySelect()">
  复制所选</a></td>
        <td width="537"><a href="javascript:void 0" onClick="delSelect()">删除所选</a></td>
        <td width="38"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table id="tbData" width="750" border="0" align="center" cellpadding="0" cellspacing="1">
 <thead>
      <tr>
        <td height="25" ><a href="javascript:void 0" onClick="selectAll();">全选</a></td>
        <td>A1</td>
        <td>A2</td>
        <td>A3</td>
        <td>A4</td>
        <td>A5</td>
        <td>A6</td>
        <td>A7</td>
        <td>A8</td>
        <td>A9</td>
        <td>A10</td>
        <td>A11</td>
      </tr>
   </thead>
   <tbody>
      <tr>
        <td><input class="checkbox" type="checkbox" name="checkbox" value="checkbox"></td>
        <td><input name="A1" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A2" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A3" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A4" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A5" type="text"  onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A6" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A7" type="text"  onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A8" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A9" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A10" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
        <td><input name="A11" type="text" onFocus="stopListen()" onBlur="beginListen()" onDblClick="showDiv(event,this)" onMouseOver="onChangTrColor(this)" onMouseOut="outChangTrColor(this)"></td>
      </tr>
   </tbody>
    </table></td>
  </tr>
  <tr>
    <td><table width="700"  border="0" align="center" cellpadding="0" cellspacing="0" id="tbBomOpt">
      <tr>
        <td height="40" width="125"><a href="javascript:void 0" onClick="copySelect()">
  复制所选</a></td>
        <td width="537"><a href="javascript:void 0" onClick="delSelect()">删除所选</a></td>
        <td width="537"><a href="javascript:void 0" onClick="sendData()">提交</a></td>
        <td width="38"> </td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

提示：您可以先修改部分代码再运行

Welcome to MrZhang.me

使用道具举报

jsw0528　

蓝蓝的神仙

钻石会员

帖子: 1052
体力: 5994
威望: 3
居住地: 上海市闵行区

发表于 2008-4-2 14:03:27 |显示全部楼层

上面的代码我百度来的，我不明白怎么把数据保存到数据库中，楼下的接

Welcome to MrZhang.me

使用道具举报

oklrc　

新手上路

帖子: 12
体力: 25
威望: 0

发表于 2008-4-2 19:06:37 |显示全部楼层

回楼上的,上面那个代码是用ajax来实现数据保存的!

PHP程序

使用道具举报

benaheng　

笨阿哼

高级会员

帖子: 166
体力: 669
威望: 0
居住地: 河北省邢台市

发表于 2008-4-2 19:13:40 |显示全部楼层

不错留个记号

使用道具举报

MarVell　

mxclion

银牌会员 

帖子: 825
体力: 1488
威望: 0
居住地: 河南省洛阳市

发表于 2008-4-3 01:45:08 |显示全部楼层

没事水一把...大家无视我就是了

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" 
lang="zh-cn">
<head>
<title>演示</title>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="author" content="MarVel" />
<script type="text/javascript">
/* <![CDATA[ */
function focus(){
var text=document.getElementById("text");
	text.onfocus=function(){
		text.value="";
		text.className="focus";
	}
	text.onblur=function(){
		if (text.value==""){
			text.value="纯属瞎扯淡"
		}
		text.className="";
		alert(text.value);
	}
}
window.onload=focus;
/* ]]> */
</script>

提示：您可以先修改部分代码再运行

[ 本帖最后由 MarVell 于 2008-4-3 01:54 编辑 ]

不在放荡中变坏,就在沉默中变态...

使用道具举报