网页中一些常见的问题与解决代码(2)

DataFields[6] =new Array("范逸臣" ,"范逸臣第一张专辑","丰华 Forward" ,"7" ,"持平" ,"7" ,"2","7" ,"0.9 %")
DataFields[7] =new Array("谢霆锋" ,"无形的他全精选" ,"新力 Sony" ,"8" ,"下跌" ,"6" ,"4","4" ,"0.9 %")
DataFields[8] =new Array("周蕙" ,"寂寞城市" ,"福茂 Decca" ,"9" ,"下跌" ,"5" ,"3","5" ,"0.8 %")
DataFields[9] =new Array("周杰伦" ,"八度空间" ,"博德曼 BMG" ,"10","下跌" ,"8" ,"8","1" ,"0.8 %")
DataFields[10]=new Array("酷玩乐团","玩过头" ,"科艺百代 EMI" ,"11","上升" ,"16","2","11","0.7 %")
DataFields[11]=new Array("张震岳" ,"等我有一天" ,"魔岩 Magicstone","12","新进榜","-" ,"1","12","0.6 %")
DataFields[12]=new Array("堂本刚" ,"红与蓝" ,"艾回 Avex" ,"13","新进榜","-" ,"1","13","0.6 %")
DataFields[13]=new Array("ENERGY" ,"COME ON" ,"环球 Universal" ,"14","下跌" ,"10","9","5" ,"0.6 %")
DataFields[14]=new Array("陈冠希" ,"TRANSITION" ,"艾回 Avex" ,"15","下跌" ,"9" ,"3","5" ,"0.4 %")
DataFields[15]=new Array("合辑" ,"MTV 嘻哈大师" ,"环球 Universal" ,"16","下跌" ,"12","3","12","0.4 %")

</SCRIPT>

<SCRIPT language=JavaScript>
var BoxWidth = 480 // 资料表显示宽度 ( 不含卷轴 )
var ShowLine = 10 // 资料表显示列数
var RsHeight = 21 // 资料列高度
var LockCols = 1 // 要锁定的栏位数 ( 由左至右 )

function WriteTable(){ // 写入表格
var iBoxWidth=BoxWidth
var NewHTML="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>\
<td><div style=\"width:100%;overflow-x:scroll\">\
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>"
for(i=0;i<DataTitles.length;i ){
if(i<LockCols){
var cTitle=DataTitles[i].split("#")
iBoxWidth-=cTitle[1]
var DynTip=((i 1)==LockCols)?"解除锁定":"锁定此栏位"
NewHTML ="<td><div class=\"title\" style=\"width:" cTitle[1] "px;height:" RsHeight "px\" title=\"" DynTip "\" onclick=\"ResetTable(" i ")\">" cTitle[0] "</div></td>"
}
}
NewHTML ="</tr>\
<tr><td colspan=\"" LockCols "\">\
<div id=\"DataFrame1\" style=\"position:relative;width:100%;overflow:hidden\">\
<div id=\"DataGroup1\" style=\"position:relative\"></div></div>\
</td></tr></table></div></td>\
<td valign=\"top\"><div style=\"width:" iBoxWidth "px;overflow-x:scroll\">\
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>"
for(i=0;i<DataTitles.length;i ){
if(i>=LockCols){
var cTitle=DataTitles[i].split("#")
NewHTML ="<td><div class=\"title\" style=\"width:" cTitle[1] "px;height:" RsHeight "px\" title=\"锁定此栏位\" onclick=\"ResetTable(" i ")\">" cTitle[0] "</div></td>"
}
}
NewHTML ="</tr>\
<tr><td colspan=\"" (DataTitles.length-LockCols) "\">\
<div id=\"DataFrame2\" style=\"position:relative;width:100%;overflow:hidden\">\
<div id=\"DataGroup2\" style=\"position:relative\"></div>\
</div></td></tr></table>\
</div></td><td valign=\"top\">\
<div id=\"DataFrame3\" style=\"position:relative;background:#000;overflow-y:scroll\" onscroll=\"SYNC_Roll()\">\
<div id=\"DataGroup3\" style=\"position:relative;width:1px;visibility:hidden\"></div>\
</div></td></tr></table>"
DataTable.innerHTML=NewHTML
ApplyData()
}

function ApplyData(){ // 写入资料
var NewHTML="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"
for(i=0;i<DataFields.length;i ){
NewHTML ="<tr>"
for(j=0;j<DataTitles.length;j ){
if(j<LockCols){
var cTitle=DataTitles[j].split("#")
NewHTML ="<td><div class=\"cdata\" style=\"width:" cTitle[1] "px;height:" RsHeight "px;text-align:" cTitle[2] "\">" DataFields[i][j] "</div></td>"
}
}
NewHTML ="</tr>"
}
NewHTML ="</table>"
DataGroup1.innerHTML=NewHTML

var NewHTML="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"
for(i=0;i<DataFields.length;i ){
NewHTML ="<tr>"
for(j=0;j<DataTitles.length;j ){
if(j>=LockCols){
var cTitle=DataTitles[j].split("#")
NewHTML ="<td><div class=\"cdata\" style=\"width:" cTitle[1] "px;height:" RsHeight "px;text-align:" cTitle[2] "\">" DataFields[i][j] "</div></td>"
}
}
NewHTML ="</tr>"
}
NewHTML ="</table>"
DataGroup2.innerHTML=NewHTML
DataFrame1.style.pixelHeight=RsHeight*ShowLine
DataFrame2.style.pixelHeight=RsHeight*ShowLine
DataFrame3.style.pixelHeight=RsHeight*ShowLine RsHeight
DataGroup3.style.pixelHeight=RsHeight*(DataFields.length 1)
}

function ResetTable(n){
var iBoxWidth=0
for(i=0;i<DataTitles.length;i ){
if(i<(n 1)){
var cTitle=DataTitles[i].split("#")

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有