Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2446 results

  1. dmelo

    Ignorar a Posição do Mouse

    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.
  2. joelsonoliveirasouza

    Pagina "MEUS PEDIDOS" em um sistema de loja virtual

    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'); ?>
  3. 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>
  4. GugaCoffee

    Criando comentários no site

    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>
  5. 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?
  6. 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(); } }
  7. Millena Oliveira

    Imprimir números primos utilizando readline

    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();
  8. Raquel Xavier

    Exercício javaScript

    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!
  9. mamotinho

    New Date com setInterval

    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
  10. thi100

    Melhorar Código Javascript

    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>
  11. 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.
  12. dealerhaas@hotmail.com

    Java Script Site dúvida

    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
  13. 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>
  14. lumbarque_Oficial

    A Procura de Equipe

    Tô a procura de uma equipe para participar Sou programador, spriter ou músico meu nome é Gabriel , tenho 18 anos e já participei de uns grupo pequenos Sei de tudo um pouco mas a área que eu tô mais querendo botar a mão na massa atualmente é programação ~ alguém? ~
  15. 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?
  16. Rebeca Julia Bronzatti

    Maps com id especifico

    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>
  17. 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.
  18. Já fiz várias pesquisas na internet mas não encontrei a resposta. Espero que alguém me ajude! O código abaixo está funcionando, mas eu gostaria que ao invés de ser preenchido aleatóriamente seja de forma sequencial, ou seja, 1, 2, 3, 4 ... var amostra = new Array("primeiro", "segundo", "terceiro", "quarto"); var lista = new Array(); while( lista.length < 1 ){ tamanho = amostra.length; aleatorio = Math.floor( Math.random() * tamanho ); lista.push( amostra.splice(aleatorio,1) );} setTimeout(function(){input.value = lista;}, 1000);
  19. Iai galera beleza? Uma duvida boba mais que recorre muito. Tenho um site rodando em PHP e gostaria de saber como fazer para que o usuário permaneça logado mesmo, por exemplo, se ele fechasse o navegador. E também queria saber como dar logoff depois de um longo período de tempo sem ele fazer nada, ou seja, por inatividade. Quero aproveitar esse tópico pra pergunta também como fazer para o usuário ficar logado direto? Vi em alguns sites uma opção que você marca e assim que entra na pagina inicial já vai direto para a pagina com seus dados sem precisar ter que preencher um form de login como isso é feito? To fazendo esse tópico porque ja pesquisei em um monte de lugares e não encontrei uma resposta boa, além disso vi que outra pessoas possuem a mesma duvida e talvez esse tópico possa ajuda-las futuramente ou até eu mesmo.
  20. Olá pessoal, tudo bem? Tenho um sistema do qual traz em um combobox a relação de grades (masculino, feminino, etc) do banco de dados e a mesma tabela tem chave estrangeira na tabela dos tamanhos. Quando seleciono uma grade, os tamanhos referentes a essa grade aparecem. O problema está quando clico em Incluir nova cor e seleciono uma outra grade. Os tamanhos da nova grade selecionada aparece também na grade já selecionada anteriormente, ou seja, o valor acaba se duplicando. O que está acontecendo é que valor chega até o JQuery, porém quando passo o valor por: url: '<?php echo $caminhoAbsoluto; ?>/listar.php?v='+valorEscolhido, E pego pelo código abaixo: $grades = $_REQUEST["v"]; echo $metodos->listarTamanhos($grades); Ele pega o último valor selecionado, porém duplica conforme o anexo. Vejam: public function listarTamanhos($grades) { $visualizar = '<table class="table table-bordered"> <tr> <td style="text-align: center; background-color: #367FA9; color: #FFF; font-weight: bold">Tamanho</td> <td style="text-align: center; background-color: #367FA9; color: #FFF; font-weight: bold">Quantidade</td> <td style="text-align: center; background-color: #367FA9; color: #FFF; font-weight: bold">EAN</td> </tr>'; $sql = mysqli_query($this->conexao,"SELECT * FROM loja_tamanho_grades WHERE IdGrades = '".$grades."';"); //while($isfast = mysqli_fetch_object($sql)) // $i = 0; while($isfast = mysqli_fetch_assoc($sql)) { $sqlTamanhos = mysqli_query($this->conexao,"SELECT * FROM loja_tamanhos WHERE IdTamanhos = '".$isfast["IdTamanhos"]."';"); $isfastTamanhos = mysqli_fetch_assoc($sqlTamanhos); $visualizar .= '<tr> <td style="font-weight: bold; text-align: center; font-size: 20px; font-style:Arial">'.$isfastTamanhos["Tamanhos"].'</td> <td><input type="number" class="form-control" min="0" oninput="this.value = Math.abs(this.value)" value="0"></td> <td><input type="text" class="form-control" maxlength="17" style="width: 100%"></td> </tr>'; $visualizar .= '<tr>'; // $visualizar .= '<td colspan="3"><div class="mostrarGrades_'.$i.'"></div></td>'; $visualizar .= '</tr>'; // $i++; } // $visualizar .= '<tr><td colspan="3"><div class="mostrarGrades"></div></td></tr>'; //$visualizar .= '</table>'; //return $visualizar; $visualiza[] = $visualizar; return json_encode($visualiza); } Como faço para que não tenha duplicidade. Veja abaixo o restante do código: <table width="100%" > <tr class="linhas"> <td> <table class="table table-bordered"> <tr> <td style="text-align: center; background-color: #367FA9; color: #FFF; font-weight: bold">Código de cores</td> <td style="text-align: center; background-color: #367FA9; color: #FFF; font-weight: bold">Cor Básica</td> <td style="text-align: center; background-color: #367FA9; color: #FFF; font-weight: bold">Grades</td> </tr> <tr> <td style="text-align: center; width: 40%"><input type="text" class="form-control" placeholder="Referência"></td> <td style="text-align: center; width: 30%"> <select name="CoresBasicas" class="form-control"> <?php echo $metodos->comboCores($key); ?> </select> </td> <td style="text-align: left;"> <select name="Grades" class="form-control grades" style="width: 100%"> <?php echo $metodos->comboGrades(); ?> </select> </td> </tr> <tr> <td colspan="3"> <?php //echo $metodos->listarTamanhos(); ?> <div class="mostrarGrades"></div> </td> </tr> <tr> <td colspan="3" class="text-left"> <label for='files' class="upload">Selecionar fotos <i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></label> <input id='files' type='file' name="Fotos[]" multiple> </td> </table> Jquery $(function () { function removeCampo() { $(".removerCampo").unbind("click"); $(".removerCampo").bind("click", function () { if($("tr.linhas").length > 1){ $(this).parent().parent().remove(); } }); } $(".adicionarCampo").click(function () { novoCampo = $("tr.linhas:first").clone(); //novoCampo.find("input").val(""); novoCampo.find('input[type="text"]').val(""); novoCampo.find('select').val(""); //novoCampo.find('input[type="radio"]').prop('selected', false); novoCampo.insertAfter("tr.linhas:last"); removeCampo(); }); }); $(document).ready( function (){ $(document).on('change', '.grades', function(){ valorEscolhido = $(this).find('option:selected').val(); $.ajax({ type:'post', dataType: 'json', url: '<?php echo $caminhoAbsoluto; ?>/listar.php?v='+valorEscolhido, success: function(dados){ /* for(var i=0;dados.length>i;i++){ $('.mostrarGrades').html(dados[i]); } */ $('.mostrarGrades').html(dados); } }); }); }); Obrigado!
  21. everton_araujo

    Mudar CSS de acordo com os parâmetros

    Olá Pessoal boa noite. Preciso da ajuda de vcs para mudar o tamanho de uma imagem dinamicamente. O parâmetro a ser utilizado é a quantidade de dias que se passaram. Esta é a parte do cálculo de dias que já está funcionando: function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()} r(function(){ var dataini = document.querySelectorAll('#DataIni3') dataini = dataini[0].querySelectorAll('div'); dataini = dataini[0].querySelectorAll('span'); dataini = dataini[0].innerHTML; var datafim = document.getElementById('datafim').innerHTML; var date1 = criarData(dataini); var date2 = criarData(datafim); const diffTime = (date2 - date1); const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); document.getElementById('dias').innerHTML+= diffDays }); function criarData(str) { return new Date(str.substring(0, 4), str.substring(4, 6), str.substring(6, 8)); } Aqui é a parte que estou com dificuldade. Usar o valor que retornou de diffDays e mudar o heigth utilizando o if: var v1 = diffDays; function mudarVela() { if (v1 == "2") { document.getElementById("candle").style.height = "100px !important"; } else{ } } O Código completo: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script> function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()} r(function(){ var dataini = document.querySelectorAll('#DataIni3') dataini = dataini[0].querySelectorAll('div'); dataini = dataini[0].querySelectorAll('span'); dataini = dataini[0].innerHTML; var datafim = document.getElementById('datafim').innerHTML; var date1 = criarData(dataini); var date2 = criarData(datafim); //const diffTime = Math.abs(date2 - date1); //return new Date(str.substring(0, 4), str.substring(4, 6)-1, str.substring(6, 8)); const diffTime = (date2 - date1); const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); document.getElementById('dias').innerHTML+= diffDays }); function criarData(str) { return new Date(str.substring(0, 4), str.substring(4, 6), str.substring(6, 8)); } //mudar o height da vela var v1 = diffDays; function mudarVela() { if (v1 == "2") { document.getElementById("candle").style.height = "100px !important"; } else{ } } </script> <div id="dataini"></div> <div id="datafim">20200618</div> <div id="dias">Dias: </div> Agradeço a atenção de todos.
  22. Gostaria de dar continuação ao codigo no arquivos tables.js, não estou sabendo como fazer isso connection.js const Sequelize = require('sequelize'); const sequelize = new Sequelize('caoperdido', 'root', '', { host: 'localhost', dialect: 'mysql' }); sequelize.authenticate().then(() => { console.log('Conexao estabelecida.'); }).catch(err => { console.error('Unable to connect to the database:', err); }); tables.js const User = sequelize.define('user', { // attributes firstName: { type: Sequelize.STRING, allowNull: false }, lastName: { type: Sequelize.STRING // allowNull defaults to true } }); User.sync({ force: true }).then(() => { return User.create({ firstName: 'Diovane', lastName: 'Maia' }); });
  23. Bom dia Galera!Fiz uma tela de cadastro na aplicação usando popup. Para cadastro tudo certo, pois não preciso recolher informações.Para fazer a tela de update, precisava que quando clicasse no link "Editar" ele buscasse a linha que eu cliquei para editar, porem em todas as tentativas de resolver isso ele pegou somente a primeira linha, fora que colocando o html do popup nessa ordem, ele foi parar la no canto direito.Segue o codigo de uma das tentativas :// Aqui é onde faço o select com todos ativos da carteira em tabela, e a DIV popup é exibida quando clico no link Editar. Não sei se é o lugar correto mas foi o mais proximo que consegui de fazer funcionar. Porem como ja explicado sempre pega o primeiro valor em vez da linha que cliquei{ativo.map(row => (<tr><input className="key" value={row._id} /><td>{row.ativo}</td><td>{row.quantidade}</td><td>{row.data_entrada}</td><td>{row.valor_entrada}</td><td>{row.data_saida}</td><td>{row.valor_saida}</td><td>R${row.valor_saida - row.valor_entrada}</td><td><a onClick={edit}>Editar</a></td><div className="popupedit"><div className="popupedit-content"><img src={close} alt="close" onClick={fechar} className="close" width="20px" height="20px"/><center><input type="text" placeholder="Ativo"></input><input type="text" placeholder="Lotes"></input><div className="datacompra"><input type="date" placeholder="Data da Compra" className="data"></input><input type="checkbox" className="check"></input><label className="check">Hoje</label></div><input type="text" placeholder="Valor da Compra"></input><div className="datacompra"><input type="date" placeholder="Data da Compra" className="data"></input><input type="checkbox" className="check"></input><label className="check">Hoje</label></div><input type="text" placeholder="Valor da Venda"></input> </center><button className="button">Adicionar</button></div></div></tr>// função que chama exibi o popupfunction edit(){document.querySelector(".popupedit").style.display = "flex";}
  24. Salve Galera!! Estou com um problema que acredito que seja muito facil mas não estou conseguindo colocar no código. Tenho um formulário simples onde temos apenas um campo a ser preenchido, input file. estarei utilizando ele no celular para fotos de processos de conferência. O que preciso é que assim que constar dados no campo ele automaticamente executa o form para salvar. segue script; <form name="form" id="form"class="form-horizontal" action="" method="post"> <div class="form-group form-group-lg"> <div class="col-sm-12"> <input id="foto" name="foto" hidden="1" value="<?=$prot_foto?>" type="text" maxlength="200" > <input id="lote" name="lote" hidden="1" value="<?=$lote?>" type="text" maxlength="200" > <label for='selecaoarquivo' ><figure><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="50" height="40" viewBox="0 0 512.000000 392.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,392.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1970 3073 l-151 -163 681 0 682 0 -19 24 c-10 14 -70 85 -133 160 l-115 134 -397 4 -397 3 -151 -162z m710 17 l0 -60 -190 0 -190 0 0 60 0 60 190 0 190 0 0 -60z"/> <path d="M3370 3005 l0 -95 240 0 240 0 0 95 0 95 -240 0 -240 0 0 -95z"/> <path d="M1154 2955 l-1 -45 224 0 223 0 0 45 0 45 -222 0 -223 0 -1 -45z"/> <path d="M1105 2829 c-114 -19 -200 -64 -266 -137 -85 -94 -116 -191 -126 -384 l-6 -128 713 0 713 0 72 68 c122 117 239 184 386 223 69 19 109 23 224 22 121 0 152 -4 228 -27 48 -14 118 -42 156 -61 78 -39 205 -137 248 -189 l28 -36 433 0 432 0 0 118 c0 123 -20 234 -56 304 -47 94 -138 168 -254 210 l-65 23 -1405 1 c-773 1 -1427 -2 -1455 -7z"/> <path d="M2715 2207 c-212 -23 -436 -233 -475 -446 -14 -78 -12 -196 5 -270 43 -181 197 -344 384 -408 52 -18 89 -23 171 -23 179 0 297 47 415 165 116 115 175 256 175 415 0 232 -158 458 -378 540 -68 26 -200 38 -297 27z"/> <path d="M712 1528 c5 -611 5 -613 63 -728 52 -102 125 -163 251 -207 l79 -28 1420 0 c1350 0 1423 1 1480 18 177 55 271 151 315 321 19 75 20 110 20 633 l0 553 -396 0 c-218 0 -394 -3 -392 -7 2 -5 15 -30 29 -58 54 -102 81 -210 86 -346 11 -261 -69 -472 -249 -651 -309 -311 -799 -341 -1140 -70 -167 133 -273 303 -314 503 -13 64 -15 114 -11 219 6 150 24 224 83 343 l34 67 -681 0 -680 0 3 -562z"/> </g> </svg></figure><h4>TIRAR FOTO</h4></label> <input type="file" id="selecaoarquivo" class="btn btn-danger" name="image[]" accept="image/*" capture="camera"> </div> </div><br> <p><br> <p> <button name="Cadastrar" id="cadastrar" value="Cadastrar" class="btn btn-success " type="Submit" onclick="javascript:document.getElementById('blanket').style.display = 'block';document.getElementById('aguarde').style.display = 'block';"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="25" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg><h4>SALVAR FOTO</h4></button> </form> Se puderem me dar uma força nisso agradeço imensamente!!!
  25. Sou formada em sistemas para internet, estou voltando aos estudos na área da programação; vamos lá, criei o código que ele sorteia um numero de 0 a 10,até ai blz, tudo normal,criei uma variável tentativas, só que ao invés do programa dar mais uma chance ao usuário, ele mostra 3 x a msg você errou. O código esta em txt tbm, desde já agradeço. <meta charset="UTF-8"> <input/> <!-- Caixa de texto--> <button>Compare com o meu segredo</button> <script> function pulaLinha() { document.write("<br>"); } function mostra(frase) { document.write(frase); pulaLinha(); } alert("Qual numero você acha que eu tenho no meu segredo?"); function verifica(){ // inicio da chave verifica var tentativas = 1; for (tentativas = 1; tentativas <= 3; tentativas++) { var segredo = Math.round(Math.random() * 10); var input = document.querySelector("input"); input.focus(); input.value = " "; if (input.value == segredo){ mostra("Você acertou"); break; }if (input.value != segredo) { alert("você errou"); alert("tente novamente"); } } mostra("Suas tentativas acabaram."); } // fecha chave verifica var button = document.querySelector("button"); button.onclick = verifica; </script>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.