Ir para conteúdo

POWERED BY:

Arquivado

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

Juninho14

dividir sub-menu em 2 colunas...

Recommended Posts

Boa tarde galera,

to com um probleminha.. quando eu passo o mouse na minha opção do menu, ele mostra as sub opções, só que são muitas e vão até o final da página, queria poder dividir essas sub opções em 2 colunas, utilizei um menu drop down q tem aki no forum mesmo... peço que deem uma olhada por favor e quem souber me dá um toq plz...

 

endereço:

 

http://lojavirtual.insoftbrasil.com.br/higieneBucal.php

Inserí somente as opções no menu ' escovas de dente'

 

o código do menu segue abaixo:

 

<script language="javascript">
function menu(){
	submenu = [];
	for(i=0; i<15; i++) submenu[i] = [];
	textmenu = [];
	for(i=0; i<15; i++) textmenu[i] = [];
	textmenu[0][0] = ["Colgate","Oral B","Jonhson","Aquafresh","Sensodyne","Bitufo","Sanifill","Crest","Corega","Dault","Gross","Water Pik","Tepe","Gift Brasil","Lacer","Closys","Tongue Sneeper","Profresh","Thera Breath","Hypro Pulse","Nasopure"];
	textmenu[0][1] = ["seleciona_categoria.php?idCategoria=&marca=1","seleciona_categoria.php?idCategoria=&marca=2","","",""];
	
	textmenu[1][0] = ["Recortar","Copiar","Colar","Colar Especial","Limpar tudo","Options","Customize"]
	textmenu[1][1] = ["","","","","","",""];
	
	textmenu[2][0] = ["Barras de ferramentas","Barra de Status","Barras do Explorer","Mostrar Imagem","Codigo Fonte","Tela Inteira"]
	textmenu[2][1] = ["","","","","",""];
	
	textmenu[3][0] = ["Adicionar a Favoritos","Configurar","Excluir Favoritos"]
	textmenu[3][1] = ["","",""];
	
	textmenu[4][0] = ["Sincronizar","Windows Update","Messenger","Opcoes de Internet"]
	textmenu[4][1] = ["","","",""];
	
	textmenu[5][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[5][1] = ["","","","",""];
	
	textmenu[6][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[6][1] = ["","","","",""];
	
	textmenu[7][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[7][1] = ["","","","",""];
	
	textmenu[8][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[8][1] = ["","","","",""];

	textmenu[9][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[9][1] = ["","","","",""];


	textmenu[10][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[10][1] = ["","","","",""];

	textmenu[11][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[11][1] = ["","","","",""];

	textmenu[12][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[12][1] = ["","","","",""];

	textmenu[13][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[13][1] = ["","","","",""];

	textmenu[14][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]
	textmenu[14][1] = ["","","","",""];

	
	menus = [];
	if(document.getElementById){
		menus[0] = document.getElementById("Layer1");
		menus[1] = document.getElementById("Layer2");
		menus[2] = document.getElementById("Layer3");
		menus[3] = document.getElementById("Layer4");
		menus[4] = document.getElementById("Layer5");
		menus[5] = document.getElementById("Layer6");
		menus[6] = document.getElementById("Layer7");
		menus[7] = document.getElementById("Layer8");
		menus[8] = document.getElementById("Layer9");
		menus[9] = document.getElementById("Layer10");
		menus[10] = document.getElementById("Layer11");
		menus[11] = document.getElementById("Layer12");
		menus[12] = document.getElementById("Layer13");
		menus[13] = document.getElementById("Layer14");
		
		
		menuinterno = document.getElementById("menu");
		//menu.setAttribute("position","absolute")
		function over(){ this.style.backgroundColor = '#B2B4BF'; }
		function out(){ this.style.backgroundColor = '#ffffff'; }
		function show(){ this.style.visibility='visible'; }
		function hide(){ this.style.visibility='hidden'; }
		for(j=0; j<textmenu.length; j++){	
			for (i=0; i<textmenu[j][0].length; i++){
				//alert(textmenu[j][0][i])
				textmenu[j][0][i] = "<a href='"+textmenu[j][1][i]+"'>" + textmenu[j][0][i] + "</a>";
				submenu[j][i] = document.createElement("DIV");
				submenu[j][i].setAttribute("className", "special");
				submenu[j][i].innerHTML = textmenu[j][0][i] + "<Br>";
				submenu[j][i].style.padding = "5px";
				submenu[j][i].onmouseover = over;
				submenu[j][i].onmouseout = out;
				menus[j].appendChild(submenu[j][i]);
			}
			menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height));
			menus[j].onmouseover = show;
			menus[j].onmouseout = hide;
		}
	}
}
window.onload = menu;
</script>

 

Abração

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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