求纯html的table的row的doubleclick例子,该怎么解决-ASP.NET教程-爱易网页

求纯html的table的row的doubleclick例子,该怎么解决

日期：2014-05-18　浏览次数：20480 次

求纯html的table的row的doubleclick例子
如题。

补充：纯 html的，只有 javascript + html，求可用的例子，谢谢！

------解决方案--------------------
从弹框开始的吗？
可以做简单的博客类的，论坛类的
在到异步类的
在到html5

------解决方案--------------------
什么意思?
这样?

HTML code

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
<script>
function updateHTML(){
    document.getElementById("dbclk").innerHTML="测试成功";
}
</script>
</head>

<body>

<table border="1" width="100%" id="table1">
    <tr>
        <td id="dbclk" ondblclick="updateHTML();">双击此处</td>
    </tr>
    </table>

</body>

</html>

------解决方案--------------------

扩展GridView  

http://blog.csdn.net/sandy945/article/details/6649346

把生成的html贴出来 就是你要的了

------解决方案--------------------

HTML code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function ABC()
{
    var table1=document.getElementById("table1");
    var tds=table1.getElementsByTagName("td");
    for(var i=0;i<tds.length;i++)
    {
        tds[i].ondblclick=function(){
            alert(this.innerHTML);
        }
    }
}
</script>
</head>
<body>
<table id="table1" border="1">
    <tr><td>12345</td><td>67890</td></tr>
    <tr><td>abcde</td><td>fghij</td></tr>
    <tr><td>ABCDE</td><td>FGHIJ</td></tr>
</table>
<script>ABC()</script>
</body>
</html>

------解决方案--------------------

dom 的事件是冒泡的，所以不要为td设置dbclick事件
HTML code
    <table id="tb">
        <tr>
            <td>1</td><td>2</td><td>3</td>
        </tr>
        <tr>
            <td>4</td><td>5</td><td>6</td>
        </tr>
        <tr>
            <td>7</td><td>8</td><td>9</td>
        </tr>
    </table>
    <br />
    <div id="result"></div>
    <script type="text/javascript">
        var TableDblClick = function (evt) {
            evt = evt.target || event.srcElement;
            if (evt.tagName == 'TD' && evt.parentNode.tagName == 'TR') {
                var rowIndex = evt.parentNode.rowIndex + 1;
                var cellIndex = evt.cellIndex + 1;
                document.getElementById('result').innerHTML = '当前点击的是第' + rowIndex + '行，第' + cellIndex + '列<br /><br />单元格的内容是:' + evt.innerHTML;
            }
        }
        window.onload = function () {
            document.getElementById('tb').ondblclick = function (evt) { return function () { TableDblClick(evt); } } (event);
        }
    </script>

------解决方案--------------------

你贴的图里面，稍微麻烦些的是分页

两种方案，一是数据量少的时候 一次加载，当前页显示，其他页隐藏。

二是采用异步加载的方式 就是 ajax

------解决方案--------------------
看来你不把 jQuery 插件机制叫做 javascript 啊！

如果使用 jQuery，那么不也是封装好的么。这跟你把代码封装到asp.net程序中去调用（用来影响到输出的html），反而更加不容易读。反倒是asp.net程序输出的html比较纯，要比jQuery代码好读多了。

------解决方案--------------------
反而更加不容易读  -->  相比起来反而更加不容易读


不知道在asp.net论坛要求“纯”是为了什么。其实直接在html/javascript论坛问这个就行了。

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求纯html的table的row的doubleclick例子,该怎么解决

相关资料更多>

推荐阅读更多>