Oi Pessoal, estou precisando de uma ajudinha de vocês. Tenho este código que cria um menu. O que eu preciso fazer é o seguinte:
Dependendo da opção escolhida em uma página anterior, os itens das linhas em vermelho seriam chamados de acordo com a escolha, ou seja, os itens do meu menu seriam variáveis que chamariam valores, e não valores fixos, como estão. Pensei em fazer utilizando select case, mas não sei se vai dar certo. Será que alguém teria alguma sugestão pra me dar?
<script language=javascript>
function menu(){ <!-- Declaração da função menu -->
submenu = []; <!-- Declaração da matriz submenu -->
for(i=0; i<1; i++) submenu = []; <!-- passagem por cada elemento da matriz submenu -->
textmenu = []; <!-- Declaração das matrizes submenu e textmenu -->
for(i=0; i<1; i++) textmenu = []; <!-- passagem por cada elemento da matriz textmenu -->
Pergunta
thicomp
Oi Pessoal, estou precisando de uma ajudinha de vocês. Tenho este código que cria um menu. O que eu preciso fazer é o seguinte:
Dependendo da opção escolhida em uma página anterior, os itens das linhas em vermelho seriam chamados de acordo com a escolha, ou seja, os itens do meu menu seriam variáveis que chamariam valores, e não valores fixos, como estão. Pensei em fazer utilizando select case, mas não sei se vai dar certo. Será que alguém teria alguma sugestão pra me dar?
<script language=javascript>
function menu(){ <!-- Declaração da função menu -->
submenu = []; <!-- Declaração da matriz submenu -->
for(i=0; i<1; i++) submenu = []; <!-- passagem por cada elemento da matriz submenu -->
textmenu = []; <!-- Declaração das matrizes submenu e textmenu -->
for(i=0; i<1; i++) textmenu = []; <!-- passagem por cada elemento da matriz textmenu -->
textmenu[0][0] = ["Prod 1","Prod 2","Prod 3","Prod 4]; <!-- Carregando a matriz textmenu -->
textmenu[0][1] = ["link 1","link 2","link 3","link 4"]; <!-- links para as respectivas páginas -->
menus = []; <!-- Declaração da matriz menu -->
if(document.getElementById){
menus[0] = document.getElementById("Layer1");
menuinterno = document.getElementById("menu");
//menu.setAttribute("position","absolute")
function over(){ this.style.backgroundColor = '#eeeeee'; } <!-- altera background dos submenu ao passar o mouse -->
function out(){ this.style.backgroundColor = '#c4d4ee'; } <!-- Altera background dos submenus após passagem do mouse -->
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])
textmenu[j][0] = "<a href='"+textmenu[j][1]+"'>" + textmenu[j][0] + "</a>";
submenu[j] = document.createElement("DIV");
submenu[j].setAttribute("className", "special");
submenu[j].innerHTML = textmenu[j][0];
submenu[j].style.padding = "3px"; <!-- espaçamento dos submenus -->
submenu[j].onmouseover = over;
submenu[j].onmouseout = out;
menus[j].appendChild(submenu[j]);
}
menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height));
menus[j].onmouseover = show;
menus[j].onmouseout = hide;
}
}
}
window.onload = menu;
</SCRIPT>
Desde já, agradeço pela atenção
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados