Why getelementsbyclassname not working IE

[abi]

Hi,

getelementsbyclassname not working IE, there is any way to solve. Because other browser support, but my user only using IE. I post my code below, pls help.

javascript code:


function sumVal(){
var tot = 0;
var check_tot = 0;
var n = 0;
var m = 0;
var txtvalname = '';
var txttotal = '';
var txtelements = document.getElementsByClassName("txt");
var sumElements = document.getElementsByClassName("total");
var txtcount = txtelements.length;
var totalcount = sumElements.length;
var sum = txtcount/totalcount;
var subj_value = document.getElementById("subj_value").value;
var subj_id = document.getElementById("subj_id").value;
var addper = 0;

if(subj_value == 3)
{
var base_mark = new Array(50,50,20);
var percent = new Array(30,30,40);
}

if(subj_value == 6)
{
var base_mark = new Array(20,20,100,20,100,50);
var percent = new Array(10,10,15,10,15,40);
}

if(subj_value == 8)
{
var base_mark = new Array(20,20,20,20,20,20,20,20);
var percent = new Array(12.5,12.5,12.5,12.5,12.5,12.5,12.5,12.5);
}

if(subj_value == 7)
{
var base_mark = new Array(20,20,20,20,20,20,20);
var percent = new Array(12.5,12.5,12.5,12.5,17,17,16);
}

if(subj_value == 2 && subj_id == 53)
{
var base_mark = new Array(60,80);
var percent = new Array(40,60);
}

if(subj_value == 2 && subj_id == 5)
{
var base_mark = new Array(40,40);
var percent = new Array(50,50);
}

if(subj_value == 2 && subj_id == 14 || subj_id == 15 || subj_id == 16 || subj_id == 17 || subj_id == 18 || subj_id == 19)
{
var base_mark = new Array(100,100);
var percent = new Array(50,50);
}

for(var i = 0; i < txtelements.length; ++i){
txtvalname += txtelements[i].name;
txtvalname = txtvalname + "___";
}

for(var j=0; j< sumElements.length; j++){
txttotal += sumElements[j].name;
txttotal = txttotal + "___";
// alert( txttotal);
}
//split
txtvalname = txtvalname . split('___');
txttotal = txttotal . split('___');

for (var i = 0; i<totalcount; i++)
{
for (var j = 0;j<sum; j++)
{
if( document.getElementById(txtvalname[n]).value == 'v' || document.getElementById(txtvalname[n]).value == 'V' || document.getElementById(txtvalname[n]).value == '' )
{
check_tot = parseFloat(parseInt(document.getElementById(txtvalname[n]).value,0)/base_mark[j])*percent[j];
if(check_tot == 'NaN' || check_tot == 'NAN'){
tot = tot+0;
}
n++;
}
else
{
// alert(base_mark[j]);
tot += parseFloat(parseInt(document.getElementById(txtvalname[n]).value)/base_mark[j])*percent[j];
addper = addper + percent[j];
n++;
if(tot == 'NaN' || tot == 'NAN'){
tot = tot+0;
}

}
}
// alert(addper);
tot = (tot/addper)*100;
//display the total
document.getElementById(txttotal[m]).value = tot.toFixed(0);
m++;
tot = 0;
addper = 0;
}

}


PHP CODE:


print '<tr>';
print '<td>' . $this->sname($rs['rp_main_id']) .'</td>';
print '<td><table><tr>';
foreach($subj_comp as $key => $value)
{
print '<input type="hidden" name="subj_id" id="subj_id" value="'.$subj_id.'" />';
if($rs['subject_id'] == $key)
{
for($k=1;$k<=$value;$k++)
{
print '<td>';
print '<txt><input class="txt" type="text" name="grd_' . $rs['rp_main_id'] . '_' . $rs['subject_id']. '_' . $k.'" id="grd_' . $rs['rp_main_id'] . '_' . $rs['subject_id']. '_' . $k.'" size="3" maxlength="3" value="'.$comprs['comp'.$k].'" onkeyup="sumVal();" /></txt></td>';
}
$tot = $subj_value+1;
print '<td><total><input class= "total" type="text" name="grd_' . $rs['rp_main_id'] . '_' . $rs['subject_id']. '_' . $tot .'" ID="grd_' . $rs['rp_main_id'] . '_' . $rs['subject_id']. '_' . $tot .'" value="'.$this->getGrade($rs['rp_main_id'],$rs['subject_id']).'" size="3" maxlength="3" readonly="readonly" /> <total> </td>';
}/// check with array "Key" Comp
}
print '</tr></table></td></tr>';

[jscheuer1]

It works fine in IE 9+. For IE 8 and less which don't support it, add this code as the first thing in your script:



if (!document.getElementsByClassName) {
document.getElementsByClassName = function (cn) {
var rx = new RegExp("(?:^|\\s)" + cn+ "(?:$|\\s)");
var allT = document.getElementsByTagName("*"), allCN = [],ac="", i = 0, a;
while (a = allT[i=i+1]) {
ac=a.className;
if ( ac && ac.indexOf(cn) !==-1) {
if(ac===cn){ allCN[allCN.length] = a; continue; }
rx.test(ac) ? (allCN[allCN.length] = a) : 0;
}
}
return allCN;
}
}

From:

http://www.webdeveloper.com/forum/showpost.php?p=962653&postcount=23

[brent.fraser]

@jscheuer1, thank you so much for posting this! I was looking all over for a solution and this one hit it right on the head! Thanks!