Erro na função java

tm@r@ · Maio 21, 2007

Estou tentando construir um menu do tipo cortina, usando uma função java, mas quando testo a página ela "bloqueia", a impresão que dá é que a execução fica presa dentro do código java.

Segue o código se alguém quiser dar uma olhada e me ajudar.

HTML

<body><div id="pagina"><div id="topo"></div><div id="lateral">   <a class="botaoBarra" id="Secretarias" href="javascript:void(null);" onclick="clickButtonBarra(this.id);">Secretarias e Órgãos</a>	 <div id="ConteudoSecretarias" class="conteudoBarra">	<a href="javascript:void(null);" class="icons">Administração</a>	<a href="javascript:void(null);" class="icons">Agricultura</a>	<a href="javascript:void(null);" class="icons">Educação, Turismo e Desporto</a>	  </div>	<a class="botaoBarra" id="Turismo" href="javascript:void(null);" onclick="clickButtonBarra(this.id);">Turismo</a>	   <div id="ConteudoTurismo" class="conteudoBarra">						 <a href="javascript:void(null);" class="icons">Como chegar</a>			 <a href="javascript:void(null);" class="icons">Pontos Turisticos</a>					</div></div><div id="meio"></div><div id="footer"></div></body>

Função JAVA

var timer;		function clickButtonBarra(id){			if (timer != undefined) return;			var tamanhoC = document.getElementById("lateral").offsetHeight;			elem = document.getElementsByTagName("A");			for(i=0;i<elem.length;i++){				if (elem[i].className == "botaoBarraAtiva")					elem[i].className = "botaoBarra";				if (elem[i].className == "botaoBarra")					tamanhoC -= elem[i].offsetHeight;			}			var inc = Math.round(tamanhoC / 10);			itemClicado = document.getElementById(id);			itemClicado.className = "botaoBarraAtiva";			barra = "";			elem = document.getElementsByTagName("DIV");			for(i=0;i<elem.length;i++){				if ((elem[i].id.substring(0,8) == "Conteudo") && (elem[i].style.display == "block"))					barra = elem[i].id;			}			if(barra!="" && barra == ("Conteudo" + id)) return;			timer = setTimeout("timerResizeBarra('"+"Conteudo" + id +"','"+barra+"',0,"+tamanhoC+","+tamanhoC+",10,"+inc+")",10);		}		function timerResizeBarra(barraAtiva, barraInativa, alturaAtiva,				 alturaInativa, tamanhoC, tempo, inc){			b1 = document.getElementById(barraAtiva);			if ((alturaAtiva + inc) <= tamanhoC){				b1.style.height = alturaAtiva + inc;				if (barraInativa != ""){					b2 = document.getElementById(barraInativa);					b2.style.height = alturaInativa - inc;				}				if (tamanhoC == alturaInativa){					if (b1.style.display != "block")						b1.style.display = "block";					if ((barraInativa != "") && (b2.style.overflow != "hidden"))						b2.style.overflow = "hidden";				}				timer = setTimeout("timerResizeBarra('"+barraAtiva+"','"+barraInativa+"',"+(alturaAtiva + inc)+","+(alturaInativa - inc)+","+tamanhoC+","+tempo+","+inc+")",tempo);			}else{				b1.style.height = tamanhoC;				if (barraInativa != ""){					b2 = document.getElementById(barraInativa);					b2.style.height = 0;					b2.style.display = "none";				}				b1.style.overflow = "auto";				clearTimeout(timer);				timer = undefined;			}		}		window.onload = function(){			elem = document.getElementsByTagName("A");			for(i=0;i<elem.length;i++){				if (elem[i].className == "botaoBarra"){					clickButtonBarra(elem[i].id);					return;				}			}			// Preloading de imagens			preloader();		}		window.onresize = function(){			if (navigator.appName.indexOf("Microsoft") != -1){				tamanhoC = document.body.offsetHeight-4;			}else{				tamanhoC = window.innerHeight;			}			elem = document.getElementsByTagName("A");			for(i=0;i<elem.length;i++){				if ((elem[i].className == "botaoBarra") || (elem[i].className == "botaoBarraAtiva"))					tamanhoC -= elem[i].offsetHeight;			}			elem = document.getElementsByTagName("DIV");			for(i=0;i<elem.length;i++){				if ((elem[i].id.substring(0,8) == "Conteudo") && (elem[i].style.display == "block")){					elem[i].style.height = tamanhoC;					return;				}			}		}		function preloader(){			img1 = new Image();			img1.src = "botao.jpg";			img2 = new Image();			img2.src = "botao_hover.jpg";			img3 = new Image();			img3.src = "botaoAtivo.jpg";			img4 = new Image();			img4.src = "botaoAtivo_hover.jpg";			img5 = new Image();			img5.src = "fundo.jpg";		}

E a formatação da folha de estilo. Quando eu uso o código acima em uma página que não tem folha de estilo o erro não ocorre. Acredito que seja algo relacionado aos DIVs.

/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; }* html ul li a { height: 1%; }/* End */   body{	  margin:0 auto;	  padding:0;	  font:76% Verdana,Tahoma,Arial,sans-serif;	  background:#f4f4f4 url(bg.gif) top center repeat-y;	  color:#303030;	}#pagina{	background:#ffffff;	color:#303030;	margin:0 auto;	width:760px;}#topo{	width: 760px;			z-index:2;	clear:both;	margin:0;	padding:0;	height:25px;	position:relative;} /*FORMATAÇÃO DOS MENUS */ul{  margin: 0 0 0 0;  padding: 0;  list-style: block;}ul li {	position: relative;}li ul {	position: absolute;	top: 0;	display: none;}/* FOMATAÇÃO DO MENU LATERAL*/ 		#lateral{ 			position:relative;			clear:left;			float:left;			left:0px;			top:0px;			width:150px;			font-size:0.9em;					}		.botaoBarra, .botaoBarraAtiva{			display:block;			margin:0;			padding:2px 0px 5px 5px;			font-weight:bold;			font-family:Arial;			font-size:10px;			color:#000000;			text-decoration:none;			background-repeat:repeat-x;		}		.botaoBarra{			background-image:url(botao.jpg);		}		.botaoBarra:hover{			background-image:url(botao_hover.jpg);		}		.botaoBarraAtiva{			background-image:url(botaoAtivo.jpg);		}		.botaoBarraAtiva:hover{			background-image:url(botaoAtivo_hover.jpg);		}		.conteudoBarra{			display:none;			height:0px;			overflow:hidden;			background-image:url(fundo.jpg);			background-repeat:repeat;			font-family:Arial;			font-size:0.9em;   }		.conteudoBarra p{			margin:25px;		}		/* Exemplo de icones */		.icons{			display:block;			margin: 0 0 2px 0;			padding:0;			height:25px;			font-size:0.8em;			font-weight:bold;			text-align:left;			text-decoration:none;			color:#505050;			background-color: #f4f4f4;			border-bottom: 2px solid #ccc;		}		.icons:hover{			color:#286ea0;		}		html>body .icons{			height:50px;		}		#meio{z-index:0;margin:5px 130px 20px 160px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:0 10px 0 10px;line-height:1.6em;text-align:left;}#meio h2{font-size:1.5em;margin:0 0 0.5em 0;}#meio h3{ font-size:0.9em;}#meio a{ text-decoration:none; font-size:0.8em; font-weight: bold; line-height:1.5em; text-decoration:none; color:#505050; display:block;	}#meio a:hover{/*text-decoration:underline;  color: #000;/*#286ea0;*/  font-size:0.9em;  font-weight:bold;  line-height:1.5em;  text-decoration:underline;  color:#505050;  display:block;	}#meio p{  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.8em;  font-style: normal;  color: #666666;  font-weight: normal;}#meio ul li a{	line-height:1.5em;	font-weight:bold;	text-decoration:none;	color:#505050;	display:block;	padding:6px 0 0 10px;}#meio ul li a:hover{	  font-weight:bold;	line-height:1.5em;	text-decoration:underline;	color:#505050;	display:block;	padding:6px 0 0 10px;}h3{font-size: 1.5em;color: #3b4651;font-family: Arial;font-style: normal;font-weight: bold;}h4{color: #a71704;font-family: Georgia;font-style: italic;font-weight: bold;font-size: 1.5em;letter-spacing: -0.05em;vertical-align: 0em;text-align: left;margin-left: +0.8em;outline: 1em #0f0000;}a{text-decoration:none;color:#286ea0;font-size:0.8em;}a:hover{text-decoration:underline;color:#286ea0;}a img{border:0;}#footer{}#footer a{color:#808080;text-decoration:none;}#footer a:hover{text-decoration:underline;}.left{margin:10px 10px 5px 0;float:left;}.right{margin:10px 0 5px 10px;float:right;}.textright{text-align:right;}.center{text-align:center;}.small{font-size:0.8em;}.bold{font-weight:bold;}.hide{display:none;}.no_js { display: block }.has_js { display: none }.js .no_js { display: none }.js .has_js { display: block }

Vergil · Maio 21, 2007

Isso não é Java, é JavaScript. Posta no Forum de JavaScript que será mais fácil de ser ajudado. ;)

sublyer · Maio 23, 2007

Fórum errado brother... heheheheManda no de JAVA SCRIPT que te respondem na boa.

Entrar

Arquivado

Erro na função java

Recommended Posts

tm@r@ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vergil 15

Compartilhar este post

Link para o post

Compartilhar em outros sites

sublyer 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

recuperando parametros simplexml_load_file

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante