Dynamic Table navigation in JavaScript using mouse and keyoboard
<p>I am using dynamic table creation and I want to create table navigation using keyboard and mouse when the list is populated in the table. Below is the code that is printing the dynamic list in the table and now I want to navigate it. </p>

<pre><code>function validateInputs(dealerresult) {
    alert("Hello");
    var params = $("#getDealerdetails").serialize();
    var url = '&lt;fmt:message key="app.contextPath"/&gt;/channels/getDealerListbyCriteria.htm?channel=1';
    $.post(url, params, function (data) {
        //alert("Hello");
        //alert(data);  
        var dealerData = data;
        var JSONObj = JSON.parse(dealerData).result;

        var table = document.getElementById(dealerresult);
        var rowCount = table.rows.length;


        alert(rowCount);

        //var row = table.insertRow(rowCount);
        //   var cell; = row.insertCell(0); 
        //   cell1.innerHTML="Dealer"
        //   var cell2 = row.insertCell(1);    
        //   cell2.innerHTML = 'Town'

        for (i = 0; i &lt; JSONObj.length; i++) {
            var row = table.insertRow(rowCount);
            //row.style.className = 'navigateable';
            row.insertCell(0).innerHTML = JSONObj[i].bpName;
            row.insertCell(1).innerHTML = JSONObj[i].bpTown;
            rowCount++;

            //alert(JSONObj[i].bpName);
        }


    });
    document.getElementById('popupa').style.display = 'block';
}
</code></pre>
