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
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Banco de Dados
    • Java
    • .NET
    • Mobile
    • Ambientes de Desenvolvimento
    • Agile
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

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 2413 results

  1. Artes Ussler

    Editar registro com menu select

    Boa tarde Achei um código na web que permite definir quais itens que aparecem em um menu select através do que é selecionado em outro menu select. Seria como na imagem: Eis o código completo e funcionando: <form method="post" action=""> <select name="categoria" id="sel1" onchange="giveSelection(this.value)"> <option value="1">Item 1</option> <option value="2">Item 2</option> <option value="3">Item 3</option> </select> <select name="subcategoria" id="sel2"> <option data-option="1" value="1">Subitem 1</option> <option data-option="1" value="2">Subitem 2</option> <option data-option="2" value="3">Subitem 3</option> <option data-option="2" value="4">Subitem 4</option> <option data-option="3" value="5">Subitem 5</option> <option data-option="3" value="6">Subitem 6</option> </select> </form> <script type="text/javascript"> var sel1 = document.querySelector('#sel1'); var sel2 = document.querySelector('#sel2'); var options2 = sel2.querySelectorAll('option'); function giveSelection(selValue) { sel2.innerHTML = ''; for (var i = 0; i < options2.length; i++) { if (options2[i].dataset.option === selValue) { sel2.appendChild(options2[i]); } } } giveSelection(sel1.value); </script> Testei este código em um sistema de cadastro de produtos, e funciona muito bem. Esse sistema também possui uma página para a edição dos dados destes produtos, e é aí que surgiu o problema. Ao abrir a página de edição, eu uso esse mesmo código select , mas acrescento nele selected="selected" para então exibir o item correspondente ao produto editado. O problema está no segundo select, que ao invés de imediatamente mostrar o subitem correspondente ao que está marcado no primeiro select, ele mostra sempre o último subitem da lista. Não sei se conseguiram entender tudo isso, mas se alguém puder ajudar, fico grato.
  2. ========== Meu Projeto ========== * Introdução Bem , eu estou no ultimo ano do E.M , e com essa pandemia , algumas adaptações foram tomadas , como todos sabem , a AULA ONLINE , porem , na minha escola não se utiliza a verificação de presença ( Chamada ) por Vídeo , através de um WebCam , e sim a confirmação por digitalização , todos os alunos devem escrever " ok " quando o respectivo professor digitar " chamada " no chat: Exemplo 1: https://prnt.sc/uiw9jy * Ideia Então o que eu pensei , A Ideia Inicial era criar um BOT para identificar a palavra " Chamada " no chat , e então , automaticamente , ele escrevesse " ok " ou " Presente " para assim automatizar o processo e facilitar a minha vida. Porem eu descobri uma funcionalidade no Google que são as extensões para o Google Meet que até então eu não sabia que existiam Entretanto se alguém que não tem experiencia em extensões mas tem em engenharia de software , me ajudaria da mesma forma * Conclusão Enfim , a minha ideia é automatizar o processo de " Responder a chamada " durante a aula online , como sou um estudante de programação queria muito a ajuda de vocês pra isso , pois meu conhecimento é leigo , qualquer duvida sobre o projeto , podem responder a este tópico pois , irei responder dentro de 24 horas , ou se o interesse nele for grande , me chamem na DM do Discord ( Rukasu#7321 ) ===============================
  3. acneto.frc

    document is not defined

    Tenho uma aplicação WEB NodeJs+Javascript. Na minha view (FILTROS PARA RELATÓRIO) além dos inputs tenho um radio button onde seleciono o tipo de do relatório que será gerado. No meu Controller tenho acesso aos campos inputs (type=text) normalmente mas não tenho acesso aos inputs (type=radio). Abaixo vou colocar parte do código. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- As 3 meta tags acima *devem* vir em primeiro lugar dentro do `head`; qualquer outro conteúdo deve vir *após* essas tags --> <title><%= title %></title> <link rel="stylesheet" type="text/css" media="screen" href="/estilos/estilos.css" /> </head> <body> <header> <nav class="menuBase"> <ul> <li><a href="/">Início</a></li> <li><a href="/estagio/relatorios">Voltar</a></li> <li><a href=""> </a></li> </ul> </nav> </header> <main class=frmRelFiltros> <ul class="nav nav-tabs"> <li class="active" id="home-tab"><a data-toggle="tab" href="#pagina1">Relatório de Contratos</a></li> </ul> <div class="tab-content"> <div id="pagina1" class="tab-pane fade in active"> <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos"> <!-- primeira linha --> <br> <div class="filtros" style="margin:15px"> <div class="row"> <div class="form-group col-md-6 col-md-offset-0"> <label>Código Contrato.:</label> <input type="text" name="cod_ini" value="0"/> A <input type="text" name="cod_fim" value="999999" /> <br> <br> <label>Ativo/Inativo...:</label> <input type="text" name="atv_ini" value="A"/> A <input type="text" name="atv_fim" value="Z" /> <br> <br> <label>Data Cadastro...:</label> <input type="text" name="cad_ini" value="01/01/2000"/> A <input type="text" name="cad_fim" value="31/12/2090" /> <br> <br> <label>Data Vigência...:</label> <input type="text" name="vig_ini" value="01/01/2000"/> A <input type="text" name="vig_fim" value="31/12/2090" /> <br> <br> <label>Sit. Contrato...:</label> <input type="text" name="sit_ini" value="0"/> A <input type="text" name="sit_fim" value="99" /> <br> <br> <label>Código do Curso.:</label> <input type="text" name="cur_ini" value="1"/> A <input type="text" name="cur_fim" value="99" /> <br> <br> </div> <div class="form-group col-md-6 col-md-offset-0"> <label>Código da Empresa.:</label> <input type="text" name="emp_ini" value="1"/> A <input type="text" name="emp_fim" value="9999" /> <br> <br> <label>Centro Integração.:</label> <input type="text" name="cie_ini" value="1"/> A <input type="text" name="cie_fim" value="999"/> <br> <br> <label>Valor da Bolsa....:</label> <input type="text" name="vlr_ini" value="1"/> A <input type="text" name="vlr_fim" value="99999999"/> <br> <br> <br> <div id="opcoesRelContratos" > <p>Selecione o Tipo do Relatório:</p> <input type="radio" id="tipoRel" name="padrao" value="padrao" checked=true> <label for="padrao">Padrao-Conferência</label><br> <input type="radio" id="tipoRel" name="faixa" value="faixa"> <label for="faixa">Faixa Salarial-Estatístico</label><br> <input type="radio" id="tipoRel" name="alunos_empresas" value="alunos_empresas"> <label for="alunos_empresas">Identificação de Alunos por Empresa</label> <br> <input type="radio" id="tipoRel" name="entregas" value="entregas"> <label for="entregas">Pastas de Estágios Entregues</label><br> <input type="radio" id="tipoRel" name="contratos_vencer" value="contratos_vencer"> <label for="contratos_vencer">Contratos a Vencer 30 dias</label> <br> </div> </div> </div> </div> <br> <!-- botões de acão --> <div class="btn-acao" style="margin-bottom: 0px;"> <div class="row"> <div class="col-md-2 col-md-offset-1"> <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button> </div> <div class="col-md-2 col-md-offset-1"> <button type="button" id="btn-cancelarRel" class="btn btn-primary btn-block">Voltar</button> </div> </div> </div> <br> </form> </div> <!-- tab pagina 1 --> </div> </main> <!-- JavaScript (Opcional) --> <!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="/js/funcoesCliente.js"></script> <script type="text/javascript" src="/js/script.js"></script> </body> </html> Agora o código do routes e controllers. No controllers preciso acessar um elemento radio da view *** botão para submeter a view <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button> *** rota a ser executada ao sonfirmar a execução do relatório <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos"> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ arquivo: contratosRoutes.js var contratosControllers = require('../controllers/contratosControllers.js'); module.exports = (app) => { app.get('/contratos/relatorios/relContratos', contratosControllers.contratosRel); app.post('/contratos/relatorios/RelContratosPrint', contratosControllers.printContratosRel); } +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ arquivo: contratosControllers.js const alunosController = require('../models/contratosModels.js'); const cnf_ambiente = require('../../config/config.js'); const moment = require('moment'); module.exports = { printContratosRel, } function printContratosRel(req, res){ console.log("Data Inicial Normal: "+req.body.cad_ini) console.log("Data Final Normal..: "+req.body.cad_fim) console.log("++++++++++++++++++++ DATA NO FORMATO DE ENTRADA APÓS O POST ++########################") // ++++++++++++ BAIXO O ERRO document is not defined var radios = document.getElementsById("tipoRel"); for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { console.log("Escolhido: " + radios[i].value); } } cod_i = req.body.cod_ini; cod_f = req.body.cod_fim; atv_i = req.body.atv_ini; atv_f = req.body.atv_fim; cad_i = req.body.cad_ini; cad_f = req.body.cad_fim; vig_i = req.body.vig_ini; vig_f = req.body.vig_fim; sit_i = req.body.sit_ini; sit_f = req.body.sit_fim; cur_i = req.body.cur_ini; cur_f = req.body.cur_fim; emp_i = req.body.emp_ini; emp_f = req.body.emp_fim; cie_i = req.body.cie_ini; cie_f = req.body.cie_fim; vlr_i = req.body.vlr_ini; vlr_f = req.body.vlr_fim; console.log("Relatório >>>>>>>>>>>>>>>>>>>>>>>> "+cad_i + ' - '+ cad_f); alunosController.buscarPrintContratosRel( cod_i, cod_f, vlr_i, vlr_f, sit_i, sit_f, cur_i, cur_f, emp_i, emp_f, cad_i, cad_f, vig_i, vig_f, atv_i, atv_f, cie_i, cie_f, function(err, result){ if(result){ console.log("Encontrei registro de contratos.... Vou tratar das datas.."); for(var i = 0; i < result.length; i++ ){ result[i].cea_dtcadastro = moment(result[i].cea_dtcadastro).format("DD/MM/YYYY"); result[i].cea_dtalteracao = moment(result[i].cea_dtalteracao).format("DD/MM/YYYY"); result[i].cea_vigenciainicial = moment(result[i].cea_vigenciainicial).format("DD/MM/YYYY"); result[i].cea_vigenciafinal = moment(result[i].cea_vigenciafinal).format("DD/MM/YYYY"); } } if (err) { throw err; } else{ res.render('estagios/relatorios/frm_relContratosPrint.ejs', {title: 'Contratos', nomeUsuario: global.nomeUsuario, codigoUsuario: global.codigoUsuario, nomeFormulario: req.originalUrl, obj_contratos: result, }); } }); }
  4. Matheus Bispo

    Segundo Modal de Edição Não fecha

    Boa tarde colegas programadores, estou com uma dúvida tremenda. Estou desenvolvendo um sistema para uma loja de veículos, e em uma parte do sistema, em cadastro de clientes, vai aparecer todos os clientes que ela possui em uma tabela(Usando DataTable do bootstrap), em cada cadastro, tenho um botão de editar, que imediatamente, abre uma janela modal com os dados daquele Cliente. Quando eu clico pela primeira vez em algum botão de Editar, ele me abre correto e o fechar é funciona normal. Agora vou clicar no editar novamente, porque anteriormente eu havia clicado no cliente errado, ele me traz os dados correto, mas o botão CANCELAR não funciona mais, preciso dar F5 para ele sumir. O que eu estaria fazendo de errado? Segue abaixo o meu código: <!DOCTYPE html> <html> <head> <title>Clientes</title> <link rel="shortcut icon" href="../assets/img/certi.png" type="image/x-icon" /> <form name="formulario" method="POST" action=""> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" /> <link href="../assets/css/bootstrap.min.css" rel="stylesheet"> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="../assets/js/bootstrap.min.js"></script> <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js"></script> <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script> <script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js"></script> <script type="text/javascript"> function Ir(pagina){ document.formulario.action = pagina document.formulario.submit(); } </script> </head> <body onselectstart="return false" oncontextmenu="return false" ondragstart="return false" onMouseOver="window.status='..message perso .. '; return true;"> <div class="container"> <center> <img src='../assets/img/logo_clientes.jpg' class="img-responsive"> </center> <br /> <?php if(!empty($Dados["btnNovoCad"])): $NovoCad = new CreateCliente(); unset($Dados["btnNovoCad"]); $Dados["cli_garagem"] = $_SESSION["id-garagem"]; $NovoCad->exeCreate('clientes', $Dados); echo $NovoCad->getMsg(); endif; ?> <div class="table-responsive"> <table id="employee_data" class="table table-striped table-bordered"> <thead> <tr> <td>ID</td> <td>Nome</td> <td>Ações</td> </tr> </thead> <?php $ChamarLeitura = new ReadCliente(); $ChamarLeitura->LerClientes(); foreach($ChamarLeitura->getResultado() as $clientes){ extract($clientes); echo ' <tr> <td>'.intval($cli_id).'</td> <td>'.utf8_decode($cli_nome).'</td> ';?> <td> <button type="button" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModalEdit" data-whatever="<?php echo $cli_id; ?>" data-whatevernome="<?php echo utf8_decode($cli_nome);?>">Editar</button> </td> </tr> <?php } ?> </table> </div> </div><br> <center> <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModalNovo">Novo Cliente</button> <button type="button" class="btn btn-primary" onClick="Ir('index');">Voltar ao Menu</button><br><br> </center> <!-- Inicio Modal Novo Cadastro --> <div class="modal fade" data-backdrop="static" id="myModalNovo"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="exampleModalLabel">Cadastrar Cliente</h3> </div> <div class="modal-body"> <form name="formularioB" method="POST" action=""> <div style="text-align: left;"> Nome:* <input type="text" class="form-control" name="cli_nome" required="true" autofocus="true"><br> *Campos obrigatórios </div> <div class="modal-footer"> <input type="submit" class="btn btn-success" name="btnNovoCad" value="Salvar"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button> </div> </form> </div> </div> </div> </div> <!-- Fim Modal --> <!-- Inicio Modal Editar Cadastro --> <div class="modal fade" id="myModalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="exampleModalLabel">Editar Cliente</h3> </div> <div class="modal-body"> <form name="formularioB" method="POST" action=""> <div style="text-align: left;"> Nome:* <input type="text" class="form-control" name="cli_nome" id="cli_nome" required="true" autofocus="true"><br> </div> <div class="modal-footer"> <input type="submit" class="btn btn-success" name="btnEditCad" value="Salvar"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button> <input type="hidden" name="id-cliente" id="id-cliente" value=""> </div> </form> </div> </div> </div> </div> <!-- Fim Modal --> <script type="text/javascript"> $('#myModalEdit').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) var recipient = button.data('whatever') var recipientnome = button.data('whatevernome') var modal = $(this) modal.find('.modal-title').text('Editar Cliente') modal.find('#id-cliente').val(recipient) modal.find('#cli_nome').val(recipientnome) }) </script> </form> </body> </html> <script> $(document).ready(function(){ $('#employee_data').DataTable(); }); </script>
  5. Boa tarde Pessoal tudo bom? Durante um tempo eu fui estudante de programação, para web. E esse forum me foi muito util pois aprendi muitas coisas, e tirei muitas duvidas com todos os participantes. Por outro lado não segui a carreira de programado pois tive outras oportunidades. Em fim, estou com um projeto de criar uma plataforma online para eventos, e estou tentando montar um time chegar nesse objetivo. Por hora ainda estou tentando juntando a equipe necessária para isso acontecer. Pela pouca experiência que tive na programação, sei que fazer essa plataforma é bem complexa principalmente com as necessidades que vamos englobar, porém o mercado esta escasso de plataformas flexíveis, no sentido de oferecer algumas ferramentas básicas na comunicação. apesar de ja existir algumas plataformas no mercado. Resumo: 1-) Procuro por programadores backend com experiência (não sei exatamente informar a linguagem) mas chuto que Java, Javascript e PHP sejam fundamentais. (sei que abusaremos muito do AJAX) 2-) Programador FrontEnd, com experiência. E que tenha principalmente em boas praticas, pois código sujo cheio de plugins tornará a plataforma pesada, e cheia de bugs. PS: Não procuro nada pronto, claro que plugins coisas são inevitáveis porém para funcionarmos Lisos com menos bugs possíveis procuro algo feito “artesanalmente” rsrs. Obs: o projeto esta no inicio ainda, estou juntando contatos para chegar no objetivo, e assim que tiver um contato gostaria de poder conversar trocar ideias, caso seja um projeto onde você se identifique nada impede de sermos parceiros ter uma % sobre o negocio. Obs2: Desculpem se escrevi meio enrolado ou esta complicado de entender. pois apenas disse plataforma de eventos e não especifiquei nada. mas assim que receber um contato eu passo mais informações com alguns links de exemplos, que é melhor que falar. E caso aqui seja o lugar correto posso passar mais informações por aqui também. Seguem alguns exemplos de plataforma de eventos online. Download de 2 PDFs de apresentações do mesmo segmento Site de uma das plataformas porém proximo do que almejamos https://www.swaper.com.br/ Fico a disposição, Desculpem se postei no local incorreto
  6. rafael bortoli

    Duvida

    Olá, estou fazendo um youtube downloader com javascript. Já fiz praticamente tudo, só falta colocar o ID do vídeo para aparecer o nome do vídeo quando faz o download. Alguém poderia me ajudar? Estou usando o ytdl-core. const express = require ('express'); // const cors = require ('cors'); const ytdl = require ('ytdl-core'); const app = express (); app.use(express.urlencoded({ extended: true })); app.use(express.static('public')); // app.use (cors ()); app.listen (4000, () => { console.log ('Funciona no servidor !!! Na porta 4000'); }); app.post('/download', ( req , res ) => { console.log(req.body); var url = req.body.url; var format = req.body.type; res.header('Content-Disposition', 'attachment; filename = "video.'+format+'"'); ytdl (url, { format: format }).pipe(res); /* //SERVIDOR DO NODE!!!!!!! */ }); var URLinput = document.querySelector('.URL-input'); var form = document.getElementById("downloadform"); form.addEventListener('submit', (ev)=> { ev.preventDefault(); var type = document.getElementById('formatInput').value; var url = document.getElementById('urlInput').value; var r = new XMLHttpRequest(); r.open("POST", "/downloadjson", true); r.setRequestHeader("Content-Type", "application/json"); r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert("Success: " + r.responseText); }; r r.send(JSON.stringify({url, type})); //console.log(`URL: ${URLinput.value}`); ///sendURL(URLinput.value); }); function sendURL(URL) { window.location.href = `http://localhost:4000/download?URL=${URL}`; } //LOCAL DE DOWNLOAD
  7. Caros amigos, saudações... estou com um problema que estou quebrando a cabeça para solucionar, mas não estou conseguindo. Tenho um formulário que utilizo para Cadastrar Fornecedores. Deixei no formulário a opção de escolher Pessoa Física e Pessoa Jurídica. quando o usuário escolher uma das opções criei 2 div's. DIV-1 - com campos de CPF e RG DIV-2 - com campos de CNPJ e Inscrição Estadual Minha dúvida: como faço via JavaScript, para habilitar as DIV's com seu campos para serem preenchidos ? Grato, Cesar
  8. fideles

    Exibir botão após eventos

    Fala pessoal, como anda as coisas? Meu conhecimento em JS e quase neutro, conheço algo, mais talvez não o suficiente para o que eu precise, por isso venho pedir ajuda a vocês, Tenho um pequeno programinha, simples mesmo que tem 4 areas (Administração, Compras, Financeiro, Almoxarifado). Quem fica na ADM solicita algo, compras visualiza e da um "ok" e o financeiro tbm tem que dar um "ok" e no final, o almoxarifado dá um "Processo Concluido" (está parte está ok, funcionando, sem erro) Meu problema seria que quem está no almoxarifado consegue clicar no botão "Processo Concluido" mesmo o pessoal de compras e financeiro não dando um "ok" na solicitação ou ele tbm consegue dar "Processo Concluido" se um ou outro dar um "ok". Precisaria que ele so conseguisse dar "Processo Concluido" se os dois darem o "ok", se so um dar "ok" ele não pode dar "Processo Concluido". Alguém consegue pelo menos me dar um norte para que eu possa dar continuidade? Já tentei em PHP e nada.
  9. Olá pessoal. Estou começando a aprender Java Script. Estou tentando rodar uns arquivos, mas aparecem alguns erros. Baixei 2 arquivos no GitHub, e em um tutorial simplesmente fala para manda os seguintes comandos: npm install npm start Acontece que o resultado são várias linhas de erros, e é basicamente escrito "no such file or directory, open" e a indicação de vários aquivos, mas destes arquivos indicados realmente não são da pasta que estou rodando o programa. Primeiramente eu instalei o installer do Node.JS. Depois abri o PowerShell do windows e andei até a pasta do arquivo. Lá na pasta tem o package.json. Mandei o comando npm install e saiu o resultado: PS A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master> npm install npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-4d3ef4a2\LICENSE' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\package.json' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\package.json' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\package.json' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-7ebce322\LICENSE' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\.travis.yml' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\.npmignore' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\CHANGELOG.md' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\CHANGELOG.md' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\README.md' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\fake.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-b6b4bd9f\dist\account.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\index.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\index.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\index.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-b6b4bd9f\dist\bytes.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-account-3f4c6ed2\README.md' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\eth-sig-util-9b4fcb97\circle.yml' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\crypto-browserify-682e352b\example\bundle.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-util-b6b4bd9f\dist\constants.js' npm WARN tar ENOENT: no such file or directory, open 'A:\yEarn.finance\github\iearn-finance-master\iearn-finance-master\node_modules\.staging\ethereumjs-tx-239a6da7\karma.conf.js' [...] Os arquivos que baixei: https://github.com/iearn-finance/iearn-finance https://github.com/iearn-finance/itoken Como resolver isto?
  10. metodo script ou programa para inserir Assinatura em Varios PDF alguém saber um programa ou script?
  11. 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.
  12. 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.
  13. 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>"; } }
  14. odnanrefcg

    Incrementar Quantidade em Produto

    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
  15. Marcelo2701

    (Head) e (Body)

    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.
  16. crhistianosa

    Campo input no formato link clicável

    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?
  17. 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?
  18. everton_araujo

    Mudar propriedade target

    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>
  19. 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
  20. 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.
  21. 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'); ?>
  22. 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>
  23. 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>
  24. 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?
  25. 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(); } }
×

Important Information

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