Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''div''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 154 registros

  1. PeeWee

    Dar Refresh Só Na Div A Cada X Segundos

    Boa noite pessoal, preciso fazer com que seja carregado somente a informação dentro de uma determinada div, pois ela deve atualizar quando for alterada a informação no BD. Carregar a pagina inteira a cada 5 segundos seria ruim pois provavelmente o usuário estranharia, fiz da seguinte forma, conforme os prints. Deu certo, porém a informação foi alterada a partir da alteração feita no banco de dados, porém, dentro da div, apareceu outra página igual, gerando duplicidade sobreposta. Aguardo sugestões.
  2. FabianoSouza

    Estilizar DIV exceto a primeira

    Tenho isso: <div> DIV 1 </div> <div> DIV 2 </div> <div> DIV 3 </div> <div> DIV 4 </div> <div> DIV 5 </div> Preciso aplicar um estilo a partir da DIV 2 até a DIV 5. Como faço? Obrigado.
  3. Bom dia Pessoal. Sou Leigo em Jquery e estou precisando da ajuda de vocês para o seguinte: Tenho este arquivo XML que é gerado e atualizado automaticamente por um software a cada vez que uma música termina e outra se inicia (Este arquivo é enviado automaticamente via FTP para o servidor a cada nova atualização). <?xml version="1.0" encoding="utf-8"?> <Schedule System="Jazler"> <Event status="happening" startTime="09:19:18" eventType="song"> <Announcement Display="Now On Air:"/> <Song title="Rachel Malafaia"> <Artist name="03"> </Artist> <Jazler ID="131"/> <PlayLister ID=""/> <Media runTime="00:03:55"/> <Expire Time="09:23:12"/> </Song> </Event> </Schedule> Preciso que a página do site leia este arquivo com a estrutura acima (que é gerada automaticamente) e atualize as informações de <Song Title>, <Artist name>, etc... em uma tag <li> na página HTML, mas preciso que essa atualização ocorra em tempo real sem a necessidade de recarregar (Refresh) a página. (Por isso gostaria que fosse com JQuery), mas como sou leigo no assunto, gostaria da ajuda dos colega sobre como fazer isso, pois os exemplos que tenho achado na internet eu não estou conseguindo fazer funcionar. Obrigado e forte abraço a todos.
  4. Joice Ferreira

    Página HTML e CSS ( Botões)

    Pessoal preciso muito da ajuda de vocês de quem entende de página HTML e CSS, estou precisando de ajuda para terminar uma página do TCC que um amigo começou e ai por motivos de estar sem internet e morar em outro pais na o conseguimos terminar. Preciso apenas adicionar 3 botoes na página. Quem consegue me explicar ou me ensinar por acesso remoto ou algo assim, estou desesperada pois não tenho noção de WEB minha área de atuação é outra. Quem puder entrar em contato (16)9960766-82 Muito obrigada
  5. Carlos Web Soluções Web

    Simples CSS Button Div transition

    Olá, pessoal, boa tarde !! Estudei toda uma apostila sobre CSS, porém não estou conseguindo realizar uma simples tarefa !! Ao passar o mouse no 'button.botao', ativar o movimento do 'div.traco' ! Eis abaixo o 'Código Fonte' que estou tentando: <!DOCTYPE html> <html> <head> <style> button.botao { width: 150px; height: 50px; border: none; background-color: black; color: red; font-size: 23px; } div.traco { width: 20px; height: 10px; background: red; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; } button.botao:hover div.traco { width: 150px; } </style> </head> <body> <button class="botao">Botao</button> <div class="traco"></div> </body> </html> Me ajudem por favor ! Obrigado !!
  6. Carlos Web Soluções Web

    CSS Animation - DIV from top:200px to top:0px

    Eu preciso de alguma ajuda para resolver algumas dúvidas !! Se puder me ajudar eu agradeço !! Primeiro visite o link: http://terezanininha.com.br/CSS/Animations/Pagina_1_TryIt_3.html Veja o 'Código Fonte' pelo navegador !! O que estou tentando fazer ?? Eu quero que o elemento div, faça movimento de animation, vindo from {top:200px} to {top:0px} e paralisar no topo !! Neste exemplo, eu encontrei dois erros: - Primeiro Erro: Quando o div automaticamente começa a se movimentar, seu eu colocar o mouse sobre ele, antes de terminar o movimento, o div dá uma pulada direto para o topo !! "Eu não quero isso" !! Eu quero que se eu colocar o ponteiro do mouse sobre o div, que ele não dê esta subida repentina para o topo !! Que faça o movimento para o topo sem interrupção, mesmo se antes eu puser o ponteiro do mouse !! - Segundo Erro: Depois que o div cheguar ao topo, Se eu colocar o mouse nele, o fundo muda de cor, por animation ! Mas após isso, quando eu retiro o ponteiro do mouse, o div novamente cai para top:200px e começa o movimento para top:0px novamente ! O que eu quero é: que o div mova somente "uma vez" and "pare" em top:0px !! Depois de parar em top:0px, que fique intacto pra sempre e apenas faça o movimento de mudar a cor do fundo com o passar do mouse !! I tentei procurar na internet mas não achei algo que resolvesse esses dois problemas descritos acima ! Se possível, alguém poderia me dar uma ajuda testada que realmente funcione ?? Agradecido Carlos
  7. <style> .nnClass { background-color: black; color: white; } </style> <div class="f_d">33</div> <div class="f_d">24</div> <div class="f_d">49</div> <div class="f_d">55</div> <div class="f_d">66</div> <div class="f_d">62</div> <div class="f_d">53</div> <div class="f_d">60</div> <script> var classs = document.getElementsByClassName('f_d'); var x = 0; for(;x<classs.length;x++){ classs[x].addEventListener('mouseover', function(){ classs[x].className += "nnClass"; }); } </script>
  8. guilherme.audi

    só uma DIV não está obedecendo .display="none/table"

    Olá, pessoal, Sou meio-leigo e logo mais serei vesgo... não entendi onde está o problema: Tenho uma situação de submenu bem simples, que deve mostrar (display="table") e esconder (display="none") algumas divs, conforme a seleção do usuário. No início da página antes do <head> criei a seguinte estrutura: <!-- CONTROLE DE ABAS :: MENU DETALHES --> <script> function SelecCarac() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "table"; dimensoes.style.display = "none"; projeto3d.style.display = "none"; videotutorial.style.display = "none"; esquemafios.style.display = "none"; } function SelecDimensoes() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "table"; projeto3d.style.display = "none"; videotutorial.style.display = "none"; esquemafios.style.display = "none"; } function Selec3D() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "none"; projeto3d.style.display = "table"; videotutorial.style.display = "none"; esquemafios.style.display = "none"; } function SelecVideo() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "none"; projeto3d.style.display = "none"; videotutorial.style.display = "table"; esquemafios.style.display = "none"; } function SelecEsquemaFios() { var caracteristicas = document.getElementById('div_carac'); var dimensoes = document.getElementById('div_dimensoes'); var projeto3d = document.getElementById('div_3d'); var videotutorial = document.getElementById('div_video'); var esquemafios = document.getElementById('div_esquemafios'); caracteristicas.style.display = "none"; dimensoes.style.display = "none"; projeto3d.style.display = "none"; videotutorial.style.display = "none"; esquemafios.style.display = "table"; } </script> (ridiculamente extenso, até suponho que haja um caminho menor..) As abas desse "submenu" estão no corpo da página (asp clássico) assim: <!-- ABAS :: MENU DE DETALHES DO PRODUTO --> <div class="container-principal" style="text-align: center;"> <% if Len(VetProd(97,0)) > 5 Then %> <div class="detalhe-menu-abas" id="bt_carac" onclick="SelecCarac()" >Características</div> <%End if if Len(VetProd(11,0)) > 0 Then %> <div class="detalhe-menu-abas" id="bt_dimensoes" onclick="SelecDimensoes()">Dimensões</div> <%End if if Len(VetProd(92,0)) > 1 Then %> <div class="detalhe-menu-abas" id="bt_3d" onclick="Selec3D()">Desenho 3D</div> <%End if if Len(VetProd(135,0)) > 3 Then %> <div class="detalhe-menu-abas" id="bt_video" onclick="SelecVideo()">Video tutorial</div> <%End if if Len(VetProd(22,0)) > 0 Then %> <div class="detalhe-menu-abas" id="bt_esquemafios" onclick="SelecEsquemaFios()">Ligação dos fios</div> <%End if%> </div> <!-- --> ..E essas id chamadas "div_carac", "div_dimensoes", "div_3d", "div_video" e "div_esquemafios" estão assim: <!-- DIMENSÕES --> <div class="container-principal" style="text-align: center; display: none;" id="div_dimensoes"> <h3 style="text-align: left;">Dimens&otilde;es<span class="letramed2">&nbsp;(mm)</span></h3> <a href="admin/imgs/icones/<%= VetProd(11,0) %>" target="_blank"><img src="admin/imgs/icones/<%= VetProd(11,0) %>" alt="Dimens&otilde;es de <%= VetProd(1,0) %> em mm" title="<%= VetProd(136,0) %>&nbsp;<%= VetProd(2,0) %>&nbsp;<%= VetProd(1,0) %>" class="detalhe-dimensoes"/></a> </div> <!-- --> <!-- CARACTERÍSTICAS ESPECIAIS --> <div class="container-principal" id="div_carac"> <h3>Caracter&iacute;sticas especiais</h3> <%= VetProd(97,0)%> </div> <!-- --> <!-- VÍDEO INCORPORADO --> <div style="background-color: #000000; width: 100%; display: none;" id="div_video"> <div class="container-principal" style="background-color: black; text-align: center; padding: 1% 0;"> <iframe class="detalhe-video" src="<%= VetProd(135,0) %>" frameborder="0" allowfullscreen></iframe><br /> <a href="https://www.youtube.com/user/weightechbrasil/search?query=<%=VetProd(1,0)%>" style="color:#FFFFFF;" title="Veja mais em Youtube/WeightechBrasil" target="_blank" class="submenu"><img src="http://www.weightech.com.br/imgs/site/Logo_Youtube_color_horizontal.png" height="30" title="Canal WeightechBrasil no Youtube" alt="Youtube.com/WeightechBrasil" style="margin-bottom:5px;"/><br>Youtube.com/WeightechBrasil</a> </div> </div> <!-- --> <!-- PROJETO 3D --> <% if Len(VetProd(92,0)) > 1 Then %> <div class="container-principal" style="text-align: center; margin-top: 20px; display: none;" id="div_3d"> <iframe style="width: 100%; height: 680px;" src="<%=VetProd(92,0)%>" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" frameborder="0"></iframe> </div> <%End if%> <!-- --> <!-- ESQUEMA DE LIGAÇÃO --> <div class="container-principal" style="display: none;" id="div_esquemafios"> <h3>Esquema de liga&ccedil;&atilde;o dos fios</h3> <img src="admin/imgs/icones/<%= VetProd(22,0) %>" alt="Esquema de liga&ccedil;&atilde;o" title="<%= VetProd(136,0) %>&nbsp;<%= VetProd(2,0) %>&nbsp;<%= VetProd(1,0) %>" style="width:90%; max-width:400px;"/> </div> <!-- --> Tudo funciona, exceto o VÍDEO INCORPORADO (id="div_video"). Por quê?! Obrigado!
  9. Paulo Luiz de O. Almeida

    Jogo da Memória

    Boa tarde. Preciso urgente da ajuda de vcs!! Estou fazendo um trabalho de escola no qual tenho de criar um jogo quebra cabeça html. O jogo em sim já está todo criado, porém quando eu clico para aparecer a dica, após a dica aparecer é tampado tds as imagens, inclusive as que já tinha acertado. o /problema então está na função "esconder", a qual deve funcionar só nas divs que ainda tem "X". Abaixo segue o link do arquivo em zip. https://drive.google.com/open?id=1KDbByR1YXMmVD9pLKcyMxdWjCsF3OXwV
  10. joaoferreira

    AJUDA! Alterar tamanho de div - CSS

    Boa tarde amigos, Preciso de um auxílio com relação à modificação de tamanho de uma (ou mais) divs, para alocar o logo do meu site no local exato (centralizado). Detalhes: Contratei uma plataforma de loja virtual pronta, onde no Painel de Administração do Site tem uma aba para inclusão de comandos em CSS. O que preciso: No print em anexo é visível que o Logo do site está descentralizado. O motivo é pelo tamanho das divs encapsuladas de "Seja bem-vindo - Login", acredito. Como eu não tenho acesso ao código fonte do site, estou tentando fazer este ajuste, via css, através da opção "inspecionar" do meu site, onde identifico o nome de cada class e altero no site, porém para este caso eu ainda não consegui. Anexei um print demonstrativo, caso puderem me dar este auxílio, ficarei muito grato! Os outros 3 prints estão neste link, pois ultrapassaram o limite permitido pelo post do fórum. https://drive.google.com/file/d/1-59IsdWBGwUV-6o8QASyryAQWsMV1LHI/view?usp=sharing Caso for necessário mais informações, favor solicitar que eu envio. Desde já, muito obrigado!
  11. Alexandre Silva Jr

    Carregar conteúdo de uma div dentro de uma aba

    Olá, Preciso de uma ajuda, gostaria de saber como faço para carregar o conteúdo de uma div para uma aba na descrição do meu produto, a div estaria na mesma pagina da aba. Exemplo: Tem aba1 e aba2, quando clicar na aba2, ia carregar o conteúdo da div que esta acima do rodapé. Obrigado!
  12. PeeWee

    Pegar informação da div

    Preciso enviar uma informação para outra pagina, só que ja estou fazendo isso via ajax enviando a data do calendario, como nao manjo muito javascript nao sei exatamente como isso foi feito, apenas copiei o código, preciso agora enviar junto com a mesma requisição mais algumas informações, que estáo na variavel as quais armazenei a informação que está na url. Está da seguinte forma AQUI É O DATEPICKER QUE ME FAZ A DATA CLICADA <script type="text/javascript"> $(document).ready(function(){ $("#datepicker").datepicker({ minDate: -0, dayNamesMin: ['D','S','T','Q','Q','S','S','D'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'], dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], dateFormat: 'yy/mm/dd', nextText: 'Próximo', prevText: 'Anterior' }); }); </script> AQUI É EXIBIDA A DATA(OU PEGA PELO JS, NAO SEI) <div id="datepicker" name="txtdata"> </div> PRECISO AGORA ENVIAR MAIS INFORMAÇÕES, PRA ISSO CRIEI MAIS UMA DIV <div id="valor"> </div> NA FUNÇÃO DE RETORNO FIZ ISSO: var dados = "data="+document.getElementById('datepicker').value; //dados = dados+"&cate="+document.getElementById('valor').value; SÓ QUE NAO ESTÁ RECONHECENDO O VALOR. Será que alguem tem uma ideia de como resolver???? Fico no aguardo
  13. ment0r

    Mudar cor div navegação bootstrap

    Bom dia amigos. Estou desenvolvendo um site para um cliente e estou fazendo uso do bootstrap para tal. Utilizo a versão 3.3.7 (e gostaria de mantê-la). Bom, o problema é que não consigo mudar a cor dessa div. O trecho abaixo é da div <nav> <nav class="navbar navbar-default navbar fixed-top navbar-height navbar-zindex"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle glyphicon glyphicon-menu-hamburger" data-toggle="collapse" data-target="#bona-navbar"></button> <a class="navbar-brand" href="index.php"><img class="navbar-brand-" src="image/logo.jpg" alt="" /></a> </div> <ul id="bona-navbar" class="nav navbar-nav navbar-right collapse navbar-collapse navbar-zindex" data-toggle="collapse" data-target="#bona-navbar"> <li><a class="navbar-link" href="empresa.php">Empresa</a></li> <li><a class="navbar-link" href="servicos.php">Serviços</a></li> <li><a class="navbar-link" href="links.php">Links Úteis</a></li> <li><a class="navbar-link" href="orcamento.php">Orçamento</a></li> <li><a class="navbar-link" href="contato.php">Contato</a></li> <li><a class="navbar-link" href="localizacao.php">Localização</a></li> </ul> </div> </nav> Agora o css: .navbar-brand-{ height: 80px; } .navbar-height{ height: 110px; } .navbar-zindex{ z-index: 99; background: #f8f8f8; } .navbar-link{ font-family: 'Poppins', sans-serif; font-size: 18px; margin-top: 45px; } .navbar-link:hover{ font-size: 18px; background: #007cc2; } li:hover{ background: #e57716; height: 10px } E por fim, como fica no site: Gostaria de saber se alguém consegue me ajudar nessa? Ah, tbm não consigo mudar a cor dos links quando passo o mouse; do jeito que está não é como eu quero. Qualquer ajuda é bem vinda amigos. Obrigado a todos desde já, um grande abraço e até mais. Att.
  14. Boa noite.Estou montando um layout de 3 colunas, no qual as colunas esquerda e direita devem ter larguras fixas de 300px e a coluna central se ajustar no que sobra. Quanto ao layout está tudo OK, exatamente como preciso. Porém, no interior da DIV central, coloquei uma IMG, a qual quero que sempre ocupe 100% da altura dessa DIV e que ela fique centralizada no horizontal, não importando se a largura da DIV na qual esta IMG está contida tenha largura maior ou menor do que a largura da própria IMG. Quanto a ocupar 100% da altura está OK, não importa o como eu redimensione a janela do browser ela está se auto-ajustando como desejado. Porém, ela não está ficando centralizada na horizontal, como é o objetivo. Ela está ficando sempre alinhada à esquerda, exceto quando a largura da DIV é maior que a largura da IMG, aí neste caso sim a IMG está ficando perfeitamente centralizada da DIV contêiner, como é o objetivo. Agora, quando a largura da DIV é menor do que a largura da IMG, a IMG está ficando alinhada à esquerda, cortando partes da imagem somente no seu lado direito.Estou fazendo os testes em um desktop com resolução de 1920x1080 e a imagem que estou usando na IMG tem 1680x945px.Seguem os códigos HTML e CSS: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!doctype html> <html lang="pt-br"> <head> <link type="text/css" rel="stylesheet" href="code/css/estudo.css"> </head> <body> <div id="main"> <div id="viewport_left" class="viewports"> </div> <div id="viewport_center" class="viewports"> <img id="imagem_teste" src="imagem_teste_01.jpg"> </div> <div id="viewport_right"> </div> </div> <div id="footer"> </div> </body> </html> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 * { margin: 0; padding: 0; text-align: center; overflow: hidden; } #main { width: 100%; margin: 0; } #viewport_left { min-height: calc(100vh - 25px); margin-bottom: 25px; width: 324px; background-color: #333333; position: fixed; left: 0; top: 0; } #viewport_center { min-height: calc(100vh - 25px); width: calc(100vw - 650px); margin-bottom: 25px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color: red; position: absolute; left: 50%; top: 50%; margin-left: calc(((100vw - 648px) / 2)* -1); margin-top: calc((100vh / 2)* -1); display: table; overflow: hidden; } #imagem_teste { max-height: calc(100vh - 25px); position: absolute; width: auto; height: auto; } #viewport_right { min-height: calc(100vh - 25px); margin-bottom: 25px; width: 324px; background-color: #333333; position: fixed; right: 0; top: 0; } #footer { position: fixed; bottom: 0; left: 0; height: 24px; width: 100%; background-color: #333333; border-top: 1px solid #FFFFFF; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #FFFFFF; } Alguém sabe como posso corrigir este problema?Desde já agradeço a toda e qualquer ajuda e colaboração.Grato, Evair Peterson.
  15. AlexV

    Problema com posicionamento de DIV's

    gostaria de posicionar a divs, igual está na imagem, estou usando html, css e bootstrap. oq eu quero fazer é colocar um video(o bloco maior) e video menores(blocos menores).
  16. aslivs

    Colocar div lado a lado

    Olá pessoal. Gostaria se saber como poderia colocar a div "menu" logo a abaixo da div "banner" e a div "corpo" ao lado de ambas, como está na imagem. Logo abaixo, a div "rodapé". Se puderem me ajudar, agradeceria muito :) #banner{ width:320px; height:320px; background-color: #E4D486; } #menu{ height: 300px; width: 320px; border-width: medium; border-color: #F3E938; border-style: dotted; } #corpo { width: 40%; height:360px; background-color: yellow; } #rodape { width: 100%; height: 30px; background-color: black; }
  17. drx

    Manter a div carregada após refresh

    Olá pessoal! Estou com o seguinte problema. Eu carrego através de um menu, uma página.php dentro e uma div. Porém ao dar refresh(f5) ela some. Me obrigando a clicar novamente no menu e recarregá-la. O problema é que todas as vezes que eu clico no menu "Gerar pedido" eu crio um novo numero de pedido. A solução seria impedir o refresh ou tornar o menu "Gerar pedido" desativado. Como resolver isso? Grato.
  18. Ao digitar o Cep e apertar enter, o produto e adicionado no carrinho, ao invés de "Calcular o frete". Para calcular o frete tem que digitá-lo e aperta o Button "Calcular Frete". Eu queria saber se tem alguma maneira mais fácil de inserir algum código na div do campo input e ao apertar enter executar a div "Calcular Frete" ao em vez de Executar o Button "Comprar". Que automaticamente envia o produto para o Carrinho.
  19. marcelocardoso

    clica e muda texto na DIV

    hei pessoal! como posso criar no código abaixo, o seguinte: 1) botões com ações de (clica no botao 1, aparece texto na div MAIN); 2) assim sucessivamente para uns 10 botões, sempre aparece na MAIN div, troca o texto a medida que for clicando em outros botões); Qual seria a melhor ideia para isso, CSS, JQ? uso de APPEND, PREPEND, qual a melhor saída para isso. Exemplos de didática, agradeço. Até....
  20. Por favor, Tenho uma página em ASP banco de dados MySql. Uma CSS faz com que os registros fiquem dentro das receptivas div. (que está estilizando corretamente). A div de fundo tem outra cor. Ocorre que todos os domingos as "div" (da Primeira Leitura, do Salmo, da Segunda Leitura, da Aclamação ao Evangelho e do Evangelho) são povoadas com registros de uma tabela do banco de dados. Até aqui tudo bem sem problemas. Porém, de Segunda a Sábado não existe a Segunda Leitura e as demais "div" são preenchidas com os registros do banco de dados. E a "div" da Segunda Leitura fica aparecendo porém sem registros com a cor gelo. Teria com colocar uma condição de somente quando não existir registro para essa "div" ela não aparecer na página? Muito obrigado.
  21. Estou usando esse codigo <div style="display:none;"> <div id="filmes"> #EXTINF:-1 tvg-logo="http://bit.ly/2Gxxd0O" group-title="LANÇAMENTOS", Star Wars: Os Últimos Jedi http://bit.ly/2FVB0qB #EXTINF:-1 tvg-logo="http://bit.ly/2IuOs34" group-title="LANÇAMENTOS", Jumanji: Bem-vindo à Selva http://bit.ly/2HEAz1f #EXTINF:-1 tvg-logo="http://bit.ly/2FDG9Vd" group-title="LANÇAMENTOS", Thor: Ragnarok http://bit.ly/2tRkjaZ #EXTINF:-1 tvg-logo="http://bit.ly/2FMfqSi" group-title="LANÇAMENTOS", Pantera Negra https://dropapk.com/vidembed-kmvsele1xmp0.mp4 </div></div> <div id="result"> </div> <script> var filmes = document.getElementById('filmes').innerHTML.replace(/\n|\r\n/g, ''); var $result = document.getElementById('result'); var lines = filmes.split(/#EXTINF/g); console.log('lines', lines); lines.forEach(function(str) { if (!str) return var p = str.match(/tvg-logo="([^"]+)" group-title="([^"]+)",(.*)(http.*)/) if (!p) return $result.innerHTML += '<a href="' + p[4] + '" title="' + p[3] + '"><img src="' + p[1] + ' "/></a>'; }) </script>
  22. Estou editando um site no wordpress e me deparei com um problema ao criar uma seção que não é inclusa no tema. Os videos ficam um em baixo do outro e eu quero eles lado a lado. Vou deixar uma imagem de demonstração. Meu código é esse: echo do_shortcode('<h2 style="text-align: center;font-family: roboto slab;font-weight: bold">O QUE AS PESSOAS FALAM</h2><div style="width: 10%;margin: 0 auto;">[su_vimeo url="https://vimeo.com/259735640"]</div><div style="width: 10%;margin: 0 auto;">[su_vimeo url="https://vimeo.com/259735584"]</div><div style="width: 10%;margin: 0 auto;">[su_vimeo url="https://vimeo.com/253791602"]</div><div style="width: 10%;margin: 0 auto;">[su_vimeo url="https://vimeo.com/251686405"]</div>');
  23. arthurcastro

    Alinhamento de DIV sem usar position.

    Oi! Tudo bem? Poderiam me dar uma ajuda, por favor? :) Estou precisando alinhar algumas DIVS da seguinte maneira: Supondo que tenhamos uma div pai de largura 100%: Na primeira linha: 3 DIVS de mesmo tamanho (largura: 33.3333% altura: 120px), seguida por uma DIV coluna para anúncio de mesma largura só que com altura de 240px. Na segunda linha: 3 DIVS de mesmo tamanho (largura: 33.3333% altura: 120px), com a continuação da DIV coluna para anúncio da linha de cima. Como faço para que as 3 divs da segunda linha encostem próximo as 3 DIVS da primeira linha visto que a DIV de anúncio empurra as DIVS da segunda linha pra baixo e sem usar position: absolute ou fixed. Tem algum float ou display que faça as DIVS se ajustarem automaticamente sem precisar forçar nada com position, margin e essas outras opções? #div { display: inline-block; width:120px; height:120px; border: 1px solid #000000; } Como fazer as 3 DIVS de baixo encaixarem ali no espaço que ficou em branco? <div id="wrapper"> <div id="div">DIV<br/><br/><br/><br/><br/><br/></div> <div id="div">DIV<br/><br/><br/><br/><br/><br/></div> <div id="div">DIV<br/><br/><br/><br/><br/><br/></div> <div id="div" style="height: 240px;">DIV ADS<br/><br/><br/><br/><br/><br/></div> <div id="div">DIV<br/><br/><br/><br/><br/><br/></div> <div id="div">DIV<br/><br/><br/><br/><br/><br/></div> <div id="div">DIV<br/><br/><br/><br/><br/><br/></div> </div>
  24. Olá, estou trabalhando em um site que o HTML do Menu não é alterável. Eu quero que quando o usuário rolar o scroll do mouse até a barra de menu, ela se torne fixa no topo da página. Respeitando a distância de outra barra que está funcionando e já se fixa automaticamente. HTML do MENU (Não alterável): <nav class="menu_component" id="component_37548"> <div class="menu-head"> <span> Menu </span> <button class="hamburger hamburger--spin-r" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"> </span> </span> </button> </div> <div class="menu-panel"> <menu class="expanded hamburger-menu"> <li id="menu_item_39037" class="sub"> <a alt="O SIENPRO" title="" target="" class="empty-href"> O SIENPRO </a> <menu class="submenu"> <li id="menu_item_41614" class=""> <a alt="SOBRE" title="" target="" class="" href="/p/21374-sobre-o-sienpro"> SOBRE </a> </li> <li id="menu_item_39038" class=""> <a alt="COMIT&Ecirc;" title="" target="" class="" href="/p/23834-comite-2018"> COMIT&Ecirc; </a> </li> </menu> </li> <li id="menu_item_41615" class=""> <a alt="TEMA" title="" target="" class="" href="https://sienpro.catalao.ufg.br/#tema"> TEMA </a> </li> <li id="menu_item_41616" class=""> <a alt="PRINCIPAIS DATAS" title="" target="" class="" href="https://sienpro.catalao.ufg.br/#datas"> PRINCIPAIS DATAS </a> </li> <li id="menu_item_39040" class="sub"> <a alt="EDI&Ccedil;&Otilde;ES SIENPRO" title="" target="" class="empty-href"> EDI&Ccedil;&Otilde;ES SIENPRO </a> <menu class="submenu"> <li id="menu_item_41593" class=""> <a alt="I SIENPRO - 2017" title="" target="" class="" href="/p/23811-i-sienpro-2017"> I SIENPRO - 2017 </a> </li> <li id="menu_item_41605" class=""> <a alt="II SIENPRO - 2018" title="" target="" class="" href="/p/23814-ii-sienpro-2018"> II SIENPRO - 2018 </a> </li> </menu> </li> <li id="menu_item_39041" class=""> <a alt="CONTATO" title="" target="" class="" href="https://sienpro.catalao.ufg.br/#contato"> CONTATO </a> </li> <li id="menu_item_41617" class="sub"> <a alt="ARTIGOS" title="" target="" class="empty-href"> ARTIGOS </a> <menu class="submenu"> <li id="menu_item_41618" class=""> <a alt="REGRAS PARA SUBMISS&Atilde;O" title="" target="" class="empty-href"> REGRAS PARA SUBMISS&Atilde;O </a> </li> <li id="menu_item_41619" class=""> <a alt="ORIENTA&Ccedil;&Atilde;O PARA APRESENTA&Ccedil;&Atilde;O" title="" target="" class="empty-href"> ORIENTA&Ccedil;&Atilde;O PARA APRESENTA&Ccedil;&Atilde;O </a> </li> </menu> </li> <li id="menu_item_41620" class=""> <a alt="PROGRAMA&Ccedil;&Atilde;O" title="" target="" class="empty-href"> PROGRAMA&Ccedil;&Atilde;O </a> </li> <li id="menu_item_41621" class=""> <a alt="LOCAL" title="" target="" class="empty-href"> LOCAL </a> </li> </menu> </div> </nav> CSS da variável de fixação: .fixar{ position: fixed; width: 100%; top: 37px; z-index: 999; } Javascript para tentar fixar o menu: <script type="text/javascript"> jQuery("document").ready(function($){ var offset = $('.menu_component').offset().top; var nav = $('.menu_component'); $(document).on('scroll', function () { if (offset <= $(window).scrollTop()) { nav.addClass('fixar'); } else { nav.removeClass('fixar'); } }); }); </script> Pensei que estava certo o Javascript, mas não está funcionando de maneira alguma. Link para acessar o site: https://sienpro.catalao.ufg.br/ Não sei se é classe que estou tentando alterar que está errada, se é classe da <nav>, da <div>, ou do <menu> que eu tenho que alterar com o javascript. Ou se tem que ser uma cascata entre todas elas. Desde já, agradeço.
  25. Ana Araújo

    Estilizar DIVs

    Eu tô desenvolvendo uma página HTML e CSS para um trabalho da escola. Eu não tenho muita noção, tô pegando alguns códigos prontos. Eu criei uma div e estilizei o texto dela com CSS, deu certo. Criei uma outra div dentro dessa div e tentei estilizar o texto dessa segunda div, mas não funciona. Preciso de ajuda!!! Já tentei de tudo!!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.