javascript 加 ASP 能实现如下效果吗, - ASP技术论坛

已结贴√ 问题点数：20 回复次数：8

javascript 加 ASP 能实现如下效果吗,

请问用javascript 和 ASP 能不能实现以下的效果:
1.当我鼠标点击时,显示如图一,就是可以输入内容,并且有输入框.

2,当鼠标离开时,提交输入的内容,并显示如图二,,没有输入框.

这种效果在QQ上也有的,就是2009版本的QQ签名

T2.jpg (4.31 KB)

图片附件: 游客没有浏览图片的权限，请登录或注册

T1.jpg (4.2 KB)

图片附件: 游客没有浏览图片的权限，请登录或注册

搜索更多相关主题的帖子: javascript　ASP　效果　

第 2 楼

得分:0

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

第 3 楼

得分:0

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

第 4 楼

得分:20

用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]]