-
Total de itens
151 -
Registro em
-
Última visita
Tudo que winterjeferson postou
-
"herdar" pagina HTML
winterjeferson respondeu ao tópico de gustavo vierr em Desenvolvimento frontend
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). -
Cada um tem sua utilidade. Um artigo sobre: https://tableless.com.br/unidade-pixels-em-rem/
- 1 resposta
-
- css
- medidas css
-
(e mais 3 )
Tags:
-
Menu sempre em mobile
winterjeferson respondeu ao tópico de alysson122010 em Desenvolvimento frontend
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. -
Transformar site em responsivo
winterjeferson respondeu ao tópico de Ewfc2005 em Desenvolvimento frontend
dê uma lida sobre media queries: https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries- 3 respostas
-
Texto aparecer ao rolar página
winterjeferson respondeu ao tópico de Ewfc2005 em Desenvolvimento frontend
Você pode pegar a posição atual da página com Javascript e modificar o CSS dos elementos desejados. -
acontece .. hehehe
-
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>
-
<script> document.getElementById("by-link").click(); </script>
-
Como manter o menu aberto ao clicar no submenu?
winterjeferson respondeu ao tópico de cleitonesc em Desenvolvimento frontend
Você pode fazer com Javascript. A página da refresh ou é ajax?- 2 respostas
-
CSS - botão de fechar para um player de video
winterjeferson respondeu ao tópico de Adenir em Desenvolvimento frontend
isso? #button_close{ position:absolute; z-index: 999; color: red; top: 70px; left: 295px; } <button type="button" id="button_close"> X </button>- 1 resposta
-
- botão fechar
- player video
-
(e mais 1 )
Tags:
-
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.
-
Dúvida no Formulário HTML com Condição
winterjeferson respondeu ao tópico de Israel Pinheiro em Desenvolvimento frontend
Você pode fazer com Javascript utilizando condicionais. Em qual parte você está com dificuldade? -
html Como criar uma enquete com imagem e porcentagem de votos em HTML?
winterjeferson respondeu ao tópico de Eduardo Marques em Desenvolvimento frontend
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). -
Versão desktop no Celular (Automaticamente)
winterjeferson respondeu ao tópico de Igor Monteiro em Desenvolvimento frontend
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. -
Pegar valor de uma coluna clicada
winterjeferson respondeu ao pergunta de prometheusz em Perguntas e respostas rápidas
Sobre ajax: https://api.jquery.com/jQuery.ajax/ -
Pegar valor de uma coluna clicada
winterjeferson respondeu ao pergunta de prometheusz em Perguntas e respostas rápidas
isso? $('.btn-danger').on('click', function () { let element = $(this).parent().parent().find('th').text(); alert(element); }); -
Fazer imagens aleatórias em DIV
winterjeferson respondeu ao tópico de Marxrj em Desenvolvimento frontend
Como eu te disse, existe mais de uma maneira de fazer. Você precisa definir como será feito antes. Eu faria com Javascript. -
Fazer imagens aleatórias em DIV
winterjeferson respondeu ao tópico de Marxrj em Desenvolvimento frontend
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. -
Espaçamento entre imagens no HTML do Email Marketing
winterjeferson respondeu ao pergunta de drikscoelho em Perguntas e respostas rápidas
você não pode hospedar em algum lugar para visualizarmos? -
php Segurança na página PHP
winterjeferson respondeu ao pergunta de Fábio Capello em Perguntas e respostas rápidas
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. -
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;
-
Como manipular checkboxes usando .checked
winterjeferson respondeu ao tópico de Minatos™ em Javascript
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");- 3 respostas
-
select option para selecionar varias linguas e seu respectivos niveis
winterjeferson respondeu ao tópico de winter2018 em Desenvolvimento frontend
Se entendi bem: https://www.w3schools.com/tags/att_select_multiple.asp -
Como fundir dois template?
winterjeferson respondeu ao tópico de ShibuiFansub em Desenvolvimento frontend
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. -
Link fica muito grande quando coloco <li> dentro do <a>
winterjeferson respondeu ao tópico de egalauber em Desenvolvimento frontend
CSS: a{ display: table; }