Jump to content

Search the Community

Showing results for tags 'Js'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 244 results

  1. 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!"; }
  2. peterstefan

    controlar F12

    Bom dia, eu conseguiria fazer um controle das teclas F12 e Ctrl + shift + I com js?
  3. 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"); } }); }
  4. maxpereira

    Executar plugin JS no innerHTML

    Olá pessoal, tudo bem? Estou criando um formulário, e preciso usar máscaras para o rg, cpf, etc, então utilizei um plugin JS que encontrei, e funcionou belezinha. O problema é que precisei criar campos dinamicamente, e encontrei uma função JS que funcionou muito bem, mas os campos criados pela função não executam o plugin de máscaras. Eu manjo quase nada de JS, mas pesquisando encontrei que o innerHTML não executa scripts no HTML5, e que existe um jeito, mas não encontrei haha . Enfim, se alguém puder me ajudar agradeço muito, vou deixar o código abaixo (é bem simples), só copiar e colar e baixar o plugin do git que funciona. o plugin JS que utilizei para gerar as máscaras: github.com/igorescobar/jQuery-Mask-Plugin <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="_js/jquery-3.3.1.js"></script> <script src="_js/jquery.mask.js"></script> <script> </script> <script type="text/javascript"> $(document).ready(function(){ $('.rg').mask('00.000.000'); $('.cpf').mask('000.000.000-00'); }); var qtdeCampos = 0; function addAdmin() { var objPai = document.getElementById("campoPai"); //Criando o elemento DIV; var objFilho = document.createElement("div"); //Definindo atributos ao objFilho: objFilho.setAttribute("id","filho"+qtdeCampos); //Inserindo o elemento no pai: objPai.appendChild(objFilho); //Escrevendo algo no filho recém-criado: document.getElementById("filho"+qtdeCampos).innerHTML = "<br><label>Preencha os Dados:<label><br> <label>RG:</label> <input type='text' name='campoAdmin[]' class='rg' placeholder='Ex: 12.345.678' required autocomplete='off' size='10'> <label>CPF:</label> <input type='text' name='campoAdmin[]' class='cpf' size='13' placeholder='Ex: 123.456.789-16' required><br> <input type='button' onClick='removerAdmin("+qtdeCampos+")' value='Remover Administrador'>"; qtdeCampos++; } function removerAdmin(id) { var objPai = document.getElementById("campoPai"); var objFilho = document.getElementById("filho"+id); //Removendo o DIV com id específico do nó-pai: var removido = objPai.removeChild(objFilho); } </script> </head> <body> <form name="form1" action="pegardados.php" method="post"> <label>Preencha os Dados:<label><br> <label>RG:</label> <input type='text' name='campoAdmin[]' class='rg' placeholder='Ex: 12.345.678' required autocomplete='off' size='10'> <label>CPF:</label> <input type='text' name='campoAdmin[]' class='cpf' size='13' placeholder='Ex: 123.456.789-16' required> <div id="campoPai"></div> <input type="button" value="Adicionar campos" onclick="addAdmin()"> <br><br><input type="submit" value="Enviar"> </form> </body> </html>
  5. VCastilho

    Função ao clicar no botão

    Bom Dia Consegui da seguinte forma, mas com faço para que o código selecionado substitua o antigo? <!DOCTYPE html> <html> <body> <style> #filtrotopo { background: #484949; } } #h4topo { text-align: center; color: white; font-size: 18px; } #form1 section { display: flex; flex-wrap: wrap; justify-content: center; } h4 { } #form1 section label { display: flex; justify-content: center; align-items: center; margin: 0 10px; /* width: calc(100% / 5); */ color: red; text-align: center; } @media screen and (max-width:768px) { #form1 section label { margin-bottom: 20px; width: 100%; } } </style> <div id="minhaEscolha"></div> <div id = "filtrotopo"> <h4 style="text-align: center;" id="h4topo">Personalize</h4> <form action="#" id="form1"> <section> <label> <button onclick="exemplo1()"> exemplo1</button> </label> <label> <button onclick="exemplo2()"> exemplo2 </button> </label> </section> </form> <br> </div> <div id="teste1" style="display: none;"> <h3>Texto 1</h3> <p>Sou o Texto 1</p> <p>Tenho o nome de Texto 1</p> </div> <script> function exemplo1() { var x = document.getElementById("url"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> <script> function exemplo2() { var x = document.getElementById("teste1"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> <body> </html>
  6. frakneable12

    Console desaparecendo

    Estou fazendo um simples exercício de javascript afim de aprender mais sobre a linguagem, sou leigo no assunto. Peguei um exercício simples de aplicação de juros para refazer. Esse é o exercício pronto funcionando: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Gab</title> <script type="text/javascript"> window.onload = function(){ document.getElementById("botao").onclick = function(){ calcular(); } } function calcular(){ var elementos_valor = document.getElementById("txtvalor"); var elementos_parcela = document.getElementById("txtparcelas"); var elementos_resposta = document.getElementById("txtresult"); var valorcompra = parseFloat(elementos_valor.value); var qtdparcelas = parseInt(elementos_parcela.value); var msg = ""; var valorfinal = 0; var cor = ""; if (qtdparcelas == 1){ valorfinal = valorcompra; msg = "1X" + valorfinal; cor="#16C4F8" }else if (qtdparcelas == 2){ valorfinal = (valorcompra + (valorcompra * 0.03))/2; msg = "2X" + valorfinal; cor = "#f87504"; }else{ valorfinal = (valorcompra + (valorcompra* 0.07))/4; msg = "4X" + valorfinal; cor = "#d93c3c"; } elementos_valor.value = ""; elementos_resposta.value = msg; elementos_resposta.style.backgroundColor = cor; } </script> </head> <body> <form> Valor da compra: <br> <input type="text" id="txtvalor"><br> Parcelas:<br> <select id ="txtparcelas"> <option value="1">1</option> <option value="2">2</option> <option value="4">4</option> </select> <br> Valor das parcelas:<br> <input type="text" id="txtresult" readonly><br> <input type="button" value="calcular" id="botao"> </form> </body> </html> Tentei realizar o mesmo exercício só que sem olhar e da minha forma: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Exercício 1</title> <script> function calcular(){ console.log("test"); let valorDaCompra = parseFloat(document.getElementById("valorDaCompra").value); let qtdeParcelas = parseInt(document.getElementById("qtdeParcelas").value); let valorFinal = document.getElementById("resultado"); let msg = ""; let resultado = 0; if(qtdeParcelas == 1){ valorFinal = valorDaCompra; msg = "1X" + valorFinal; console.log(msg); }else if (qtdeParcelas == 2){ valorFinal = (valorDaCompra + (valorDaCompra * 0.03))/2; msg = "2X" + valorFinal; console.log(msg); }else{ valorFinal = (valorDaCompra + (valorDaCompra * 0.07))/4; msg = "4X" + valorFinal; console.log(msg); } document.getElementById("resultado").value = msg; } </script> </head> <body> <form> Valor da compra:<br> <input type="text" id="valorDaCompra"><br> Parcelas:<br> <select id="qtdeParcelas"> <option value="1">1</option> <option value="2">2</option> <option value="4">4</option> </select> <button style="margin-bottom: 7px" id="botao" onclick="calcular()">Calcular</button><br> Valor final <br> <input type="text" id="resultado" readonly> </form> </body> </html> Porém eu errei em algum lugar e quando eu abro o console pra tentar debugar ele simplesmente mostra o erro e depois desaparece no mesmo instante sem dar chance pra eu ver onde está o erro. Fiz um gif para tentar mostrar melhor o que esta acontecendo, em anexo.
  7. Bom dia, tenho esse código para fazer meu usuário volte para a pagina de da matéria para que ele possa continuar lendo a matéria depois de logado.. Porem em alguns navegadores não funciona, gostaria de ver se tem uma outra forma que funcione em todos os navegadores, desde já agradeço document.location.href = history.back()
  8. Dan Borges

    Ajuda para entender um código

    Olá, Tenho conhecimentos em C#, e ultimamente venho programando utilizando o MonoGame para desenvolver jogos. Estava procurando como é feito uma pista pseudo 3D, e achei esse artigo em JS: https://codeincomplete.com/posts/javascript-racer-v1-straight/ Por ter a lógica de programação da mente, mesmo sem saber js, entendi parte do código, mas esse trecho, não: segments = []; for(var n = 0 ; n < 500 ; n++) { // arbitrary road length segments.push({ index: n, p1: { world: { z: n *segmentLength }, camera: {}, screen: {} }, p2: { world: { z: (n+1)*segmentLength }, camera: {}, screen: {} }, color: Math.floor(n/rumbleLength)%2 ? COLORS.DARK : COLORS.LIGHT }); } A primeira vista entendi que ele está adicionando valores ao array segments com o método push. Mas, os valores colocados, não fazem sentido para mim. É como se fosse criada uma classe dinamicamente (que contenha as variáveis:, index, p1, p2...) sem precisar declará-la. Seria basicamente isso? Ele criou um objeto que representa uma classe, mas sem nomeá-la, ou algo semelhante?
  9. Incompetech

    Mudando imagem ao clicar | SETA

    Então.. a um tempo atrás eu fiz um post pedindo ajuda em relação a tooltip mas não obtive resposta, então decidi deixar essa funcionalidade para depois. Como disse na minha primeira pergunta eu estou praticando HTML / CSS / JS ... então comecei a fazer uma entrada para MU ONLINE que foi um dos jogos que mais joguei em épocas de LAN HOUSE. Então o que quero perguntar a vocês é o seguinte: Como podem ver nessa imagem acima ela tem um total de 10 itens que são icones pequenos que ao clicar neles logo ele irá dar loading na foto do item completo, gostaria de saber como fazer isso. No meu caso eu criei essa entrada no Photoshop: E no caso gostaria de fazer a mesma coisa porém clicando nas setas que estão do lado da box como podem ver no centro da imagem. Para isto eu devo usar Js? E qual código devo usar, eu sou super perdido com Js. Agradeço desde já! :D
  10. Incompetech

    Tooltip - HTML / CSS / JS

    Olá a todos. Então.. eu estava praticando um pouco de HTML / CSS e no fim cheguei a um resultado bem legal e simples claro disto aqui: Eu sei que alguns vão reconhecer isto.. Mas para quem não conhece é algo relacionado ao game MU ONLINE. Enfim. Como podem ver eu inventei alguns adicionais que no caso são as características dessa armadura, porém eu gostaria de aplicar um efeito em que esses adicionais apareçam quando eu passar o mouse por cima da imagem da armadura.. como se fosse dentro do game. Abaixo vão alguns exemplos: Efeito aplicado em um projeto HTML: O mesmo efeito In Game: Sei que pode parecer algo meio trivial mas gostaria muito de aprender como eu faço para criar algo igual, se puderem me ajudar eu agradeço de coração.
  11. VCastilho

    Capturar ação de um botão

    Bom Dia Desenvolvi um filtro HTML e estou com dificuldades em criar o JavaScript para o funcionamento do mesmo, poderiam em ajudar a criar esse JS? Segue o código: <div id = "filtro"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style disabled> #filtro { border-style:double; } #button1 { width: 120px; position: inherit; right: 10px; background-color: #e00505; font-size: 12px; FLOAT: right } h4 { font-size: 18px; border-style: inset; } select { border: 1px solid #000; box-sizing: border-box; width: 124px; border-radius: 5px; height: 25px; padding: 3px; } section label { width: calc(100% / 4); color: red; text-align: center; } section { display: flex; flex-wrap: wrap; } h4/ { border-style:double; } @media screen and (max-width:768px) { section label { margin-bottom: 20px; width: 100%; } } </style> <h4 style="text-align: center;">Personalize o seu Kit de Segurança</h4><br><br> <form action="#" id="form"> <section> <label> <b> Tipo do seu Kit </b><br> <select name="speed" id="speed" style=" "> <option desable>Selecione</option> <option>Residencial</option> <option>Comercial</option> </select> </label> <label> <b>Qualidade de Seu Kit</b><br> <select name="files" id="files" style=" "> <option desable> Selecione </option> <option value="HD">HD</option> <option value="Full HD">Full HD</option> <option value="Analógica">Analógica</option> </select> </label> <label> <b> Quantidade de Câmeras </b><br> <select name="number" id="number" style=" "> <option desable> Selecione </option> <option>1 Câmera</option> <option>2 Câmeras</option> <option>3 Câmeras</option> <option>4 Câmeras</option> <option>5 Câmeras</option> <option>6 Câmeras</option> <option>7 Câmeras</option> <option>8 Câmeras</option> <option>9 Câmeras</option> <option>10 Câmeras</option> <option>11 Câmeras</option> <option>12 Câmeras</option> <option>13 Câmeras</option> <option>14 Câmeras</option> <option>15 Câmeras</option> <option>16 Câmeras</option> </select> </label> <label> <b> Selecione a Marca </b><br> <select name="salutation" id="salutation"> <option desable selected>Selecione</option> <option>Intelbras</option> <option>Hikvision</option> <option>Outras</option> </select> </label> </section> <BR> <BR> </form> </div> <br> <br> <button class="kd-filter-button" id="button1">Ver resultados</button> Seria bom, se possível o botão funcionar fora da tag "form" pois para personalizar fica melhor
  12. Olá, estou desenvolvendo um BOT utilizando java, javascript e node.js, gostaria de saber se tem como eu fazer um painel em java (arquivo executável) onde tem um campo de texto (Que é digitado um tema, exemplo "Brasil"), uma lista com 3 itens (Quem é, O que é e A história do(a), você iria selecionar, por exemplo no campo de texto você digitou "Brasil" e na lista você selecionaria "A história do(a)"...) como faço pra quando clicar no botão "Enviar" ele iria executar um comando em node.js adicionando as informações (Tema e Opção). Caso não tenha entendido posso tentar explicar de uma forma mais clara!
  13. Gustavo2503

    Função dentro de função

    Eu estou criando uma classe que cria modais usando React, eu preciso criar um modal dentro de um modal, para isso, eu quero chamar a mesma função dentro dela mesma. O modal é criado, mas o problema é que ele não abre, abre o modal principal (#modal-1), mas não abre o sub modal (#modal-2), veja como ficou meu código: index.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>Modal</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> <script src="js/modal.js" type="text/babel"></script> <link rel="stylesheet" href="css/modal.css"> </head> <body> <div align="center"> <h1>Modal</h1> </div> <button type="button" data-modal="modal-1">Open Modal</button> <div id="modal-content"></div> <script type="text/babel"> const contentSub = [ <h2>Title SubModal 1</h2>, <p>SubModal</p>, <small>Rodapé submodal 1</small> ]; const idSub = "modal-2"; const content = [ <h2>Title 1</h2>, <section> <button type="button" data-modal="modal-2">Open SubModal</button> <Modal id={idSub} content={contentSub}/> </section>, <small>Rodapé 1</small> ]; const id = "modal-1"; ReactDOM.render( <Modal id={id} content={content}/>, document.getElementById('modal-content') ); </script> </body> </html> js/modal.js class Modal extends React.Component{ constructor(props) { super(props); this.id = this.props.id; this.backgroudColorHeader = this.props.backgroudColorHeader === undefined ? 'rgba(103, 117, 240, 1)' : this.props.backgroudColorHeader; this.textColorHeader = this.props.textColorHeader === undefined ? '#fff' : this.props.textColorHeader; this.backgroudColorBody = this.props.backgroudColorBody === undefined ? 'rgba(255, 255, 255, 1)' : this.props.backgroudColorBody; this.textColorBody = this.props.textColorBody === undefined ? '#000' : this.props.textColorBody; this.backgroudColorFooter = this.props.backgroudColorFooter === undefined ? 'rgba(103, 117, 240, 1)' : this.props.backgroudColorFooter; this.textColorFooter = this.props.textColorFooter === undefined ? '#fff' : this.props.textColorFooter; this.borderRadius = this.props.borderRadius === undefined ? '8px' : this.props.borderRadius; this.content = this.props.content === undefined ? [<h2>header content</h2>, <p>body content</p>, <p>footer content</p>] : this.props.content; this.size = this.props.size === undefined ? 3 : this.props.size; } closeModal = () => { $('#'+this.id).removeClass("show"); $('body').removeClass("overflow-hidden"); }; render(){ $(`[data-modal]`).click( function () { var id = $(this).attr("data-modal"); var el = document.getElementById(id); $(el).addClass("show"); $('body').addClass("overflow-hidden"); }); var background, text; background = this.backgroudColorHeader; text = this.textColorHeader; const transparencyBackgroundHeader = background.substring(background.length-2,background.length-1) -.1; const backgroundColorHeader = `${background.substring(0,background.length-2)}${transparencyBackgroundHeader})`; const styleColorHeader = { backgroundColor: backgroundColorHeader, color: text, borderBottom: `1px solid ${background}` }; background = this.backgroudColorBody; text = this.textColorBody; const styleColorBody = { backgroundColor: background, color: text }; background = this.backgroudColorFooter; text = this.textColorFooter; const transparencyBackgroundFooter = background.substring(background.length-2,background.length-1) -.1; const backgroundColorFooter = `${background.substring(0,background.length-2)}${transparencyBackgroundFooter})`; const styleColorFooter = { backgroundColor: backgroundColorFooter, color: text, borderTop: `1px solid ${background}` }; const styleBorderRadius = {borderRadius: this.borderRadius}; const eDivision = ['h', 'b', 'f']; const eContent = this.content; var div = []; for (var i=0;i<eContent.length;i++){ const part = eDivision[i].replace('h', 'header').replace('b', 'body').replace('f', 'footer')+"-modal"; const closeModal = i === 0 ? <span onClick={this.closeModal} className="close-modal"><i className="material-icons">close</i></span> : "" ; var style; if (i===0) style = styleColorHeader; else if (i===1) style = styleColorBody; else style = styleColorFooter; div.push(<div key={i+1} className={part} style={style}> {closeModal} {eContent[i]} </div>); } const eSize = this.size; const s = ['s', 'm-s', 'm', 'm-l', 'l']; const size = s[eSize-1]; const classModal = (size !== "s" && size !== "m-s" && size !== "m" && size !== "m-l" && size !== "l") ? 'modal-modal modal-m' : "modal-modal modal-"+size; return <div id={this.id} className={classModal}> <div className="overflow-modal"> <div className="container-modal" style={styleBorderRadius}> {div} </div> </div> </div>; } }
  14. explosivemineyt

    Erro no CSS do formulário

    Bom dia, Eu encontro-me a tentar realizar um formulário login do tipo google, mas apesar de estar a funcionar, por vezes quando recarrego a pagina aparece assim e tenho que carregar na pagina ou no campo ou outro local qualquer para atualizar. Gostaria de conseguir corrijir mas apesar de pesquisar não encontro como corrijir. o meu código html: Meu código css: Meu bootstrap.css(ficheiro muito grande, posso disponibilizar por um drive ou algo do genero) bootstrap versão v4.0.0
  15. LuanMartinsTI

    Problema com Plugin de Textarea Tinymce

    Bom dia pessoal, eu estou precisando implementar um plugin de textarea em um site, e ele precisa ter o editor de codigo, exatamente como o do forum, uma parte onde voc'e edita um trecho de codigo em determinada linguagem, ate ai tudo bem, o meu funciona corretamente, ai eu clico em inserir trecho de codigos ele aparece lindo, diferenciando cores de tags e tudo mais como se fosse um editor de texto mesmo, netbeans vs entre outros, mas quando eu posto a noticia o codigo fica apenas cinza como se fosse comentado, eu vou colocar o link das duas imagens pra voc"es entenderem, se alguem souber oq pode ser vai me ajudar muito, eu tentei verificar o inspecionar elemento para ver as tags q eram criadas mas nao criava tags entao estou meio confuso se nao eu mesmo estilizaria as tags, mas como nao cria nao sei oq fazer. imagem 1 https://prnt.sc/mt64zk imagem 2 https://prnt.sc/mt65ca eu n'ao sei se [e pribido postar imagens aqui, entao me desculpem se nao puder, mas em todo caso eu implementei todos os JS e CSS do plugin nas duas paginas, na que escreve a noticia e na que abre a noticia
  16. É mais correto escrever um array ou variável PHP direto no código HTML ou primeiro devo passar as variáveis PHP para JS e so depois usar o getElement para escrever no HTML?
  17. Olá a todos. Tenho uma dúvida e não sei se é possível caso tenha alguma sugestão por favor avise. Adicionar resultado de um innerhtml dentro de um link atributo href é possível? ou seja eu tenho um input onde seleciono um ano <select id="ano"> <option selected>2019</option> <option value="2018">2018</option> <option value="2017">2017</option> </select> <div id="anoAtual"></div> No query pego o valor ou seja o ano selecionado e jogo no html $("select").change(function () { document.getElementById("ano").innerHTML = document.getElementById("anoAtual").value; }); Agora vem a dúvida como eu jogo na URL? existe uma outra forma? é possível? <a href='resultado.php&ano=COMO JOGAR O ANO AQUI?'>
  18. Obs: Esse tópico tem relação com esse aqui tava tentando fazer com base nele mas não consegui e abri esse. Bem galera tô querendo fazer uma movimentação na div, que quando o scroll chegar a determinado ponto quero que a div mude seus atributos CSS tipo o campo de busca desse site quando rola o scroll até determinado ponto ele sobe... meus html, css e js <div class="busca"> <form name="form_busca" action="busca.php"> <input type="text" name="buscar" placeholder="Buscar supermercado, pizzaria, armazém e etc..." required=""/> <button class="btnbusca">BUSCAR</button> </form> </div> .fix-nav-menu { background: #ff0000; margin: 5px 300px; z-index: 1; position: fixed; } .stop-nav-menu { z-index: 1; } .busca{position: absolute;float: left;margin:275px 300px;width: 580px;height: auto;background: #FFFFFF;border-radius: 5px;} <script type="text/javascript"> $("document").ready(function($){ var nav = $('.busca'); $(window).scroll(function () { /* Caso a barra de rolagem seja maior do que 60 e menor do que 800, irá adicionar ao elemento a classe que irá fixa-lo */ if ($(this).scrollTop() > 60 && $(this).scrollTop() < 800) { nav.addClass("fix-nav-menu"); } /* Caso a barra de rolagem seja maior do que 800, irá adicionar ao elemento a classe que irá torna-lo absoluto, e irá alterar o posicionamento superior para 800px */ else if ($(this).scrollTop() > 800) { nav.removeClass("fix-nav-menu"); nav.addClass("stop-nav-menu"); } /* Caso nenhuma das expressões acima sejam verdadeiras, o elemento voltará ao seu estado normal */ else { nav.removeClass("fix-nav-menu"); nav.removeClass("stop-nav-menu"); } }); }); </script> aí tipo com esses códigos ele tá inserindo a classe mas não tá substituindo as atribuições no CSS(Em anexo)
  19. Camila97

    Modal em JS

    Olá, estou tendo dificuldades em um site onde preciso desenvolver um modal ao clicar no botão X para excluir uma despesa, porém, o botão X foi criado no arquivo .js : //botão de excluir: let btn = document.createElement("button") btn.className = 'btn btn-danger' btn.innerHTML = '<i class="fas fa-times"></i>' btn.id = `id_despesa_${d.id}` btn.onclick = function(){ let id = this.id.replace('id_despesa_', ''); bd.remover(id) window.location.reload() } linha.insertCell(4).append(btn) console.log(d) Toda despesa criada, automaticamente é adicionado o botão X ao lado da despesa. Como poderia fazer aparecer um modal ao clicar nele, para saber se o usuário quer cancelar ou excluir a despesa?
  20. M4RC0S J0S3 S1LV4

    Como como fazer 3 input copiar 1

    Me desculpe, mas eu estou com um grande problema, acho que é fácil, mas para mim está sendo muito perturbador pois sou iniciante de JavaScript vamos lá. Eu queria saber como fazer 1 input preencher 2 input, tipo.. tem 3 input A e todos os input A forem preenchidos e no B a mesma coisa só muda que seja só o Input B. entendem? estou necessitando desta super ajuda.
  21. tiagosp

    Expressão aritmética JS

    Estou tentando aplicar uma simples expressão com js, porém o resultado não é como esperado: var horasP = document.getElementById("horas_p").value; //Valor de entrada: 5 var minP = document.getElementById("min_p").value; // Valor de entrada: 45 horasP *= 60 + minP; console.log(horasP); saída: 30045 Ocorre uma concatenação na saída, ele executa somente a multiplicação. Pensei ser um erro na minha expressão, então tentei: horasP *= 60; horasP += minP; saída: 30045 Além disso, o operador "/=" simplesmente não funciona...
  22. Estou tentando inserir essa lógica no scroll da minha página, ele pega corretamente a condição do ife entra no laço. Para todos os demais elementos da página que geram o scroll, ele rola certo, apenas para o button#conheca que não consigo fazer o cálculo da altura. Preciso que ele pegue o offset e some com a altura, devido ao menu que abre em mobile, mas ele está sendo sobrescrito pelo scrollTop anterior. Com qual função devo verificar para executar corretamente a lógica? if($(window).width() <= 768){ $("html, body, button:not(#conheca)").animate({ scrollTop: (target.offset().top - $(window).height()) }, 1000, "easeInOutExpo"); return false; $("#conheca").on("click", function(){ $('#conheca').animate({ scrollTop: (target.offset().top + $(window).height()) }, 1000, "easeInOutExpo"); return false; }); }else{ $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; }
  23. Bisnaguitos

    Node requisição e retorno de dados

    Estou tentando pegar dados de algumas ordens de uma API. Primeiro preciso pesquisar todas as ordens com uma requisição e depois de pegar o id dessas ordens fazer outra requisição para outra uri da API para pegar os dados de cada ordem. O problema é que não consigo resgatar os dados de retorno através de um array. Segue uma tentativa sem sucesso // request de busca const data = await request.get("api.com/search", async(err, data, body)=>{ var arr = [] for(i=0;i<data.length;i++){ const result = await request.get("api.com/order/"+data.id, (e, d, b)=>{ arr.push(d.title) return arr }) } return result; }) console.log(data) Fiz esse código pelo celular só pra exemplificar um dos métodos. Alguém sabe como posso fazer isso funcionar ou se tem uma maneira mais fácil? Obrigado
  24. isaque_cb2

    Edição de template

    Olá! eu estava aqui fazendo meu site, quando me deparei com o problema de fazer um menu "bonito" baixei este template depois de ver o exemplo na net, mas ele é muito complicado pra mim, não sou profissional (mas sou programador iniciante em c#) TEMPLATE mas se alguém puder me ajudar a criar uma pagina deste tipo, sem tantos códigos, eu agradeço, pois do jeito que está eu não consigo nem alterar as cores... pode ser com tutoriais, dicas, videos, etc... ~Grato desde já~
  25. SinoP

    Submit via JS + HTTPS

    Bom dia pessoal Estou com problemas para envio de formulários utilizando https em meu site. Link para verificação: https://www.passatempoloja.com.br/Inicio Adicione algum produto ao carrinho, abra a página do carrinho de compras e tente atualizar sua quantidade. Será exibido o erro - Page should be accessed with HTTPS, but a POST Submission has been sent here. Adjust the form to point to https://www.passatempoloja.com.br/Carrinho Como podem ver estou enviando o POST para o HTTPS, só não entendo o porque do erro. Fico no aguardo de uma luz. Obrigado.
×

Important Information

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