动态导航栏问题2

Question

我发现我不使用ajax从数据库中取数据,就用网上下的可以用的代码,将页面中的outlookbar.show() 
放在js中页面显示就没有伸缩效果了>>???>....

Answer 1

findnav()
去掉会不会有问题?

Answer 2

总感觉你的装载数据有问题
 var t; 
放的位置应该是在外面,否则会找不到变量
/校级管理员登陆后对左边导航栏进行初始化
  var t;
function showitem(id,name) 
{ 
return ("<span><a href='"+id+"' target=_blank>"+name+"</a></span><br>") 
} 
function switchoutlookBar(number) 
{ 
var i = outlookbar.opentitle; 
outlookbar.opentitle=number; 
var id1,id2,id1b,id2b 
if (number!=i && outlooksmoothstat==0){ 
if (number!=-1) 
{ 
if (i==-1){ 
id2="blankdiv"; 
id2b="blankdiv"; 
} 
else{ 
id2="outlookdiv"+i; 
id2b="outlookdivin"+i; 
document.all("outlooktitle"+i).style.border="1px none navy"; 
document.all("outlooktitle"+i).style.background=outlookbar.maincolor; 
document.all("outlooktitle"+i).style.color="#ffffff"; 
document.all("outlooktitle"+i).style.textalign="center"; 
} 
id1="outlookdiv"+number 
id1b="outlookdivin"+number 
document.all("outlooktitle"+number).style.border="1px none white"; 
document.all("outlooktitle"+number).style.background=outlookbar.maincolor; //title 
document.all("outlooktitle"+number).style.color="#ffffff"; 
document.all("outlooktitle"+number).style.textalign="center"; 
smoothout(id1,id2,id1b,id2b,0); 
} 
else 
{ 
document.all("blankdiv").style.display=""; 
document.all("blankdiv").sryle.height="100%"; 
document.all("outlookdiv"+i).style.display="none"; 
document.all("outlookdiv"+i).style.height="0%"; 
document.all("outlooktitle"+i).style.border="1px none navy"; 
document.all("outlooktitle"+i).style.background=outlookbar.maincolor; 
document.all("outlooktitle"+i).style.color="#ffffff"; 
document.all("outlooktitle"+i).style.textalign="center"; 
} 
} 
} function show() 
{ 
var outline; 
outline="<div id=outLookBarDiv name=outLookBarDiv style='width=100%;height:100%'>" 
outline+=outlookbar.getOutLine(); 
outline+="</div>" 
document.write(outline); 
} 
function theitem(intitle,instate,inkey) 
{ 
this.state=instate; 
this.otherclass=" nowrap "; 
this.key=inkey; 
this.title=intitle; 
} 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function addtitle(intitle) 
{ 
outlookbar.itemlist[outlookbar.titlelist.length]=new Array(); 
outlookbar.titlelist[outlookbar.titlelist.length]=new theitem(intitle,1,0); 
return(outlookbar.titlelist.length-1); 
} 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function additem(intitle,parentid,inkey) 
{ 
if (parentid>=0 && parentid<=outlookbar.titlelist.length) 
{ 
outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length]=new theitem(intitle,2,inkey); 
outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length-1].otherclass=" nowrap align=left style='height:5' "; 
return(outlookbar.itemlist[parentid].length-1); 
} 
else 
additem=-1; 
} 
//####################   third3   ###############################################
function outlook() 
{ 
this.titlelist=new Array(); 
this.itemlist=new Array(); 
this.divstyle="style='height:100%;width:100%;overflow:auto' align=center"; 
this.otherclass="border=0 cellspacing='0' cellpadding='0' style='height:100%;width:100%'valign=middle align=center "; 
this.addtitle=addtitle; 
this.additem=additem; 
this.starttitle=-1; 
this.show=show; 
this.getOutLine=getOutLine; 
this.opentitle=this.starttitle; 
this.reflesh=outreflesh; 
this.timedelay=50; 
this.inc=10; 
this.maincolor = "#336699" 
} 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function outreflesh() 
{ 
document.all("outLookBarDiv").innerHTML=outlookbar.getOutLine(); 
} 
//@@@@@@@@@@@@@@@@@@@   first 1  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
function locatefold(foldname) 
{ 
if (foldname=="") 
foldname = outlookbar.titlelist[0].title 
for (var i=0;i<outlookbar.titlelist.length;i++) 
{ 
if(foldname==outlookbar.titlelist[i].title) 
{ 
outlookbar.starttitle=i; 
outlookbar.opentitle=i; 
} 
} 
} 
//$$$$$$$$$$$$$$$$$$$    second 2  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
var outlookbar=new outlook(); 
var tempinnertext1,tempinnertext2,outlooksmoothstat 
outlooksmoothstat = 0; function findnav(){
      $.post("Academedzdfindnav.action",callback);
}
function callback(result){
   
    window.alert("jjk");
    alert(result);
    var strA1=new Array();
    var strA2= new Array();
    var strA3= new Array();
    strA1=result.split(",");//strA1存放每个学院的所有元素
    for(var i=0;i < strA1.length; i++){
        strA2[i]=strA1[i].split(" ");//将map元素分割成key和values
       // alert(strA2[i][0]);
        t=outlookbar.addtitle(strA2[i][0])
        for(var j=0;j<strA2[i].length;j++){
            outlookbar.additem(strA2[i][j+1],t,'http://linkweb.cn/js/index.asp') 
        } 
    }
    //alert(strA2[4][0]);
}t=outlookbar.addtitle("技术文档") 
outlookbar.additem('Web开发',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('数据库',t,'http://linkweb.cn/js/index.asp') 
t=outlookbar.addtitle('计算机技术') 
outlookbar.additem('操作系统',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('网络安全',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('小技巧',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('硬件相关',t,'http://linkweb.cn/js/index.asp') 
t=outlookbar.addtitle('文摘') 
outlookbar.additem('求职 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('杂文 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('生活 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('人生 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('健康 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('知识 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('爱情 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('幽默笑话 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('寓言 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('教育 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('散文 ',t,'http://linkweb.cn/js/index.asp')要么就把
t=outlookbar.addtitle('文摘') 
outlookbar.additem('求职 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('杂文 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('生活 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('人生 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('健康 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('知识 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('爱情 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('幽默笑话 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('寓言 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('教育 ',t,'http://linkweb.cn/js/index.asp') 
outlookbar.additem('散文 ',t,'http://linkweb.cn/js/index.asp')
去了

Answer 3

还有在你的JSP中并没有引用prototype.js
$可以正常使用吗?

Answer 4

$是它自定义的函数，prototype,jquery 也定义了相同名字的函数。