Problema de select e menu com submenu

Dieguinhu Web · Dezembro 27, 2008

Galera beleza??

então meu problema é que estou com um menu drop down e ele está ficando por BAIXO de um Combo (select) de um iframe de uma pagina raiz...

</iframe>

eu chamo no documento esse iframe ...neste html >>notas fiscais/nf_pedido/index.html contem um formulario aonde tem um combo e um input text ....os input text estão normais ficam por baixo do menu da pagina raiz ,mas o que ferrou foi o select ficando por cima do submenu do menu javascript....

como poderia resolver isso ???

eu tentei colocar o z-index do iframe menor do que o do combo do html>>> notas fiscais/nf_pedido/index.html...mas não deu certo...

espero ter sido claro do meu problema e que alguem possa dar uma luz ai...

abraços

FELIZ 2009 http://forum.imasters.com.br/public/style_emoticons/default/natal_w00t.gif

William Bruno · Dezembro 27, 2008

Para o z-index funcionar, ele precisa de um position: relative associado ao mesmo elemento, no mínimo. Com o absolute tb funciona.

Mas o relative é ideal, se você não quer que a propriedade position, mecha na ordem do fluxo do documento.

Dieguinhu Web · Dezembro 29, 2008

nem funcionou ....setando tudo isso que você falou...

quem puder me ajudar nisso ai agradeço?

vitor_np · Dezembro 29, 2008

tenta dar um visibility="hidden" no iframe

William Bruno · Dezembro 29, 2008

Desculpa.. mas COMO você fez?

Coloque um link para a página, a idéia é isso:

<iframe src="notas fiscais/nf_pedido/index.html" style="display:none; position:relative; z-index:1;" id="nf_pedido" width="1000px" height="500px" allowtransparency="true" frameborder="0" scrolling="no" >
</iframe>

Ai no menu, você coloca um valor maior que 1..

Agora eu não entendi, COMO que o menu fica por baixo, se esse iframe nem aparece na tela, por causa do display none..

Explica melhor, e coloca mais códigos para que possamos testar.

Simplesmente "não funcionou", não me diz nada.. você pode simplesmente não ter feito oq eu disse, da maneira que era para ter sido feito..

Dieguinhu Web · Dezembro 29, 2008

Seguinte esse são os iframes vão ter varios na sequencia.....

ele ta display:none correto.......mas quando é clicado no menu aparece o iframe por essa function que eu fiz

function nf_dataentry(){

document.getElementById("nf_dataentry").style.display="block";

document.getElementById("nf_pedido").style.display="none";

document.getElementById("titulo").style.display="none";

}

o menu está assim é meio grande

var menu1=new Array()

menu1[0]='<a href="http://www.javascriptkit.com" style="color:black ; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">APOCILE DE SEGURO</a>'

menu1[1]='<a href="http://www.freewarejava.com" style="color:black;font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">CENTRO DE CUSTO</a>'

menu1[2]='<a href="http://codingforums.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">E-MAIL PARA RECEBIMENTO DE RPS E NFE</a>'

menu1[3]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">GARAGEM</a>'

menu1[4]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">MOTORISTA</a>'

menu1[5]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">POLITICA DE PRECOS</a>'

menu1[6]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">USUARIO</a>'

menu1[7]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">VEICULO</a>'

var menu2=new Array()

menu2[0]='<a href="http://www.javascriptkit.com" style="color:black ; font:Arial, Helvetica, sans-serif" onMouseover="link2()" onMouseout="link02()">CARTA DE IDENTIFICACAO DO USUARIO</a>'

menu2[1]='<a href="http://www.freewarejava.com" style="color:black;font:Arial, Helvetica, sans-serif" onMouseover="link2()" onMouseout="link02()">CARTAO RESERVA TICKET CAR</a>'

menu2[2]='<a href="http://codingforums.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link2()" onMouseout="link02()">CARTAO TICKET CAR</a>'

menu2[3]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link2()" onMouseout="link02()">MANUTENCAO DE CARTAO</a>'

var menu3=new Array()

menu3[0]='<a href="http://www.javascriptkit.com" style="color:black ; font:Arial, Helvetica, sans-serif" onMouseover="link3();" onMouseout="link03()">NF CAPA LOTE</a>'

menu3[1]='<a href="#isso" onclick="nf_pedido()" style="color:black;font:Arial, Helvetica, sans-serif" onMouseover="link3()" onMouseout="link03()">NF PEDIDO</a>'

menu3[2]='<a href="http://codingforums.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link3()" onMouseout="link03()">NF PENDENTE</a>'

menu3[3]='<a href=#esse" name="esse" onClick="nf_pedido()" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link3()" onMouseout="link03()">NF REMESSA</a>'

menu3[4]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link3()" onMouseout="link03()">NF SOLICITACÃO</a>'

menu3[5]='<a href=#esse1" name="esse1" onClick="nf_dataentry()" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link3()" onMouseout="link03()">DATA ENTRY</a>'

var menu4=new Array()

menu4[0]='<a href="http://www.javascriptkit.com" style="color:black ; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">BLOQUEIO DE UTILIZACAO</a>'

menu4[1]='<a href="http://www.freewarejava.com" style="color:black;font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">CARGA DE CREDITO</a>'

menu4[2]='<a href="http://codingforums.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">CONSULTA SALDO/TRANSACOES DE BASE</a>'

menu4[3]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">CORRECOES DE TRANSACOES</a>'

menu4[4]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">DEVOLUCAO DE CREDITO</a>'

menu4[5]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">DISTRIBUICAO DE CREDITO</a>'

menu4[6]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">DOWNLOAD/UPLOAD (CREDITO)</a>'

menu4[7]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">PEDIDO DE CREDITO</a>'

menu4[8]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">TRANSFERENCIA DE CREDITO</a>'

var menu5=new Array()

menu5[0]='<a href="http://www.javascriptkit.com" style="color:black ; font:Arial, Helvetica, sans-serif" onMouseover="link5()" onMouseout="link05()">CORRECOES DE MOVIMENTACOES</a>'

menu5[1]='<a href="http://www.freewarejava.com" style="color:black;font:Arial, Helvetica, sans-serif" onMouseover="link5()" onMouseout="link05()">EQUIPAMENTO</a>'

menu5[2]='<a href="http://codingforums.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link5()" onMouseout="link05()">MOTIVO ENTRADA/SAIDA</a>'

menu5[3]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link5()" onMouseout="link05()">OUTROS ITENS</a>'

menu5[4]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link5()" onMouseout="link05()">RELATORIOS</a>'

var menu6=new Array()

menu6[0]='<a href="http://www.javascriptkit.com" style="color:black ; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">AREA DE VIZUALIZACAO E DOWNLOAD</a>'

menu6[1]='<a href="http://www.freewarejava.com" style="color:black;font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">ARQUIVO TXT</a>'

menu6[2]='<a href="http://codingforums.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">CADASTRAIS</a>'

menu6[3]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">CARTAO</a>'

menu6[4]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">DESVIO</a>'

menu6[5]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">ESTATISTICAS DE ACESSO</a>'

menu6[6]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">FINANCEIRO</a>'

menu6[7]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">GADD</a>'

menu6[8]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">HISTORICO</a>'

menu6[9]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">PEDIDOS DE CARTA IDENTIFICACAO USUARIO</a>'

menu6[10]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">RELATORIO CONFERENCIA DE NOTAS FISCAIS</a>'

menu6[11]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">RELATORIO DE ATENDIMENTO</a>'

menu6[12]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">RELATORIO DE LOG</a>'

menu6[13]='<a href="http://www.cssdrive.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">UTILIZACAO</a>'

var menuwidth='165px'

var menubgcolor='white' //menu bgcolor

var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ie4||ns6)

document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}

function showhide(obj, e, visible, hidden, menuwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top="-500px"

if (menuwidth!=""){

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=menuwidth

}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

obj.visibility=visible

else if (e.type=="click")

obj.visibility=hidden

}

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge"){

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?

edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge

}

return edgeoffset

}

function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("")

}

function dropdownmenu(obj, e, menucontents, menuwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv

populatemenu(menucontents)

if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")

dropmenuobj.y=getposOffset(obj, "top")

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

}

return clickreturnvalue()

}

function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}

function contains_ns6(a, B) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}

function hidemenu(e){

if (typeof dropmenuobj!="undefined"){

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}

function clearhidemenu(){

if (typeof delayhide!="undefined")

clearTimeout(delayhide)

}

if (hidemenu_onclick=="yes")

document.onclick=hidemenu

</script>

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link1();dropdownmenu(this, event, menu1, '240px')" onMouseout="delayhidemenu();link01()" style="font-family:Arial;text-decoration:none; color:#000000 "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">CADASTROS</font></a>

</span>

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link2();dropdownmenu(this, event, menu2, '250px')" onMouseout="delayhidemenu();link02()" style="font-family:Arial;text-decoration:none; color:#000000"> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">CARTAO</font></a>

</span>

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link3();dropdownmenu(this, event, menu3, '160px')" onMouseout="delayhidemenu();link03()" style="font-family:Arial;text-decoration:none; color:#000000; "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">NOTAS FISCAIS</font></a>

</span>

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link4();dropdownmenu(this, event, menu4, '300px')" onMouseout="delayhidemenu();link04()" style="font-family:Arial;text-decoration:none; color:#000000 "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">OPERACOES</font></a>

</span>

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link5();dropdownmenu(this, event, menu5, '220px')" onMouseout="delayhidemenu();link05()" style="font-family:Arial;text-decoration:none; color:#000000 "><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px"> <img src="4.gif" border="0"/> PORTARIA</font></a>

</span>

<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link6();dropdownmenu(this, event, menu6, '280px')" onMouseout="delayhidemenu();link06()" style="font-family:Arial;text-decoration:none; color:#000000 "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">RELATORIOS</font></a>

</span>

<a href="default.htm" onMouseover="link7()" onMouseout="link07()" style="font-family:Arial;text-decoration:none; color:#000000 "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">ALTERAR BASES</font></a>

</span>

</span>

veja nos codigos o que eu fiz por favor...

espero q dê pra solucionar agora.... se nãoder pra entender alguma coisa é só falar...

abracos

vitor_np · Dezembro 29, 2008

posta o código da pagina inteira como está funcionando para gente ver

William Bruno · Dezembro 29, 2008

Seria bacana você postar um link para vermos online então..

pq copiei e colei esse código, tentando acertar algumas coisas na ordem, e na estrutura HTML, e mesmo assim, não consegui rodar...

Veja que você não entende qndo eu disse para por um position:

<!-- AKI É ONDE O MENU COBRE O SELECT DO IFRAME-->
<span id="span3" style="width:100px; position: relative; z-index:4; ">

Viu?

Ali eu coloquei o position tb.

Mas coloque um link, ou a estrutura certa do HTML, usando o bbcode do forum.. [ code ][/ code ]

Dieguinhu Web · Dezembro 29, 2008

então cara...

coloquei os position no menu tambem e se tem sleect no iframe ele fica por cima do menu...complicado=(

e tambem estou sem servidor pra publicar isso...e tambem não posso pelas politicas de segurança da minha empresa

mas o html completo é esse está com link de imagem quebrado mas da pra você dar uma olhada....

abraco...

<html>
<head>
<title>TcNet - Gestão de Frota</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type=text/css> 
body { 
font-family: Arial, Helvetica, sans-serif; color: black; font-size:11pt; background-attachment:no-fixed; background-repeat:no-repeat; }
</style>
<style type="text/css">
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 9px Verdana;
line-height:18px;
z-index:100;
margin-left:7px;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #FFC200;
}
</style>
<script LANGUAGE="JavaScript">

function f_cnpj(obj) {
	var c = document.layers ? evt.which
			: document.all ? event.keyCode
			: evt.keyCode;
	if ((c < 48 || c > 58)) {return false;}
	else {
		if (obj.value.length == 2 || obj.value.length == 6) {obj.value = obj.value + "."}
		if (obj.value.length == 10) {obj.value = obj.value + "/"}
		if (obj.value.length == 15) {obj.value = obj.value + "-"}						
	}
}
//------------------------------------------------------
// Consiste CNPJ
// onblur='return f_consiste_cnpj(this)'
//------------------------------------------------------
function f_consiste_cnpj(obj) {
	if (obj.value.length > 0){
		if (obj.value.length != 18) {alert("CNPJ invalido");obj.focus();obj.select();return}
	}
}

function f_teclado_travado() 
{return false}

function nf_pedido(){
document.getElementById("nf_pedido").style.display="block";
document.getElementById("nf_dataentry").style.display="none";
document.getElementById("titulo").style.display="none";
}
function nf_dataentry(){
document.getElementById("nf_dataentry").style.display="block";
document.getElementById("nf_pedido").style.display="none";
document.getElementById("titulo").style.display="none";
}
function teste1(){
document.getElementById('combo1').style.visibility="hidden";
}


</script>

<script type="text/javascript">

var menu1=new Array()
menu1[0]='<a href="http://www.javascriptkit.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link1()" onMouseout="link01()">APOCILE DE SEGURO</a>'
menu1[1]='<a href="http://www.freewarejava.com"  style="color:black;font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">CENTRO DE CUSTO</a>'
menu1[2]='<a href="http://codingforums.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">E-MAIL PARA RECEBIMENTO DE RPS E NFE</a>'
menu1[3]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">GARAGEM</a>'
menu1[4]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">MOTORISTA</a>'
menu1[5]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">POLITICA DE PRECOS</a>'
menu1[6]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">USUARIO</a>'
menu1[7]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link1()" onMouseout="link01()">VEICULO</a>'

var menu2=new Array()
menu2[0]='<a href="http://www.javascriptkit.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link2()" onMouseout="link02()">CARTA DE IDENTIFICACAO DO USUARIO</a>'
menu2[1]='<a href="http://www.freewarejava.com"  style="color:black;font:Arial, Helvetica, sans-serif"  onMouseover="link2()" onMouseout="link02()">CARTAO RESERVA TICKET CAR</a>'
menu2[2]='<a href="http://codingforums.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link2()" onMouseout="link02()">CARTAO TICKET CAR</a>'
menu2[3]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link2()" onMouseout="link02()">MANUTENCAO DE CARTAO</a>'

var menu3=new Array()
menu3[0]='<a href="http://www.javascriptkit.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link3();" onMouseout="link03()">NF CAPA LOTE</a>'
menu3[1]='<a href="#isso" onclick="nf_pedido()"  style="color:black;font:Arial, Helvetica, sans-serif"  onMouseover="link3()" onMouseout="link03()">NF PEDIDO</a>'
menu3[2]='<a href="http://codingforums.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link3()" onMouseout="link03()">NF PENDENTE</a>'
menu3[3]='<a href=#esse" name="esse" onClick="nf_pedido()"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link3()" onMouseout="link03()">NF REMESSA</a>'
menu3[4]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link3()" onMouseout="link03()">NF SOLICITACÃO</a>'
menu3[5]='<a  href=#esse1" name="esse1" onClick="nf_dataentry()"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link3()" onMouseout="link03()">DATA ENTRY</a>'

var menu4=new Array()
menu4[0]='<a href="http://www.javascriptkit.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link4()" onMouseout="link04()">BLOQUEIO DE UTILIZACAO</a>'
menu4[1]='<a href="http://www.freewarejava.com"  style="color:black;font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">CARGA DE CREDITO</a>'
menu4[2]='<a href="http://codingforums.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">CONSULTA SALDO/TRANSACOES DE BASE</a>'
menu4[3]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">CORRECOES DE TRANSACOES</a>'
menu4[4]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">DEVOLUCAO DE CREDITO</a>'
menu4[5]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">DISTRIBUICAO DE CREDITO</a>'
menu4[6]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">DOWNLOAD/UPLOAD (CREDITO)</a>'
menu4[7]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">PEDIDO DE CREDITO</a>'
menu4[8]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link4()" onMouseout="link04()">TRANSFERENCIA DE CREDITO</a>'

var menu5=new Array()
menu5[0]='<a href="http://www.javascriptkit.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link5()" onMouseout="link05()">CORRECOES DE MOVIMENTACOES</a>'
menu5[1]='<a href="http://www.freewarejava.com"  style="color:black;font:Arial, Helvetica, sans-serif"  onMouseover="link5()" onMouseout="link05()">EQUIPAMENTO</a>'
menu5[2]='<a href="http://codingforums.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link5()" onMouseout="link05()">MOTIVO ENTRADA/SAIDA</a>'
menu5[3]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link5()" onMouseout="link05()">OUTROS ITENS</a>'
menu5[4]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link5()" onMouseout="link05()">RELATORIOS</a>'


var menu6=new Array()
menu6[0]='<a href="http://www.javascriptkit.com" style="color:black; font:Arial, Helvetica, sans-serif" onMouseover="link6()" onMouseout="link06()">AREA DE VIZUALIZACAO E DOWNLOAD</a>'
menu6[1]='<a href="http://www.freewarejava.com"  style="color:black;font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">ARQUIVO TXT</a>'
menu6[2]='<a href="http://codingforums.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">CADASTRAIS</a>'
menu6[3]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">CARTAO</a>'
menu6[4]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">DESVIO</a>'
menu6[5]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">ESTATISTICAS DE ACESSO</a>'
menu6[6]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">FINANCEIRO</a>'
menu6[7]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">GADD</a>'
menu6[8]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">HISTORICO</a>'
menu6[9]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">PEDIDOS DE CARTA IDENTIFICACAO USUARIO</a>'
menu6[10]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">RELATORIO CONFERENCIA DE NOTAS FISCAIS</a>'
menu6[11]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">RELATORIO DE ATENDIMENTO</a>'		
menu6[12]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">RELATORIO DE LOG</a>'
menu6[13]='<a href="http://www.cssdrive.com"  style="color:black; font:Arial, Helvetica, sans-serif"  onMouseover="link6()" onMouseout="link06()">UTILIZACAO</a>'

var menuwidth='165px'
var menubgcolor='white'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

function link1(){
document.getElementById("span1").style.backgroundColor="#FFC300";
}
function link01(){
document.getElementById("span1").style.backgroundColor="";
}

function link2(){
document.getElementById("span2").style.backgroundColor="#FFC300";
}
function link02(){
document.getElementById("span2").style.backgroundColor="";
}

function link3(){
document.getElementById("span3").style.backgroundColor="#FFC300";
}
function link03(){
document.getElementById("span3").style.backgroundColor="";
}

function link4(){
document.getElementById("span4").style.backgroundColor="#FFC300";
}
function link04(){
document.getElementById("span4").style.backgroundColor="";
}

function link5(){
document.getElementById("span5").style.backgroundColor="#FFC300";
}
function link05(){
document.getElementById("span5").style.backgroundColor="";
}

function link6(){
document.getElementById("span6").style.backgroundColor="#FFC300";
}
function link06(){
document.getElementById("span6").style.backgroundColor="";
}

function link7(){
document.getElementById("span7").style.backgroundColor="#FFC300";
}
function link07(){
document.getElementById("span7").style.backgroundColor="";
}

function link8(){
document.getElementById("span8").style.backgroundColor="#FFC300";
}
function link08(){
document.getElementById("span8").style.backgroundColor="";
}
</script>	
</head> 
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 background="backgeral1.gif">
<br><br>
<div id="bloco" style="margin-left:240px">

<span id="span1" style="width:90px;">
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link1();dropdownmenu(this, event, menu1, '240px')" onMouseout="delayhidemenu();link01()" style="font-family:Arial;text-decoration:none; color:#000000 "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">CADASTROS</font></a>
</span>

<span id="span2" style="width:90px">
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link2();dropdownmenu(this, event, menu2, '250px')" onMouseout="delayhidemenu();link02()" style="font-family:Arial;text-decoration:none; color:#000000">    <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">CARTAO</font></a>
</span>

<span id="span3" style="width:100px;position: relative;z-index:4 ">
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link3();dropdownmenu(this, event, menu3, '160px')" onMouseout="delayhidemenu();link03()" style="font-family:Arial;text-decoration:none; color:#000000; "> <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">NOTAS FISCAIS</font></a>
</span>

<span id="span4" style="width:100px">
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link4();dropdownmenu(this, event, menu4, '300px')" onMouseout="delayhidemenu();link04()" style="font-family:Arial;text-decoration:none; color:#000000 ">   <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">OPERACOES</font></a>
</span>

<span id="span5" style="width:90px;">
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link5();dropdownmenu(this, event, menu5, '220px')" onMouseout="delayhidemenu();link05()" style="font-family:Arial;text-decoration:none; color:#000000 "><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">   <img src="4.gif" border="0"/> PORTARIA</font></a>
</span>

<span id="span6" style="width:90px;margin-left:5px">
<a href="default.htm" onClick="return clickreturnvalue()" onMouseover="link6();dropdownmenu(this, event, menu6, '280px')" onMouseout="delayhidemenu();link06()" style="font-family:Arial;text-decoration:none; color:#000000 ">  <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">RELATORIOS</font></a>
</span>

<span id="span7" style="width:110px;margin-left:10px">
<a href="default.htm" onMouseover="link7()" onMouseout="link07()" style="font-family:Arial;text-decoration:none; color:#000000 ">  <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">ALTERAR BASES</font></a>
</span>

<span id="span8" style="width:60px;margin-left:10px">
<a href="default.htm" onMouseover="link8()" onMouseout="link08()" style="font-family:Arial;text-decoration:none; color:#000000 ">   <img src="4.gif" border="0"/><font face="Arial, Helvetica, sans-serif" size="-3" style="margin-left:2px">SAIR</font></a>
</span>
</div>
		   
<br>
<font face=arial size=1 id="titulo"><b>Atualizado: 18/12/2008
</b>
</font>
<center><iframe src="notas fiscais/nf_pedido/index.html"  style="display:none;position:relative;z-index:1" id="nf_pedido" width="1000px" height="500px" allowtransparency="true" frameborder="0" scrolling="no" ></iframe>
<iframe src="notas fiscais/nf_dataentry/index.html" style="display:none;" id="nf_dataentry" width="1000px" height="1200px" allowtransparency="true" frameborder="0" scrolling="no" ></iframe>
</body>
</html>

vitor_np · Dezembro 29, 2008

está faltando o conteúdo dos arquivos chainedmenu.js e config.js

Dieguinhu Web · Dezembro 29, 2008

esse arquivos são de popular combo não tem nada a ver com o que estamos discutindo http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

flw

vitor_np · Dezembro 29, 2008

resetListGroup('chainedmenu');

initListGroup('chainedmenu', document.listmenu0.firstlevel, document.listmenu0.secondlevel, 'savestate')

oq seria essas duas funções q estão dando erro?

Dieguinhu Web · Dezembro 29, 2008

de popular combo

se não tiver esses JS ai vai dar pau msm

abracos

alguem ai em da uma luz nisso??????????????????

William Bruno · Dezembro 29, 2008

Realmente está dificil sem um link...

com esse código apenas, nenhum dos links vai abrir o iFrame com o SELECT para que eu veja o menu atrás do combo..

Tenta colocar online... veja..

precisamos ver, e mesmo rodando todo esse código que você postou, não apareceu o problema.

vitor_np · Dezembro 30, 2008

é vdd

Arquivado

Problema de select e menu com submenu

Recommended Posts

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

vitor_np 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

vitor_np 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

vitor_np 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

vitor_np 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Dieguinhu Web 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

vitor_np 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Não atualizar a div dentro de um setInterval

Setar cookie para subdominio

Evitar que o input file seja limpado ao cancelar a seleção

Fóruns

Tempo Real

Informação importante