Javascript 向表格单元格添加弹出窗口

Javascript 向表格单元格添加弹出窗口,javascript,Javascript,我有一个表格,我想显示每个单元格的弹出窗口。然而,我不能让我的代码工作。弹出窗口的代码使整个表消失 以下是创建表的函数: function(json) { var koosteRivi = ["Kaikki asiakkaat"]; var html="<table id ='lasku'>"; html+="<thead>"; html+="<tr>"; for(var i=0;i<json.vuosi[0].l

我有一个表格,我想显示每个单元格的弹出窗口。然而,我不能让我的代码工作。弹出窗口的代码使整个表消失

以下是创建表的函数:

function(json) {
    var koosteRivi = ["Kaikki asiakkaat"];
    var html="<table id ='lasku'>";
    html+="<thead>";
    html+="<tr>";
    for(var i=0;i<json.vuosi[0].length;i++) {
        var cell=json.vuosi[0][i];
        html+="<th class=\"yla otsikko\">";
        html+=cell;
        html+="</th>";
        koosteRivi.push(0);
    }
    html+="<th class=\"yla otsikko\">";
    html+="Koko tilikausi";
    html+="</th>";
    html+="</tr>";
    html+="</thead>";
    for(var row=1;row<json.vuosi.length;row++) {
        var yht = 0;
        if(row%2 == 0) {
            html+="<tr>";
        } else {
            html+="<tr id =\"jokatoinen\">";
        }
        html+="<td>";
        html+=json.vuosi[row][0];
        html+="</td>";
        for(var i=1;i<json.vuosi[row].length;i++) {
            var asiakasKkCell=json.vuosi[row][i];
            koosteRivi[i]+=asiakasKkCell;
            html+="<td>";
            html+=formatSum(parseFloat(asiakasKkCell),","," ",CURRENCY);
            html+="</td>";
            yht+=parseFloat(asiakasKkCell);
        }
        html+="<th class=\"otsikko\">";
        html+=formatSum(yht,","," ",CURRENCY);
        html+="</th>";
        html+="</tr>";
    }
    html+="<tr>";
    html+="<th class=\"ala otsikko\">";
    html+=koosteRivi[0];
    html+="</th>";
    var lastCell=0;
    for(var i=1;i<koosteRivi.length-1;i++) {
        var cell=koosteRivi[i];
        html+="<th class=\"ala otsikko\">";
        html+=formatSum(parseFloat(cell),","," ",CURRENCY);
        html+="</th>";
        lastCell+=cell;
    }
    html+="<th class=\"ala otsikko\">";
    html+=formatSum(parseFloat(lastCell),","," ",CURRENCY);
    html+="</th>";
    html+="</tr>";
    html+="</table>";
    document.getElementById("as-invoicing-cumulYear").innerHTML=html;                               
}
函数(json){
var koosteRivi=[“Kaikki asiakkaat”];
var html=“”;
html+=“”;
html+=“”;

对于(var i=0;i请正确设置代码的格式。由于它最初是格式化的,所以很难读取弹出窗口的代码在哪里?我只看到ClickHandler发出的警报?警报就是弹出窗口。一旦我开始工作,我就可以进一步处理弹出窗口,这样它就不是一个简单的弹出框了
function addRowHandlers() {

    var table = document.getElementById("lasku");
    var rows = table.getElementsByTagName("tr");

    for (i = 0; i < rows.length; i++) {
        var currentRow = table.rows[i];
        currentRow.onclick = createClickHandler(currentRow);
    }
}

function createClickHandler(row){

    return function() { 
        var cell = row.getElementsByTagName("td")[0];
        var id = cell.innerHTML;
        alert("id:" + id);
    };

}

addRowHandlers();