Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''Js''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 104 registros

  1. DinhoPHP

    Problemas com Carousel Bootstrap no JS

    estou há horas tentando utilizar o Carousel do Bootstrap para exibir produtos. Fiz sozinho não funcionou, então encontrei este código https://codepen.io/kreigd/pen/ybYNoN coloquei em um arquivo sozinho, separado do site que estou desenvolvendo e nem assim funciona. Fica assim: http://equipenovainfo.com.br/_portifolio/amanda/31_07_2019/carousel_prod.php Segue o código: <!doctype html> <html lang="pt-br"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> <!-- 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"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" 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> $(document).ready(function() { $("#myCarousel").on("slide.bs.carousel", function(e) { var $e = $(e.relatedTarget); var idx = $e.index(); var itemsPerSlide = 3; var totalItems = $(".carousel-item").length; if (idx >= totalItems - (itemsPerSlide - 1)) { var it = itemsPerSlide - (totalItems - idx); for (var i = 0; i < it; i++) { // append slides to end if (e.direction == "left") { $(".carousel-item") .eq(i) .appendTo(".carousel-inner"); } else { $(".carousel-item") .eq(0) .appendTo($(this).find(".carousel-inner")); } } } }); }); </script> </head> <body> <div class="container-fluid"> <h1 class="text-center mb-3">Bootstrap Multi-Card Carousel</h1> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner row w-100 mx-auto"> <div class="carousel-item col-md-4 active"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f44242/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 1</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/418cf4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 2</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/3ed846/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 3</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/42ebf4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 4</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f49b41/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 5</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f4f141/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 6</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> <div class="carousel-item col-md-4"> <div class="card"> <img class="card-img-top img-fluid" src="http://placehold.it/800x600/8e41f4/fff" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Card 7</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> </div> </div> </div> </div> <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> Preciso terminar esse trabalho, travei nisso. Me ajudará à pagar a faculdade e ganharei tempo para estudar.
  2. tiagosp

    Inserir e obter valor do elemento select

    Olá, dentro do meu documento html tenho o seguinte elemento: <select class="custom-select mr-sm-2" id="txtStatus"> <option>false</option> <option>true</option> </select> Para enviar o valor do grid a esse campo utilizo o seguinte código $("#txtStatus").find('option:selected').val(linha[4]); Porém, se o valor setado é true, o campo select fica com os com valores repetidos... true true Como posso passar o valor para esse campo sem alterar sua composição?
  3. proflupin

    Função para mudar cor de um elemento.

    Tenho um menu em que ao passar o mouse sobre cada elemento, ele altera a cor de uma div invisível logo abaixo. Por exemplo: Menu normal: Menu ao passar o mouse em uma categoria: e Para tal, eu desenvolvi o seguinte código em js com os eventos onmouseover e onmouseleave em minhas categorias: <script type="text/javascript"> function mudaCor1() { var cor = 'red'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor2() { var cor = 'red'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor3() { var cor = 'green'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor4() { var cor = 'black'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor5() { var cor = 'orange'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor6() { var cor = 'brown'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor7() { var cor = 'yellow'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor8() { var cor = 'pink'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor9() { var cor = 'purple'; document.getElementById('div1').style.backgroundColor = cor; } function mudaCor10() { var cor = 'grey'; document.getElementById('div1').style.backgroundColor = cor; } function devolvecor() { var cor = 'white'; document.getElementById('div1').style.backgroundColor = cor; } </script> Gostaria de lhes perguntar. Existe uma outra maneira mais simplificada com menos códigos para desenvolver a mesma funcionalidade?
  4. Cesar Melo

    O que estudar para PHP full stack?

    Olá. Gostaria de uma opinião sobre onde focar meus estudos para trabalhar com PHP. Atualmente tenho conhecimentos com a linguagem PHP, e os seguintes frameworks: Bootstrap e Jquery. Recentemente fiz um curso de Laravel+materialize e gostei muito desse framework. Meu primeiro contato com framework para backend e pretendo utilizar o Laravel daqui pra frente nos meus estudos. Minha questão é a seguinte, quero dar continuidade aos meus estudos para me qualificar para o mercado de trabalho, mas não sei exatamente os próximos cursos que vou estudar. Não sei se atualmente há uma combinação de frameworks mais utilizada ou requisitada no mercado de trabalho. Ex: Laravel+vue+bootstrap, ou laravel+angularjs+materialize, tipo isso. Dei uma pesquisada no google e youtube, e notei que não há muito conteúdo de cursos por exemplo de Laravel+angularjs. Procurando algumas vagas de emprego, notei que há grande procurar para profissionais com qualificação em Laravel, e tambem grande procura para profissionais com qualificação em AngularJs, porém vagas distintas. Acho que não vi nenhuma vaga que peça Laravel+AngularJs. Alguém aí pode me passar uma visão ou dar sua opinião sobre isso, para eu focar meus estudos? Alguém sabe o que andam usando bastante? Ou que seja indicado de trabalhar em conjunto com PHP? Ah, uma observação... atualmente meu foco são de projetos voltados para sistemas, admin, etc. Não tenho muito perfil para projetos de marketing ou que exijam um frontend "lindo". rsrs. Grato...
  5. mpcarvalho

    Matriz através de valores de uma input

    Possuo pouco conhecimento em JS, então gostaria de solicitar uma ajuda com um script que montei para resgatar imagens de produtos de um determinado site/ecommerce utilizando o EAN do produto. No código abaixo eu passo via form alguns parametros como a URL do site onde quero pesquisar a imagem com "/" e na sequência o campo EAN com todos os códigos de barra que quero pesquisar separados por "," e por ultimo a extensão do arquivo de acordo com a extensão que o site em questão utiliza, jpg ou png. No final tudo será exibido na div dl_imgs e ai então eu posso dar um ctrl + s no meu navegador e salvar todas as imagens de uma vez. O objetivo do FOR é retornar imagem por imagem utilizando os parametros URL + EAN + EXT. Ex: "ecommerce.com.br/imagens/000030201.png". O que acontece é que preencho o campo EAN com todos os códigos de barras que preciso separados por virgula, mas o script não consegue montar o array e me retorna algo parecido com isso: https://cdn-*******.*******.com.br/products/7896003703863,7897005100223,7897005101589,7896360210097,7896003703863,7897005100223,7897005101589 Como podem ver me trás apenas uma imagem que não existe pois não separou os códigos de barra na matriz. Porem se eu copiar esses mesmos códigos e colocar direto na VAR MATRIZ, o script funciona. Segue abaixo o script utilizado. Desde já agradeço! <script> function loadImgs(){ /*--- Dados do formulário ---*/ var dataform = document.forms[0] || document.forms['dados']; //var t = dataform.imgtotal.value; var url = dataform.url.value; var ext = dataform.ext.value; var ean = dataform.ean.value; dataform.buscar.disabled = true; /*--- Gerar IMGS ---*/ var div = document.getElementById('dl_imgs') || document.dl_imgs; div.innerHTML = ""; novoArray = ean.split(','); var matriz = [novoArray]; for(var i=0; i<matriz.length; i++) { div.innerHTML += '<img src="'+url+""+matriz+''+ext+'" />'; } } </script> PS: Para melhorar ainda mais essa extração, eu gostaria de fazer isso fazendo um UPLOAD de um arquivo XLS contendo 2 colunas EAN e Nome produto, e no final exibir a imagem e abaixo o nome do produto, se alguém puder me dar uma luz de como fazer isso agradeço. Att;
  6. TheRonaldoStar

    Como fazer agrupamentos de cadastros com duas colunas?

    Oii, fala ae pessoal!! Alguém pode me ajudar com uma coisa por favor?; Seguinte!, eu anteriormente fiz uma pergunta aqui no fórum recorrente a isso, mas eu conseguir uma solução parcial. Que era, fazer uma listagem de todos os cadastros e fazer a junção dos cadastros com uma coluna igual, Ou seja existem duas colunas [DE e Para], que recebem o id de quem está recebendo ou que está enviando a mensagem, eu conseguir fazer a tal listagem por grupo mas o problema que estou tendo é: que so faz o agrupamento de as colunas contiver o id por ex: [De = "1" e Para ="2"]. Atualmente estou usando a codificação deste Jeito: $sql_2 = $db -> prepare("SELECT * FROM privado WHERE (Para = '$Meu_id') Or (De = '$Meu_id') GROUP BY Para, De DESC"); $sql_2 -> execute(); Esta consulta como pode ver ele busca todos os cadastros que tenha o meu ID ou seja do usuário online!, Após a consulta ele vei obter em um "while" somente o [ Id_De eo Id_Para ] desta forma: while($dados_2 = $sql_2 -> fetch(PDO::FETCH_OBJ)){ $Id_De = ($dados_2 -> De); $Id_Para = ($dados_2 -> Para); } Mas em fim eu gostaria de saber como mostrar somente um resultado ou seja o ultimo resultado que tiver o meu ID em ambas colunas [ Id_De ou Id_Para ]. Antes de vocês me recomendar a função DESC LIMIT 'valor' saiba eu quero que liste todos os usuários que enviou ou recebeu minha mensagem não somente 1 ou seja se eu mandar um mensagem para o usuário 2 e ele me retornar uma mensagem vai mostrar somente o ultimo registro que tenha o meu ID e o id dele. Atenciosamente, ~Ronaldo
  7. manoaj

    Pegando preferência criada no mercado pago

    Boa noite pessoal! Alguém ai entente dos checkouts do Mercado Pago pra me explicar como eu obtenho os dados da preferência criada através da url disponível na API https://api.mercadopago.com/checkout/preferences/:id?access_token=ACCESS_TOKEN_ENV
  8. Richard.Ribeiro

    Div Some após consulta no Banco de dados

    Boa tarde a todos, Uma ajuda Por favor, alguém pode me explicar porque sempre que eu digito no" input name=vsat" e clico em buscar a DIV do " select id=rightValues" SOME alguem poderia ajudar? o erro está no PHP ou JS desde já agradeço a atenção. <style media="screen"> SELECT, INPUT[type="text"] { width:500px; box-sizing: border-box; } SELECT, INPUT[type="button"] { font-size: 20px; } SECTION { padding: 8px; background-color: #f0f0f0; overflow: auto; } SECTION > DIV { float: left; padding: 30px; } SECTION > DIV + DIV { width: 200px; text-align: center; } </style> <section class="container"> <form method="post"> <?php if (isset($_POST['buscar'])) { $id_gmm = $_POST['gmm']; }elseif (isset($_POST['buscar2'])){ $vsat = $_POST['vsat']; } ?> <h2><i class="fa fa-link"></i> Vincular Componentes a VSAT</h2> <h4><i class="fa fa-arrow-down"></i> Itens da GMM</h4> <div> <input type="text" name="gmm" placeholder="Digite o N° da GMM"> <input type="submit" name="buscar" value="buscar"><br> <select id="leftValues" size="5" multiple> <?php $consultaGmm = ConexaoBD::conectar()->prepare("SELECT tipo_material_id FROM itens_fornecidos WHERE gmm_id = $id_gmm "); $consultaGmm->execute(); $consultaGmm = $consultaGmm->fetchAll(); foreach ($consultaGmm as $key => $value) { ?> <option value="<?php echo $value['tipo_material_id'];?>"> <?php echo $value['tipo_material_id']; ?> </option> <?php }?> </select> </div> <div> <input type="button" id="btnLeft" value="&lt;&lt;" /> <br> <br> <input type="button" id="btnRight" value="&gt;&gt;" /> </div> <div> <label for="">VSAT</label> <input type="text" name="vsat" placeholder="Digite o ID/IDE da VSAT"> <input type="submit" name="buscar2" value="buscar"><br> <select id="rightValues" size="4" multiple> <?php $consultaVsat = ConexaoBD::conectar()->prepare("SELECT estoque_material_id FROM componentes_instalados WHERE estoque_material_id = $vsat "); $consultaVsat->execute(); $consultaVsat = $consultaVsat->fetchAll(); foreach ($consultaVsat as $key => $valueVsat) { ?> <option value="<?php echo $valueVsat['estoque_material_id'];?>"> <?php echo $valueVsat['estoque_material_id']; ?> </option> <?php } ?> </select> </div> </form> </section> <script src="<?php echo INCLUDE_PATH_PAINEL ?>js/jquery-3.4.1.min.js"></script> <script src="<?php echo INCLUDE_PATH_PAINEL ?>js/main.js"></script> <script type="text/javascript"> $("#btnLeft").click(function () { var selectedItem = $("#rightValues option:selected"); $("#leftValues").append(selectedItem); }); $("#btnRight").click(function () { var selectedItem = $("#leftValues option:selected"); $("#rightValues").append(selectedItem); }); </script> <?php die(); ?>
  9. Ola estou com um problema em JavaScript O objetivo e digitar um ID/Nome em um input e ele buscar em um arquivo XML fazendo autocomplete e preencher outros dois inputs com os atributos associado ao ID/Nome da base XML. GIF de exemplo, obs(exatamente oque pretendo fazer): http://blog-media.chromaticsites.com.s3.amazonaws.com/google-places-autocomplete-3/autocomplete-error.gif Link do XML: https://www.w3schools.com/js/cd_catalog.xm Segue meu código: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> Nome:<input id="idInput"> UF:<input id="idInput02"> Ano:<input id="idInput03"> <script> var ValorXML1 = []; $(document).on('keyup' , '#idInput' ,function(){ var keyvalue = $("#idInput").val(); var xhttp; xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { ValorXML1 = []; CaregarXML(this , keyvalue); } }; xhttp.open("GET", "https://www.w3schools.com/js/cd_catalog.xml", true); xhttp.send(); }); function CaregarXML(xml , key) { var x, i, xmlDoc , key; xmlDoc = xml.responseXML; x = xmlDoc.getElementsByTagName("TITLE"); var cont = 0; for (i = 0; i < x.length; i++) { var valor = x[i].childNodes[0].nodeValue.trim(); var pattern = valor.substring(0 , key.length); if(key.toUpperCase() == pattern.toUpperCase() && cont < 5){ ValorXML1.push(valor); cont++; } } $("#idInput").autocomplete({ source: ValorXML1 }); } $( function() { $( "#idInput" ).autocomplete({ source:ValorXML1 }); }); </script>
  10. Oi, sou novo nisso de programação e sabe criei um servidor ftp para guardar meus arquivos html, php e js mas quando executo php n vai só aparece o codigo e comandos que estão no arquivo e tipo n sei se precisa instalar algo como uma linguagem ou biblioteca no pc
  11. Boa tarde, Preciso realizar um webapp em que terei que criar templates prontos para o usuário preencher, como um contrato e ao fim conseguir exportar esse template com os dados do usuário, também deve ter a opção de adição de foto e alteração de cor de fontes. Qual melhor tecnologia para realizar isso? Não sei se a melhor opção é criar os templates em html e deixar os campos como formulários... ou se há alguma outra maneira pois os templates tem designs avançados.
  12. uma função que recebe uma frase e uma palavra antiga e uma palavra nova. A função deve retornar uma string contendo a frase original, mas com a última ocorrência da palavra antiga substituída pela palavra nova. A entrada e saída de dados deve ser feita no programa principal. Exemplo: Frase: “Quem parte e reparte fica com a maior parte” Palavra antiga: “parte” Palavra nova: “parcela” Resultado a ser impresso no programa principal: “Quem parte e reparte fica com a maior parcela” function trocarNome(){ var frase = document.getElementById("frase").value; var strAntiga = document.getElementById("strAntiga").value; var strNova = document.getElementById("strNova").value; //frase = frase.split(" "); var a = frase.lastIndexOf(strAntiga); var fras2 = frase.lastIndexOf(strAntiga).replace(strAntiga,strNova); document.getElementById("demo").innerHTML = "Certo"; }
  13. Minatos™

    Como manipular checkboxes usando .checked

    Olá pessoal, tudo bom? recentemente eu comecei a aprender programação com JS, eu já conseguir usar o .checkboxes em exercício que o professor passou, entretanto, quando fui criar outros exercícios pra treinar, pra conseguir realmente aprender, ao usar o mesmo método que o professor utilizar, o meu código não funciona. Basicamente, eu quero saber quando o usuário clicar em uma opção, e em seguida fazer uma ação, o meu código abaixo é de uma pergunta com resposta, basicamente quero saber qual resposta o usuário clicou e dependendo de qual, queria informar uma mensagem na <div></div> HTML: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Modelo de exercício</title> <link rel="stylesheet" href="estilo.css"> </head> <body> <header> <h1>Pergunta do Milhão</h1> </header> <section> <div id="div1"> <center><p>O que é um sistema ERP?</p></center> <p><input type="radio" name="per1" id="alt1" > <label for="alt1">É um sistema de informação que integra todos os dados e processos de uma organização em um único sistema.</label></p> <p><input type="radio" name="per1" id="alt2"> <label for="alt2">É uma instituição internacional sem fins lucrativos que associa profissionais de gestão de projetos.</label></p> <p><input type="radio" name="per1" id="alt3"> <label for="alt3"> é um conjunto de práticas na gestão de projetos organizado pelo instituto PMI e é considerado a base do conhecimento sobre gestão de projetos por profissionais da área.</label></p> <p><input type="radio" name="per1" id="alt4" checked > <label for="alt4">NDA</label></p> <center><input type="button" value="Verificar" onclick="verificar()"></center> </div> <div id="res"> Testando... </div> </section> <footer> <p>&copy; Alexsander Fontes</p> </footer> <script src="script.js"></script> </body> </html> JS: function verificar() { var pergunta = document.getElementById('per1') var res = document.getElementById('res') if (pergunta[0].checked) { res.innerHTML = `Testando manipulação'` } else if (pergunta[1].checked) { res.innerHTML = `Testando manipulação 1` } else if (pergunta[2].checked) { res.innerHTML = `Testando manipulação 2` } else if (pergunta[3].checked) { res.innerHTML = `Testando manipulação 3` } } E então, se eu usar: res.innerHTML = `Testando manipulação` fora do IF, funciona normal, se eu por na condição, o código para. :/
  14. JoaoBardella

    Iniciando em JavaScript

    Bom dia Senhores, Pessoal estou iniciando em Js e gostaria de uma mãozinha. Na faculdade o professor pediu para que eu fizesse um gerador de curriculo em HTML com JS. Perfeito estou criando, mais enrrosquei em uma parte aqui, temos os campos dos dados pessoais, após tenho os dados de formação, ai que está: Na formação tenho tres inputs criado em HTML para Curso, Instituição e Ano de Conclusão e na frente tenho que ter o botão de mais e menos para inserir e tirar mais inputs contendo o mesmo conteúdo. Tenho um evento em cada input, onkeyup que vai mostrando os dados abaixo. E estou com dificuldade na hora de adicionar esse evento aos input que eu crio automaticamente após criar apertando o botão mais. Alguém pode me ajudar. Vou colocar abaixo meu dois códigos HTML e JS. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>teste</title> </head> <body> <form id="dadosP"> <div id="dadosPe"> <label for="nome">Nome:</label> <input type="text" name="nome" id="nome" onkeyup="mostrar()"> <label for="email">E-mail:</label> <input type="text" name="email" id="email" onkeyup="mostrar()"> <label for="end">Endereço Profissional:</label> <input type="text" name="end" id="end" onkeyup="mostrar()"> </div> </form> <br> <form id="dadosEdu"> <div id="dadosEduc"> <label for="curso">Curso:</label> <input type="text" name="curso" id="curso" onkeyup="mostrar()"> <label for="inst">Instituição:</label> <input type="text" name="inst" id="inst" onkeyup="mostrar()"> <label for="anoconclu">Ano Conclusão:</label> <input type="text" name="anoconclu" id="anoconclu" onkeyup="mostrar()"> <button type="button" onclick="maiscurso()">+</button> <button type="button" onclick="menoscurso()">-</button> </div> </form> <br><br> <div id="mdadosp"> <div id="mnome"> <span id="pmnome"></span><br> <span id="pmemail"></span><br> <span id="pmend"></span> </div> </div> <br><br> <div id="mdadosedu"> <div id="mcurso"> <span id="pmcurso"></span><br> <span id="pminst"></span><br> <span id="pmanoconclu"></span> </div> </div> <script src="script.js"></script> </body> </html> JS var i = 0; function mostrar() { var nome = document.getElementById("nome").value; var email = document.getElementById("email").value; var end = document.getElementById("end").value document.getElementById("pmnome").innerHTML = nome; document.getElementById("pmemail").innerHTML = email; document.getElementById("pmend").innerHTML = end; if (i > 0) { var curso = document.getElementById("curso" + i).value; var inst = document.getElementById("inst" + i).value; var anoconclu = document.getElementById("anoconclu" + i).value; } else { var curso = document.getElementById("curso").value; var inst = document.getElementById("inst").value; var anoconclu = document.getElementById("anoconclu").value; } document.getElementById("pmcurso").innerHTML = curso; document.getElementById("pminst").innerHTML = inst; document.getElementById("pmanoconclu").innerHTML = anoconclu; } function maiscurso() { i++; var br2 = document.createElement("br"); var br1 = document.createElement("br"); var lbl1 = document.createElement("label"); lbl1.id = "lblcurso" + i; var t = document.createTextNode("Curso: "); lbl1.setAttribute("for", "Curso: "); var inp1 = document.createElement("input"); inp1.id = "curso" + i; inp1.setAttribute("onkeyup", mostrar()); var lbl2 = document.createElement("label"); lbl2.id = "lblinst" + i; var x = document.createTextNode("Instituição: "); lbl2.setAttribute("for", " Instituição: "); var inp2 = document.createElement("input"); inp2.id = "inst" + i; //inp2.addEventListener(onkeyup, mostrar()); var lbl3 = document.createElement("label"); lbl3.id = "lblanoconclu" + i; var z = document.createTextNode("Ano Conclusão: "); lbl3.setAttribute("for", " Ano Conclusão: "); var inp3 = document.createElement("input"); inp3.id = "anoconclu" + i; var br = document.createElement("br"); //inp3.addEventListener(onkeyup, mostrar()); document.getElementById("dadosEduc").appendChild(br2); document.getElementById("dadosEduc").appendChild(br1); document.getElementById("dadosEduc").appendChild(t); document.getElementById("dadosEduc").appendChild(inp1); document.getElementById("dadosEduc").appendChild(x); document.getElementById("dadosEduc").appendChild(inp2); document.getElementById("dadosEduc").appendChild(z); document.getElementById("dadosEduc").appendChild(inp3); document.getElementById("dadosEduc").appendChild(br); // var newdiv = document.createElement('div'); // newdiv.innerHTML += '<label for="curso">Curso:</label><input onkeyup="mostrar()" type="text" name="curso' + line + '_1" id="curso' + line + '_1">'; // newdiv.innerHTML += '<label for="inst">Instituição:</label><input onkeyup="mostrar()" type="text" name="inst' + line + '_2" id="inst' + line + '_2">'; // newdiv.innerHTML += '<label for="anoconclu">Ano Conclusão:</label><input onkeyup="mostrar()" type="text" name="anoconclu' + line + '_3" id="anoconclu' + line + '_3">'; // document.getElementById("dadosEduc").appendChild(newdiv); // line++; } //maiscurso('lines');
  15. rapa-013

    Identificar elementos HTML com JavaScript

    Olá! Estou com uma dúvida em JavaScript e não consigo resolvê-la. Contexto: Numa página HTML, tenho 10 imagens, de forma organizada, com id's numerados respectivamente de 0 à 9, com classe "teclas": <img class='teclas' id='0' src='./img/img-0'> <img class='teclas' id='1' src='./img/img-1'> ... <img class='teclas' id='9' src='./img/img-9'> Objetivo: O usuário deve clicar em pelo menos uma imagem, e eu quero obter o id da imagem clicada. Como faço para obter o id da/das imagem/imagens que o usuário clicou?
  16. rapa-013

    Indentificar objetos HTML com JavaScript

    Olá! Estou com uma dúvida em JavaScript que não consigo resolver. Contexto: Em uma página HTML, tenho 10 imagens organizadas, de classe: <img class='imagens-q'> e id's de 0 à 9, respectivamente: <img class='imagens-q' id='0'> <img class='imagens-q' id='1'> ... <img class='imagens-q' id='9'> Objetivo: Essas imagens ficam disponíveis para que o usuário escolha (clique) uma ou mais. Minha intenção é justamente obter o id do elemento que o usuário clicar. Resumindo: Como faço para saber o id da imagem na qual o usuário clicou? OBS: não coloquei nenhum código em JS porque justamente ainda não tenho nenhum código.
  17. peterstefan

    Enviar imagem via js

    Olá, estou tentando enviar uma imagem do perfil em jquery para o php para cadastrar no banco.. Quando tento enviar via http ele vai certinho, mais queria sem dar refresh na pagina.... Tenho que fazer alguma coisa no jquery para que possa enviar o nome da imagem para o php? Fiz 3 teste de file para receber o nome da imagem e as 3 ta retornando null...
  18. tiagosp

    getUserMedia()

    Estou utilizando a função getUsermedia() para acessar a camera de dispositivos moveis, porém quando solicito que a camera traseira seja aberta, a imagem chega invertida, ou seja, a esquerda vai para a direita e vice-versa. <html lang="PT-BR"> <header> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body{ text-align: center; } </style> </header> <body> <video src="" id="video1" muted autoplay></video> <button onclick="IniciarCamera()">Iniciar Camera</button> <script> function IniciarCamera(){ navigator.mediaDevices.getUserMedia({video: {facingMode: 'environment'}, audio: false}) .then((stream)=> { document.getElementById("video1").srcObject = stream }) } function PararCamera(){ document.getElementById("video1") .srcObject .getVideoTracks() .forEach(track=> track.stop()) } </script> </body> </html>
  19. MateusOFCZ

    Executar comando node.js em um JFrame java (NETBEANS)

    Olá, gostaria de saber, como posso fazer para quando clicar em um botão, por exemplo, em um formulário JFrame (Java) ele executar um comando node.js, fiz o código javascript no Visual Studio Code, e quero fazer um executável para executar o script e fazer a leitura dos dados... Alguém pode me ajudar?
  20. Bom Glr, Tô Fazendo Um Web Site E Quero Fazer Umas Funções Escondidas Nela! bom meu objetivo era tipo apertas as tecla do teclado CTRL+A e abrir uma janela flutuante <form action=""> <input type="file" name="tag"><br> <input type="submit" value="Submit"> </form> Então vou falar resumidamente: ENTRAVA NO SITE, APERTAVA CTRL+A E APARECIA ESSA JANELA FLUTUANTE!! Quem Puder Ajudar....Ficaria Mil Agradecido!!!
  21. KABEst

    preciso colocar um Churrascômetro no site

    boa noite, é meu primeiro post aqui, eu preciso de ajuda pra colocar um "churrascômetro" no meu site do wordpress, nao tenho noção nenhuma de como fazer isso, alguem pode me dar um norte? é pra um trabalho da faculdade. obrigado  exemplo de como eu quero fazer: http://www.epa.com.br/churrascometro/
  22. peterstefan

    LOAD NÃO PARA DE CARREGAR

    Bom dia, estou fazendo uma cadastro via rest e estou utilizando o curl para cadastrar no webservice... Meu código está cadastrando tudo certinho, porem quando ele cadastra e mostra o retorno que foi cadastrado com sucesso ele fica o AGUARDE, CARREGANDO e não para.. não sei oque esta faltando pq já tentei varias coisas e não deu certo... $Data = [ "nomeRazaoSocial" => $PostData['nomeRazaoSocial'], "identMF" => $PostData['identMF'], "email" => $PostData['email'], "telefone" => $PostData['telefone'], "senhaProvisoria" => $PostData['senhaProvisoria'] ]; $DataString = json_encode($Data); $curl = curl_init(WEBSERVICECADASTRO); curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt($curl, CURLOPT_POSTFIELDS, $DataString); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Content-Length: ' . strlen($DataString)) ); $result = curl_exec($curl); if ($result) { $jSON['success'] = "<i class='icon-checkmark'></i>Pronto, cadastro foi realizado com sucesso!"; }else{ $jSON['error'] = "<i class='icon-warning'></i>Oops! Erro ao cadastrar! Por favor, tente novamente!"; }
  23. Rodrigo F

    area de cliente

    Olá a todos boa tarde bem eu venho a este forum , porque eu preciso de ajuda bem eu tenho um site que estou a fazer para uma empresa no qual agora nao posso revelar o nome mas a minha duvida é a seguinte bem , nesse site nos temos um sisteam de login e register até ai tudo normal agora o que eu queria eraaa o seguinte por exemplo eu na minha base de dados eu tenho o antonio registado e tenho o andre , eu quero que quando o andre de login e fosse para o seu perfil , la no perfil iria ter do genero fotos do verao , e quando o antonio fosse dar login e fosse ao perfil tivesse fotos do natal , como posso editar a pagina de cada um ??? essa é a minha duvida como eu posso editar a pagina de cada com as coisas que eu pretendo menter para cada usuario xd
  24. peterstefan

    controlar F12

    Bom dia, eu conseguiria fazer um controle das teclas F12 e Ctrl + shift + I com js?
  25. André_Maronne

    Como inicializar o player automaticamente

    Olá pessoal, estou com seguinte problema, gostaria de inicializar o play do meu player automaticamente, ou seja, disparar o comando play , através do código abaixo, function registerKeyHandler() { document.addEventListener('keydown', function (e) { switch (e.keyCode) { case 13: // Enter player.toggleFullscreen(); break; case 10252: // MediaPlayPause case 415: // MediaPlay case 19: player.playPause(); break; case 413: // MediaStop player.stop(); break; case 48: //Key 0 log(); break; case 49: //Key 1 setUhd(); break; case 50: //Key 2 player.getTracks(); break; case 51: //Key 3 player.getProperties(); break; case 10009: // Return if (webapis.avplay.getState() !== 'IDLE' && webapis.avplay.getState() !== 'NONE') { player.stop(); } else { tizen.application.getCurrentApplication().hide(); } break; default: log("Unhandled key"); } }); }
×

Informação importante

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