Ir para conteúdo
Fórum Script Brasil
  • 0

Problema Com Combo


carol

Pergunta

Oi gente,

estou com uma dúvida acho que vocês já devem ter passado por isso.

Seguinte....

Tenho um menu em JS no topo ate ai beleza sem problemas, o problema e quando meu menu é muito grande, e na minha página tenho controles de combo, o q rola e que da para fazer duas coisas : 1 quando abre o menu somem todos os combos e 2 o combo fica por cima do menu, alguém saberia como fazer para deixar o combo atras do menu?

segue o código:

<html><head> 
<title>JavaScript - Menu Over</title> 
<style type=text/css> 
table{font-family:verdana; font-size:11px; color:000000;} 
a{font-family:verdana; font-size:11px; color:000000; text-decoration:none;} 
a:hover{font-family:verdana; font-size:11px; color:000000; text-decoration:underline;} 
</style> 

<script language=javascript> 

opcoes = "area 1"; 
links = "Microsoft=http://www.microsoft.com.br"; 
links += "ðiBEST=http://www.ibest.com.br"; 
links += "ðSuperDownloads=http://www.superdownloads.com.br"; 

opcoes += "¬area 2"; 
links += "|Globo=http://www.globo.com"; 
links += "ðCNN=http://www.cnn.com.br"; 
links += "ðJavaScript=http://javascript.internet.com"; 

opcoes += "¬area 3"; 
links += "|Mix FM=http://www.mixfm.com.br"; 
links += "ðHINOM=http://www.hinom.cjb.net"; 
links += "ðBar Fly=http://www.barfly.pop.com.br"; 



exibir = "links_menu"; 
nome = "itens_menu"; 
opcoes = opcoes.split("¬"); 
links = links.split("|"); 
function itens_menu(){ 
itens = document.all[nome]; 
link = document.all[exibir]; 
retornar = "<table border=0 cellspacing=0 cellpadding=0><tr>"; 
for(i=0;i<opcoes.length;i++){ 
evento = " onmouseover=\"javascript:menu_over(" + i + ",1);\""; 
retornar += "<td style=\"cursor:hand;\"" + evento + ">" + opcoes[i] + "&nbsp;</td>"; 
} 
retornar += "</tr></table>"; 
itens.innerHTML = retornar; 
} 
function menu_over(item,tipo){ 
mouseX = window.event.x + document.body.scrollLeft; 
mouseY = window.event.y + document.body.scrollTop; 

separar = links[item].split("ð"); 
retornar = "<table width=100 border=1 bordercolor=000000 cellspacing=0 cellpadding=0>"; 
retornar += "<tr bordercolor=ffffff><td bgcolor=ffcc33><b><small>"; 
retornar += opcoes[item]; 
retornar += "</small></b></td></tr>"; 

for(i=0;i<separar.length;i++){ 
explodir = separar[i].split("="); 
escrever_nome = explodir[0]; 
escrever_link = explodir[1]; 
evento = " onclick=\"javascript:alert('" + escrever_link + "');\""; 
evento += " onmousemove=\"javascript:menu_over(" + item + ",2);\""; 
evento += " onmouseout=\"javascript:menu_limpar();\""; 
retornar += "<tr bordercolor=ffffff"; 
retornar += evento; 
retornar += "><td style=\"cursor:hand;\"><a href=\"javascript:;\">" + escrever_nome + "</a></td></tr>"; 
} 
evento = " onclick=\"javascript:menu_limpar();\""; 
retornar += "<tr bordercolor=ffffff"; 
retornar += evento; 
retornar += "><td align=right bgcolor=ffcc33><a href=\"javascript:;\"><font color=000000><small>fechar</small></font></a></td></tr>"; 
retornar += "</table>"; 
link.innerHTML = retornar; 
if(tipo==1){ 
link.style.left = (mouseX - 50); 
link.style.top = eval(mouseY + 10); 
} 
} 
function menu_limpar(){ 
link.innerHTML = ""; 
} 
</script> 

</head> 
<body onload="itens_menu()";><center> 
<table border=0 cellspacing=0 cellpadding=0><tr><td align=center valign=top> 

<script language=javascript> 
document.write("<div name="+nome+" id="+nome+"></div>"); 
document.write("<div name="+exibir+" id="+exibir+" style=\"position:absolute;\"></div>"); 
</script> 

</td></tr> 
</table> 

<select> 
   <option>Teste Combo</option> 
</select> 
</center></body></html>

obrigada a todos!

beijikas..

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      652k
×
×
  • Criar Novo...