`
chengyu2099
  • 浏览: 468699 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

JS 单击可以编辑

阅读更多
<%@ page language="java" contentType="text/html;charset=gbk" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>点击编辑</TITLE>
</HEAD>
<BODY>
<script type="text/javascript">
<!--
var _edit =
{
 IN: function (obj, act, id) {
  var tag = obj.firstChild.tagName;

  if (typeof(tag) != "undefined" && (tag == "INPUT" || tag == "TEXTAREA"))return;
  var org = obj.innerHTML;
  var orglen = org.replace(/[^\x00-\xff]/g,'**').length;
  if (obj.offsetHeight <= 22) {
  var val = window.ActiveXObject ? obj.innerText : obj.textContent;
  var txt = document.createElement("INPUT");
  txt.value = val;
  txt.style.background = "#FFC";
  txt.style.width = obj.offsetWidth + "px" ;
  obj.innerHTML = "";
  obj.appendChild(txt);
  txt.focus();
  txt.onblur = function(e){
obj.innerHTML = txt.value;
_edit.QUERY(act,txt.value);
return false;
  }
  return false;
  }else{
var content = obj.innerHTML;
var html = document.createElement('TEXTAREA');
html.style.width = obj.offsetWidth + "px";
html.style.height = obj.offsetHeight + "px";
obj.innerHTML = "";
html.value = content;
obj.appendChild(html);
html.focus();
html.onblur = function(e){
obj.innerHTML = html.value;
_edit.QUERY(act,obj.innerHTML);
}
return false;
  }

 },
 QUERY: function (url,postData) {
var req = (window.XMLHttpRequest) ? new XMLHttpRequest() : (window.ActiveXObject ? new 
ActiveXObject('Microsoft.XMLHTTP') : false);
if (!req) alert("Unable to creat an XMLHttpRequest");
var method = (postData) ? "POST" : "GET";
req.open(method,url,true);
if (postData)req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
req.onreadystatechange = function () {
if (req.readyState == 4) {
if(req.status == 200) {
var message = req.responseText;
if(message)alert(message);
}else{
alert("There was a problem with the request " + req.status);
}
}
}
req.send(postData);
 }
}

var editContent = _edit.IN;
// -->
</script>
</head>

<body>
<h2>Edit text</h2>
<div  style="background-color:#FFFFCC;width:160px;" 
onclick="_edit.IN(this,'index.html?act=edit',3)">INPUT单击可以编辑</div><br />
<div id="content" ondblclick="editContent(this,'index.html?act=edit',3)">源码爱好者(CodeFans.net)提
供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等,做有质量的学习型源码下载站。</div>
</pre>
 </BODY>
</HTML>
分享到:
评论

相关推荐

    Three.js3D场景编辑器(vue3版本)

    构建的three.js3D场景编辑器。支持场景导入,导出。自定义配置。 导出的文件支持https://www.npmjs.com/package/scene-view。解析器解析渲染。 目前为纯前端单机版。 当前文件为打包后文件,可自己启动服务进行查看...

    文档在线编辑器(javascript源码)

    总之,“文档在线编辑器(javascript源码)”是一个很好的学习资源,通过实际的代码分析,你可以深入了解JavaScript在Web开发中的应用,进一步提升你的前端开发技能。无论是初学者还是经验丰富的开发者,都能从中...

    2013信息技术中考单机版

    单机版意味着该软件无需网络连接即可运行,学生可以在自己的电脑上独立进行学习。 【描述】提到的"能打开网页题"可能是指该软件内含一部分基于网页形式的试题,即通过模拟网页环境来展示和解答问题,这种形式可能...

    cocos creator js 仿微信打飞机单机demo

    【标题】"cocos creator js 仿微信打飞机单机demo"揭示了这是一个基于Cocos Creator游戏引擎,使用JavaScript编程语言实现的,模仿微信小游戏“打飞机”的项目示例。这个项目旨在为开发者提供一个高度还原原版游戏的...

    ASP服务器单机测试版本

    使用ASP服务器单机测试版本进行开发时,开发者可以创建和编辑ASP文件,然后通过内置的服务器运行并查看结果。这有助于快速定位和修复代码错误,提高开发效率。同时,由于是在本地运行,数据安全性和隐私保护都得到了...

    单机架站全攻略,怎么用个人电脑架设服务器

    在个人电脑上架设服务器,即单机架站,是一个技术性强且有趣的过程,它可以用于测试、学习或作为小型项目的本地服务器。以下是一份详细的单机架站全攻略,涵盖了从选择硬件到配置软件的各个步骤。 首先,硬件是基础...

    es linux单机服务器搭建.doc

    确认安装成功,可以运行 `npm -v` 查看版本。 2. **安装Grunt**:运行 `npm install --global grunt-cli` 安装Grunt CLI。 3. **配置Elasticsearch Head**: - 修改 `Gruntfile.js` 文件,添加`hostname`属性,以...

    武林外传EL

    6. **多语言支持**:由于EL通常与Java结合使用,编辑器可能支持多种编程语言,包括但不限于Java、JavaScript、HTML、CSS等。 7. **版本控制集成**:与Git或其他版本控制系统集成,方便代码版本管理。 8. **项目管理*...

    cocoscreator2.3开发精品单机游戏源码

    6. **脚本编程**:CocosCreator支持JavaScript和TypeScript作为脚本语言,通过编写脚本可以实现游戏逻辑、角色行为和交互。理解如何编写和组织脚本,以及如何利用组件系统(Component System)将脚本与节点关联,是...

    小书匠编辑器.zip

    同时看了下许多编辑器的开源代码,包括当时比较出名的dillinger源代码和stackedit源代码,都是使用javascript进行开发的,就更加坚定的选择了javascript。 刚发布的小书编是不对任何第三方平台进行支持的,后来有个...

    单机游戏下载网站源码(ASP+ACCESS)

    在压缩包中,"单机游戏下载网站源码(ASP+ACCESS)"很可能是整个项目的所有文件,包括ASP文件、HTML模板、CSS样式表、JavaScript脚本、图片资源、数据库文件等。解压后,开发者可以使用文本编辑器查看和修改源代码,...

    html5实现的单机版飞机大战游戏源码.zip

    一般来说,这样的文本文件会指导开发者如何在本地环境中设置和运行游戏,包括安装必要的开发工具,如Web服务器(如Apache或Node.js)、文本编辑器(如Visual Studio Code或Sublime Text)以及可能需要的JavaScript库...

    单击html元素能够编辑.html

    鼠标右击html元素,能够编辑该元素.编辑结束,按enter键完成编辑。只有一个html页面,无需其他插件。

    单机游戏网站模板源码是一款适合游戏行业网站模板下载 .rar

    4. **源码使用**:获取源码后,开发者可以通过编辑器打开文件,修改颜色、布局、文字等,也可以添加或删除功能模块,以适应自己的需求。 5. **压缩文件处理**:.RAR是一种流行的压缩格式,需要使用解压缩软件(如...

    2023年山东省春季高考技能测试-数字媒体类专业考试练习题库-单机版.rar.rar.rar.rar

    这个单机版的练习题库很可能是包含了上述各个方面的模拟试题和案例分析,考生可以通过做题来检验自己的理解和应用水平。在解答过程中,不仅可以巩固理论知识,还能提高实际操作的熟练度。考生应重点练习那些自己不...

    微信小程序税率计算器小程序-单机版源码.zip

    学习这个项目,开发者可以了解微信小程序的基本架构和开发流程,熟悉WXML和WXSS的语法,以及JavaScript在小程序中的应用。同时,也能掌握税务计算的基本规则,这对于进行实际的项目开发或提升个人技能非常有帮助。 ...

    鼠标点击,图片变大,周围的图片隐藏

    这个效果可以通过JavaScript(JS)语言来实现,配合网页编辑工具如Dreamweaver,可以方便地创建和编辑网页代码。在网页设计中,这种交互体验能够提升用户的浏览体验,使他们更容易专注于当前选中的内容。 首先,...

    ArcSDE for DB2 安装详解(单机及分布式)

    在远程DB2服务器上,需要将SDEHOME中的jsde_db2.jar文件复制过去,并通过sde用户在数据库命令编辑器中安装此jar文件。如果需要更新jar文件,可以使用replace_jar函数。完成这些步骤后,就可以通过ArcCatalog连接到...

    cocoscreator2.3开发的单机精品游戏完整源码

    《CocosCreator2.3开发的单机精品游戏完整源码》是一款基于CocosCreator引擎制作的、玩法类似于热门游戏《Escape Masters》的单机游戏。这款游戏的核心特点是玩家需要在游戏中挖掘地道,帮助游戏角色成功逃离困境,...

    枪神之神-cocos creator源码.rar

    Cocos Creator 是一款强大的2D游戏开发工具,集成了完整的资源管理、场景编辑、组件系统、动画编辑等功能,并支持JavaScript和TypeScript两种编程语言。它基于Cocos2d-x引擎,但提供了更友好的图形化编辑界面和高效...

Global site tag (gtag.js) - Google Analytics