用JS模仿DataGrid

datagrid|js

 
<HTML>
<HEAD>
<TITLE> JS模仿的DataGrid</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeValue(objTD)
{
 var objName;
 objName = objTD.id;
 objTD.innerHTML = "<input type=text id=txtBox name=textfield value="+objTD.innerText+" onBlur=WriteNewValue(this.value,"+objName+");>";
}
function WriteNewValue(strTxt,objTD)
{
 objTD.innerText = strTxt;
}//-->
</SCRIPT>

<BODY>
<TABLE width="500" align="center" cellpadding="1" cellspacing="1" bgcolor="#3333CC">
<TR bgcolor="#FFFFFF">
 <TD height="30" id="td1" onDblClick="ChangeValue(this);"><P>QQQQQQ</P></TD>
 <TD id="td2" onDblClick="ChangeValue(this);">fdsafas</TD>
 <TD id="td3" onDblClick="ChangeValue(this);">fadsfasf</TD>
 <TD id="td4" onDblClick="ChangeValue(this);">fsdafasf</TD>
 <TD id="td5" onDblClick="ChangeValue(this);">fdsaf</TD>
</TR>
</TABLE>
</BODY>
</HTML>

时间: 2024-08-03 16:22:19

用JS模仿DataGrid的相关文章

用Javascript模仿DataGrid

datagrid|javascript <HTML><HEAD><TITLE> JS模仿的DataGrid</TITLE></HEAD><SCRIPT LANGUAGE="JavaScript"><!--function ChangeValue(objTD){ var objName; objName = objTD.id; objTD.innerHTML = "<input type=tex

js模仿hover的具体实现代码

 hover效果,想必大家并不陌生吧,接下来为大家介绍下使用js模仿hover,感兴趣的朋友可以参考下 代码如下: <!DOCTYPE HTML>  <html>  <head>  <meta charset="utf-8">  <meta name="description" content="this" />  <meta name="keywords" c

mongodb-node.js 模仿开发指南模板问题

问题描述 node.js 模仿开发指南模板问题 终端出错显示是:Cannot read property 'Store' of undefined. 在网上查,说把改成 var MongoStore = require('connect-mongo')(express); 或者 安装MongoDB 1:修改package.json "dependencies": { "express": "3.1.0", "ejs": &qu

JS模仿腾讯图片站的图片翻页按钮效果完整实例_javascript技巧

本文实例讲述了JS模仿腾讯图片站的图片翻页按钮效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" conten

js模仿php中strtotime()与date()函数实现方法_javascript技巧

本文实例讲述了js模仿php中strtotime()与date()函数实现方法.分享给大家供大家参考.具体如下: 在js中没有像php中strtotime()与date()函数,可直接转换时间戳,下面我们来自定一个函数来实现js中具体有时间戳转换的功能. function datetime_to_unix(datetime){ var tmp_datetime = datetime.replace(/:/g,'-'); tmp_datetime = tmp_datetime.replace(/

JS模仿编辑器实时改变文本框宽度和高度大小的方法_javascript技巧

本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法.分享给大家供大家参考.具体如下: 这里演示JS模仿编辑器中实时改变文本框大小,包括宽度和高度的方法,在一些在线编辑器,比如eWebEditor中,就有一个功能,让文本框不断的增大或减小,以适应页面的大小,这个功能是如何实现的呢?请您参考一下这个程序,相信你会从中获益. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/

基于JS模仿windows文件按名称排序效果_javascript技巧

作个记录,主要是对数字的处理,如果数字的前面字符是相同的,则数字以值比较,而不是单个字符之间的比较. function SortLikeWin(v1, v2) { var a = v1.name; var b = v2.name; var reg = /[0-9]+/g; var lista = a.match(reg); var listb = b.match(reg); if (!lista || !listb) { return a.localeCompare(b); } for (var

新手学习前端之js模仿淘宝主页网站_javascript技巧

先给大家展示下效果图: 图片资源链接:http://pan.baidu.com/s/1jHAdLNg 密码:5uo1 html 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&quo

js 模仿锚点定位的实现方法_javascript技巧

如下所示: <div class="designer-bg ov"> <div class="w-77 f-l designer-nav"> <ul id="scroll_nav"> <li class="designer-nav-li"><a href="" title="" data-nav="a">A