javascript 加 ASP 能实现如下效果吗, - 编程论坛

#2

multiple19022009-07-24 13:55

可以实现的。基本可以做到相同的效果。

#3

kgdipbyve2009-07-24 13:57

用JQ。他里面的代码写好了只要会用就行。他可以把<td> 这个变成 <input> 也就是你想要的那种样子。

#4

yms1232009-07-24 14:33

用DIV就可以实现
<html>
<head>
   <title>超链接替换文本框</title>
<script language="javascript">
//测试内容文本
var TestBody="测试内容文本要长，很长测试文本很长特别的长非常多的字";

//初始化要显示的文本
function Page_Load()
{
   var LnkTst=document.getElementById("LinkTest");//定位到超链接
   LimitLinkString(TestBody);
   LnkTst.title=TestBody;//将文本赋值给超链接title属性
}

//文本框显示代码
function ShowTextBox()
{
   var LnkTst=document.getElementById("LinkTest");//定位到超链接
   this.TextInput.value=LnkTst.title;//将超链接文本赋值给为本框
   this.LinkDiv.style.display="none";//隐藏超链接
   this.TextDiv.style.display="";//显示文本框
}

//超链接显示代码
function ShowLink()
{
   var LnkTst=document.getElementById("LinkTest");//定位到超链接
   var InpStr=this.TextInput.value;//获取文本框输入的内容
   //将输入内容赋值给超链接
   LnkTst.title=InpStr;
   LimitLinkString(InpStr);
   this.LinkDiv.style.display="";//显示超链接
   this.TextDiv.style.display="none";//隐藏文本框
}

//限制超链接显示文字长度
function LimitLinkString(LnkStr)
{
   var LnkTst=document.getElementById("LinkTest");//定位到超链接
   //超过15个字截取为15个字未超过则全部赋值过去
   if(LnkStr.length>15)
      LnkTst.innerHTML=LnkStr.substr(0,15)+"……";
   else
      LnkTst.innerHTML=LnkStr;
}
</script>
</head>
<body onLoad="Page_Load();" >
<div id="LinkDiv" ><a id="LinkTest" title="" href="javascript:ShowTextBox();"></a></div>
<div id="TextDiv" style="display:none" ><input type="text" onblur="ShowLink();" name="TextInput" ></div>
</body>
</html>

[[it] 本帖最后由 yms123 于 2009-7-24 14:34 编辑 [/it]]

#5

friends5712009-07-24 14:49

呵呵,谢谢,太详细了,一定好好学习,
请问能不能保存到数据库的,不用提交就可以保存的,

#6

yms1232009-07-24 15:02

那就必须用Ajax了，代码就会更加复杂。

#7

zhongx2009-07-24 22:18

yms123

#8

站长刘2009-07-25 15:02

yms123太厉害了

#9

lenble2009-07-26 18:49

谢谢啊，真的很有用处的哦