金融界模版效果和框架完成,就是加载信息遇到问题

今天晚上搞了一下金融界这个模版
一些特效和框架没有问题,就是调用信息方面出现了疑问
http://jrj.com.cn/








<DIV class=cr2 id=l1_2>
<UL class=title2 id=u1_2>
  <LI id=l1_2_1><A class=sel>要闻</A> </LI>
  <LI id=l1_2_2><A href="">市场</A> </LI>
  <LI id=l1_2_3><A href="">爱股</A> </LI>
  <LI class=last id=l1_2_4><A href="">爱基</A> </LI></UL>
<DIV class=showblock id=l1_2_b_1>
11111
</DIV>

<DIV class=hiddenblock id=l1_2_b_1>
22222222
</DIV>
这样无法加载第2条信息,加载的都是第一条,本来想用自己的方法调用,但考虑到使用的范围太广,要写很多代码,
</DIV>



这是金融界加载的一个JS

1. 
   
2. var POSL="1,2,3,5,6,7,8,9,10";
   
3. var POSC = "1,2,3";
   
4. var ArrPos = new Array(1,2,3,4,5,6,7,8,9,10);
   
5. //记录拖动后的cookie
   
6. function SetPos(para,key)
   
7. {  
   
8.   pos=new HttpCookie("pos");
   
9.   var keys = key + "[[]]=";
   
10.   var pattern = new RegExp(keys,"g");
    
11.   var paras = para.replace(pattern,"");
    
12.   pattern = new RegExp("\&","g");
    
13.   paras = paras.replace(pattern,",");
    
14.   var cl = key.substr(key.lastIndexOf('_')+1);
    
15.   var pos_line2=pos.values.get("line");
    
16.   if(pos_line2==null||pos_line2==""||pos_line2.length!=POSL.length)
    
17.   {
    
18.     pos_line2 = POSL;
    
19.   }
    
20.   var posArr = pos_line2.split(",");
    
21.   var keyp = "l_"+posArr[cl-1];
    
22.   pos.values.set(keyp,paras);
    
23.   pos.setExpires(356*24*60*60);
    
24.   pos.save();   
    
25. }
    
26. //交换节点
    
27. function ChangeNode(n1,n2)
    
28. {
    
29. var id1=n1.id;
    
30. var id2=n2.id;
    
31. var f = n1.parentNode;
    
32. var n2copy = n2.cloneNode(true);
    
33. var ni1 = f.insertBefore(n2copy,n2);
    
34. var ni2 = f.insertBefore(n2,n1);
    
35. var nr = f.replaceChild(n1,n2copy);
    
36. var pos1 = id1.substr(id1.lastIndexOf('_')+1);
    
37. var pos2 = id2.substr(id2.lastIndexOf('_')+1);
    
38. SetLinePos(pos1,pos2);  
    
39. }
    
40. //记录交换后行的位置
    
41. function SetLinePos(pos1,pos2)
    
42. {  
    
43.   pos=new HttpCookie("pos");  
    
44.   var pos_line2=pos.values.get("line");  
    
45.   if(pos_line2==null||pos_line2==""||pos_line2.length!=POSL.length)
    
46.   {
    
47.     pos_line2 = POSL;
    
48.   }  
    
49.   var posArr = pos_line2.split(",");
    
50.   var posc1 = ArrPos[pos1-1];
    
51.   var posc2 = ArrPos[pos2-1];
    
52.   var t =  posArr[posc1-1];
    
53.   posArr[posc1-1] = posArr[posc2-1];
    
54.   posArr[posc2-1] = t;  
    
55.   ArrPos[pos1-1] = posc2;
    
56.   ArrPos[pos2-1] = posc1;  
    
57.   var newpos = "";
    
58.   for(var j=0;j<posArr.length;j++)
    
59.   {
    
60.     newpos = newpos+posArr[j]+",";
    
61.   }
    
62.   newpos = newpos.substr(0,newpos.length-1);
    
63.   var pos=new HttpCookie("pos");
    
64.   pos.values.set("line",newpos);
    
65.   pos.setExpires(356*24*60*60);
    
66.   pos.save();
    
67. }
    
68. 
    
69. 
    
70. //鼠标移动切换
    
71. var MouseDelayTime=200;
    
72. var waitInterval;
    
73. var tempref;
    
74. var arrCon=new Object();
    
75. var temppare;
    
76. function InitPage()
    
77. {
    
78. for(var j=0;j<ARGUMENTS.LENGTH;J++)
    
79. {
    
80. var ulobj=$(arguments[j]);
    
81. var ulist = ulobj.getElementsByTagName("li");
    
82. for (var i=0,len=ulist.length;i<LEN;++I)
    
83. {
    
84. var thelist = ulist;
    
85. var thetitleA = thelist.getElementsByTagName("a")[0];
    
86. thelist.setActive=function(bactive){
    
87. temppare = this.parentNode.parentNode;
    
88. var thelistA = this.getElementsByTagName("a")[0];
    
89. if(bactive){
    
90. this.status="active";
    
91. this.className=this.className + ' rel';
    
92. thelistA.className=thelistA.className + ' sel';
    
93. temppare.activetab=this;
    
94. }else{
    
95. this.status="normal";
    
96. this.className=this.className.replace('rel','');
    
97. thelistA.className=thelistA.className.replace('sel','');
    
98. }
    
99. };
    
100. thelist.onmouseover=function(){
     
101. if(this.status=="active") return;
     
102. tempref = this;
     
103. window.clearTimeout(waitInterval);
     
104. waitInterval=window.setTimeout("tempref.LoadTab()",MouseDelayTime)
     
105. };
     
106. thelist.onmouseout=function(){
     
107. window.clearTimeout(waitInterval);
     
108. };
     
109. thelist.LoadTab=function(){
     
110. temppare = this.parentNode.parentNode;
     
111. if(temppare.activetab != null)
     
112. temppare.activetab.setActive(false);
     
113. this.setActive(true);
     
114. var theblocks = document.getElementsByClassName('showblock',temppare);
     
115. var theblockh = document.getElementsByClassName('hiddenblock',temppare);
     
116. if(theblockh != null && theblockh.length == 1 && theblocks != null && theblocks.length == 1)
     
117. {
     
118. if(Math.ceil(this.id.substr(this.id.length-1) / 3) != theblocks[0].id.substr(theblocks[0].id.length-1))
     
119. {
     
120. theblocks[0].className='hiddenblock';
     
121. theblockh[0].className='showblock';
     
122. }
     
123. }
     
124. LoadData(this.id,document.getElementsByClassName('showblock',temppare)[0]);
     
125. };
     
126. if(thetitleA.className.indexOf('sel')!=-1)
     
127. {
     
128. thelist.status="active";
     
129. thelist.className=thelist.className + ' rel';
     
130. temppare = thelist.parentNode.parentNode;
     
131. temppare.activetab=thelist;
     
132. arrCon[thelist.id]=document.getElementsByClassName('showblock',temppare)[0].innerHTML;
     
133. 
     
134. }
     
135. }
     
136. }
     
137. }

复制代码

当鼠标移动到第2个
效果可以加载,但信息无法实现

<ul class="title2" id="u1_2">
<li class="" id="l1_2_1"><a class="">要闻</a></li>
<li class="rel" id="l1_2_2"><a class="sel" href="">市场</a></li>
<li id="l1_2_3"><a href="">爱股</a></li>
<li id="l1_2_4" class="last"><a href="">爱基</a></li>
</ul>
<DIV class=showblock id=l1_2_b_1>
11111
</DIV>加载的信息还是这个


不知道金融界这个是如何实现的,???

[ 本帖最后由 yooge.net 于 2007-11-7 02:56 编辑 ]

哇，沙发啊～
不错，模板不错

:)  :)  :)