浏览器兼容问题~

updatedotnet 2011-01-08 02:01:39

页面IE浏览器访问可以正常显示表格内数据，firefox也可以显示表格但页面有部分错位，谷歌浏览器Chrome完全不能显示表格内容，请高手指点一下~~

代码如下：



// JavaScript Document

var xmlDoc;

function loadComputerXML()

	{//document.getElementById ('List1').innerHTML ='数据导入中。。。。。。';

		if (window.ActiveXObject)

		{

			xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

			xmlDoc.async=false;

			//xmlDoc.load("http://trial.ppclass.net/management/get_service_data/");

			xmlDoc.load("/management/get_service_data");

			getmessage();

		}

		else if (document.implementation && document.implementation.createDocument)

		{

			xmlDoc=document.implementation.createDocument("","",null);

			xmlDoc.load("/management/get_service_data");

			xmlDoc.onload=getmessage;

		}

		else

		{

			alert('Your browser cannot handle this script');

		}

//		if(window.XMLHttpRequest){ 

//              xmlDoc = new XMLHttpRequest(); 

//          } else if(window.ActiveXObject){ 

//              xmlDoc = new ActiveXObject("Microsoft.XMLHTTP"); 

//          } else { 

//              return; 

//          } 

//          xmlDoc.onreadystatechange = function(){ 

//            if(xmlDoc.readyState == 4){ 

//               //updateObj("xmlObj", xmlObj.responseXML.getElementsByTagName("Class")[0].childNodes[1].text); 

//               getmessage();

//             } 

//            } 

//            //xmlDoc.open ("GET", "http://trial.ppclass.net/management/get_service_data/", true); 

//            xmlDoc.open ("GET", "data/service_data.xm ", true); 

//            xmlDoc.send ("")

	}

	function getmessage(){

	  //var results = xmlDoc.responseXML;

	  dataArray = xmlDoc.getElementsByTagName('Channel'); 

      var dataArrayLen = dataArray.length; 

	  //alert(dataArrayLen);

	  var datastr="";

	  datastr='<table cellspacing="1" class="tablesorter"><thead><tr>';

	  datastr+='<th style="width:220px;">ChannelUID</th><th style="width:160px;">ChannelName</th><th style="width:100px;">Screen_Codec</th><th style="width:90px;">Video_Codec</th><th style="width:90px;">Tracker</th><th style="width:100px;">Mux_Server</th><th style="width:90px;">ClassroomID</th><th style="width:80px;">内部测试用</th><th style="width:120px;">有对应物理教室</th><th style="width:220px;">ChannelUID</th>';

	  datastr+='<th style="width:60px;">BitRate</th><th style="width:70px;">观众数目</th><th style="width:80px;">PushTimes</th><th style="width:120px;">Max_Seed_Peer</th><th style="width:130px;">Current_Seed_Peer</th><th style="width:170px;">UpLimit_Output_BandWidth</th><th style="width:200px;">Current_Output_BandWidth</th>';

	  datastr+='</tr></thead><tbody>';

	  for(var i=0;i<dataArrayLen;i++){

		datastr+='<tr>';

		datastr+='<td><a href="/management/admin/ppclass_admin/channel/'+dataArray[i].childNodes[0].text+'">'+dataArray[i].childNodes[0].text+'</a></td>';

		datastr+='<td>'+dataArray[i].childNodes[1].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[2].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[3].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[4].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[5].text+'</td>';

		datastr+='<td><a href="/management/admin/ppclass_admin/classroom/'+dataArray[i].childNodes[6].text+'">'+dataArray[i].childNodes[6].text+'</a></td>';

		datastr+='<td>'+dataArray[i].childNodes[7].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[8].text+'</td>';

		datastr+='<td><a href="/management/admin/ppclass_admin/channel/'+dataArray[i].childNodes[0].text+'">'+dataArray[i].childNodes[0].text+'</a></td>';

		datastr+='<td>'+dataArray[i].childNodes[9].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[10].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[11].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[12].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[13].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[14].text+'</td>';

		datastr+='<td>'+dataArray[i].childNodes[15].text+'</td>';

		datastr+='</tr>';

	  }

	  datastr+='</tbody></table>';

	  document.getElementById('demo').innerHTML=datastr;

	}

	/*function ChangbgColor(id,num,arrlen){

	

		for(var i=0;i<arrlen;i++){

			if(i==num){

				alert(id+i);

				document.getElementById(id+i).style.color='#ff0000';

				document.getElementById(id+i).className='trbg';



			}

		}

	}*/