Ir para conteúdo

winterjeferson

Members
  • Total de itens

    151
  • Registro em

  • Última visita

Tudo que winterjeferson postou

  1. winterjeferson

    "herdar" pagina HTML

    Existe mais de uma maneira de fazer. Você pode fazer com iframe (o que não recomendo), pode fazer com alguma ferramenta de templates (Nunjucks por exemplo), pode fazer com Javscript (Ajax, Angular, React, Vue), pode montar o conteúdo dinâmico com uma linguagem que rode no servidor (PHP por exemplo).
  2. winterjeferson

    Medidas box css

    Cada um tem sua utilidade. Um artigo sobre: https://tableless.com.br/unidade-pixels-em-rem/
  3. winterjeferson

    Menu sempre em mobile

    Se entendi bem, uma forma de fazer: Adicionar uma classe ao menu que tenha o css (display: none). No javascript, adicionar ou remover a classe quando o menu "pontinhos" for clicado.
  4. winterjeferson

    Transformar site em responsivo

    dê uma lida sobre media queries: https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries
  5. winterjeferson

    Texto aparecer ao rolar página

    Você pode pegar a posição atual da página com Javascript e modificar o CSS dos elementos desejados.
  6. winterjeferson

    Clicar no botão automaticamente

    acontece .. hehehe
  7. winterjeferson

    Clicar no botão automaticamente

    Pra mim funciona corretamente: abre o console do teu navegador (f12) <!DOCTYPE htm> <html lang="en-US"><head> <head> <title>WathsApp Send</title> <meta charset="utf-8"> <meta name="description" content="Send WhatsApp Message !"> <meta name="keywords" content="fragments, paste, codes, demos, javascript, css, lab"> <meta name="author" content="Subversivo58"> <link type="image/png" rel="shortcut icon" href="./labicon.png"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet"/> <script> <script> document.getElementById("by-link").addEventListener("load", myFunction); function myFunction() { document.getElementById("demo").innerHTML = "Iframe is loaded."; } </script> </script> </head> <body> <!-- CONTAINER --> <section class="container-fluid px-0 pt-5"> <div class="col col-sm-8 col-md-5 col-lg-4 mx-auto px-0 mb-5"> <form accept-charset="utf-8"> <div class="form-group mb-2"> <div class="input-group"> <div class="input-group-prepend"> </div> <input id="phone" type="hidden" class="form-control rounded-0" value="numero"> // aqui vou puxar de um banco de dados </div> </div> <div class="form-group mb-2"> <div class="input-group"> <div class="input-group-prepend"> </div> <input id="message" type="hidden" class="form-control rounded-0" value="*Mensagem Autom�tica* - Prezado xxx, nosso sistema verificou que uma fatura referente ao m�s de agosto encontra-se em aberto. Por favor, regularize-a!"> </div> </div> <div class="form-group mb-2"> <div class="col px-0"> <button id="by-link" type="button" class="btn btn-info">Enviar</button> </div> </div> </form> </div> </section> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.bundle.min.js"></script> <script> let phone = document.getElementById('phone') let message = document.getElementById('message') // buttons let linkHandler = document.getElementById('by-link') let popUpHandler = document.getElementById('by-popup') // font: https://detectmobilebrowsers.com let isMobile = (function(a) { if ( /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)) ) { return true } else { return false } })(navigator.userAgent || navigator.vendor || window.opera) const makeLink = function(mode) { console.log('clique automático do botão! remove essa linha( document.getElementById("by-link").click();) e testa de novo'); return false; let mount = function() { if ( isMobile ) { let target = `whatsapp://send?` if ( !!phone && phone.value !== '' ) { target += `phone=${encodeURIComponent(phone.value)}&` } if ( !!message && message.value !== '' ) { target += `text=${encodeURIComponent(message.value)}` } return target } else { let target = `https://api.whatsapp.com/send?` if ( !!phone && phone.value !== '' ) { target += `phone=${encodeURIComponent(phone.value)}&` } if ( !!message && message.value !== '' ) { target += `text=${encodeURIComponent(message.value)}` } return target } } let openLink = function() { let a = document.createElement('a') a.target = '_blank' a.href = mount() a.click() console.log('By Link') } let openPopUp = function() { let h = 650, w = 550, l = Math.floor(((screen.availWidth || 1024) - w) / 2), t = Math.floor(((screen.availHeight || 700) - h) / 2) // open popup let options = `height=600,width=550,top=${t},left=${l},location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=0` let popup = window.open(mount(), 'self', options) if ( popup ) { popup.focus() } console.log('By PopUp') } switch (mode) { case 'link': openLink() break case 'popup': openPopUp() break } } // events handler(s) linkHandler.addEventListener('click', function(e) { makeLink('link') }, false) popUpHandler.addEventListener('click', function(e) { makeLink('popup') }, false) </script> <script> document.getElementById("by-link").click(); </script> </body> </html>
  8. winterjeferson

    Clicar no botão automaticamente

    <script> document.getElementById("by-link").click(); </script>
  9. winterjeferson

    Como manter o menu aberto ao clicar no submenu?

    Você pode fazer com Javascript. A página da refresh ou é ajax?
  10. winterjeferson

    CSS - botão de fechar para um player de video

    isso? #button_close{ position:absolute; z-index: 999; color: red; top: 70px; left: 295px; } <button type="button" id="button_close"> X </button>
  11. winterjeferson

    Banner Rotativo

    A princípio, os blocos de imagens são estes: <div class="item"> <div class="container section-padding"> <div class="row"> <div class="col-md-12 editContent" data-selector=".col-md-12"> <img class="img-responsive center-block" src="https://blob.llimages.com/machine-user-images/Banner_Verdade-Letal-img-1588091-20190701125809.jpg" style="padding-bottom: 5%; width: auto; height: auto; border-radius: 0px; border-style: none; border-width: 1px;" alt="" data-selector="img" width="640" height="323"> </div> </div> </div> </div> Acrescentando mais deles, deve funcionar. Mas sem o Javascript que está manipulando fica difícil saber o que mais precisa ser alterado.
  12. winterjeferson

    Dúvida no Formulário HTML com Condição

    Você pode fazer com Javascript utilizando condicionais. Em qual parte você está com dificuldade?
  13. Existe mais de uma maneira de resolver: Se for para rodar local, você pode fazer ate com Javascript e localstorage. Se for para a Internet, você pode fazer com uma linguagem que rode no servidor (PHP por exemplo) e um banco de dados (MYSQL por exemplo).
  14. winterjeferson

    Versão desktop no Celular (Automaticamente)

    Se entendi bem, da uma estudada em layouts responsivos: https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries A versão desktop abrindo no celular, não fica com uma navegação boa. O usuário precisa ficar manipulando o zoom o tempo todo.
  15. winterjeferson

    Pegar valor de uma coluna clicada

    Sobre ajax: https://api.jquery.com/jQuery.ajax/
  16. winterjeferson

    Pegar valor de uma coluna clicada

    isso? $('.btn-danger').on('click', function () { let element = $(this).parent().parent().find('th').text(); alert(element); });
  17. winterjeferson

    Fazer imagens aleatórias em DIV

    Como eu te disse, existe mais de uma maneira de fazer. Você precisa definir como será feito antes. Eu faria com Javascript.
  18. winterjeferson

    Fazer imagens aleatórias em DIV

    Existe mais de uma maneira de fazer isso. Você pode montar o carrossel com Javascript ou com uma linguagem no servidor (php por exemplo) e sortear a ordem.
  19. winterjeferson

    Espaçamento entre imagens no HTML do Email Marketing

    você não pode hospedar em algum lugar para visualizarmos?
  20. winterjeferson

    Segurança na página PHP

    Você pode trabalhar com SESSION. Verificar se a sessão está ativa, se estiver, segue com o administrativo, se não estiver, manda para a login.
  21. winterjeferson

    Laço While PHP

    acho que tem mais a ver com lógica do que com a linguagem em si, segue minha ideia: <?php $total = 0; $cara = 0; $coroa = 0; $terminou = false; while ($terminou === false) { $total++; $sorteio = rand(0, 1); if ($sorteio === 0) { $coroa ++; } else { $cara ++; } if ($cara === 5) { $terminou = true; } echo $sorteio === 0 ? 'coroa' : 'cara'; echo '<br/>'; } echo $total;
  22. winterjeferson

    Como manipular checkboxes usando .checked

    Você está utilizando: var pergunta = document.getElementById('per1'); Só que 'per1' não é um ID, sim um name. Tenta mudar por: var pergunta = document.getElementsByName("per1");
  23. Se entendi bem: https://www.w3schools.com/tags/att_select_multiple.asp
  24. winterjeferson

    Como fundir dois template?

    Se você simplesmente mesclar os arquivos, itens de um template podem sobrescrever itens do outro. O ideal é que você estude mais a fundo HTML, CSS e Javascript antes de tentar esse tipo de alteração.
  25. winterjeferson

    Link fica muito grande quando coloco <li> dentro do <a>

    CSS: a{ display: table; }
×

Informação importante

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