Pesquisar na Comunidade

Pessoal boa tarde. Gostaria de saber como posso pegar os valores da linha na tabela <table> que eu clicar no link visualizar dados na coluna opções e aparecer dados do banco daquela linha.

Pessoal estou tentando dar um hiiden em uma div com o id="#Alternativa", porém não sei como fazer isso em js. Alguém ai pode me dar uma ajuda? Quero fazer uma verificação, que se for == a alternativa ela esconde a div com o id alternativa.

Boa tarde a todos. Criei uma classe para efetuar duas coisas. Primeiro criar a SESSION e também fazer um UPDATE no banco de dados. Estou começando a criar classes então minha sintaxe pode não ser a melhor. A classe funciona certinho, cria a SESSION e faz o UPDATE, porém se eu insiro echo "<script> setTimeout(function(){ window.location='".$location."'; }, 0300); </script>"; daí ela simplesmente cria a SESSION mas ignora o UPDATE no banco. Retirando o código de "location" aí faz o UPDATE. Quero entender qual o erro? Porque o location não deixa fazer o UPDATE ? Segue o código: class Carrinho { // adicionando produtos no carrinho public function addProdutos($id,$location,$link) { $tamanhoCarrinho = isset($_SESSION['cart'])?count($_SESSION['cart']):0; $tamanhoCarrinho = $tamanhoCarrinho+1; $_SESSION['cart'][$tamanhoCarrinho]['indice'] = $tamanhoCarrinho; $_SESSION['cart'][$tamanhoCarrinho]['id'] = (int)$id; foreach($_SESSION['cart'] as $item){ $indice = $item['indice']; foreach($item as $k => $subitem){ if($k == 'id'){ if($subitem == $id){ $sqls = "UPDATE `produtos` SET `carrinho`='1' WHERE `id`='$id'"; $querys = mysqli_query($link, $sqls); } } } } echo "<script> setTimeout(function(){ window.location='".$location."'; }, 0300); </script>"; } }

Bom dia, Estou desenvolvendo uma loja virtual para uma instituição nonprofit. Os ítens estão armazenados num db MYSql via PHP, tudo certinho. Carrega os itens tudo normal, com imagem, preço, etc. Criei um input type="hidden" para carregar a id dos produtos. Para cada produto adicionado ao carrinho quero mostrar a quantidade num span. Meu código JS: function decQtde() { numero--; setValue(numero); } function incQtde() { numero++; setValue(numero); } function setValue(value) { document.getElementById('qtde').value = value; } Problema: está incrementando somente no primeiro produto. Não obedecendo a id colocada no hidden. E já troquei de hidden para text para ver se carrega a id do produto, e está carregando certinho. Obrigado

Alguém pode me ajudar?não entendi a questão da cabeça(head) e do corpo(body),essas duas partes fazem parte do HTML ou cada parte é uma tecnologia?tipo...cabeça para designe,corpo para conteúdo e etc.

Tenho uma página HTML que possui um campo para se digitar o texto da pesquisa, um botão pesquisar e um campo input text que me mostra o resultado. Ocorre que o conteúdo desse resultado é uma URL. Então, gostaria que ficasse clicável e direcionasse para o respectivo link. Não tenho como predefinir a url no código html, pois existem centenas de urls como resultado da busca. Preciso que o input identifique qual o link está ali e redirecione ao ser clicado. Como faço isso?

Tenho uma tabela no google planilhas (google sheets) e criei uma página html com uma tabela para exigir o conteúdo dessa planilha. Ocorre que há uma coluna cujas células contêm link. Na tabela no google aparece como link e clicável. Contudo, na página html não. Como faço para que esse contéudo apareça como link na tabela html?

Boa noite pessoal, tudo bem? Gostaria de saber como mudo a propriedade target="_blank" para target="_system" via javascript. Muito obrigado. <a href="https://bemdiario.com/wp-content/uploads/2020/06/água-da-rocha.pdf" target="_blank" rel="noopener noreferrer nofollow" download="" class="jsx-936791898 eape-item-linkWrapper"><div class="jsx-936791898 eape-item-link">Baixar PDF</div></a>

Caros amigos, saudações... Estou com um problema para mostrar o RESULTADO da multiplicação de 3 campos (inputs). Os Campos são: Comprimento x Largura x Altura. Quando todos os campos(INPUTS) são informados, a Função de Multiplicar é executada com sucesso. Exemplo: Comprimento : 1.01 Largura...........: 2.02 Altura..............: 3.03 Resultado......: 6.18 Quando um dos Inputs, tem valor = 0 (zero), o cálculo não é executado. Exemplo: Comprimento : 1.01 Largura...........: 0.00 Altura..............: 3.03 Resultado......: 0.00 Como consigo executar essa operação matemática ? Abaixo posto o Código que estou usando: /*---Função para Calcular o Total do Volume---*/ function calcVolume(){ //Obter valor digitado do comprimento var comprimento = document.getElementById("comprimento").value; comprimento = comprimento.replace(",","."); //Obter valor digitado da largura var largura = document.getElementById("largura").value; largura = largura.replace(",","."); //Obter valor digitado da altura var altura = document.getElementById("altura").value; altura = altura.replace(",","."); //Executa o Valor do Volume if (comprimento > 0 && largura > 0 && altura > 0) { calc_volume = parseFloat(comprimento) * parseFloat(largura) * parseFloat(altura); var numero = calc_volume.toFixed(2).split('.'); numero[0] = numero[0].split(/(?=(?:...)*$)/).join(''); document.getElementById("volume").value = numero.join('.'); } else { document.getElementById("volume").value = "0,00"; } } Grato, Cesar

Eu tenho um script $('.btn').click(); mas ele só funciona se eu deixar o mouse em cima do elemento. Como fazer pra ele funcionar ignorando a posião do mouse? Agradeço muito quem puder me ajudar pois já procurei em vários fóruns mas não achei a solução.

Boa noite pessoal, estou com um problema no momento de buscar os itens dos pedidos, estou utilizando o carregamento de templates Smarty onde no arquivo TPL tenho uma pagina chamada clientes_pedidos.tpl onde contem {foreach from=$PEDIDOS item=P} buscando os dados do pedido e dentro desse foreach preciso ter outro foreach para que possa buscar os itens do pedido para apresentar na pagina clientes_pedidos.tpl, vou anexar algumas imagens. quando insiro foreach dentro do outro ele mostra somente o primeiro dados buscado do banco (ele mostra o mesmo dado em todos os pedidos). Desde já agradeço pela atenção de todos. Arquivo: clientes_pedidos.tpl <div class="main-panel" > <div class="content"> {foreach from=$PEDIDOS item=P} <div class="container-fluid" style="background: white;"> <section class="invoice"> <!-- title row --> <div class="row"> <div class="col-xs-12"> <h2 class="page-header"> <i class="fa fa-globe"></i><i> {if $P.ped_pag_status == 'NAO'} <td style="width: 15%"><span class="label label-danger">{$P.ped_pag_status}</span></td> {elseif $P.ped_pag_status == 'Pago'} <td style="width: 15%"><span class="label label-success">{$P.ped_pag_status}</span></td> {elseif $P.ped_pag_status == ''} <td style="width: 15%"><span class="label label-danger">Erro no pagamento</span></td> {else} <td style="width: 15%"><span class="label label-info">{$P.ped_pag_status}</span></td> {/if} </i> <small class="pull-right">Data: {$P.ped_data}</small> </h2> </div><!-- /.col --> </div> <!-- info row --> <div class="row invoice-info"> <div class="col-sm-4 invoice-col"> <b>Informações</b><br/> <br/> <b>Codigo Pedido:</b> {$P.ped_id}<br/> <b>Forma Pagamento:</b> {$P.ped_pag_forma}<br/> <b>Nota Fiscal: </b> <a>Baixar</a> </div> <div class="col-sm-4 invoice-col"> <b>Dados Entrega</b><br/> <br/> Rua Hebreus, 849, Canaã<br> Ipatinga-Mg, 35.164-170<br> </div><!-- /.col --> <div class="col-sm-4 invoice-col"> <b>Dados Contato</b><br/> <br/> Contato: (31) 9 9964-2340<br/> Email: essence@hotmail.com.br<br> </div><!-- /.col --> </div><!-- /.row --> <br> <!-- Table row --> <div class="row"> <div class="col-xs-12 table-responsive"> <table class="table table-striped"> <thead> <tr> <th>IMAGEM</th> <th>ITEM</th> <th>QUANTIDADE</th> <th>VALOR</th> <th>DETALHES</th> </tr> </thead> <tbody> {foreach from=$ITENSPEDIDO item=I} <tr> <td>{$I.1.ped_cod}</td> <td>Call of Duty</td> <td>3</td> <td>R$ 64,50</td> <form name="itens" method="post" action="{$PAG_ITENS}"> <input type="hidden" name="cod_pedido" id="cod_pedido" value="{$P.ped_cod}"> <td><button>Detalhes</button></td> </form> </tr> {/foreach} </tbody> </table> </div><!-- /.col --> </div><!-- /.row --> <div class="row"> <!-- accepted payments column --> <div class="col-xs-6"> <br> <p class="lead">Informações Adicionais</p> <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;"> Todos os produtos essence são devidamentes embalados, adotando todas as medidas de segurança que seu produto chegue com 100% de sua integridade. </p> </div><!-- /.col --> <div class="col-xs-6"> <br> <p class="lead">Data do Pedido 20/06/2020</p> <div class="table-responsive"> <table class="table"> <tr> <th style="width:50%">Subtotal:</th> <td>R$250,30</td> </tr> <tr> <th>Frete</th> <td>R$10,34</td> </tr> <tr> <th>Desconto</th> <td>R$3,00</td> </tr> <tr> <th>Total:</th> <td>R$363,64</td> </tr> </table> </div> </div><!-- /.col --> </div><!-- /.row --> <!-- this row will not appear when printing --> <div class="row no-print"> <div class="col-xs-12"> <a href="invoice-print.html" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> TROCA OU DEVOLUÇÃO</a> <button class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> CONFIRMAR RECEBIMENTO</button> <button class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> AJUDA</button> </div> </div> </section> </div> <div style="width: 100%; height: 20px; background: transparent;"></div> {/foreach} </div> </div> </div> Arquivo: clientes_pedidos.php <?php $smarty = new Template(); Login::MenuCliente(); $pedidos = new Pedidos(); $pedidos->GetPedidosCliente($_SESSION['CLI']['cli_id']); $smarty->assign('PEDIDOS', $pedidos->GetItens()); $smarty->assign('PAG_ITENS', Rotas::pag_ClienteItens()); $arrayNumeroPedido = $pedidos->GetItens(); foreach ($arrayNumeroPedido as $key) { $itens = new Itens(); $pedido = filter_var($key['ped_cod'], FILTER_SANITIZE_STRING); $itens->GetItensPedido($pedido); $array = array($itens->GetItens()); $smarty->assign('ITENSPEDIDO', $array); $smarty->assign('TOTAL', $itens->GetTotal()); } $smarty->display('clientes_pedidos.tpl'); ?>

Bom dia gente! Sou novo programando para web, e no meio do curso que estou fazendo decidi criar um blog simples para ver o resultado das coisas que aprendi (é uma forma de me motivar a continuar a estudar porque eu tenho problemas em continuar coisas :D) e bem, tem me agradado o resultado como primeiro blog que desenvolvo, consegui alterar coisas que não gostei e deixar ele com uma aparência agradável. No momento, depois de ter feito o que seria uma "postagem" no meu pseudo-blog gostaria de criar uma sessão de comentários funcional. Pra isso, decidi usar mais uma tag de div para fazer um espaçamento (todo o blog tem background preto e pra deixar o texto ainda preto coloquei um background no div e no nav de cor branca) de forma que ficassem separados os espaços em branco e não fossem visto como uma coisa só. Então, criei a sessão de monetário e com a textarea coloquei o tamanho de uma caixa de texto que me agradasse, ok. o problema é que eu quero que o texto que eu escreva dentro dela (usando o navegador, claro) fique salvo na página (mesmo que se atualizar a página ele suma) pensei em javascript embora não tenha visto quase nada dele, imagino q deva usar um script para poder fazer o que pretendo: Criar um botão embaixo da caixa de texto escrito enviar com a função onclick (para poder ser utilizado com o javascript), para que o texto escrito naquela caixa possa ser inserido na página. aqui vai o código: (peço que não reparem na bagunça de padding e margins, como estou no começo ainda não controlo muito bem isso mas adoraria dicas sobre como fazer x coisa que possa melhorar o código fora o javascript) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Conhe Cimento</title> <div class="imagem px-0"> <div class="texto"> Conhecimento Tech </div> </div> <style> .imagem{ margin-top: -10px; margin-left: -15px; background-image: url(b.jpg); padding-right: 23px; width: 100%; height: 270px; background-size: 100%; } .texto{ position: absolute; color: hsl(0, 0%, 100%); top: 90px; left: 30px; font-size: 30px; font-family: verdana; } </style> </head> <p line-height="20px" class="tema" id="tema"> <div class="titulo"> <div class="escrito"><h1> &ensp; 7 Passos para programar</h1> &ensp; <i> &ensp;&ensp;&ensp; e minha história como programador, por Gustavo Salles </i> </div> </div> </p> <br> <style> .tema{ font-family:'comic sans'; } .titulo{ background-image: url(a.jpg); width: 100%; height: 90px; margin-top: -0px; margin-left: -9px; padding-right: 16px; } .escrito{ color: white; margin-left: 20px; margin-top: -21px; height: 30px; font-family: verdana; } body{ background-image: url(C.jpg); } nav{ background-color: white; width: 1200px; height: botton; margin-left: 10px; } </style> <style> .sale{ height: 70px; border-radius: 40px; margin-left: 10px; border: black; margin-top: 20px; } .bio{ padding-left: 90px; padding-right: 20px; margin-top: 20px; background-color: black; color: white ; height: 110px; } .conteudo{ margin-left: 40px; margin-right: 40px; padding-right: 70px; font-family: verdana; } .comentário{ margin-left: 10px; } </style> <body> <nav> <p> <br> <div class="conteudo" align="left"> <h2>Lorem ipsum dolor sit amet </h2> consectetur adipiscing elit. Maecenas interdum et nibh ut pellentesque. Aliquam mollis suscipit tincidunt. Aliquam placerat magna a laoreet rutrum. Duis eu justo sit amet magna hendrerit faucibus in at est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam efficitur, purus vel fringilla aliquam, neque tellus tempus magna, sed feugiat eros massa et nisi. Cras efficitur facilisis nisl, quis rhoncus mi molestie tristique. Aliquam non augue tortor. Nulla eget lectus sit amet lectus ultricies accumsan vel vel urna. Sed finibus ipsum tempus odio commodo gravida. Duis lobortis, arcu ut sollicitudin faucibus, leo est pretium augue, eu eleifend est nibh dignissim turpis. In eleifend massa id volutpat auctor. Cras volutpat lacus quis mi mattis, a posuere nibh egestas. Morbi posuere lacus et feliz euismod, nec hendrerit feliz faucibus. Phasellus euismod, magna a ultricies interdum, augue metus auctor magna, in mattis lorem mauris nec est. Maecenas eget erat ut dui pretium consectetur. Vestibulum feugiat lectus imperdiet mauris vulputate dignissim fermentum quis mi. Sed volutpat nulla in porta mattis. Aliquam fringilla, dui at fringilla bibendum, ligula dolor laoreet neque, in placerat sem velit dapibus justo. Nunc a lacus et metus varius sodales. Nullam sodales vulputate ligula, a facilisis ipsum congue ut. Pellentesque interdum varius risus at molestie. Ut nulla purus, pharetra id tristique vel, sollicitudin vitae ex. In eleifend odio in erat bibendum, eget elementum eros efficitur. Nulla quis risus libero. Nulla ante lacus, volutpat et vestibulum ac, venenatis non orci. Fusce efficitur ac ligula vitae pharetra. Aliquam volutpat est id velit volutpat convallis. <br><br> <h2>1. Nunca avance sem entender completamente o assunto que está estudando</h2> Sed bibendum sit amet quam non volutpat. Praesent eget elit non justo finibus lacinia. Vestibulum eu porta feliz. Etiam vitae convallis metus. Pellentesque condimentum, leo non cursus ultricies, lectus ante fermentum enim, ac cursus sem risus nec sem. Aliquam sapien enim, vestibulum in dictum id, ullamcorper a augue. Sed mollis vel quam ac sodales. Ut mollis orci non turpis bibendum, eget pulvinar mauris congue. Proin ullamcorper tellus sed tempus ultricies. Suspendisse potenti. Curabitur efficitur viverra risus id volutpat. Praesent commodo nunc quis sapien ullamcorper, ut pretium ante ultrices. Suspendisse diam turpis, venenatis nec condimentum id, laoreet sed magna. Nulla faucibus nisi sit amet diam eleifend pellentesque. Phasellus egestas lorem at condimentum egestas. Duis placerat, ligula eget fermentum porta, nisi lacus molestie ante, nec cursus mauris dui semper ex. Integer pretium, massa nec suscipit tempus, ante libero placerat sem, ac varius libero ligula vestibulum feliz. Aliquam in nunc nec feliz placerat venenatis gravida et quam. Donec feugiat enim quis purus bibendum pulvinar. Nullam vehicula dui ac neque luctus, vel pretium arcu auctor. Aenean sagittis leo nec urna pellentesque, et malesuada magna maximus. Aenean dui erat, cursus vitae nunc pharetra, varius luctus diam. Nunc quis est nisl. Vivamus euismod dui est, bibendum fringilla nisl consectetur et. Nulla enim ipsum, semper ac dui quis, malesuada commodo augue. ellentesque blandit turpis quis auctor viverra. Duis nec lorem fringilla diam placerat dignissim. Praesent sed libero cursus, condimentum dui sit amet, euismod nunc. Aenean tellus arcu, semper vel commodo nec, commodo sed eros. Proin massa massa, suscipit id nisl nec, blandit ullamcorper elit. Aenean pretium hendrerit feliz eget consectetur. Integer lacus nisl, aliquet ac varius sed, tempor at tortor. Morbi ac luctus libero. Duis tellus lorem, interdum ut ante nec, tempor sagittis lectus. Vivamus faucibus a nunc in malesuada. Mauris suscipit nibh quis cursus eleifend. Ut placerat feugiat nibh. <h2>2. Faça esquemas em resumos do que aprendeu na semana </h2><a href="#ancora-GZIP">CLICA aqui</a>Mauris porta massa non lacus consectetur, ut rhoncus est tincidunt. Donec ultricies accumsan sem, vestibulum volutpat augue aliquet tristique. Integer nibh ex, luctus id hendrerit ut, porta sed ligula. Cras eu ultrices libero. Vestibulum a interdum metus. Morbi ac elit congue, mattis diam id, dictum nunc. Nunc tincidunt, ex tempus dictum venenatis, mauris urna ullamcorper leo, et posuere diam mauris a magna. Cras posuere ante non ex pretium mollis. Duis rutrum ligula sit amet nunc fringilla congue. Nam eget justo ante. Nulla non feugiat ante. Quisque luctus tincidunt lorem non viverra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin at rhoncus lectus. Sed eros urna, volutpat ut rhoncus a, hendrerit vitae orci. Ut in metus facilisis tortor commodo pulvinar. Suspendisse ac venenatis nibh, sit amet fermentum neque. Vivamus sed magna gravida, efficitur ligula ut, luctus velit. Sed ut feugiat mi. Integer volutpat dolor eget metus commodo, quis vestibulum purus lobortis. Cras molestie bibendum commodo. Sed vel eleifend lorem. Ut leo magna, elementum non tempus nec, accumsan eget massa. Nunc blandit aliquam posuere. Etiam et semper mauris. Sed tristique condimentum est eget egestas. Vestibulum sagittis aliquam lacus, placerat gravida velit posuere sed. Nam augue eros, tincidunt non lacinia ac, laoreet eu lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Nulla accumsan orci sagittis, pretium dolor in, rutrum lectus. Ut non turpis tincidunt, convallis quam eget, fringilla tortor. Ut pretium vestibulum sapien, ut tempor dui. Curabitur vitae consequat diam. Sed bibendum ac turpis et placerat. Praesent commodo, nisl eget venenatis fringilla, ipsum neque lobortis sapien, suscipit dignissim mauris purus hendrerit justo. Maecenas cursus augue eu volutpat viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In eu commodo risus, ac convallis lacus. Nam leo diam, ultrices ut metus sit amet, elementum convallis enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras nec dolor ac metus fermentum mollis. Morbi lacus lorem, blandit sed eros non, convallis venenatis lacus. Suspendisse at est id quam congue tincidunt non quis nibh. Sed egestas feliz non posuere feugiat. Nulla facilisi. Aliquam iaculis aliquam feliz sit amet suscipit. Praesent risus lectus, gravida in ex ac, cursus porttitor lorem. Cras porta ex tellus, eget aliquet turpis venenatis vel. Phasellus a nisi lobortis, imperdiet dui sed, ullamcorper risus. Pellentesque dapibus, est a convallis venenatis, libero neque vestibulum dui, ac egestas mauris urna efficitur enim. Nullam placerat turpis non tortor mattis sagittis vel at risus. Nulla facilisi. Quisque accumsan magna et sagittis lacinia. Sed non nunc at diam tincidunt egestas et ut dui. Proin hendrerit lobortis turpis in dictum. Lorem ipsum dolor si<h2>3. Não desista!</h2>t amet consectetur adipisicing elit. Blanditiis eius nesciunt natus laborum. Iste autem, asperiores doloremque nesciunt modi debitis quaerat commodi fuga adipisci consequuntur velit earum temporibus fugit cum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur provident magni in ad itaque temporibus, voluptatem debitis voluptatum eligendi, numquam laudantium officiis neque! Pariatur ipsum aliquid est eligendi, at saepe. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<h2>4. Conheça várias linguagens e a lógica de programação </h2> Cras lacus odio, hendrerit at velit ut, molestie condimentum erat. Curabitur ut nibh rhoncus, venenatis quam vel, lobortis est. Etiam sit amet sollicitudin arcu, a sagittis nunc. Aenean rutrum velit nulla, vel aliquet lacus porttitor a. Nullam eros mauris, laoreet vel finibus posuere, scelerisque vel massa. Fusce semper pharetra tortor. Suspendisse ante ligula, scelerisque sit amet iaculis vel, finibus id risus. Nunc porttitor, erat sed congue vehicula, sem nulla egestas lectus, eget euismod ipsum tellus sed arcu. Pellentesque posuere lectus libero, porta commodo libero accumsan quis. Sed turpis ex, iaculis sed feliz non, convallis sagittis urna. Sed semper fermentum enim at finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ipsum dui, mollis ac vehicula sit amet, egestas non nisl. Quisque ornare elit augue, quis placerat ex sagittis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur finibus nibh finibus feliz ultrices, ut ullamcorper nisl blandit. Mauris posuere ullamcorper ante, eget volutpat magna lobortis vitae. Vivamus ultricies erat non ultricies tempus. Mauris ac ligula euismod, dignissim feliz quis, consectetur lacus. Pellentesque scelerisque ultricies sodales. Nulla turpis eros, elementum ac pulvinar in, convallis ac ipsum. Etiam ullamcorper lectus at tortor commodo iaculis. Cras sagittis laoreet nisi eu accumsan. Nam quam elit, tristique id diam non, vulputate rutrum dolor. Maecenas non odio mattis, fringilla sem non, feugiat tortor. Morbi lectus libero, gravida eget turpis ut, facilisis dictum nibh. Aliquam aliquam nisi purus, vel ultrices lacus dignissim at. Morbi in tellus non erat molestie pulvinar eleifend at nisi. Curabitur porta auctor feugiat. Duis feugiat enim eget mi mollis maximus. Duis maximus odio lacinia purus ultrices, id semper feliz consectetur. Nam lorem massa, iaculis vel aliquam et, porttitor quis ex. Phasellus sed arcu volutpat turpis varius mattis id finibus nisi. Morbi blandit posuere arcu ac vehicula. Quisque molestie tellus nec ex maximus commodo. Aliquam lobortis et feliz in lobortis. Aenean semper volutpat neque, sed egestas enim fringilla sed. Maecenas viverra commodo tincidunt. Vivamus auctor ornare est, sit amet convallis leo tempus vel. Ut commodo, risus eu feugiat facilisis, feliz magna vehicula arcu, vitae imperdiet quam nunc sit amet leo. Fusce malesuada maximus nunc, quis pulvinar nunc tincidunt at. Integer rhoncus consectetur nunc non luctus. Mauris auctor commodo maximus. Phasellus a egestas nisl. Nulla aliquet aliquam sapien euismod blandit. Duis elit urna, imperdiet quis gravida vitae, mollis vel velit. Integer convallis, libero sed eleifend imperdiet, tellus dolor dignissim velit, ac maximus odio turpis at feliz. Praesent congue rutrum dolor nec congue. Cras rutrum dignissim risus, ut hendrerit odio malesuada in. Vivamus porttitor ex at nunc finibus tristique. Etiam a arcu sit amet ligula egestas imperdiet eu eu dolor. Sed posuere libero feugiat, scelerisque lorem a, pulvinar nibh. Curabitur vitae ornare nisl. Nullam sed velit tincidunt, auctor dolor in, pharetra feliz. <h2>5. Relaxe sua cabeça</h2> Integer eros enim, posuere id velit eget, convallis malesuada justo. Maecenas in dui et enim pretium tincidunt nec rhoncus ante. Nam tincidunt pharetra eleifend. Nullam nec accumsan ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi pharetra ullamcorper nunc, non viverra ligula mollis et. Fusce augue leo, aliquam ac efficitur nec, pellentesque nec nulla. Aliquam non mollis sem. Mauris vitae metus aliquam elit sodales eleifend a vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tristique rutrum urna, id pulvinar odio aliquam et. Morbi vitae augue quam. In ornare nunc sed convallis tempus. Pellentesque interdum congue fermentum. Quisque porttitor blandit erat, in dignissim mauris tempus bibendum. <h2>6. TOME CAFÉ!!! </h2>Etiam nec nibh tincidunt, efficitur arcu cursus, maximus lorem. Phasellus malesuada purus ipsum, eget euismod risus vestibulum ut. Sed ultricies purus sit amet dolor placerat tincidunt. Etiam vestibulum sapien et enim elementum efficitur. Cras congue gravida leo. Sed consequat elit orci, a tincidunt libero aliquam nec. Ut dictum risus sit amet cursus lacinia. Phasellus et egestas lacus. Proin vehicula ut arcu vitae malesuada. Ut elementum volutpat venenatis. Nunc mattis enim id orci scelerisque faucibus. Etiam orci nibh, pretium a turpis vitae, fermentum fringilla magna. Donec laoreet, libero eu mollis feugiat, ex dui tincidunt urna, varius vestibulum dolor purus at dolor. Morbi vitae arcu porta nisi euismod hendrerit. Curabitur varius consectetur bibendum. Pellentesque fermentum augue sit amet leo eleifend, porttitor facilisis tortor interdum. Sed ac ultricies leo, fermentum condimentum mi. Donec tortor massa, ultrices nec vehicula non, tempus nec dolor. Mauris in enim maximus odio faucibus venenatis eu ac tortor. Mauris nec venenatis metus. Suspendisse varius malesuada urna, sed faucibus tellus dictum eu. Vivamus aliquam enim ac lacinia cursus. Aliquam erat volutpat. Phasellus tempor lectus tincidunt efficitur pharetra. Suspendisse ultrices, urna quis egestas tincidunt, lacus diam aliquet risus, a mollis nibh odio suscipit neque. <h2>7. Desafie-se! </h2> Nulla dignissim odio vel urna mattis efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse finibus molestie elit, at porttitor ex dapibus non. Proin eget mollis nisl. Nullam pretium tincidunt tellus non lobortis. Fusce tincidunt eleifend metus, vitae convallis ante congue eu. Aliquam erat volutpat. Ut in tempus nunc. Etiam tincidunt mi et ipsum accumsan rutrum. Aenean auctor augue quis odio feugiat pharetra. Praesent non dictum odio. Ut urna leo, blandit at viverra nec, dignissim eget odio. Sed leo lorem, luctus eget sapien et, consectetur mattis tortor. </div> </p> <br> <p> <img src="salles.jpg" id class="sale" alt="salles_cover" align=left> <div class="bio"> <br> <big><a href="https://br.linkedin.com/public-profile/in/gustavo-salles-28b55316?challengeId=AQEjti1FerzqHwAAAXOAxTmEmFa5FW5hb0mWb4VGpzmv8Dz1LGd-7x3F3StG2sM8wQe0GcT7xQLSffBJmamhxQ17DbijUsWBqA&submissionId=b33fea5a-a1af-2416-bf0b-d1b7d1aec94f" target="_blank" rel="noopener noreferrer" style="color: white;">Gustavo Salles</a></big> é programador e desenvolvedor de dor, Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit quod illum modi itaque voluptatem numquam saepe. Libero dolor debitis dolore expedita reiciendis laudantium sed </div> </p> </nav> <p id="ancora-GZIP"> <h4 style="size: 100px;">Comente!</h4> </p> <p> <div class="carolina"> <h1 style="font-family: verdana; padding-left: 20px; margin-top: 50px;"> <br> Comente! </h1> <textarea name="Comentário" id="" cols="150" rows="20" style="margin-left: 25px; font-family: Times New Roman;"></textarea> <p> </p> <script> function comentar(){ catch } </script> </div> </p> </body> <style> .carolina{ background-color: white; width: 1200px; size: 200px; } </style> </html>

Bom dia gente! Sou novo programando para web, e no meio do curso que estou fazendo decidi criar um blog simples para ver o resultado das coisas que aprendi (é uma forma de me motivar a continuar a estudar porque eu tenho problemas em continuar coisas :D) e bem, tem me agradado o resultado como primeiro blog que desenvolvo, consegui alterar coisas que não gostei e deixar ele com uma aparência agradável. No momento, depois de ter feito o que seria uma "postagem" no meu pseudo-blog gostaria de criar uma sessão de comentários funcional. Pra isso, decidi usar mais uma tag de div para fazer um espaçamento (todo o blog tem background preto e pra deixar o texto ainda preto coloquei um background no div e no nav de cor branca) de forma que ficassem separados os espaços em branco e não fossem visto como uma coisa só. Então, criei a sessão de monetário e com a textarea coloquei o tamanho de uma caixa de texto que me agradasse, ok. o problema é que eu quero que o texto que eu escreva dentro dela (usando o navegador, claro) fique salvo na página (mesmo que se atualizar a página ele suma) pensei em javascript embora não tenha visto quase nada dele, imagino q deva usar um script para poder fazer o que pretendo: Criar um botão embaixo da caixa de texto escrito enviar com a função onclick (para poder ser utilizado com o javascript), para que o texto escrito naquela caixa possa ser inserido na página. aqui vai o código: (peço que não reparem na bagunça de padding e margins, como estou no começo ainda não controlo muito bem isso mas adoraria dicas sobre como fazer x coisa que possa melhorar o código fora o javascript) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Conhe Cimento</title> <div class="imagem px-0"> <div class="texto"> Conhecimento Tech </div> </div> <style> .imagem{ margin-top: -10px; margin-left: -15px; background-image: url(b.jpg); padding-right: 23px; width: 100%; height: 270px; background-size: 100%; } .texto{ position: absolute; color: hsl(0, 0%, 100%); top: 90px; left: 30px; font-size: 30px; font-family: verdana; } </style> </head> <p line-height="20px" class="tema" id="tema"> <div class="titulo"> <div class="escrito"><h1> &ensp; 7 Passos para programar</h1> &ensp; <i> &ensp;&ensp;&ensp; e minha história como programador, por Gustavo Salles </i> </div> </div> </p> <br> <style> .tema{ font-family:'comic sans'; } .titulo{ background-image: url(a.jpg); width: 100%; height: 90px; margin-top: -0px; margin-left: -9px; padding-right: 16px; } .escrito{ color: white; margin-left: 20px; margin-top: -21px; height: 30px; font-family: verdana; } body{ background-image: url(C.jpg); } nav{ background-color: white; width: 1200px; height: botton; margin-left: 10px; } </style> <style> .sale{ height: 70px; border-radius: 40px; margin-left: 10px; border: black; margin-top: 20px; } .bio{ padding-left: 90px; padding-right: 20px; margin-top: 20px; background-color: black; color: white ; height: 110px; } .conteudo{ margin-left: 40px; margin-right: 40px; padding-right: 70px; font-family: verdana; } .comentário{ margin-left: 10px; } </style> <body> <nav> <p> <br> <div class="conteudo" align="left"> <h2>Lorem ipsum dolor sit amet </h2> consectetur adipiscing elit. Maecenas interdum et nibh ut pellentesque. Aliquam mollis suscipit tincidunt. Aliquam placerat magna a laoreet rutrum. Duis eu justo sit amet magna hendrerit faucibus in at est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam efficitur, purus vel fringilla aliquam, neque tellus tempus magna, sed feugiat eros massa et nisi. Cras efficitur facilisis nisl, quis rhoncus mi molestie tristique. Aliquam non augue tortor. Nulla eget lectus sit amet lectus ultricies accumsan vel vel urna. Sed finibus ipsum tempus odio commodo gravida. Duis lobortis, arcu ut sollicitudin faucibus, leo est pretium augue, eu eleifend est nibh dignissim turpis. In eleifend massa id volutpat auctor. Cras volutpat lacus quis mi mattis, a posuere nibh egestas. Morbi posuere lacus et feliz euismod, nec hendrerit feliz faucibus. Phasellus euismod, magna a ultricies interdum, augue metus auctor magna, in mattis lorem mauris nec est. Maecenas eget erat ut dui pretium consectetur. Vestibulum feugiat lectus imperdiet mauris vulputate dignissim fermentum quis mi. Sed volutpat nulla in porta mattis. Aliquam fringilla, dui at fringilla bibendum, ligula dolor laoreet neque, in placerat sem velit dapibus justo. Nunc a lacus et metus varius sodales. Nullam sodales vulputate ligula, a facilisis ipsum congue ut. Pellentesque interdum varius risus at molestie. Ut nulla purus, pharetra id tristique vel, sollicitudin vitae ex. In eleifend odio in erat bibendum, eget elementum eros efficitur. Nulla quis risus libero. Nulla ante lacus, volutpat et vestibulum ac, venenatis non orci. Fusce efficitur ac ligula vitae pharetra. Aliquam volutpat est id velit volutpat convallis. <br><br> <h2>1. Nunca avance sem entender completamente o assunto que está estudando</h2> Sed bibendum sit amet quam non volutpat. Praesent eget elit non justo finibus lacinia. Vestibulum eu porta feliz. Etiam vitae convallis metus. Pellentesque condimentum, leo non cursus ultricies, lectus ante fermentum enim, ac cursus sem risus nec sem. Aliquam sapien enim, vestibulum in dictum id, ullamcorper a augue. Sed mollis vel quam ac sodales. Ut mollis orci non turpis bibendum, eget pulvinar mauris congue. Proin ullamcorper tellus sed tempus ultricies. Suspendisse potenti. Curabitur efficitur viverra risus id volutpat. Praesent commodo nunc quis sapien ullamcorper, ut pretium ante ultrices. Suspendisse diam turpis, venenatis nec condimentum id, laoreet sed magna. Nulla faucibus nisi sit amet diam eleifend pellentesque. Phasellus egestas lorem at condimentum egestas. Duis placerat, ligula eget fermentum porta, nisi lacus molestie ante, nec cursus mauris dui semper ex. Integer pretium, massa nec suscipit tempus, ante libero placerat sem, ac varius libero ligula vestibulum feliz. Aliquam in nunc nec feliz placerat venenatis gravida et quam. Donec feugiat enim quis purus bibendum pulvinar. Nullam vehicula dui ac neque luctus, vel pretium arcu auctor. Aenean sagittis leo nec urna pellentesque, et malesuada magna maximus. Aenean dui erat, cursus vitae nunc pharetra, varius luctus diam. Nunc quis est nisl. Vivamus euismod dui est, bibendum fringilla nisl consectetur et. Nulla enim ipsum, semper ac dui quis, malesuada commodo augue. ellentesque blandit turpis quis auctor viverra. Duis nec lorem fringilla diam placerat dignissim. Praesent sed libero cursus, condimentum dui sit amet, euismod nunc. Aenean tellus arcu, semper vel commodo nec, commodo sed eros. Proin massa massa, suscipit id nisl nec, blandit ullamcorper elit. Aenean pretium hendrerit feliz eget consectetur. Integer lacus nisl, aliquet ac varius sed, tempor at tortor. Morbi ac luctus libero. Duis tellus lorem, interdum ut ante nec, tempor sagittis lectus. Vivamus faucibus a nunc in malesuada. Mauris suscipit nibh quis cursus eleifend. Ut placerat feugiat nibh. <h2>2. Faça esquemas em resumos do que aprendeu na semana </h2><a href="#ancora-GZIP">CLICA aqui</a>Mauris porta massa non lacus consectetur, ut rhoncus est tincidunt. Donec ultricies accumsan sem, vestibulum volutpat augue aliquet tristique. Integer nibh ex, luctus id hendrerit ut, porta sed ligula. Cras eu ultrices libero. Vestibulum a interdum metus. Morbi ac elit congue, mattis diam id, dictum nunc. Nunc tincidunt, ex tempus dictum venenatis, mauris urna ullamcorper leo, et posuere diam mauris a magna. Cras posuere ante non ex pretium mollis. Duis rutrum ligula sit amet nunc fringilla congue. Nam eget justo ante. Nulla non feugiat ante. Quisque luctus tincidunt lorem non viverra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin at rhoncus lectus. Sed eros urna, volutpat ut rhoncus a, hendrerit vitae orci. Ut in metus facilisis tortor commodo pulvinar. Suspendisse ac venenatis nibh, sit amet fermentum neque. Vivamus sed magna gravida, efficitur ligula ut, luctus velit. Sed ut feugiat mi. Integer volutpat dolor eget metus commodo, quis vestibulum purus lobortis. Cras molestie bibendum commodo. Sed vel eleifend lorem. Ut leo magna, elementum non tempus nec, accumsan eget massa. Nunc blandit aliquam posuere. Etiam et semper mauris. Sed tristique condimentum est eget egestas. Vestibulum sagittis aliquam lacus, placerat gravida velit posuere sed. Nam augue eros, tincidunt non lacinia ac, laoreet eu lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Nulla accumsan orci sagittis, pretium dolor in, rutrum lectus. Ut non turpis tincidunt, convallis quam eget, fringilla tortor. Ut pretium vestibulum sapien, ut tempor dui. Curabitur vitae consequat diam. Sed bibendum ac turpis et placerat. Praesent commodo, nisl eget venenatis fringilla, ipsum neque lobortis sapien, suscipit dignissim mauris purus hendrerit justo. Maecenas cursus augue eu volutpat viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In eu commodo risus, ac convallis lacus. Nam leo diam, ultrices ut metus sit amet, elementum convallis enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras nec dolor ac metus fermentum mollis. Morbi lacus lorem, blandit sed eros non, convallis venenatis lacus. Suspendisse at est id quam congue tincidunt non quis nibh. Sed egestas feliz non posuere feugiat. Nulla facilisi. Aliquam iaculis aliquam feliz sit amet suscipit. Praesent risus lectus, gravida in ex ac, cursus porttitor lorem. Cras porta ex tellus, eget aliquet turpis venenatis vel. Phasellus a nisi lobortis, imperdiet dui sed, ullamcorper risus. Pellentesque dapibus, est a convallis venenatis, libero neque vestibulum dui, ac egestas mauris urna efficitur enim. Nullam placerat turpis non tortor mattis sagittis vel at risus. Nulla facilisi. Quisque accumsan magna et sagittis lacinia. Sed non nunc at diam tincidunt egestas et ut dui. Proin hendrerit lobortis turpis in dictum. Lorem ipsum dolor si<h2>3. Não desista!</h2>t amet consectetur adipisicing elit. Blanditiis eius nesciunt natus laborum. Iste autem, asperiores doloremque nesciunt modi debitis quaerat commodi fuga adipisci consequuntur velit earum temporibus fugit cum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur provident magni in ad itaque temporibus, voluptatem debitis voluptatum eligendi, numquam laudantium officiis neque! Pariatur ipsum aliquid est eligendi, at saepe. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<h2>4. Conheça várias linguagens e a lógica de programação </h2> Cras lacus odio, hendrerit at velit ut, molestie condimentum erat. Curabitur ut nibh rhoncus, venenatis quam vel, lobortis est. Etiam sit amet sollicitudin arcu, a sagittis nunc. Aenean rutrum velit nulla, vel aliquet lacus porttitor a. Nullam eros mauris, laoreet vel finibus posuere, scelerisque vel massa. Fusce semper pharetra tortor. Suspendisse ante ligula, scelerisque sit amet iaculis vel, finibus id risus. Nunc porttitor, erat sed congue vehicula, sem nulla egestas lectus, eget euismod ipsum tellus sed arcu. Pellentesque posuere lectus libero, porta commodo libero accumsan quis. Sed turpis ex, iaculis sed feliz non, convallis sagittis urna. Sed semper fermentum enim at finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ipsum dui, mollis ac vehicula sit amet, egestas non nisl. Quisque ornare elit augue, quis placerat ex sagittis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur finibus nibh finibus feliz ultrices, ut ullamcorper nisl blandit. Mauris posuere ullamcorper ante, eget volutpat magna lobortis vitae. Vivamus ultricies erat non ultricies tempus. Mauris ac ligula euismod, dignissim feliz quis, consectetur lacus. Pellentesque scelerisque ultricies sodales. Nulla turpis eros, elementum ac pulvinar in, convallis ac ipsum. Etiam ullamcorper lectus at tortor commodo iaculis. Cras sagittis laoreet nisi eu accumsan. Nam quam elit, tristique id diam non, vulputate rutrum dolor. Maecenas non odio mattis, fringilla sem non, feugiat tortor. Morbi lectus libero, gravida eget turpis ut, facilisis dictum nibh. Aliquam aliquam nisi purus, vel ultrices lacus dignissim at. Morbi in tellus non erat molestie pulvinar eleifend at nisi. Curabitur porta auctor feugiat. Duis feugiat enim eget mi mollis maximus. Duis maximus odio lacinia purus ultrices, id semper feliz consectetur. Nam lorem massa, iaculis vel aliquam et, porttitor quis ex. Phasellus sed arcu volutpat turpis varius mattis id finibus nisi. Morbi blandit posuere arcu ac vehicula. Quisque molestie tellus nec ex maximus commodo. Aliquam lobortis et feliz in lobortis. Aenean semper volutpat neque, sed egestas enim fringilla sed. Maecenas viverra commodo tincidunt. Vivamus auctor ornare est, sit amet convallis leo tempus vel. Ut commodo, risus eu feugiat facilisis, feliz magna vehicula arcu, vitae imperdiet quam nunc sit amet leo. Fusce malesuada maximus nunc, quis pulvinar nunc tincidunt at. Integer rhoncus consectetur nunc non luctus. Mauris auctor commodo maximus. Phasellus a egestas nisl. Nulla aliquet aliquam sapien euismod blandit. Duis elit urna, imperdiet quis gravida vitae, mollis vel velit. Integer convallis, libero sed eleifend imperdiet, tellus dolor dignissim velit, ac maximus odio turpis at feliz. Praesent congue rutrum dolor nec congue. Cras rutrum dignissim risus, ut hendrerit odio malesuada in. Vivamus porttitor ex at nunc finibus tristique. Etiam a arcu sit amet ligula egestas imperdiet eu eu dolor. Sed posuere libero feugiat, scelerisque lorem a, pulvinar nibh. Curabitur vitae ornare nisl. Nullam sed velit tincidunt, auctor dolor in, pharetra feliz. <h2>5. Relaxe sua cabeça</h2> Integer eros enim, posuere id velit eget, convallis malesuada justo. Maecenas in dui et enim pretium tincidunt nec rhoncus ante. Nam tincidunt pharetra eleifend. Nullam nec accumsan ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi pharetra ullamcorper nunc, non viverra ligula mollis et. Fusce augue leo, aliquam ac efficitur nec, pellentesque nec nulla. Aliquam non mollis sem. Mauris vitae metus aliquam elit sodales eleifend a vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tristique rutrum urna, id pulvinar odio aliquam et. Morbi vitae augue quam. In ornare nunc sed convallis tempus. Pellentesque interdum congue fermentum. Quisque porttitor blandit erat, in dignissim mauris tempus bibendum. <h2>6. TOME CAFÉ!!! </h2>Etiam nec nibh tincidunt, efficitur arcu cursus, maximus lorem. Phasellus malesuada purus ipsum, eget euismod risus vestibulum ut. Sed ultricies purus sit amet dolor placerat tincidunt. Etiam vestibulum sapien et enim elementum efficitur. Cras congue gravida leo. Sed consequat elit orci, a tincidunt libero aliquam nec. Ut dictum risus sit amet cursus lacinia. Phasellus et egestas lacus. Proin vehicula ut arcu vitae malesuada. Ut elementum volutpat venenatis. Nunc mattis enim id orci scelerisque faucibus. Etiam orci nibh, pretium a turpis vitae, fermentum fringilla magna. Donec laoreet, libero eu mollis feugiat, ex dui tincidunt urna, varius vestibulum dolor purus at dolor. Morbi vitae arcu porta nisi euismod hendrerit. Curabitur varius consectetur bibendum. Pellentesque fermentum augue sit amet leo eleifend, porttitor facilisis tortor interdum. Sed ac ultricies leo, fermentum condimentum mi. Donec tortor massa, ultrices nec vehicula non, tempus nec dolor. Mauris in enim maximus odio faucibus venenatis eu ac tortor. Mauris nec venenatis metus. Suspendisse varius malesuada urna, sed faucibus tellus dictum eu. Vivamus aliquam enim ac lacinia cursus. Aliquam erat volutpat. Phasellus tempor lectus tincidunt efficitur pharetra. Suspendisse ultrices, urna quis egestas tincidunt, lacus diam aliquet risus, a mollis nibh odio suscipit neque. <h2>7. Desafie-se! </h2> Nulla dignissim odio vel urna mattis efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse finibus molestie elit, at porttitor ex dapibus non. Proin eget mollis nisl. Nullam pretium tincidunt tellus non lobortis. Fusce tincidunt eleifend metus, vitae convallis ante congue eu. Aliquam erat volutpat. Ut in tempus nunc. Etiam tincidunt mi et ipsum accumsan rutrum. Aenean auctor augue quis odio feugiat pharetra. Praesent non dictum odio. Ut urna leo, blandit at viverra nec, dignissim eget odio. Sed leo lorem, luctus eget sapien et, consectetur mattis tortor. </div> </p> <br> <p> <img src="salles.jpg" id class="sale" alt="salles_cover" align=left> <div class="bio"> <br> <big><a href="https://br.linkedin.com/public-profile/in/gustavo-salles-28b55316?challengeId=AQEjti1FerzqHwAAAXOAxTmEmFa5FW5hb0mWb4VGpzmv8Dz1LGd-7x3F3StG2sM8wQe0GcT7xQLSffBJmamhxQ17DbijUsWBqA&submissionId=b33fea5a-a1af-2416-bf0b-d1b7d1aec94f" target="_blank" rel="noopener noreferrer" style="color: white;">Gustavo Salles</a></big> é programador e desenvolvedor de dor, Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit quod illum modi itaque voluptatem numquam saepe. Libero dolor debitis dolore expedita reiciendis laudantium sed </div> </p> </nav> <p id="ancora-GZIP"> <h4 style="size: 100px;">Comente!</h4> </p> <p> <div class="carolina"> <h1 style="font-family: verdana; padding-left: 20px; margin-top: 50px;"> <br> Comente! </h1> <textarea name="Comentário" id="" cols="150" rows="20" style="margin-left: 25px; font-family: Times New Roman;"></textarea> <p> </p> <script> function comentar(){ catch } </script> </div> </p> </body> <style> .carolina{ background-color: white; width: 1200px; size: 200px; } </style> </html>

O problema seria simples se o script da página permitisse o autopreenchimento usando javascript, masssssssssssss... O site em questão não permite que o campo seja preenchido dinamicamente ou seja usando script (ele identifica a digitação do teclado para impedir isso) Eles devem usar algo como: onkeypress ou onkeyup e acumular os valores digitados numa variável para dispor isso no post/get Por que nesse caso, se foi simplesmente colado ou preenchido via script não vai aceitar já que provavelmente é acumulativo e não verificado se o campo foi preenchido. Então como preencher dinamicamente o campo usando javascript nesse caso?

Boa tarde, já tentei muitas formas mas não consigo retirar o atributo required. O resultado que eu preciso é, quando retiro o required de um (name="posicao") o outro fica com required e vice-versa e também um aparece e outro some. Segue o código HTML. <select name="posicao" class="form-control option_escolhida" style="display:none" id="2" required="" disabled> <option value="" selected>Selecione</option> <option value="1">Espaco</option> <option value="2">Cursos</option> </select> <select name="posicao" class="form-control option_escolhida" style="display:none" id="4" required="" disabled> <option value="" selected>Selecione</option> <option value="4">Políticas de privacidade</option> </select> <div class="sem_option"><code>Sem posição definida</code></div> <div class="ini_option"><code>Posição inicial</code></div> <div class="main_option" style="display:none"> <input name="apelido" class="form-control apelido" placeholder="Nome do grupo" type="text" required="" disabled> </div> Segue o código javascrpt: $('.select_escolhida').on({change: listChildren}).trigger('change'); function listChildren() { if ( $(this).val() != '' ) { children = $('option').val(); $(".ini_option").show(); $(".option_escolhida").hide(); $(".option_escolhida").attr("disabled", true); $("#" + $(this).val() ).show(); $("#" + $(this).val() ).removeAttr("disabled"); $(".sem_option").hide(); if( ($(this).val() == '1')||($(this).val() == '3') ){ $(".main_option").show(); $(".apelido").removeAttr("disabled"); } else { $(".main_option").hide(); $(".apelido").attr("disabled", true); $(".ini_option").hide(); } } else { $(".sem_option").show(); $(".ini_option").hide(); $(".apelido").hide(); } }

Oiii gente, boa noite. Estou estudando ainda e me deram um desafio para desenvolver um programa que imprimisse na tela somente os números primos segundo o valor que o usuário colocasse na execução. Utilizei o readLine para isso. Usei um objeto para que repetisse a execução e salvei todos os números numa array. O problema é, quando faço o teste colocando um número qualquer, retorna uma array vazia. Poderia me dar uma ajuda? Segue abaixo todo o código. Obrigada :) var readline = require("readline"); var rl = readline.createInterface({ input: process.stdin, output: process.stdout }); function desafioPrimos() { var primos = []; rl.question("Digite um número: ", function (num) { console.log(primos); numero = parseInt(num); numerosPrimos: for (var x = 2; x <= num; x++) { for (var y = 2; y < x; y++) { if (x % y === 0) continue numerosPrimos; }; primos.push(x); rl.close(); }; }); }; desafioPrimos();

Condicionais - Autoescola Vamos otimizar nosso sistema de autoescola! Caso o usuário tenha 18 anos ou mais, ele pode dirigir, se a afirmação for negativa precisamos imprimir a mensagem “Ops, você ainda não tem a idade mínima para dirigir!”. Parte do código já está pronto, agora é sua vez de utilizar o else para dar um feedback ao usuário! O exercício já começa com uma parte do código. var idade = 15 if (idade >= 18) { console.log("Você já pode dirigir!") preciso terminar, já tentei de tudo mas dá o seguinte erro. Erro: Deve imprimir a mensagem "Ops, você ainda não tem a idade mínima para dirigir!" Se alguém puder me ajudar eu agradeço!

Olá, estou com problemas, minha data está atualizando porém eu clico em um produto ele exibe o tempo sem atualizar . quando eu mudo de produto ele mostra os dois valores exemplo Produto 1: tem duraçao de: 1 dia e 13:023 PM Produto 2: tem duraçao de: 0 dia e 23:023 PM Quando eu clico no produto 1 ele exibe normalmente, porém quando mudo para o produto 2 ele fica atualizando o valor do dia do produto 1 e do produto 2 sempre mudando. segue abaixo como está o codigo JavaSCRIPT function anooo(mes,dia,h,m){ var mess = mes; var dias = dia; var hss = h; var mss = m; // Set the date we're counting down to var countDownDate = new Date(""+mess+" "+dias+", 2020 "+hss+":"+mss+":00").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var dayss = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("days").innerHTML = dayss; document.getElementById("hrs").innerHTML = hours; document.getElementById("minus").innerHTML = minutes; document.getElementById("secs").innerHTML = seconds; this.remove(countDownDate); // If the count down is over, write some text if (distance < 0) { clearInterval(x); } }, 1000); } AQUI É O CHAMADO: <? if($result->Discount>=1){ $Month = date('M', strtotime($result->DateDiscount)); $Days = date('d', strtotime($result->DateDiscount)); $Hours = date('H', strtotime($result->DateDiscount)); $Minutes = date('i', strtotime($result->DateDiscount)); echo "<script>anooo('".$Month."','".$Days."','".$Hours."','".$Minutes."')</script>"; //echo "<script>alert('".$Month."')</script>"; ?> <ul class="time_sell remain_time"> <li> <dl> <dt class="blind">남은시간</dt> <dd> <span class='n_date day' id='days'></span> <span class='date'>일</span> <span class='n_time hour' id='hrs'></span> <span class='n_time minute' id='minus'></span> <span class='n_time second' id='secs'></span> <div id="countdown"></div> </dd> </dl> </li> </ul> <? } ?> eu já tentei de tudo mais sempre que mudo de produto ele exibe a data dos produtos anteriores em loop. a cada atualização do setInterval

Boa tarde pessoal , estou desenvolvendo uma aplicação que tem um história com personagens e balões de fala, que depois de um tempo some e aparece somente quando passa o mouse no personagem, achei que o código ficou muito extenso e repetitivo, isso sem contar que vai ter seção que terão mais de 4 personagens, por isso gostaria que vocês me ajudassem a diminuir esse código. <!doctype html> <html lang="en"> <head> <title>Title</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <style> .balloon{ width: 100px; height: 100px; background-color: aquamarine; } .people{ width: 100px; height: 200px; background-color: black; margin-left: -40px; margin-top: 10px; cursor: pointer; } .show{ visibility: visible; } </style> </head> <body> <div class="container" id="section-one"> <div class="row characters text=center"> <div class="col-3"> <div class="character1"> <div class="balloon"></div> <div class="people people1"></div> </div> </div> <div class="col-3"> <div class="character2"> <div class="balloon"></div> <div class="people people2"></div> </div> </div> <div class="col-3"> <div class="character3"> <div class="balloon"></div> <div class="people people3"></div> </div> </div> <div class="col-3"> <div class="character4"> <div class="balloon"></div> <div class="people people4"></div> </div> </div> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script> function removerBalloon(idSection, class1, class2, class3, class4,time1,time2,time3,time4){ setTimeout(function() { $(idSection + class1).css('visibility','hidden'); console.log('1 '+ idSection + class1+ time1); }, time1); setTimeout(function() { $(idSection + class2).css('visibility','hidden'); console.log('2 '+ idSection + class2+ time2); }, time2); setTimeout(function() { $(idSection + class3).css('visibility','hidden'); console.log('3 '+ idSection + class3+ time3); }, time3); setTimeout(function() { $(idSection + class4).css('visibility','hidden'); console.log('4 '+ idSection + class4+ time4); show(); }, time4); function show(){ var characters = [idSection+' .people1',idSection+' .people2',idSection+' .people3', idSection+' .people4']; $(characters[0]).mouseover(function(){ $(idSection + class1).css('visibility','visible'); }); $(characters[0]).mouseout(function(){ $(idSection + class1).css('visibility','hidden'); }); $(characters[1]).mouseover(function(){ $(idSection + class2).css('visibility','visible'); }); $(characters[1]).mouseout(function(){ $(idSection + class2).css('visibility','hidden'); }); $(characters[2]).mouseover(function(){ $(idSection + class3).css('visibility','visible'); }); $(characters[2]).mouseout(function(){ $(idSection + class3).css('visibility','hidden'); }); $(characters[3]).mouseover(function(){ $(idSection + class4).css('visibility','visible'); }); $(characters[3]).mouseout(function(){ $(idSection + class4).css('visibility','hidden'); }); } } removerBalloon('#section-one', ' .character1 .balloon', ' .character2 .balloon', ' .character3 .balloon', ' .character4 .balloon',2000,4000,6000,8000); </script> </body> </html>

Olá, gostaria de sabe como posso fazer uma contagem regressiva apartir de um registro em meu banco de dados eu tentei montar um código da seguinte forma: <? $DateGET = date('m/d/Y H:i A', strtotime($result->DateDiscount)); ?> <script> var valueDate = <?=$DateGET?>; var end = new Date(valueDate); var _second = 1000; var _minute = _second * 60; var _hour = _minute * 60; var _day = _hour * 24; var timer; function showRemaining() { var now = new Date(); var distance = end - now; if (distance < 0) { clearInterval(timer); document.getElementById("countdown").innerHTML = "EXPIRED!"; return; } var days = Math.floor(distance / _day); var hours = Math.floor((distance % _day) / _hour); var minutes = Math.floor((distance % _hour) / _minute); var seconds = Math.floor((distance % _minute) / _second); document.getElementById("countdown").innerHTML = "<span class='n_date day' id='days'>" + days + "</span><span class='date'>일</span>"; document.getElementById("countdown").innerHTML += "<span class='n_time hour' id='hrs'>" + hours + "</span>"; document.getElementById("countdown").innerHTML += "<span class='n_time minute' id='minus'>" + minutes + "</span>"; document.getElementById("countdown").innerHTML += "<span class='n_time second' id='secs'>" + seconds + "</span>"; } timer = setInterval(showRemaining, 1000); </script> Mais infelizmente não passou a data registrada no banco de dados, alguém teria ideia de como posso ta fazendo.

Pessoal, estou trabalhando na velocidade do meu site https://www.bridgeimoveis.com.br/, estou usando o PageSpeed Insights, ele me pede para remover alguns Javascript que não estão sendo usados, porém todos estão. Alguém sabe como solucionar? Remove unused JavaScript 0.6 s Remove unused JavaScript to reduce bytes consumed by network activity. Learn more. URL Transfer Size Potential Savings …config/161…?v=2.9.22&r=stable (connect.facebook.net) 132.7 KB 114.1 KB /gtag/js?id=UA-117…-1 (www.googletagmanager.com) 33.6 KB 18.8 KB /en_US/fbevents.js (connect.facebook.net) 34.5 KB 17.4 KB …js/search.1.5.2.min.js (www.bridgeimoveis.com.br) 22.8 KB 16.9 KB …sa/sweetalert2.all.min.js (www.bridgeimoveis.com.br) 15.8 KB 7.7 KB /analytics.js (www.google-analytics.com) 18.7 KB 6.8 KB …select/multi-select-umd.js (www.bridgeimoveis.com.br) 9.9 KB 4.4 KB …js/main.1.5.2.min.js (www.bridgeimoveis.com.br) 9 KB 4.1 KB …stable/rd-js-integration.min.js (d335luupugsy2.cloudfront.net) 4 KB 3.2 KB

Olá, Eu escrevi um exemplo de trabalho de um problema real que estou tentando resolver Criei um objeto simulando o retorno json que recebo do banco de dados. Eu preciso: Listar contratos e lotes de contratos Ao entrar na função, marcar o último `lote` do `contrato` como selecionado no Dropdown List Ao entrar na função, exibir as faturas `lote` e `contrato` selecionado no elemento `ul-invoices` Carregar e exibir as respectivas `faturas` ao alterar o `lote` Problemas: Não consigo listar as `faturas` do último `lote` do `contrato selecionado` ao carregar a função. Não consigo listar as `faturas` ao `alterar` o `lote` do `contrato` Observação: Ao entrar na página, já tenho as informações do contrato selecionado; no caso do exemplo, deixei o contrato com o ID 1. No exemplo estou usando a classe `in-attendance` para definir o contrato selecionado Estou usando `Revealing Pattern` e quero manter este padrão Tradução contracts = contratos batches = lotes invoices = faturas Exemplo <html> <label id="contracts"></label> <ul id="ul-invoices"></ul> <pre></pre> <script> let lblContract = document.querySelector('#contracts'); let UlInvoices = document.querySelector('#ul-invoices'); let contractInAttendance = 1; const objectContract = { id: 1, nome: 'wagner', contracts: [{ id: 1, contract: '123456', batches: [ { id: 1, contract_id: 1, batch: '1', invoices: [ { value: 10, batch_id: 1, }] }, { id: 2, contract_id: 1, batch: '2', invoices: [{ value: 10, batch_id: 2, }] }] }, { id: 2, contract: '246789', batches: [ { id: 3, contract_id: 2, batch: '1', invoices: [ { value: 20, batch_id: 3, }] }] }] } const revelling = (function() { function privateInit() { const contracts = objectContract.contracts; let contractFilteredById = contracts.filter(contract => contract.id === contractInAttendance); for (const contract of contracts) { const selectedContract = contract.id === contractFilteredById[0].id ? 'in-attendance' : ''; let htmlForBatchsOptions = contract.batches.map(batch => `<option value=${batch.id}>${batch.batch}</option>`).join(''); lblContract.innerHTML += `<div class="contract-${selectedContract}" style="display: flex;"> <div id="contract-${contract.contract}" data-contract="${contract.id}" class="loren"> <span>${contract.contract}</span> </div> <div class="ipsulum" style="margin-left: 5px;"> <select class="sel-batch"> ${htmlForBatchsOptions} </select> </div> </div>`; const batchOption = lblContract.querySelector('select.sel-batch'); batchOption.addEventListener('change', getInvoices); //batchOption.value = 2; } } function getInvoices() { const batchValue = event.target.value console.log(batchValue); //console.log(this.value); } return { init: privateInit() } })(); revelling.init; </script> </html>

Estou a dias tentando resolver este problema que aparentemente é simples, mas quem não lida com aplicações locais não conseguiu me ajudar (todos que contatei). Recentemente recebi e instalei os códigos de um aplicativo que funciona na WEB para eu rodar localmente e fazer testes em paralelo para não interferir na versão em execução. Tive sucesso na instalação do XAMPP, na importação e configuração do BD e também ao rodar a aplicação, aparentemente funcionando perfeitamente, então, ao testar as funcionalidades eu fiz o upload de arquivos com sucesso, porém ao tentar abri-los surge este erro: Sorry, the page you are looking for could not be found O caminho apresentado para ler o arquivo que dá o erro é esse: Localhost:800/public/storage/uploads/classes_uploads/upload_file123.PDF Os aquivos que fiz upload estão salvos nesta pasta: D:\XAMPP\htdocs\MyApp\storage\app\public\uploads\classes_uploads Ao digitar no navegador o caminho correto onde os arquivos estão, ele é acessado corretamente: Localhost:800/MyApp/storage/app/public/uploads/classes_uploads/upload_file123.PDF Por favor, alguém pode me ajudar?

Olá, eu tenho um SGC (sistema de gerenciamento de conteúdo) e um site de uma imobiliária, o administrador cadastra o imóvel no SGC com os dados relevantes, eu quero mostrar na hora que o usuário final acessar no site determinado imóvel o endereço dele no Google Maps oriundos do Banco de Dados, na hora do cadastro eu salvo o endereço, latitude e longitude, minha ideia é com isso buscar o endereço do google maps dele, eu tenho uma tabela imóvel que contem todos os atributos, desde tipo, valor, endereço e por ai vai. Gostaria de realizar uma busca com a latitude e longitude dessa tabela, o problema é que eu não consigo fazer isso pra um imóvel especifico, encontrei uma forma de fazer isso mas só funciona com todos os dados da tabela o que pra mim não serve, tentei algumas modificações mais também não rolou, o meu maior problema é como eu passo o id do imóvel em um código JavaScript, para um página que gera o XML, ou se existe alguma forma mais fácil de se gerar o de um imóvel especifico e alguém puder me dar uma ajuda eu agradeço muito, eu não mexo com JavaScript por isso talvez o erro esteja evidente e eu não reconheço, eu já tenho a chave pra que a api funcione. O primeiro código é o do resultado, já o segundo é o do imóvel. <?php include 'banco/conexao.php'; function parseToXML($htmlStr){ $xmlStr=str_replace('<','&lt;',$htmlStr); $xmlStr=str_replace('>','&gt;',$xmlStr); $xmlStr=str_replace('"','&quot;',$xmlStr); $xmlStr=str_replace("'",'&#39;',$xmlStr); $xmlStr=str_replace("&",'&amp;',$xmlStr); return $xmlStr; } // Select all the rows in the markers table $result_mapa = "SELECT endereco, lat, lng FROM imovel"; $resultado_mapa = mysqli_query($cnn, $result_mapa) or die (mysqli_error($cnn)); header("Content-type: text/xml"); // Start XML file, echo parent node echo '<markers>'; // Iterate through the rows, printing XML nodes for each while ($row_mapa = mysqli_fetch_assoc($resultado_mapa)){ // Add to XML document node echo '<marker '; echo 'endereco="' . parseToXML($row_mapa['endereco']) . '" '; echo 'lat="' . $row_mapa['lat'] . '" '; echo 'lng="' . $row_mapa['lng'] . '" '; echo '/>'; } // End XML file echo '</markers>'; <script> var customLabel = { restaurant: { label: 'R' }, bar: { label: 'B' } }; function initMap() { var map = new google.maps.Map(document.getElementById('map'), { center: new google.maps.LatLng(-25.494938, -49.294372), zoom: 14 }); var infoWindow = new google.maps.InfoWindow; // Change this depending on the name of your PHP or XML file downloadUrl('resultado.php', function(data) { var xml = data.responseXML; var imovel = xml.documentElement.getElementsByTagName('marker'); Array.prototype.forEach.call(imovel, function(markerElem) { var endereco = markerElem.getAttribute('endereco'); var point = new google.maps.LatLng( parseFloat(markerElem.getAttribute('lat')), parseFloat(markerElem.getAttribute('lng'))); var infowincontent = document.createElement('div'); var strong = document.createElement('strong'); strong.textContent = name; infowincontent.appendChild(strong); infowincontent.appendChild(document.createElement('br')); var text = document.createElement('text'); text.textContent = endereco; infowincontent.appendChild(text); var icon = customLabel[type] || {}; var marker = new google.maps.Marker({ map: map, position: point, label: icon.label }); marker.addListener('click', function() { infoWindow.setContent(infowincontent); infoWindow.open(map, marker); }); }); }); } function downloadUrl(url, callback) { var request = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest; request.onreadystatechange = function() { if (request.readyState == 4) { request.onreadystatechange = doNothing; callback(request, request.status); } }; request.open('GET', url, true); request.send(null); } function doNothing() {} </script>

Olá pessoa, terminei a faculdade e recebi algumas propostas de projetos web, mas como ainda estou iniciando não tenho muita noção de quanto cobrar. Para um site, eu pensei em cobrar um valor razoável de entrada , e além deste valor, definir um contrato de um valor mensal para fazer manutenções necessárias, assim eu terei o cliente e uma renda sempre. Por outro lado, o cliente pode ficar com o site por pouco tempo e não chegar ao valor que eu gostaria pelo projeto. Pensei também em cobrar por projeto, no minimo R$ 1000 por um site simples, já que to começando. Ai entra outro falta de experiência minha. Se eu cobrar por projeto, o cliente ficaria responsável por pagar o domínio e hospedagem dele ou eu contrataria uma hospedagem com a possibilidade de hospedar varios sites para quando eu tiver mais clientes. Indo mais direto ao ponto, gostaria que me ajudasse em como começar, cobrar, etc. Agradeço a quem puder ajudar.