javascript鼠标点击文字变文本框代码

 代码如下 复制代码
<style type="text/css">
 body{font-size:13px;}
 .sortname{height:30px;}
</style>
<script src="/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(".sortname").click(function(){
   if($(this).find(".sort_input").attr("type") == "text"){return false;}
   var name = $.trim($(this).html());
   var m = $.trim($(this).text());
   $(this).html("<input type=text value=""+name+"" class="sort_input">");
   $(this).find(".sort_input").focus();
   $(this).find(".sort_input").bind("blur", function(){
    var n = $.trim($(this).val());
    if(n != m && n != ""){
     //window.location = "sort.php?val="+encodeURIComponent(n);
     //发送信息
     $(this).parent().html(n);
    }else{
     $(this).parent().html(name);
    }
   });
 });
});
</script>
</head>
<body>
<div class="sortname">百度</div>
<div class="sortname">谷歌</div>
时间： 2024-10-24 19:39:04

javascript鼠标点击文字变文本框代码的相关文章

点击文字变为文本框，失去焦点则写文本框内容入库怎么实现？

问题描述 新手无能为力了--比如说循环出来的多个div下的数据怎么能做到标题所说的功能?这纠结了半天啊--有哪位能给个例子什么的么? 解决方案 解决方案二:jQuery+ajax解决方案三:用正则读取div里的数据,解决方案四:不要把网站当单机玩解决方案五:什么失去焦点就入库,你确定这种操作模式真的好吗?1.浪费流量,在不该通信的时候去通信,造成无端的卡顿2.万一改错了连恢复的机会都不给解决方案六:失去焦点就入库,这个方法不太好..点击文字变为文本框1.span和TextBox的组合..显示时隐

javascript看点击文字弹出层代码

关闭 谢谢光临-- 弹出按钮

JavaScript实现点击文字切换登录窗口的方法

  本文实例讲述了JavaScript实现点击文字切换登录窗口的方法.分享给大家供大家参考.具体分析如下: 这是一款动画切换层窗口的特效,点击不同的登录用户会切换到不同的登录窗口,窗口内的内容可以是不一样的,是比较实用的一款代码. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

 这篇文章主要介绍了利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域.需要的朋友可以过来参考下,希望对大家有所帮助 原理就是循环获取网页上的控件,然后设置disabled 属性为true.   代码如下:   代码如下: <script type="text/javascript">     var nodeList = document.getElementsByTagName("input");     for (var i =

JavaScript实现点击文字切换登录窗口的方法_javascript技巧

本文实例讲述了JavaScript实现点击文字切换登录窗口的方法.分享给大家供大家参考.具体分析如下: 这是一款动画切换层窗口的特效,点击不同的登录用户会切换到不同的登录窗口,窗口内的内容可以是不一样的,是比较实用的一款代码. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JAVASC

js实现鼠标点击左上角滑动菜单效果代码_javascript技巧

本文实例讲述了js实现鼠标点击左上角滑动菜单效果代码.分享给大家供大家参考.具体如下: 这里需要鼠标点击激活的网页左上角菜单,不点击不会滑出来,可以改造成二级菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-click-hd-show-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo

js如何实现点击标签文字，文字在文本框出现_javascript技巧

js实现点击标签文字,文字出现在文本框里,下面2种方法实现的功能略有不同,总体来说方法一功能更强大. 第一种方法:随意点击任何标签都会出现在文本框中,如何第二次点击标签,对应的文字就会在文本框中消失. <style>.c{ width:40px; height:25px; line-height:25px; text-align:left; margin:2px; float:left; font-size:12px; cursor:pointer }</style> <in

extjs4 grid 单元格点击变成后文本框后 我想让文本框的值变成全选状态

问题描述 extjs4 grid点击变成后 我想让文本框的值变成全选状态 不知道这个.select() 在哪里加上 问题补充:public2 写道 解决方案 给TextField加上selectOnFocus: true 配置解决方案二:就是在你点击完成后,获取这个textfield,比如var textfield = Ext.getCmp('id');textfield.selectText();解决方案三:你的textfield组件上调用

用WPS文字中文本框实现精确套打

在制作红头文件时,我们需要套打;在打印请柬时,我们需要套打,在填写信封时,我们也需要套打.在电脑和网络无处不在的时代,我们的手写体越来越拿不出手,于是,凡是有文字的地方,都想让电脑和打印机来帮忙.套打,于是成了必备的一项技能. 在WPS文字2005中,提供了隐藏文字和套打文字功能,不过前提是你必需有套打对象的原始文件,对于填写别人做好的文件头.请柬.信封等情况而言,似乎这是不太可能的.由于,我们请出套打的高手--文本框!这里以套打请柬为例,向大家介绍利用文本框完成套打的方法. 第一步,找出直尺,