JavaScript通过jquery读取导入的CSV tb并写入站点的另一个表/部分

JavaScript通过jquery读取导入的CSV tb并写入站点的另一个表/部分,javascript,jquery,html,csv,Javascript,Jquery,Html,Csv,我是javascript新手,但在批处理脚本、HTML、Powershell、小型PHP和VBS方面有(无用的)背景。所以,如果我是个笨蛋,我会提前道歉 整个计划如下: <td style="border-top; medium none; border-left; width: 75px; height: 60px; medium none;" onclick="onBoxClick(this);" d="pcname1">pcname1</td

我是javascript新手,但在批处理脚本、HTML、Powershell、小型PHP和VBS方面有(无用的)背景。所以,如果我是个笨蛋,我会提前道歉

整个计划如下:

<td style="border-top; medium none; border-left;
         width: 75px; height: 60px; medium none;" 
    onclick="onBoxClick(this);"  d="pcname1">pcname1</td>
  • 将CSV文件读取/导入到HTML
  • 从CSV数据中,将表格中的信息写入课桌平面图
  • 我能够使用jquery将CSV文件手动(稍后将自动)导入HTML,并将其分解为页面中的表(TD和TR),并正确显示所有行/列。我把它导入到一个隐藏的div中,因为它看起来很难看

    从这里,我想要一个on-click/onload、on-hover javascript从导入到相应桌子(桌子由桌子组成)的表中提取,并显示桌子上桌子的信息

    以下是csv的示例:

    PC Name,Date,Time,Online,Admin Access
    pcname1,22/12/2016, 8:52:09.49,"Yes","Yes"
    pcname2,22/12/2016, 8:52:09.49,"Yes","Yes"
    
    通过jquery导入的数据如下所示:

    <table id="contents" style="width:100%; height:400px;" border=""><tbody><tr>
    <td>PC Name</td>
    <td>Date</td>
    <td>Time</td>
    <td>Online</td>
    <td>Admin Access</td>
    <tr>
    <td>pcname1</td>
    <td>22/12/2016</td>
    <td> 8:52:09.49</td>
    <td>Yes</td>
    <td>Yes</td>
    </tr>
    
    
    电脑名
    日期
    时间
    在线 的
    管理员访问
    pcname1
    22/12/2016
    8:52:09.49
    对
    对
    
    对于“平面布置图”,我将按如下方式组织桌子:

    <td style="border-top; medium none; border-left;
             width: 75px; height: 60px; medium none;" 
        onclick="onBoxClick(this);"  d="pcname1">pcname1</td>
    
    pcname1
    
    如何编写从导入的TD中提取的函数,以便在“桌面”中写入?下面是我从另一篇文章中复制的一个例子:

    function onBoxClick(obj)
    {
        var msg_selected;
        for (i=1;i<doctables[pos_tbl].rows.length;i++)
        {
            if (doctables[pos_tbl].rows[i].cells[pos_box].innerHTML == obj.innerHTML)
                msg_selected = 'Selected Seat/Box: ' + obj.innerHTML 
                    + '<br/>pcname: ' 
                    + doctables[pos_tbl].rows[i].cells[PC Name].innerHTML 
                    +'<br/>date: ' 
                    + doctables[pos_tbl].rows[i].cells[Date].innerHTML 
                    + '<br/>Time: ' 
                    + doctables[pos_tbl].rows[i].cells[Time].innerHTML 
                    + '<br/>online: ' 
                    + doctables[pos_tbl].rows[i].cells[Online].innerHTML 
                    + 'Admin ' 
                    + doctables[pos_tbl].rows[i].cells[Admin Access].innerHTML;
            document.getElementById('agtInfo').innerHTML=msg_selected
            break;
        }
    }
    }
    
    函数onBoxClick(obj)
    {
    选择变量msg_;
    
    对于(i=1;对于最后一个函数,您有一个
    }
    不应该在那里…请查看您的帖子,因为我做了一些更改;)顺便说一句:
    边框顶部;中无;左边界;宽度:75px;高度:60px;中无
    不是有效的CSS声明,请不要搞砸