Menu Drop Down com um combobox(select)

[tinoco 0]

Bom Dia a todos,

 

Estou batendo cabeça para colocar um combobox fiel em todos os navegadores. O que acontece é o seguinte primeiro tenho um menu drop down e dentro dele tenho um select, só que quando eu seto este select no google chrome a minha div do menu some eu não queria isso já no opera por exemplo eu setar o elemento sem perder a minha div menu porém quando seleciono a opção do combobox ele não retorna para a caixa.

 

Deixo o código disponibilizado:

<div id="wrapper_menu"><!-- BEGIN MENU WRAPPER -->


   <ul class="menu menu_blue1"><!-- BEGIN MENU -->

      <li class="fullwidth"><a href="#" class="drop"><b>Acesso à Informação</b></a><!-- Begin Home Item -->
      <!-- <li class="fullwidth"><a href="../acessoainformacao/acessoainformacao.html" target="_blank" alt=""><b>Acesso à Informação</b></a></li> -->

        <div class="dropdown_fullwidth first_fullwidth"><!-- Begin dropdown_fullwidth container -->

             <div class="col_6 firstcolumn">

                   <h2>Laboratório Nacional de Computação Científica</h2>
                   <p><a href="../acessoainformacao/institucional.php?vCabecalho=inst&vVoltar=off&vMenu=0">Institucional</a></p>             
                   <p><a href="../acessoainformacao/acoes.php?vCabecalho=acoes&vVoltar=off&vMenu=0">Ações e Programas</a></p>
                   <p><a href="../acessoainformacao/auditoria.php?vCabecalho=aud&vVoltar=off&vMenu=0">Auditorias</a></p>
                   <p><a href="../acessoainformacao/convenios.php?vCabecalho=aud&vVoltar=off&vMenu=0">Convênios</a></p>
                   <p><a href="../acessoainformacao/despesas.php?vCabecalho=desp&vVoltar=off&vMenu=0">Despesas</a></p>
                   <p><a href="../acessoainformacao/licit.php?vCabecalho=lic&vVoltar=off&vMenu=0">Licitações e Contratos</a></p>
                   <p><a href="../acessoainformacao/servidores.php?vCabecalho=serv&vVoltar=off&vMenu=0">Servidores</a></p>
                   <p><a href="../acessoainformacao/perguntas.php?vCabecalho=perg&vVoltar=off&vMenu=0">Perguntas Frequentes</a></p>
                   <p><a href="../acessoainformacao/lei.php?vCabecalho=lei&vVoltar=off&vMenu=0">Sobre a Lei de Acesso à Informação</a></p>
                   <p><a href="../acessoainformacao/informe.php?vCabecalho=inf&vVoltar=off&vMenu=0">Serviço de Informação ao Cidadão - SIC</a></p>

               </div>


           </div><!-- End dropdown_fullwidth container -->


       </li><!-- End Home Item -->









       <li class="fullwidth"><a href="#" class="drop"><b>Institucional</b></a><!-- Begin Home Item -->


           <div class="dropdown_fullwidth"><!-- Begin dropdown_fullwidth container -->


               <div class="col_2 firstcolumn">

                   <h2>O LNCC</h2>
                   <p><a href="../lncc/historico1.php?vCabecalho=lncc&vVoltar=off&vMenu=1">Histórico</a></p>             
                   <p><a href="../lncc/estrutura.php?vCabecalho=lncc&vVoltar=off&vMenu=1">Estrutura Organizacional</a></p>
                   <p><a href="../lncc/corpotecnicogerallistar.php?vCabecalho=lncc&vVoltar=off&vMenu=1">Corpo Técnico Científico</a></p>
                   <p><a href="../lncc/terceiroslistar.php?vCabecalho=lncc&vVoltar=off&vMenu=1" id="bloqueio">Terceirizados</a></p>
                   <p><a href="../transparencia/transparencialistar.php?vVoltar=off&vMenu=1">Documentos Institucionais</a></p>

                   <h2 class="pusher">Programas Acadêmicos</h2>

                   <p><a href="../posgraduacao/homePosgrad.php?vDepto=7&vCabecalho=pos&vVoltar=off&vMenu=4">Mestrado e Doutorado</a></p>
                   <p><a href="../eventoSeminario/programaverao.php?vMenu=4&vAno=<?=$anocor?>">Programa de Verão</a></p>

                   <h2 class="pusher">Projetos Estruturantes</h2>

                   <p><a href="../projetosEstruturantes/projetosconsultar.php?vMenu=7">Histórico</a></p>             
                   <p><a href="../departamentos/projetosconsultar.php?Idt_Projeto=375&projeto=1&vCabecalho=pesq&vTitulo=lncc&vDepto=&idt_responsavel=&vAno=<?=$anocor?>&idt_linha_pesquisa=&vMenu=7">Dinâmica da Água em Bacias Hidrográficas</a></p>
                   <p><a href="../departamentos/projetosconsultar.php?Idt_Projeto=376&projeto=1&vCabecalho=pesq&vTitulo=lncc&vDepto=&idt_responsavel=&vAno=<?=$anocor?>&idt_linha_pesquisa=&vMenu=7">Engenharia do Petróleo</a></p>
                   <p><a href="http://www.lncc.br/prjhemo/prjmacc/Macc.html" target="_blank">Medicina Assistida por Computação</a></p>
                   <p><a href="http://www.lncc.br/~geoma/" target="_blank">Rede GEOMA</a></p>

               </div>

               <div class="col_2">

                   <h2>Pesquisa e Desenvolvimento</h2>

                   <p><a href="../departamentos/linhaspesquisalistar.php?vCabecalho=pesq&vTitulo=lncc&vVoltar=off&vMenu=2">Linhas de Pesquisa</a></p>             
                   <p><a href="../departamentos/producaocientificalistar.php?vCabecalho=pesq&vVoltar=off&vTitulo=lncc&vAno=<?=$anocor?>&vMenu=2">Produção Técnico-Científica</a></p>
                   <p><a href="../departamentos/projetos.php?vCabecalho=pesq&vTitulo=lncc&vAno=<?=$anocor?>&vVoltar=off&vMenu=2">Projetos de P & D</a></p>

                   <h2 class="pusher">Eventos</h2>

                   <p><a href="../eventoSeminario/seminarioconsultar.php?vAno=<?=$anocor?>&vVoltar=off&vMenu=5">Seminários</a></p>             
                   <p><a href="../eventoSeminario/eventolistar.php?vAno=<?=$anocor?>&vVoltar=off&vMenu=5">Congressos / Escolas / Cursos Organizados no LNCC</a></p>
                   <p><a href="../eventoSeminario/eventolistarExt.php?vAno=<?=$anocor?>&vVoltar=off&vMenu=5">Congressos Organizados pelo LNCC em outras Instituições</a></p>
                   <p><a href="../eventoSeminario/outrosEventoListar.php?vAno=<?=$anocor?>&vVoltar=off&vMenu=5">Outros Eventos e Cursos no LNCC</a></p>
                   <p><a href="#" onclick="javascript:window.open('../estrutura/transmissao.php', 'popUp', 'status=yes,scrollbars=yes,width=400,height=200,resizable=yes');">Transmissão de Eventos</a></p>

                   <h2 class="pusher">Bolsas no LNCC</h2>

                   <p><a href="http://bolsas.lncc.br/index.php?idt_projeto=445" target="_blank">Bolsas PCI</a></p>             
                   <p><a href="http://bolsas.lncc.br/index.php?idt_projeto=463" target="_blank">Bolsas de Iniciação Científica</a></p>

               </div>

               <div class="col_2">

                   <h2>Coordenações</h2>

                   <p><a href="../departamentos/coordenacoes.php?vCabecalho=depart&vDepto=5&vVoltar=off&vMenu=3">Coordenação de Administração - CAD</a></p>
                   <p><a href="../departamentos/coordenacoes.php?vDepto=9&vVoltar=off&vMenu=3">Coordenação de Ciência da Computação - CCC</a></p>
                   <p><a href="../departamentos/coordenacoes.php?vDepto=2&vVoltar=off&vMenu=3">Coordenação de Matemática Aplicada e Computacional - CMA</a></p>
                   <p><a href="../departamentos/coordenacoes.php?vDepto=1&vVoltar=off&vMenu=3">Coordenação de Mecânica Computacional - CMC</a></p>
                   <p><a href="../departamentos/coordenacoes.php?vDepto=3&vVoltar=off&vMenu=3">Coordenação de Sistemas e Controle - CSC</a></p>
                   <p><a href="../departamentos/coordenacoes.php?vDepto=4&vVoltar=off&vMenu=3">Coordenação de Sistemas e Redes - CSR</a></p>

                   <h2 class="pusher">Recursos Computacionais</h2>

                   <p><a href="http://www.cenapad-rj.lncc.br/" target="_blank">CENAPAD</a></p>
                   <p><a href="http://www.lncc.br/sinapad/index.php" target="_blank">SINAPAD</a></p>

                   <h2 class="pusher">Biblioteca</h2>

                   <p><a href="../departamentos/assessoria_servico_bib.php?vCabecalho=bib&vVoltar=off&vDepto=6&Idt_Servico=15">Biblioteca</a></p>

               </div>


           </div><!-- End dropdown_fullwidth container -->


       </li><!-- End Home Item -->




       <li class="nodrop"><a href="http://www.labinfo.lncc.br/" target="_blank"><b>Bioinformática</b></a></li><!-- No Drop Down Item -->



       <li class="nodrop"><a href="http://macc.lncc.br/" target="_blank"><b>INCT-MACC</b></a></li><!-- No Drop Down Item -->



       <li class="nodrop"><a href="http://webmail.lncc.br/" target="_blank""><b>Webmail</b></a></li><!-- No Drop Down Item -->



       <li class="nodrop"><a href="http://intranet.lncc.br/" target="_blank"><b>Intranet</b></a></li><!-- No Drop Down Item -->



       <li class="right fullwidth"><a href="#" class="drop"><b>Contato</b></a><!-- Begin Contact Item -->


           <div class="dropdown_fullwidth align_right"><!-- Begin dropdown_fullwidth container -->


               <div class="col_4 firstcolumn">

                   <h2>Localização</h2>


		<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>

		<script type="text/javascript">
		var map;
		function initialize() {
		  var myLatlng = new google.maps.LatLng(-22.52982,-43.21734);
		  var myOptions = {
		    zoom: 16,
		    center: myLatlng,
		    mapTypeId: google.maps.MapTypeId.ROADMAP
		  }
		  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

		  var zoomLevel;

		  var marker = new google.maps.Marker({
		      position: myLatlng, 
		      map: map,
		  });


		  google.maps.event.addListener(map, 'zoom_changed', function() {
		    zoomLevel = map.getZoom();
		    infowindow.setContent("Zoom: " + zoomLevel);
		    if (zoomLevel == 0) {
		      map.setZoom(10);
		    }      
		  });
		}
		</script>

          <div id="map_canvas" class="img_left imgshadow_light" style="width:590px; height:400px"></div>

               </div>


               <div id="setor" class="col_2">

                   <h2>Fale Conosco</h2>

                   <form method="post" action="default.php?msgem=1" ><!-- Begin contact form -->
                   <!-- <form action="post"> -->

                       <fieldset>

                           <p><label>Nome</label><input name="nome" type="text" size="30" value="<?=$nome?>" /></p>
                           <p><label>Email</label><input name="email" type="text" size="30"  value="<?=$email?>" /></p>
                           <!-- <p><label>Setor</label><input name="setor" type="text" size="30" value="<?=$setor?>" /></p> -->

                            [color="#FF0000"]<p><label>Setor</label>

                              <select class="setor" name="setor" style="display:block; position:relative; z-index:99;" onclick="document.getElementById('setor').style.display='visible';" onchange="document.getElementById('setor').style.display='visible';">  

                               <?php
											        // CONEXÃO COM O BANCO
	        $SQL = "select * FROM tipo_contato";
	        $result = pg_exec($connPesq, $SQL);
	        $rows = pg_numrows($result);

	        if ($rows > 0)
	        {
	         echo"<option value='0'>Selecione...</option>";
	          for ($i=0; $i<$rows; $i++)

	          {
	            $row = pg_fetch_array($result,$i);
                   if (($setor == $row[idt_tipo_contato]) and ($setor != "") )
	            echo"<option value='".$row['idt_tipo_contato']."' selected>".$row['des_tipo_contato']."</option>";
	            else
      		            echo"<option value='".$row['des_email_contato']."'>".$row['des_tipo_contato']."</option>";
							}
	        }
							?>



                              </select></p>[/color]
                           <p><label>Assunto</label><input name="assunto" type="text" size="30" value="<?=$assunto?>" /></p>
                           <p><label>Mensagem</label><textarea name="mensagem" cols="30" rows="10"><?=$mensagem?></textarea></p>		

                           <button type="submit" class="submit">Enviar</button>

                       </fieldset>		

                   </form><!-- End contact form -->

                   <p style="margin-top:45px;"></p>
                   <p>Av. Getúlio Vargas 333 - Quitandinha</p>
                   <p>Cep: 25651-075 - Petrópolis - RJ</p>
                   <p>Tel.: (24) 2233-6000</p>
               </div>


           </div><!-- End dropdown_fullwidth container -->


       </li><!-- End Contact Item -->

   </ul><!-- END MENU -->


</div><!-- END MENU WRAPPER -->

 

Deixo em vermelho o select em questão vão reparar que tentei onchange onclick e mais css acho que no final de tudo acabei fazendo uma bagunça danada.

 

Desde já agradeço a ajuda de Todos em busca da melhor solução. Muito Obrigado

 

 

Att.

Leandro

[crawler 1]

Posta ai o trecho que está querendo fazer funcionar o combobox, tem como visualizar o seu projeto, se tiver posta o endereço

[tinoco 0]

Posta ai o trecho que está querendo fazer funcionar o combobox, tem como visualizar o seu projeto, se tiver posta o endereço

 

 

Boa Tarde nobre

 

no endereço www.lncc.br a página já está no ar funcionando.

 

No item do menu contatos o último da direita. Gostaria de acrescentar mais um item que seria "setor" uma combobox buscando do banco as informações para onde o email deverá ir.

 

Desculpe se não fui muito claro.

 

Obrigado