Databases
StackOverflow2013
Postsdbo
POJavascript works in chrome but not in IE
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript works in chrome but not in IE
    text
    copied!<p>If you render the code below in chrome, you will see this adds fine but if you use IE, the rows doesn't get added. Could you tell me what am I doing wrong here that its not working in IE? When I add a new row in IE, my new row doesn't add the controls. This works fine in chrome and firefox but not in IE. I couldn't find anything wrong in the code unless I am missing something particular to IE. I appreciate for your help.</p> <pre><code>&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; function insertAdditional() { var type = document.getElementById('additional_type').value; var node = document.createElement('li'); node.innerHTML = document.getElementById(type + 'Form').innerHTML; document.getElementById('additional').appendChild(node); } function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var cell1 = row.insertCell(0); var element1 = document.createElement("input"); element1.type = "checkbox"; element1.name = "chkbox[]"; cell1.appendChild(element1); var cell2 = row.insertCell(1); var element2 = document.createElement("input"); element2.type = "date"; element2.size = "12"; element2.maxlength = "10"; element2.placeholder = "YYYY-MM-DD"; element2.name = "entrydate[]"; cell2.appendChild(element2); var cell3 = row.insertCell(2); var element3 = document.createElement("input"); element3.type = "date"; element3.size = "12"; element3.maxlength = "10"; element3.placeholder = "YYYY-MM-DD"; element3.name = "eventdate[]"; cell3.appendChild(element3); var cell4 = row.insertCell(3); var element4 = document.createElement("textarea"); element4.type = "text"; element4.name = "comment[]"; element4.rows = "4"; element4.cols = "60"; cell4.appendChild(element4); } function deleteRow(tableID) { try { var table = document.getElementById(tableID); var rowCount = table.rows.length; for (var i = 0; i &lt; rowCount; i++) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if (null != chkbox &amp;&amp; true == chkbox.checked) { table.deleteRow(i); rowCount--; i--; } } } catch (e) { alert(e); } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt; Comments&lt;/h1&gt; &lt;div&gt; &lt;input type="button" value="Add Comment" onclick="addRow('dataTable')" /&gt; &lt;input type="button" value="Delete Comment" onclick="deleteRow('dataTable')" /&gt; &lt;/div&gt; &lt;table id="dataTable" width="1024px" border="1" cellpadding="10"&gt; &lt;tr&gt; &lt;th&gt; &lt;center&gt; Choose&lt;/center&gt; &lt;/th&gt; &lt;th&gt; &lt;center&gt; Entry Date&lt;/center&gt; &lt;/th&gt; &lt;th&gt; &lt;center&gt; Event Date&lt;/center&gt; &lt;/th&gt; &lt;th&gt; &lt;center&gt; Comment&lt;/center&gt; &lt;/th&gt; &lt;/tr&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;input type="checkbox" name="chk[]" /&gt; &lt;/td&gt; &lt;td&gt; &lt;input type="date" placeholder="YYYY-MM-DD" size="12" maxlength="10" name="entrydate[]" /&gt; &lt;/td&gt; &lt;td&gt; &lt;input type="date" placeholder="YYYY-MM-DD" size="12" maxlength="10" name="eventdate[]" /&gt; &lt;/td&gt; &lt;td&gt; &lt;textarea rows="4" cols="60" maxlength="500" name="comment[]"&gt;&lt;/textarea&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload