Note that there are some explanatory texts on larger screens.

plurals
  1. PODOM methods not working in Chrome, safari, mozilla, working fine in IE*
    text
    copied!<p>here my code scenario is , when user click on add so dynamically one row got added in table for that i am using javascript function.. html code is like below::</p> <pre><code>&lt;td class="addtxt" onClick="addParameterValue('parameterFields','fieldvalue','actualdt','name','shortname','defaultvalue','secured','syncid')"&gt;Add&lt;/td&gt; </code></pre> <p>the function which i m calling is like below::</p> <pre><code>function addParameterValue(tableid,fieldvalue,actualdt,name,shortname,defaultvalue,secured,syncid) { var fieldname1=document.getElementById(fieldvalue).value; var fieldValueLength = document.getElementById(fieldvalue).maxLength; var tableRowsLength = document.getElementById(tableid).rows.length; var textBoxesLength = tableRowsLength - 6; var idValue = fieldvalue+1; benIncr=tableRowsLength; var flag = true; flag=fieldMandatory(fieldname1); if(flag) { var tbl = document.getElementById(tableid); lastRow = tbl.rows.length; iteration= lastRow; var row = tbl.insertRow(lastRow); row.className='detailsPageValue'; var absence0 = row.insertCell(0); addTextBox(fieldvalue); textBoxRow.id=fieldvalue+benIncr; textBoxRow.maxLength="6" textBoxRow.onkeyup=function(){convertLowerCaseToUpperCase(this.id)} absence0.appendChild(textBoxRow); var node1= document.createTextNode(' '); absence0.appendChild(node1); var absence1 = row.insertCell(1); addTextBox(actualdt); textBoxRow.id=actualdt+benIncr; textBoxRow.readOnly=true; absence1.appendChild(textBoxRow); textBoxRow.className='textStyle_80'; var node2= document.createTextNode(' '); absence1.appendChild(node1); jqueryCalender(actualdt+benIncr); var absence2 = row.insertCell(2); addTextBox(name); textBoxRow.id=name+benIncr; absence2.appendChild(textBoxRow); var absence3 = row.insertCell(3); addTextBox(shortname); textBoxRow.id=shortname+benIncr; absence3.appendChild(textBoxRow); var absence4 = row.insertCell(4); addCheckBox(defaultvalue) absence4.appendChild(checkBoxRow); var absence5 = row.insertCell(5); addCheckBox(secured) absence5.appendChild(checkBoxRow); var absence6 = row.insertCell(6); addTextBox(syncid); textBoxRow.id=syncid+benIncr; textBoxRow.onblur = function(){checkNumeric(syncid+benIncr)} absence6.appendChild(textBoxRow); var absence7 = row.insertCell(7); addDeleteImage(); absence7.appendChild(deleteImage); } else { alert("First Row should be added"); return false; } } </code></pre> <p>under that you can fine i am calling one function which is "addText" which is like below::</p> <pre><code>function addTextBox(textboxid) { var txtBoxIncrement=0; var textLength=document.getElementById(textboxid).maxLength; var textSize=document.getElementById(textboxid).size; var textClass=document.getElementById(textboxid).className; textBoxRow=document.createElement('input'); textBoxRow.type='text'; textBoxRow.name=textboxid; //textBoxRow.maxLength=textLength; textBoxRow.size=textSize; textBoxRow.id=textboxid+txtBoxIncrement+''; txtBoxIncrement++; textBoxRow.className=textClass; } </code></pre> <p>now the main thing comes... here i am calling DOM methods which are .maxLength, .size and .className ... which are working fine in IE* but not working for chrome, safari, mozilla firefox..</p> <p>guys plz help me out .. thanks in advance... :)</p>
 

Querying!

 
Guidance

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