我想制作一个输入心情的Ajax输入框,没有选择的状态是正常显示div框,显示内容,当点击这个div框的时候,隐藏div框,显示同样大小的input文本框,当输入完毕内容以后,鼠标离开后文本框消失,显示div层。 自己在网上搜来这个代码,但是作者说,这个代码在IE下没有问题,但是在FF下鼠标要点击两次才能显示回原来的div,具体的你们运行一下代码试试~~~,最好帮我看看这个js写的如何~本人只是自学了div+css,js还是一窍不通……希望大家帮帮忙啦~实在是没有办法了……thx thxxxxx 之前帖子发错版块了 T T
http://topic.csdn.net/u/20091116/21/b1083b6f-bdb1-4723-b3f9-8b0d402cbea3.html<div>
<div class="show" id="test" onclick="edit(this.id)" onblur="edit(this.id)" title="点击此处添加心情">显示心情</div>
<div class="hide" style="display:none;" id="testfm">
<input type="text" name="nn" value="可编辑的内容一" onBlur="hide(this.parentNode.id)" />
</div>
</div><script language="javascript">
<!--
function $(e){
return document.getElementById(e);//封装获取函数
}
function edit(e){
//parseInt
$(e).style.display="none";
$(e+"fm").style.display="block";
$(e+"fm").childNodes[0].focus(); //div的子元素自动获得焦点
}
function hide(e){
//parseInt
$(e).style.display="none";
$(e=e.replace("fm","")).style.display="block";
}
-->
</script>
http://topic.csdn.net/u/20091116/21/b1083b6f-bdb1-4723-b3f9-8b0d402cbea3.html<div>
<div class="show" id="test" onclick="edit(this.id)" onblur="edit(this.id)" title="点击此处添加心情">显示心情</div>
<div class="hide" style="display:none;" id="testfm">
<input type="text" name="nn" value="可编辑的内容一" onBlur="hide(this.parentNode.id)" />
</div>
</div><script language="javascript">
<!--
function $(e){
return document.getElementById(e);//封装获取函数
}
function edit(e){
//parseInt
$(e).style.display="none";
$(e+"fm").style.display="block";
$(e+"fm").childNodes[0].focus(); //div的子元素自动获得焦点
}
function hide(e){
//parseInt
$(e).style.display="none";
$(e=e.replace("fm","")).style.display="block";
}
-->
</script>
解决方案 »
- 帮忙看一个程序
- >>>>>>>jstree异步树勾选问题
- jquery如何把一个列表分割成两个
- |zyciis| Javascript 如何加密解密? 我进 http://www.scriptlover.com/packer/ 但里面什么都不能输入 谢谢
- 请教
- 求助,PHP里面的JAVASCRIPT的问题
- 招聘javascript程序员,工作地点青岛,顶者有分!
- etang网查cet成绩的页面的脚本是怎么写的?
- 梅花雨日历控件2.0新鲜出炉!大副改观的界面!全新的iframe载体,不再被select挡住!
- MyEclipse连接MySQL时出现中文乱码怎么办
- js打开新窗口关闭就窗口问题??在线等
- 一小段JS代码
结啦?怎么了、、想捞分、我还有个帖子没结、、、你去那个帖子把http://topic.csdn.net/u/20091116/21/b1083b6f-bdb1-4723-b3f9-8b0d402cbea3.html