Pesquisar na Comunidade
Mostrando resultados para as tags ''dropdown''.
Encontrado 8 registros
-
Prezados(as) Já pesquisei bastante na rede, mas não obtive êxito. Criei todo um site com banco de dados, para um arquivo geral. Porém faltam-me resolver 2 problemas. 1- Criei um menu dropdown, e preciso que consiga-se navegar pelo menu, usando as setas do teclado. Usei esse script, mas não deu certo: <html> <script type="text/javascript"> var lis = document.getElementsByTagName('li'); for (var i = 0, li; li = lis[i]; i++){ li.onfocus = function(){ var ul = this.getElementsByTagName('ul')[0]; if (ul) ul.style.display = 'block'; } li.onblur = function(){ var ul = this.getElementsByTagName('ul')[0]; if (ul) ul.style.display = ''; } } </script> </html> 2- Sendo esse menu dropdown, não sei se teria como, gostaria que ao passar o mouse e um submenu ele ficasse selecionado sem que sumisse ao tirar o mouse de cima desse submenu. Muito obrigado a todos que poderem ajudar.
-
Olá, criei um layout simples em HTML 5 e CSS3, onte existem 3 DIV's simples, HEADER, ARTICLE e FOOTER. Na DIV "Header" eu criei um menu com estilo Drop Down, porém, os submenus ficam escondidos pelo artigo, como pode ser visualizado nas imagens anexadas: Gostaria de saber como faria para que o menu se sobressaísse sobre a <div> article.
-
Olá, estou desenvolvendo uma página na qual escrevi um menu comum em lista não ordenada e o tornei DropDown com o JavaScript (Segue modelo abaixo). A minha questão é que quando eu passo o mouse por cima do botão do menu (que está dentro da tag <li>Botão</li>), ele abre a div dropdown, porém, quando eu levo o mouse para dentro desta div que foi aberta em DropDown pelo JavaScript, o Botão (<li>Botão</li>) correspondente à ela no menu, que a abriu, deixa de ficar selecionado (ativo em ":hover" no CSS) e volta às suas características normais, como quando o mouse não está por cima do botão. Gostaria de saber como faço para manter ativo o botão correspondente à janela dropdown que eu abri no menu e desativá-lo somente quando eu clicar fora do menu, em qualquer outra área do site. Grato desde já pela atenção. Segue abaixo exemplo de como eu escrevi: <--SCRIPT PARA DROPDOWN--> <script> $(document).ready(function(e) { $('.sub-menu').hide(); $('.show-sub-menu').hover(function(){ $(this).find('.sub-menu').slideDown('fast'); },function(){ $(this).find('.sub-menu').slideUp('fast'); }); }); </script> <----------------------------------------> <--CSS DO MENU E SUB_MENU--> .menu_principal{ width: auto; height: 32px; float: left; text-align: right; } .menu_principal ul{ width: auto; height: 31px; float: left; text-align: left; padding: 0px; margin-left: 35px; } .menu_principal ul li{ display: inline; line-height: 60px; list-style-type: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #BBB; text-transform: none; } .menu_principal ul li a{ line-height: 0px; padding: 21px 13px; list-style-type: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #BBB; text-transform: none; text-decoration: none; } .menu_principal ul li a:hover{ background-color: #222; color: #DDD; line-height: 0px; padding: 20px 13px; } .sub-menu{ width: 100%; height: 285px; cursor: default; z-index: 7; position: absolute; top: auto; left: 0; right: 0; display: block; } <-----------------------------------------> <--HTML DO MENU--> <div class="menu_principal"> <ul> <li class="show-sub-menu"><a href="#">Item 1</a> <div class="sub-menu"> </div> </li> <li class="show-sub-menu"><a href="#">Item 2</a> <div class="sub-menu"> </div> </li> <li class="show-sub-menu"><a href="#">Item 3</a> <div class="sub-menu"> </div> </li> </ul> </div> <!--MENU_PRINCIPAL TERMINA--> <------------------------->
-
Boa tarde, Podem parecer uma perguntas imbecis pra maioria dos sinistros daqui já que não sei nem pra onde vai Excel, menos ainda VBA! hahaha. Porém será de muita valia para mim se os senhores puderem me ajudar. Consigo colocar os DropDowns (Combobox) mas não consigo salvá-los no BD. Gostaria de add mais 4 campos no cadastro e na pesquisa (Campos: Regional (Combobox), Trilha (Combobox), "Cargo" transformar em combobox e Marca (Combobox)).Gostaria de saber se dá pra linkar uma condição, tipo: Escolhi "DF" ele autopreenche o resto do form com algum dado?A planilha que estou usando como base está aqui: https://goo.gl/BYpSS9Obrigado peço desculpas se já foi assunto! Valeu.
-
Tenho essa dropdownlist: <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource2" DataTextField="DES" DataValueField="DES" AppendDataBoundItems="True" Height="20px" Width="200px"> </asp:DropDownList><br /> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:DBConnectionString %>" ProviderName="<%$ ConnectionStrings:DBConnectionString.ProviderName %>" SelectCommand="SELECT * FROM [RESPOSTAS]"></asp:SqlDataSource> Como, via vb eu faço um clone dele, pra que quando eu clicar num botão, clonar na frente dele essa mesma drop down, ou uma identica com os mesmos dados.
-
problemas com menu drop down sem ul
uma questão postou Marcelo Reis Tutoriais & Dicas - HTML, XHTML, CSS
Pessoal Como faço para estilizar um menu dropdown onde o html vem da seguinte maneira 1 class container = navbar 1 class menu-departamento = 1 ul com uma class = class banho 1 ul com uma class = class Mesa Percebam que não existem duas ul distintas! Como exemplo uma ul para menu-departsamento e outra para seus filhos. Sem a ul para o primeiro nivel que seria os departamentos não é possivel alinhar de maneira horizontal. Para maior entendimento segue o html para padrão da plataforma que não pode ser modificados <div class="navbar"> <div class="navbar-inner"> <div class="menu-departamento"> <span class="rt"> </span> <span class="rb"> </span> <h3 class="banho"> <span> </span> <a class="menu-item-texto" href="#">Banho</a> </h3> <ul class="banho"> <li> <a href="#">Jogos de Toalhas</a> </li> <li> <a href="#">Toalhas de Banho Gigante</a> </li> <li> <a href="#">Toalhas de Banho</a> </li> <li> <a href="#">Toalhas de Rosto</a> </li> <li> <a href="#">Toalhas Social</a> </li> <li> <a href="#">Toalhas para Pés</a> </li> <li> <a href="#">Toalhas de Praia</a> </li> <li> <a href="#">Toalhas de Times de Futebol</a> </li> <li> <a href="#">Toalhas Intanfil</a> </li> <li> <a href="#">Toalhas para Pescoço</a> </li> </ul> <h3 class="mesa even"> <span> </span> <a class="#">Mesa</a> </h3> <ul class="mesa even"> <li> <a href="#">Toalhas de Mesa</a> </li> </ul> </div> </div> </div> -
Boa tarde, tudo bem? Sou colaborador em um blog literário e fui dar uma fuçada no html do mesmo para tentar dar uma melhorada em seu visual. Encontrei um menu drop down por aí, e resolve adaptar e inseri-lo pra ver se funcionava. Deu certo e ficou uma maravilha. Até que descobri que só está sendo exibido no Google Chrome! No Firefox e Internet Explorer está aparecendo em texto comum com hiperlinks. Vejam vocês mesmo: brihodasestrelas.com.br Vocês sabem me dizer alguma forma de corrigir isso? Agradeço muitíssimo desde já! Até logo.
-
Olá pessoal, eu criei um menu seguindo um tuto, até aí sem problemas. Só que agora quero fazer um dropdown no menu portfólio e não estou sabendo solucionar. Será que alguém pode me dar uma luz? Segue meu CSS #menu { width:100%; height:30px; background-image:url(../imagens/bg_menu.jpg); background-repeat:repeat-x; } #dentromenu { width:950px; height:22px; margin:0 auto; padding-top:8px; } #dentromenu h2 { color:#705932; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:center; } .links { color:#705932; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; padding:22px; } .links:hover { color:#FFFF00; font-family:Arial, Helvetica, sans-serif; font-size:18px; background-image:url(../imagens/bg_menu_hover.jpg); background-repeat:repeat-x; padding-top:9px; } E o menu em HTML <div id="menu"> <div id="dentromenu"> <a href="index.html" class="links"> Home </a> <a href="chita.html" class="links"> Chita </a> <a href="quem.html" class="links"> Quem sou eu </a> <a href="produto.html" class="links"> Portfólio </a> <a href="contato.html" class="links"> Faça Contato </a> </div> </div> No aguardo de uma luz para minha dúvida....
