模仿一个 Ajax 即时编辑

我不是鱼

UID: 2
帖子: 1402
积分: 3221
在线时间: 2077小时
注册时间: 2006-05-16
最后登录: 2019-01-15

1^# 我不是鱼发表于2006-08-25

模仿一个 Ajax 即时编辑

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

<!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=gb2312" /> 
<title>编辑</title> 
<script type="text/javascript"> 
var curObj = null; 
function showForm(obj){ 
  if (curObj == null){ 
    curObj = obj; 
    obj.innerHTML = "<textarea onblur=\"submitIt(this);\">" + obj.innerHTML + "</textarea>"; 
    obj.firstChild.select(); 
  } 
} 
 
function submitIt(obj){ 
  curObj.innerHTML = obj.value; 
  curObj = null; 
} 
</script> 
<style> 
div { 
  overflow: auto; 
  padding:5px; 
  border:1px solid #FF6600; 
  background-color:#FFFFCC; 
  width:200px; 
  height:160px; 
} 
form { 
  margin: 0; 
} 
textarea { 
  border:1px solid #999999; 
  width: 190px; 
  height: 150px; 
} 
</style> 
</head> 
<body> 
<div id="editArea_1" onclick="showForm(this);">Here is some text.</div> 
 
<div id="editArea_2" onclick="showForm(this);">Here is some text. 
 
Just so so... :D </div> 
</body> 
</html>

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

如履薄冰

LearningPHP

UID: 739
帖子: 7
积分: 8
在线时间: 14小时
注册时间: 2006-08-26
最后登录: 2006-11-23

2^# LearningPHP 发表于2006-08-26

感谢了~~但是我还是不懂运用

LearningPHP

UID: 739
帖子: 7
积分: 8
在线时间: 14小时
注册时间: 2006-08-26
最后登录: 2006-11-23

3^# LearningPHP 发表于2006-08-29

有没有办法让它可以空行？