Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

alicacwb

Menu =]

Por , em Javascript

Recommended Posts

alicacwb    0

alicacwb
Postado

Galera,

 

Alguém de vcs aí aposto que já teve vários e vários e vários problemas com menus...

Aí vai um menu que você deixa ele como você quiser, é totalmente adaptavel tanto para configuração quanto para o design...

Acho que vale a pena perder uns minutinhos para brincar com ele... ^_^

 

São 4 arquivos... aí vão eles....

 

1) Arquivo html normal... exemplo: index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE>Menu topo</TITLE><script language="JavaScript1.2" src="menutopo/menuesq.js"></SCRIPT></HEAD><BODY text=#ffffff bgColor=#ffffff><script language="JavaScript1.2" src="menutopo/atributos.js"></SCRIPT><script language="JavaScript1.2" src="menutopo/links.js"></SCRIPT></BODY></HTML>

2) menuesq.js

 

/*************Pageobject***************/function makePageCoords(win,fr){		if(!win) win=window;		this.x=0;this.x2=(bw.ns4 || bw.ns6)?win.innerWidth-1:win.document.body.offsetWidth;		if(!fr&&bw.ie) this.x2-=20; else if(!fr&&bw.ns4) this.x2-=4; else if(bw.ns6) this.x2+=1		this.y=0;		this.y2=(bw.ns4 || bw.ns6)?win.innerHeight:win.document.body.offsetHeight;		if(bw.ns4&&!win.rows) this.x2+=5; if(!fr&&bw.ie) this.y2-=4; else if(bw.ns4&&fr) this.y2+=4		this.y2orig=this.y2; this.x50=this.x2/2; this.y50=this.y2/2; return this;}/*************Debugging function***************/function debug(txt,ev){if(mDebugging==2) self.status=txt; else alert(txt); if(ev) eval(ev); return false}/************Scroll function*************/function cm_checkScrolled(obj){		if(bw.ns4 || bw.ns6) obj.scrolledY=obj.win.pageYOffset		else obj.scrolledY=obj.win.document.body.scrollTop		if(obj.scrolledY!=obj.lastScrolled){				if(!obj.useframes){						for(i=0;i<obj.l[0].num;i++){var sobj=obj.l[0].o[i].oBorder; sobj.moveY(sobj.y+(obj.scrolledY-obj.lastScrolled))}						if(obj.usebar) obj.oBar.moveY(obj.oBar.y+(obj.scrolledY-obj.lastScrolled))				}				obj.lastScrolled=obj.scrolledY; page.y=obj.scrolledY; page.y2=page.y2orig+obj.scrolledY				if(!obj.useframes || bw.ie){ clearTimeout(obj.tim); obj.isover=0; obj.hideSubs(1,0)}		}if((bw.ns4 || bw.ns6) && !obj.useframes) setTimeout("cm_checkScrolled("+obj.name+")",200)}/***********************Checking if the values are % or not.***************/function cm_checkp(num,w,check,istop,ds){		if(num){ var p=istop?toppage:page				if(num.toString().indexOf("%")!=-1){if(w || (check && this.rows)) num=(p.x2*parseFloat(num)/100)				else num=(p.y2*parseFloat(num)/100)				}else num=eval(num)		}else num=0; return num}/************Making DIV objects + DIV objects code*************/function cm_makeObj(obj,name,level,win,nest,o){		if(o&&(bw.ns4||bw.ns6)) this.evnt=o		else this.evnt=bw.dom?win.document.getElementById(obj):bw.ie4?win.document.all[obj]:bw.ns4?nest?win.document[nest].document[obj]:win.document[obj]:0;		if(!this.evnt) return debug('There seems to be an error with this layer:\nFrame: '+win+'\nLayer: '+nest + "." + obj)  this.ref=bw.dom?document:this.evnt.document; this.css=bw.ns4?this.evnt:this.evnt.style  this.w=this.evnt.offsetWidth||this.css.clip.width||this.ref.width||this.csspixelWidth||0;  this.h=this.evnt.offsetHeight||this.css.clip.height||this.ref.height||this.ss.pixelHeight||0		this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;		this.ref=bw.dom || bw.ie4?win.document:bw.ns4?this.css.document:0;		this.hideIt=cm_hideIt; this.showIt=cm_showIt; this.writeIt=cm_writeIt; this.setactive=cm_setactive; this.addEvents=cm_addEvents;		this.moveIt=cm_moveIt; this.clipTo=cm_clipTo; if(name) this.parent=name; this.moveY=cm_moveY; this.l=level; this.clipOut=cm_clipOut;		this.filterIt=cm_filterIt; this.slide=cm_slide; this.obj = obj + "Object";		 eval(this.obj + "=this"); this.tim=10; this.clipy=0; return this}function cm_writeIt(text){if(!this.img1){if(bw.ns4){this.ref.write(text);this.ref.close()}else this.evnt.innerHTML=text}}; function cm_moveY(y){this.y=y; this.css.top=y}function cm_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}function cm_showIt(){this.css.visibility="visible"; this.vis=1}; function cm_hideIt(){this.css.visibility="hidden"; this.vis=0}function cm_clipOut(px,w,ystop,tim,name){		if(!this.vis) return; if(this.clipy<ystop-px){this.clipy+=px; this.clipTo(0,w,this.clipy,0,1)				this.tim=setTimeout(this.obj+".clipOut("+px+","+w+","+ystop+","+tim+",'"+name+"')",tim)		}else{if(bw.ns6){this.hideIt();}; this.clipTo(0,w,ystop,0,1); if(bw.ns6){this.showIt()}}}function cm_slide(end,px,tim,w,h){		if(!this.vis) return;		if(this.y<end-px){				if(this.y>(end-px*px-px) && px>1) px-=px/5; this.moveIt(this.x,this.y+px)				this.clipTo(end-this.y,this.width,this.height,0)				this.tim=setTimeout(this.obj+".slide("+end+","+px+","+tim+","+w+","+h+")",tim)		}else{this.clipTo(0,this.width,this.height,0); this.moveIt(this.x,end)}}function cm_filterIt(f){if(this.evnt.filters[0]) this.evnt.filters[0].Stop(); else this.css.filter=f; this.evnt.filters[0].Apply(); this.showIt(); this.evnt.filters[0].Play();}function cm_setactive(on,name,frmmouse){		if(!name) name=this.name; var tobj=this.parent.m[name]		if(tobj.img){if(tobj.img2){if(on) this.ref.images[tobj.img].src=tobj.img2; else this.ref.images[tobj.img].src=tobj.img1}		}else{				if(on){var color=tobj.c2; var fcolor=tobj.c4; var re=tobj.c3}else{var color=tobj.c1; var fcolor=tobj.c3; var re=tobj.c4}				if(color){if(bw.dom || bw.ie4) this.css.backgroundColor=color; else if(bw.ns4) if(color=="transparent") color=null; this.css.bgColor=color}				if(fcolor && !bw.ns4){if(bw.ie4) this.evnt.style.color=fcolor; else if(this.evnt.childNodes[0]) this.evnt.style.color=fcolor				}else if(fcolor&&frmmouse){t=this.parent.m[name].text; t=t.replace(re,fcolor); this.writeIt(t); if(on) this.addEvents(name,this.parent.name,tobj.lnk,this.parent.useclick)}				if(tobj.l==0&&bw.ns6){this.parent.l[0].o[tobj.num].oBorder.hideIt(); this.parent.l[0].o[tobj.num].oBorder.showIt();} //Stupid fix for netscape 6....		}}function cm_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r; this.css.clip.bottom=b;this.css.clip.left=l}else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w){this.css.width=r; this.css.height=b}}; this.width=r; this.height=b}function cm_addEvents(n,name,url,useclick){		this.evnt.onmouseover=new Function(name+".mover('"+n+"')");		this.evnt.onmouseout=new Function(name+".mmout('"+n+"')")		if(!url && useclick) ev=new Function(name+".mover('"+n+"',1)")		else ev=new Function(name+".go('"+n+"')")		if(bw.ns4){this.ref.captureEvents(Event.MOUSEDOWN); this.ref.onmousedown=ev}		else this.evnt.onclick=ev}/************Making menu object*************/function cm_makeMenu(name,parent,text,link,target,width,height,img1,img2,bgcoloroff,bgcoloron,textcolor,hovercolor,onclick,onmouseover,onmouseout){		this.m[name]=new Object(); var obj=this.m[name]; obj.name=name;		obj.subs=new Array(); obj.parent=parent; var tt		obj.lnk=(link==0||link=='')?"":link; obj.target=target		if(parent!="" && parent){this.m[parent].subs[this.m[parent].subs.length]=name; l=this.m[parent].l+1} else l=0		obj.l=l; prop1=l<this.level.length?this.level[l]:this.level[this.level.length-1]; prop2=this.level[0]		if(this.l.length<=l){				this.l[l]=new Object(); this.l[l].num=0; if(l==0) this.l[l].names=new Array()				this.l[l].slide=prop1["slide"]||prop2["slide"]||0;				this.l[l].clip=prop1["clip"]||prop2["clip"]||0; this.l[l].clippx=prop1["clippx"]||prop2["clippx"]||0				this.l[l].cliptim=prop1["cliptim"]||prop2["cliptim"]||0; this.l[l].filter=prop1["filter"]||prop2["filter"]||0				this.l[l].border=prop1["border"]||prop2["border"]; this.l[l].maxnum=0				this.l[l].bordercolor=prop1["bordercolor"]||prop2["bordercolor"];				s=prop1["align"]||prop2["align"]; if(s=="left") s=1; else if(s=="right") s=0;				else if(s=="top") s=3; else if(s=="bottom") s=2; this.l[l].align=s; this.aobj[l]=-1;				this.l[l].height=prop1["height"]||prop2["height"]; this.l[l].width=prop1["width"]||prop2["width"];				this.l[l].style=prop1["style"]||prop2["style"]; this.l[l].tc=textcolor||prop1.textcolor||prop2.textcolor;				this.l[l].offsetX=String(prop1["offsetX"])!="undefined"?prop1["offsetX"]:prop2["offsetX"]				this.l[l].offsetY=String(prop1["offsetY"])!="undefined"?prop1["offsetY"]:prop2["offsetY"]		}if(l==0) this.l[l].names[this.l[l].names.length]=name		if(parent!="" && parent){obj.num=this.m[parent].subs.length-1}else obj.num=this.l[l].num		this.l[l].num++; prop=l<this.level.length?this.level[l]:this.level[this.level.length-1]		obj.width=this.checkp(width?width:prop1.width?prop1.width:prop2.width,1,0,1);		obj.height=this.checkp(height?height:prop1.height?prop1.height:prop2.height,0,0,1);		if(parent!="" && parent){if(this.m[parent].subs.length>this.l[l].maxnum) this.l[l].maxnum=this.m[parent].subs.length				if(this.m[parent].totheight==0) this.m[parent].totheight=this.l[l].border				this.m[parent].totheight+=obj.height+ this.l[l].border				if(this.m[parent].maxwidth<obj.width) this.m[parent].maxwidth=obj.width+this.l[l].border*2		}else{this.l[l].maxnum=this.l[l].names.length; this.totwidth+=obj.width; this.totheight+=obj.height				this.maxwidth=this.maxwidth>obj.width?this.maxwidth:obj.width; this.maxheight=this.maxheight>obj.height?this.maxwidth:obj.height		}if(img1) text='<img src="'+img1+'" border="0" name="imgCMenu'+name+'">'		else if(bw.ns4){text='<font size="'+(prop1.NS4fontSize||prop2.NS4fontSize)+'" face="'+(prop1.NS4font||prop2.NS4font)+'" color="'+(textcolor||this.l[l].tc)+'">'+text+'</font>'}		if(bw.ns4&&this.useNS4links&&(l==0||!this.useframes) ||(l==0&&img1)){tt=img1&&l==0?this.useclick?this.name+".mover('"+name+"',1);":this.name+".go('"+name+"');":"";text='<a href="#" onclick="'+tt+'return false" class="clNS4">'+text+'</a>'}		if(img1){obj.preimg1=new Image(); obj.preimg1.src=img1}; if(img2){obj.preimg2=new Image(); obj.preimg2.src=img2}		if(img2) obj.img="imgCMenu"+name; else obj.img=0; obj.img1=img1||""; obj.img2=img2||""; obj.text=text; obj.subx=-1;		obj.c1=bgcoloroff||prop1.bgcoloroff||prop2.bgcoloroff; obj.c2=bgcoloron||prop1.bgcoloron||prop2.bgcoloron;		obj.c3=textcolor||this.l[l].tc; obj.c4=hovercolor||prop1.hovercolor||prop2.hovercolor;  obj.suby=-1;		obj.mclick=onclick||""; obj.mover=onmouseover||""; obj.mout=onmouseout||"";		obj.totheight=0; obj.maxwidth=0;}/************Onmouseout*************/function cm_mout(name,cl){		if(!name&&cl&&!this.isover){this.isclicked=0; this.hideSubs(1,0,0,0,1);  this.aobj[0]=-1; return}		if(!name) return; var l=this.m[name].l;		if((this.m[name].subs.length==0||!this.loaded)||(this.useclick&&!this.isclicked)){if((this.aobj[l+1]==-1||l>=this.l.length-1)&&this.aobj[l]!=-1){this.aobj[l].setactive(0,0,1); this.aobj[l]=-1;}}		if(this.m[name].mout!="") eval(this.m[name].mout)		if(this.useclick){this.isover=0; return}; clearTimeout(this.tim);		if(!(!bw.ie&&this.useframes&&l==0&&this.aobj1)){ this.isover=0; this.aobj1=0; this.tim=setTimeout(this.name+".hideSubs(1,0,0,0,1)",this.wait)}}/************Onmouseover*************/function cm_mover(name,cl){		clearTimeout(this.tim); this.isover=1; var l=this.m[name].l;		if(this.aobj[l].name==name){				if(this.aobj[l+1]!=-1 && l<this.l.length-1){						this.aobj[l+1].setactive(0,0,1); this.aobj[l+1]=-1; this.hideSubs(l+2,1); return				}else if((!this.useclick)||(this.useclick&&this.isclicked)) return		}if(this.m[name].mover!="")  self.status=this.m[name].mover		var num=this.m[name].num; var obj=this.l[l].o[num]		if(this.aobj[l].name!=name){if(this.aobj[l]!=-1) this.aobj[l].setactive(0,0,1); this.aobj[l]=obj; this.aobj[l].name=name; obj.setactive(1,0,1)}		if(l==1)this.aobj1=1; if(l==0 && cl && this.useclick) this.isclicked=1;		if(!this.isclicked&&this.useclick) return; if(!this.loaded) return;		this.showSubs(name,l,num,cl); eval(this.m[name].mover)}/************Hiding subelements*************/function cm_hideSubs(l,system,cl,sys2,hc){		if(this.isover && !system) return		if(l==1 && this.aobj[0]!=-1&&!sys2){this.aobj[0].setactive(0,0,1);this.aobj[0]=-1}		if(!this.loaded) return; if(cl==1) return		for(i=l;i<this.l.length;i++){if(this.l[i].oBorder.vis==0) break; this.l[i].oBorder.hideIt(); this.aobj[i]=-1;}		if(hc&&this.hcode){eval(this.hcode); this.hcode=""}}/************Get x/y coords. Only the first time :)*************/function cm_getCoords(name,l,num,topalign,align,ln,border,cn,lev1b){		if(cn==5){ this.m[name].subx=0; this.m[name].suby=0; return }//Just in case infinitive loops		if(l==1) var pobj=this.l[l-1].o[num].oBorder		else var pobj=this.l[l-1].oBorder		var x=pobj.x; var y=pobj.y;		if(l!=1){y+=this.l[l-1].o[num].y}		pborder=this.l[l-1].border;		lx=x+pobj.width; rx=x-this.m[name].maxwidth- (this.l[l-1].offsetX*2)		if(align==0){if(l==1){y+=border} if(l==1&&this.useframes) x=0; else x=lx		}else if(align==1){x=rx; if(l==1){if(this.useframes) x=page.x2 - this.m[name].maxwidth; y+=border}}		if((align==2||topalign==2)&&lev1b!=3){				if(l!=1 && (align!=1&&align!=0)){if(topalign==1) x=rx; else x=lx}				if(l==1) if(this.useframes) y=0; else y+=this.m[name].height+border+pborder;		}if((align==3||topalign==3)&&lev1b!=2){				if(l!=1&&align!=1&&align!=0){if(topalign==1) x=rx; else x=lx}				if(this.useframes&&l==1) y=page.y2 - this.m[name].totheight - this.l[l-1].offsetY*2				else y-=this.m[name].totheight - this.l[l].offsetY*2; if(l!=1||lev1b==3) y+=this.m[name].height		}this.m[name].scrollY=this.lastScrolled; this.m[name].subx=x+this.l[l-1].offsetX;		this.m[name].suby=y+this.l[l-1].offsetY; if(this.useframes&&l==1&&align!=3) this.m[name].suby+=this.lastScrolled		if(this.pagecheck&&(l!=1||!this.useframes)) this.checkPage(name,l,num,topalign,align,ln,border,cn)}/************Checking page coords*************/function cm_checkPage(name,l,num,topalign,align,ln,border,cn){		cn++;		if(this.m[name].subx+this.m[name].maxwidth>page.x2){				if(align!=1){if(align==3&&topalign!=0) topalign=3; align=1; this.getCoords(name,l,num,topalign,align,ln,border,cn)}		}else if(this.m[name].subx<page.x){				if(align!=0){if(align==3) topalign=3; align=0; this.getCoords(name,l,num,topalign,align,ln,border,cn)}		}else if((this.m[name].suby+this.m[name].totheight)>page.y2){				if(l==1){topalign=3; this.getCoords(name,l,num,topalign,align,ln,border,cn,3)}				else if(align!=3){ align=3; this.getCoords(name,l,num,topalign,align,ln,border,cn)}		}else if(this.m[name].suby<page.y){				if(l==1){topalign=2; this.getCoords(name,l,num,topalign,align,ln,border,cn,2)}				else if(align!=2){align=2; this.getCoords(name,l,num,topalign,align,ln,border,cn)}		}}/************Showing subelements*************/function cm_showSubs(name,l,num,cl){		l+=1; if(l>=this.l.length) return; ln=this.m[name].subs.length		if(ln==0){this.hideSubs(l,1,0,1); return}		else this.hideSubs(l+1,1); var border=this.l[l].border; this.aobj[l]=-1		if(this.useframes&&(bw.ns4||bw.ns6)) cm_checkScrolled(this)		if((this.m[name].subx==-1 || this.m[name].suby==-1) || this.m[name].scrollY!=this.lastScrolled || this.isresized){				var topalign=this.l[0].align; var align=this.l[l-1].align;				this.getCoords(name,l,num,topalign,align,ln,border,0)		}var x=this.m[name].subx; var y=this.m[name].suby;		var bobj=this.l[l].oBorder; bobj.hideIt();		if(this.l[l-1].clip&&!(this.l[l-1].filter&&bw.filter)){				clearTimeout(bobj.tim); bobj.clipy=0; bobj.clipTo(0,this.m[name].maxwidth,0,0); bobj.moveIt(x,y);		}else if(this.l[l-1].slide&&!(this.l[l-1].filter&&bw.filter)){				clearTimeout(bobj.tim); bobj.clipTo(0,this.m[name].maxwidth,this.m[name].totheight,0,1)				bobj.moveIt(x,y-this.m[name].totheight)		}else{				bobj.clipTo(0,this.m[name].maxwidth,this.m[name].totheight,0,1)				bobj.moveIt(x,y);		}		var yy=border		for(i=0;i<this.l[l].maxnum;i++){				var obj=this.l[l].o[i]				if(i<ln){						var n=this.m[name].subs[i]; obj.aname=n; if(!bw.ns4||!this.NS4hover) obj.writeIt(this.m[n].text)						obj.addEvents(n,this.name,this.m[n].lnk,this.useclick); var w=this.m[n].width; var h=this.m[n].height						if(obj.y!=yy) obj.moveY(yy); yy+=h+border; if(!obj.img) obj.setactive(0,n,1);						if(obj.width!=w||obj.height!=h) obj.clipTo(0,w,h,0,1); obj.css.visibility="inherit"				}else obj.hideIt()		}if(this.l[l-1].filter&&bw.filter) bobj.filterIt(this.l[l-1].filter)		else if(this.l[l-1].clip){bobj.showIt(); bobj.clipOut(this.l[l-1].clippx,this.m[name].maxwidth,this.m[name].totheight,this.l[l-1].cliptim,name);}		else if(this.l[l-1].slide){bobj.showIt(); bobj.slide(y,15,30,this.m[name].maxwidth,this.m[name].totheight)}		else bobj.showIt();		if(!bw.ns4&&this.checkselect){ //CHECKING FOR SELECT BOXES				for(i=0;i<this.sel.length;i++){						selx=0; sely=0; var selp;						if(this.sel[i].offsetParent){selp=this.sel[i]; while(selp.offsetParent){selp=selp.offsetParent; selx+=selp.offsetLeft; sely+=selp.offsetTop;}}						selx+=this.sel[i].offsetLeft; sely+=this.sel[i].offsetTop						selw=this.sel[i].offsetWidth; selh=this.sel[i].offsetHeight						if(((selx+selw)>this.m[name].subx && selx<(this.m[name].subx+this.m[name].maxwidth))						&&((sely+selh)>this.m[name].suby && sely<(this.m[name].suby+this.m[name].totheight))){								if(this.sel[i].style.visibility!="hidden"){this.sel[i].level=l; this.sel[i].style.visibility="hidden"; this.hcode+=this.name+".sel["+i+"].style.visibility='visible';"}						}else if(l<=this.sel[i].level) this.sel[i].style.visibility="visible"				}		}else if(bw.ns4&&this.hideForm){eval(this.hideForm+".visibility='hide'"); this.hcode=this.hideForm+".visibility='show'"}}/************Making all top elements*************/function cm_makeTop(rr){		var m,rows,border,x,y,mpa		m=this.menuplacement; rows=this.rows; this.pxbetween=this.checkp(this.pxbetween,0,1,1)		border=this.l[0].border;y=this.checkp(this.fromtop,0,0,1)+border;x=this.checkp(this.fromleft,0,0,1)+border		if(m=="bottomcenter"||m=="bottom"){				if(m=="bottomcenter") x=toppage.x2/2-(this.totwidth+border*this.l[0].num+this.pxbetween*(this.l[0].num-1))/2				y=toppage.y2-this.maxheight-border		}else if(m=="right") x=toppage.x2-this.maxwidth-border*2		else if(m=="bottom") y=toppage.y2-this.maxheight-border*2		else if(m=="center"){if(rows==0) x=toppage.x2/2 -  (this.maxwidth+border*2)/2; else x=toppage.x2/2 - (this.totwidth + border*this.l[0].num +this.pxbetween*(this.l[0].num-1))/2}		else if(m.toString().indexOf(",")>-1) mpa=1		if(this.usebar){ var bx,by,bww,bh,oBb				oNS=bw.ns6?this.oNS[this.l[0].maxnum]:0				this.oBar=new cm_makeObj('div'+this.name+'Bar',0,0,window,0,oNS)				if(this.barx=="menu") bx=mpa&&rows?this.checkp(m[0],1,0,1)-border:x-border; else{ bx=this.checkp(this.barx,1,0,1) }				if(this.bary=="menu") by=mpa&&!rows?this.checkp(m[0],0,0,1)-border:y-border; else by=this.checkp(this.bary,0,0,1);  this.oBar.moveIt(bx,by)				if(this.barwidth=="menu"){bww=rows?mpa?(this.checkp(m[m.length-1],1,0,1)-bx)+this.m[this.l[0].names[this.l[0].num-1]].width+border:(this.totwidth +this.pxbetween*(this.l[0].num-1)):this.maxwidth;				bww+=!rows?border*2:0;}else bww=this.checkp(this.barwidth,1,0,1);				if(bw.ie&&rows&&this.barwidth=="100%"&&this.useframes) bww+=parseInt(self.document.body.leftMargin)*2				if(this.barheight=="menu"){bh=!rows?mpa?(this.checkp(m[m.length-1],0,0,1)-by)+this.m[this.l[0].names[this.l[0].num-1]].height+border:(this.totheight + this.pxbetween*(this.l[0].num-1)):this.maxheight;				bh+=rows?this.l[0].border*2:0;} else bh=this.checkp(this.barheight,0,0,1);				this.oBar.clipTo(0,bww,bh,0,1);				if(this.barinheritborder&&border){oBb=new cm_makeObj('div'+this.name+'Barb',0,0,window,'div'+this.name+'Bar');				oBb.moveIt(border,border); oBb.clipTo(0,bww-border*2,bh-border*2,0,1); oBb=null;}		}this.l[0].o=new Array(); if(this.usetextwidth) this.maxwidth=0		for(j=0;j<this.l[0].maxnum;j++){				this.l[0].o[j]=new cm_makeObj('div'+this.name+'0_'+j,this,0,window,'div'+this.name+'0_'+j+'b'); if(bw.ns6) oNS=this.oNS[j]; else oNS=0				this.l[0].o[j].oBorder=new cm_makeObj('div'+this.name+'0_'+j+'b',0,0,window,0,oNS)				obj=this.l[0].o[j]; w=this.m[this.l[0].names[j]].width; h=this.m[this.l[0].names[j]].height; if(this.usetextwidth==1) w+=obj.w				obj.addEvents(this.l[0].names[j],this.name,this.m[this.l[0].names[j]].lnk,this.useclick); obj.clipTo(0,w,h,0,1)				if(mpa){if(rows==1) x=this.checkp(m[j],0,1,1); else y=this.checkp(m[j],0,0,1)}				obj.moveIt(border,border);				obj.setactive(0,this.l[0].names[j])				obj.oBorder.moveIt(x-border,y-border); obj.oBorder.clipTo(0,w+border*2,h+border*2,0,1); obj.oBorder.showIt()				if(rows==0) y+=h+border+this.pxbetween		  else{	  x+=w+border+this.pxbetween;	  if(this.usetextwidth) this.maxwidth+=w	}  }if(this.usetextwidth) if(m=="center"){if(rows==0) x=toppage.x2/2 -  (this.maxwidth+border*2)/2; else x=toppage.x2/2 - (this.totwidth + border*this.l[0].num +this.pxbetween*(this.l[0].num-1))/2}  if(!rr){				if(this.useclick) coolFMouseup+=this.name+".mmout('',1);"; if(!this.useframes&&!bw.ns4) this.refresh()				else if(!this.useframes&&bw.ns4){l=""; if(onload){l=String(onload.toString()); l=l.replace("function onload(event)",""); l=l.slice(25,l.length-2)} l+=this.name+ ".refresh();"; onload=new Function(l)}				if(this.resizecheck) setTimeout('window.onresize=new Function("'+this.name+'.resized()")',500)				if(this.checkscroll){if(bw.ns4 || bw.ns6){if(this.checkscroll!=2&&this.useframes!=1){setTimeout("cm_checkScrolled("+this.name+")",200)}}}				if(this.useframes&&!rr) this.checkFrame(0); else this.win=window		}}/************Refreshing/making all sub elements*************/function cm_refresh(ev){		var border,obj,oNS,oNS2		if(this.useframes) page=new makePageCoords(this.win,this.useframes); else page=toppage		for(i=1;i<this.l.length;i++){				this.l[i].o=new Array();				border=this.l[i].border; defheight=this.checkp(this.l[i].height)				if(bw.ns4){oNS=new Layer(this.l[i].width,this.win); oNS.zIndex=(500+i);  if(this.l[i].border) oNS.bgColor=this.l[i].bordercolor;}				else if(bw.ns6){oNS=document.createElement("DIV"); oNS.setAttribute("style",this.ns6styleb[i]); this.win.document.body.appendChild(oNS)}				this.l[i].oBorder=new cm_makeObj('div'+this.name+i+"b",0,0,this.win,0,oNS)				for(j=0;j<this.l[i].maxnum;j++){						if(bw.ns4){oNS2=new Layer(this.l[i].width,oNS);}						else if(bw.ns6){oNS2=document.createElement("DIV");		oNS2.setAttribute("style",this.ns6style[i]); oNS.appendChild(oNS2)}						this.l[i].o[j]=new cm_makeObj('div'+this.name+i+'_'+j,this,i,this.win,0,oNS2)						obj=this.l[i].o[j]; if(!obj.addEvents) return; obj.moveIt(border,(border+defheight)*j + border)				}		}this.loaded=1;		if(this.checkscroll&&bw.ie){this.win.document.body.onscroll=new Function("cm_checkScrolled("+this.name+")"); cm_checkScrolled(this)}		if(this.useclick){this.win.document.onmouseup=new Function(coolFMouseup); if(this.useframes) document.onmouseup=new Function(coolFMouseup); }		if(!bw.ns4&&this.checkselect) this.sel=bw.ie4?this.win.document.all.tags("SELECT"):this.win.document.getElementsByTagName("SELECT")}function cm_NS6_createElement(st,inn){el=document.createElement("DIV"); if(st) el.setAttribute("style",st); if(inn) el.innerHTML=inn; document.body.appendChild(el); return el}/************Making code*************/function cm_construct(){		this.level=null; var str=""; var str2=""; var frstr=""; var tempstr; num=bw.ie?this.l.length:1;		for(i=0;i<num;i++){				if(i!=0) frstr+='<div id="div'+this.name+i+'b" style="'+this.ns6styleb[i]+'" class="cl'+this.name+i+'b">\n'				for(j=0;j<this.l[i].maxnum;j++){						tempstr='<div id="div'+this.name+i+'_'+j+'" '; if(i!=0) tempstr+='style="'+this.ns6style[i]+'"'						if(i==0){n=this.l[0].names[j]; txt=this.m[n].text								if(!bw.ns6){										str+='<div id="div'+this.name+'0_'+j+'b" class="cl'+this.name+'b'+i+'">'										str+=tempstr+' class="cl'+this.name+i+'">'+txt+'</div>'; str+='</div>\n'								}else this.oNS[j]=cm_NS6_createElement(this.ns6styleb[i],tempstr+' class="cl'+this.name+i+'">'+txt+'</div>')						}else frstr+=tempstr+'"></div>\n'				}if(i!=0){frstr+='</div>\n'}		}if(this.usebar){				if(this.barinheritborder) str2='<div id="div'+this.name+'Barb"></div>';				if(bw.ns6) this.oNS[this.l[0].maxnum]=cm_NS6_createElement(this.ns6styleb[this.ns6styleb.length-1],str2)				else{str+='<div id="div'+this.name+'Bar">';str+=str2+'</div>\n'}		}if(!this.useframes&&bw.ie) str+=frstr; else this.frstr=frstr; if(!bw.ns6) document.write(str)		this.makeTop();		if(this.useframes) window.onerror=cm_check_error;}coolFrameError=0//Trapping external pages in frame error!function cm_check_error(e){e=e.toLowerCase(); if(e.indexOf("access")>-1||e.indexOf("permission")>-1){coolFrameError=1; return true;}else return false}/**************Make styles**************/function cm_makeStyle(){		var str="<style>\n"; var zindex=150;  var c,w,st,bg		this.ns6style=new Array(); this.ns6styleb=new Array()		for(i=0;i<this.l.length;i++){				if(i==0){if(bw.ns4){w="width:" +this.l[0].width+";"; this.l[i].style=""} else w=""; str+='.cl'+this.name+i+'{position:absolute; '+w+' background-color:transparent; color:'+this.l[i].tc+';'+this.l[i].style+'; cursor:pointer; cursor:hand; visibility:inherit; z-index:'+zindex+'}\n'}				else{st='position:absolute; '+this.l[i].style+';  cursor:pointer; cursor:hand; visibility:inherit; z-index:'+zindex; this.ns6style[i]=st}				bc=this.l[i].border?bw.ns4?'layer-background-color:'+this.l[i].bordercolor:'; background-color:'+this.l[i].bordercolor:"";				if(!bw.ns4) bc+="; overflow:hidden"				tempstr='position:absolute; clip:rect(0,0,0,0); visibility:hidden; '+bc+'; z-index:'+(zindex-50)				if(i==0&&!bw.ns6) str+='.cl'+this.name+'b'+i+'{'+tempstr+'}\n';				else this.ns6styleb[i]=tempstr; zindex+=100		}		if(this.usebar){	if(!this.barbackgroundimg){bg=this.barinheritborder?this.l[0].bordercolor:this.barcolor; st='z-index:80; position:absolute; background-color:'+bg+'; layer-background-color:'+bg				}else{ st='z-index:80; position:absolute;'; st+=bw.ns4?"layer-background-image":"background-image"; st+=":url('"+this.barbackgroundimg+"');"}	if(!bw.ns6) str+='#div'+this.name+'Bar{'+st+'}\n'; else this.ns6styleb[this.ns6styleb.length]=st				if(this.barinheritborder&&!this.barbackgroundimg){str+='#div'+this.name+'Barb{z-index:85; position:absolute; background-color:'+this.barcolor+'; layer-background-color:'+this.barcolor+'}\n'}		}		if(bw.ns4) str+="A.clNS4{text-decoration:none; padding:"+this.NS4padding+"}\n"; document.write(str+"\n</style>\n")}/************Refreshing page if it's resized*************/function cm_resized(){		page2=new makePageCoords(window,this.useframes);		if(page2.x2!=toppage.x2 || page2.y2!=toppage.y2){				if(!bw.ns4){						toppage=new makePageCoords(window,this.useframes); this.makeTop(1)						if(!this.useframes) page=toppage; this.isresized=1; eval(this.resizecode)				}else{this.win.location.reload(); location.reload()}		}if(!bw.ns4&&this.useframes){page=new makePageCoords(this.win,this.useframes)}}/************Going to another page*************/function cm_go(name){		obj=this.m[name]; url=obj.lnk; target=obj.target; fc=obj.mclick		if(url){				if(this.useframes&&!coolFrameError) loc=this.win.location.href; else loc=location.href				if(fc) eval(fc); url=this.checkFolder(loc.toString(),url); this.isover=0;				this.hideSubs(1,0,1); this.isclicked=0; this.aobj[0]=-1				if(String(target)=="undefined" || target=="" || target==0 || target=="_self"){						this.win.location.href=url				}else if(target=="_blank") window.open(url)				else if(target=="_top" || target=="window") top.location.href=url				else if(top[target]) top[target].location.href=url				else{fr=findFrame(target); if(fr) fr.location.href=url}		}else if(fc) eval(fc)}/************Getting folders - THANKS TO DCAGE FOR THIS FIX*************/function cm_checkFolder(tmp,url){		if(url.indexOf("mailto:")>-1 || url.indexOf("/")==0 || url.indexOf("http://")==0 || url.indexOf("https://")==0) return url		else if(this.useframes && bw.ie || bw.ns6) return url		var addr=''; var lvl=''; var off_cnt=0; var cnt=0;		if(tmp.indexOf('file:')>-1 || tmp.charAt(1)==':') addr=this.offlineUrl;		else if(tmp.indexOf('http:')>-1) addr=this.onlineUrl;	else if(tmp.indexOf('https:')>-1) addr=this.onlineUrl;		for(var i=0;i<addr.length;i++){if(addr.charAt(i)=='\/') off_cnt+=1}		for(var i=0;i<tmp.length;i++){if(tmp.charAt(i)=='\/'){ cnt+=1; if(cnt>off_cnt) lvl+='../'; }}		return lvl + url}/************Checkloaded for the frames version*************/function cm_checkLoaded(ev,ns){		coolFName=eval(coolFName)		var ok=0		if(document.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

3) atributos.js

topo=new makeCoolMenu("topo")	// Cria objeto Menu. - Value: nomemenutopo.useframes=0    	// Se usa frames ou nao - Value: 0 || 1topo.frame=""    // The name of your main frame (where the menus should appear). Leave empty if you're not using frames - Value: "main_frame_name"topo.useclick=0    	// Se 1, eh necessario dar um clique no menu para abrir - Value: 0 || 1topo.useNS4links=1    // Se 1, cursor: hand  - Value: 0 || 1 soh para NS4;topo.NS4padding=2    	// Espacamento para NS4//Checa se tem select boxes na pagina e esconde-os.//Não funciona no NS4! para NS4 eh utilizado o metodo hideformtopo.checkselect=1/*Para fazer o formulario desaparecer no NS4  eh necessario criar um layer para o formulario  ex: <ILAYER id=formLayer>.*/topo.hideForm="document.formLayer" //Value: "" || "document.NOME_LAYER"topo.offlineUrl=""    //Value: "path do endereco local/"topo.onlineUrl=""    //Value: "path endereco servidor/"topo.pagecheck=1    // Se 1, verifica se algum subitem do menu vai sair da pagina. - Value: 0 || 1topo.checkscroll=1    // Se 1, deixa o menu sempre visivel.topo.resizecheck=1    // Se 1, ajusta o menu toda vez que o tamanho da janela for alterado - Value: 0 || 1topo.wait=500    	// Tempo que permanecera visivel depois do mouseout - Value: milliseconds//Se Value="menu", fica com a configuracao do menu  //Background bar propertiestopo.usebar=0    	// Se 1, mostra uma barra no fundo - Value: 1 || 0topo.barcolor="#FFFFFF"  	// Cor da barra - Value: "color"topo.barwidth="0"    // Largura da barra - Value: px || "%" || "menu"topo.barheight="0"    // Altura da barra - Value: px || "%" || "menu"topo.barx="0"    	// Posicao da esquerda - Value: px || "%" || "menu"topo.bary="0"    	// Posicao do topo - Value: px || "%" || "menu"topo.barinheritborder=0  	// Se 1, a borda vai ter o mesmo tamanho que a do menu - Value: 0 || 1//Placement propertiestopo.rows=1      // Se 1, menu em linha - Value 0 || 1topo.fromleft=50      // Posicao horizontal. (Somente se menuplacement = 0) - Value: px || "%"topo.fromtop=81      	// Posicao vertical. (Somente se menuplacement = 0) - Value: px || "%"topo.pxbetween=75      // Espacamento entre os top items. (Somente se menuplacement = 0) - Value: px || "%"/*Existem varias maneiras de arrumar a posicao do menu. Se menuplacement = 0, arrumar fromleft, fromtop e pxbetween (logo acima)topo.menuplacement=0Se menu for em linha. values "left", "right", "center"Se menu for em coluna. values "top", "bottom", "center", "bottomcenter"topo.menuplacement="right"Direto em Pixeltopo.menuplacement=new Array(10,200,400,600)Direto em Porcentagem topo.menuplacement=new Array('2%','20%','36%','57%','70%','80%')*/topo.menuplacement=0/*level[0] = top itemslevel[1] = sub itemslevel[2] = sub2 itemslevel[3] = sub3 items and so on....*///TOP LEVEL PROPERTIES - ALL OF THESE MUST BE SPESIFIED FOR LEVEL[0]topo.level[0]=new Array()      	//Cria novo itemtopo.level[0].width="170"      	//Largura do item. - Value: px || "%"topo.level[0].height="20"      	//Altura do item. - Value: px || "%"topo.level[0].bgcoloroff="#FFFFFF"    	//Cor do fundo quando estiver inativo. - Value: "color"topo.level[0].bgcoloron="#FFFFFF"    	//Cor do fundo quando estiver ativo. - Value: "color"topo.level[0].textcolor="#000000"    	//Cor do texto. - Value: "color"topo.level[0].hovercolor="#CD3401"    	//Cor do texto quando estiver hover. - Value: "color"topo.level[0].style="padding:3px; font-family:verdana; font-size:10px; " //The style for all level[0] (top) items. - Value: "style_settings"topo.level[0].border=0        //Tamanho da borda. - Value: pxtopo.level[0].bordercolor="#FFFFFF"    	//Cor da borda. - Value: "color"topo.level[0].offsetX=0        //Posicao horizontal dos submenus deste item. - Value: pxtopo.level[0].offsetY=0        //Posicao vertical dos submenus deste item. - Value: pxtopo.level[0].NS4font="verdana"      //Fonte para NS4.topo.level[0].NS4fontSize="1.8"      //Tamanho da Fonte para NS4.topo.level[0].clip=0  //1      //Se 1, rolagem do menu. - Value: 0 || 1topo.level[0].clippx=0	//15      //Tamanho em pixel que sera visualizado pelo tempo especificado abaixo. - Value: px topo.level[0].cliptim=0	//50      //Tempo. - Value: millisecondstopo.level[0].NS4padding=0topo.level[0].align="bottom"      //Value: "top" || "bottom" || "left" || "right" topo.level[0].filter=0        	//VALUE: 0 || "filter specs"//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to spesify the properties you want different from LEVEL[0] - If you want all items to look the same just remove thistopo.level[1]=new Array()        //Add this for each new level (adding one to the number)topo.level[1].width=160topo.level[1].height=20topo.level[1].style="padding:4px; font-family:verdana; font-size:10px; "topo.level[1].align="bottom"topo.level[1].offsetX=0topo.level[1].offsetY=0topo.level[1].border=1topo.level[1].bordercolor="#CD3401"/*Variaveis do Menuname: The name of the item. This must be unique for each item. Do not use spaces or strange charachters in this one! **parent: The name of the menuitem you want this to "connect" to. This will be a submenu of the item that have the name you place in here. ** for all other then the topitemstext: The text you want in the item. ** (except if you use images) link: The page you want this item to link to.target: The target window or frame you want the link to go to (Default is same window if you're not using frames, and the mainframe if you're using frames)width: The width of the element. If not spesified it will get the default width spesified above.height: The height of the element. If not spesified it will get the default height spesified above.img1: The "off" image for element if you want to use images.img2: The image that appears onmouseover if using images.bgcoloroff: The background color for this item. If not spesified it will get the default background color spesified above.bgcoloron: The "on" background color for this item. If not spesified it will get the default "on" background color spesified above.textcolor: The text color for this item. If not spesified it will get the default text color spesified above.hovercolor: The "on" text color for this item. If not spesified it will get the default "on" text color spesified above. Netscape4 ignores thisonclick: If you want something to happen when the element is clicked (different from going to a link) spesifiy it here.onmouseover: This will happen when you mouseover the element. Could be status text, another imageswap or whatever.onmouseout: This will happen when you mouseout the element.*/

4) links.js

topo.makeMenu('sub0','','Notícias',"http://www.seusite.com.br/index.php",'',50)topo.makeMenu('sub1','','Empresa',"",'',70)topo.makeMenu('sub10','sub1','Profissionais',"http://www.seusite.com.br/profissionais.php",'',90)topo.makeMenu('sub11','sub1','Missão',"http://www.seusite.com.br/missao.php",'',90)topo.makeMenu('sub12','sub1','Visão',"http://www.seusite.com.br/visao.php",'',90)topo.makeMenu('sub13','sub1','Serviços',"http://www.seusite.com.br/servicos.php",'',90)topo.makeMenu('sub14','sub1','Metodologia',"http://www.seusite.com.br/metodologia.php",'',90)topo.makeMenu('sub15','sub1','Ferramentas',"http://www.seusite.com.br/ferramentas.php",'',90)topo.makeMenu('sub2','','Segmentos',"",'',110)topo.makeMenu('sub20','sub2','Engenharia',"http://www.seusite.com.br/engenharia.php",'',90)topo.makeMenu('sub21','sub2','Gerenciamento',"http://www.seusite.com.br/gerenciamento.php",'',90)topo.makeMenu('sub22','sub2','Suprimento',"http://www.seusite.com.br/suprimento.php",'',90)topo.makeMenu('sub23','sub2','Piping',"http://www.seusite.com.br/piping.php",'',90)topo.makeMenu('sub3','','Principais Projetos',"http://www.seusite.com.br/princ_proj.php",'',110)topo.makeMenu('sub4','','Oportunidades',"",'',115)topo.makeMenu('sub40','sub4','Envie seu Curriculum',"http://www.seusite.com.br/vitae.php",'',115)topo.makeMenu('sub41','sub4','Vagas Disponíveis',"http://www.seusite.com.br/vagas.php",'',115)topo.makeMenu('sub5','','Mapa do Site',"http://www.seusite.com.br/mapa.php",'',110)topo.makeMenu('sub6','','Contato',"http://www.seusite.com.br/contato.php",'',110)topo.makeStyle();topo.construct();

 

Espero que tenham gostado!!!!

 

Até a próxima...

 

http://forum.imasters.com.br/public/style_emoticons/default/graduated.gif http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Felip    0

João Felip
Postado

alicacwb, deve naum estar funcionando pois o 2º arquivo: menuesq.js... o ultimo if dele esta incompletocoloque o código completo do 2º arquivo ai qm sabe da certo ;]flw

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito