Jump to content

Search the Community

Showing results for tags 'javascript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2205 results

  1. Supondo que tenho um input name = dataHoraINI... Este input tem o valor/value = 21/03/2019 09:00 Chamo a função abaixo pelo <button...: <button class="btn btn-primary" onclick="popdataJGD('dataHoraINI','pop1',document.getElementById('dataHoraINI').value)"> <i class="glyphicon glyphicon-calendar"></i> </button> São 03 parâmetros: popdataJGD(objeto, div, value).. Sendo o 3º: data + hora. Observar que passo para a função o 3º parâmentro assim: document.getElementById('dataHoraINI').value Como poderia passar este 3º paramentro como string e inline a data e hora ??? Qual diferença entre: document.getElementById('dataHoraINI').value E this.value E/Ou ainda. var data_hora = "21/03/2019 09:00" Neste caso : popdataJGD(objeto, div, data_hora)... Observar no code acima a questão das aspas simples. Agradeço qualquer ajuda conceitual
  2. Senhores, preciso de uma ajuda, estou criando um formulário onde o checkbox fique "checked" quando clicar em cima, mas o detalhe e que quando atualizar a pagina o checkbox permaneça marcado. É possível?
  3. alh

    Erro integração OPENCART API

    Estou seguindo as especificações corretamente do git. https://github.com/opencartbrasil/opencart-rest-api/blob/master/README.md Estou tendo o erro ao acessar minha página de integração: ERRO: Not found (entity) Ao acessar minha página que contém o seguinte código: categorias.php No arquivo abaixo estou colocando a minha KEY e domínio correto. <?php $headers = array(); $headers[] = 'Content-Type: application/json'; $headers[] = 'key: MINHAKEY'; // // Replace key value for API key OpenCart (Only numbers and letters) $ch = curl_init(); curl_setopt_array($ch, [ CURLOPT_URL => 'http://www.NOMEDOMEUDOMINIO.com.br/api.php/categories', // Replace domain and table name CURLOPT_HTTPHEADER => $headers, CURLOPT_CUSTOMREQUEST => 'GET', CURLOPT_RETURNTRANSFER => true, CURLOPT_SSL_VERIFYHOST => false, CURLOPT_SSL_VERIFYPEER => false ]); $out = curl_exec($ch); curl_close($ch); print_r( $out ); // Result json ?>
  4. Preciso de ajuda! Pode parecer uma dúvida besta, mas sou nova nessa área e não estou conseguindo resolver essa questão da facul! A questão é: 1) Faça o fluxograma e depois faça o código em Javascript de um programa que lê 3 notas obtidas por um aluno e depois calcule e imprima a média dos para avaliação, usando a fórmula abaixo. Imprimir depois o conceito, conforme a tabela abaixo. Use o prompt no javascript e um botão que mostre a média e o conceito depois que do clique no mesmo. MA = (Nota1 + Nota2 x 2 + Nota3 x 3 + ME )/7 Média de Aproveitamento Conceito 10 A 7,5 e < 10 B 4,0 e < 7,5 C < 4,0 D Meu código ficou assim: <!DOCTYPE html> <html> <head> </head> <body> Para calcular sua media e saber seu conceito, clique no botao abaixo: <br> <br> <button onclick='mostra()'>Try it</button> <p id="resp"></p> <br> <br> <script> function mostra(){ var nota1 = prompt ("Digite a nota 1"); var resp1 = parseInt (nota1); var nota2 = prompt ("Digite a nota 2"); var resp2 = parseInt (nota2); var nota3 = prompt ("Digite a nota 3"); var resp3 = parseInt (nota3); var ME = (resp1 + resp2 + resp3)/3; var MA = resp1 + (resp2 * 2) + (resp3 * 3) + ME/7; if (MA=10) { document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi A!"); } else if (MA=7.5&&MA<10){ document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi B!"); } else if (MA=4&&MA<7.5){ document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi C!"); } else if (MA<4){ document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi D!"); } } </script> </body> </html> Mas sempre volta como conceito A, não importa os valores que coloco :( Obrigado!
  5. Bom dia amigos, estou iniciando no javascript e tenho seguinte problema, preciso que o javascript mostre uma campo justificativa se a data selecionada no input for superior a 5 dias da data atual. O script que estou tentando dazer funcionar é este: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script> function obtemMes() { var mes = document.getElementById("dataselecionada").value; if (mes<>"2019-03-15"){document.getElementById("mes").style.display = "none";} </script> <div class="form-group col-md-3"> <label>Data</label> <input type="date" id="dataselecionada" class="form-control" onchange="obtemMes()"> </div> <div class="form-group col-md-3" id="mes"> <label>Mes</label> <input type="text" class="form-control"> </div> Qualquer ajuda é bem vinda
  6. Saudações, sou novo no forum, mas não em pesquisas e este tem me ajudado muito em meus estudos, mas esbarrei em um problema e não estou encontrando uma solução que eu entenda seu funcionamento, o problema: O form que estou desenvolvendo em PHP possuí alguns campos checkbox e através de jvs eu consigo habilitá-los ou não por opção sim ou não (radio + onclick): <script> function enbl(form) { form.x_daye[0].disabled = false; form.x_daye[1].disabled = false; form.x_daye[2].disabled = false; } function disbl(form) { form.x_daye[0].disabled = true; form.x_daye[1].disabled = true; form.x_daye[2].disabled = true; } </script>"; <input type=radio name=v_mandaemail value=NAO onClick=disbl(this.form)>NAO <input type=radio name=v_mandaemail value=SIM onClick=enbl(this.form)>SIM <input type=checkbox id=x_daye name=v_exc_day[] value=arq1>arq1 <input type=checkbox id=x_daye name=v_exc_day[] value=arq2>arq2 <input type=checkbox id=x_daye name=v_exc_day[] value=arq3>arq3 ... Bom, isso está funcionando, mas se houver mais arquivos(arq*) e esta quantidade for listada em um "while" , como posso fazer que a mesma função oriente qualquer checkbox listado. Muito grato RM
  7. 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!
  8. 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>; } }
  9. preciso de ajuda com uma pagina index que tem charset=utf-8 e usa o comando window.addEventListener('DOMContentLoaded', function() { $("#pagina").load('pagina.html'); para exibir ela inteira no index a pagina a ser carregada recebe umas tags do sistema mk auth e oque acontece é erro nas letras como ç,á,ã fica com ���� no lugar. alguém poderia me orientar ? já não sei mais oque fazer!
  10. HTML : <ul class="dropdown-menu"> <div id = "test"> <button><a id ="epicTable" class='btn btn-success teste' class="collapse-item" tabindex="-1" href="tables.html">Epic</a></button> </div> </ul> Javascript : $(document).ready(function(){ $.ajax({ url : "", type : "get", crossDomain: true, dataType : "json", success : function(data){ console.log(data); data.forEach((epic) => { console.log(epic.Collection) $('#epicTable').append(`<tr> <td>${epic.Id}</td> <td>${epic.Collection}</td> <td>${epic["Primavera.Common.Teams"]}</td> <td>${epic["System.State"]}</td> <td>${epic["System.IterationPath"]}</td> <td>${epic["System.Title"]}</td> </tr>`) }) $("#txtId").val(data.Id); $("#txtSystem.Collections").val(data.Collections); $("#txtSystem.Primavera.Common.Teams").val(data.Primavera.Common.Teams); $("#txtSystem.System.State").val(data.System.State); $("#txtSystem.System.IterationPath").val(data.System.IterationPath); $("#txtSystem.System.Title").val(data.System.Title); }, error : function(erro){ console.log(erro); } }); });
  11. HTML : <ul class="dropdown-menu"> <div id = "test"> <button><a id ="epicTable" class='btn btn-success teste' class="collapse-item" tabindex="-1" href="tables.html">Epic</a></button> </div> </ul> Javascript : $(document).ready(function(){ $.ajax({ url : "", type : "get", crossDomain: true, dataType : "json", success : function(data){ console.log(data); data.forEach((epic) => { console.log(epic.Collection) $('#epicTable').append(`<tr> <td>${epic.Id}</td> <td>${epic.Collection}</td> <td>${epic["Primavera.Common.Teams"]}</td> <td>${epic["System.State"]}</td> <td>${epic["System.IterationPath"]}</td> <td>${epic["System.Title"]}</td> </tr>`) }) $("#txtId").val(data.Id); $("#txtSystem.Collections").val(data.Collections); $("#txtSystem.Primavera.Common.Teams").val(data.Primavera.Common.Teams); $("#txtSystem.System.State").val(data.System.State); $("#txtSystem.System.IterationPath").val(data.System.IterationPath); $("#txtSystem.System.Title").val(data.System.Title); }, error : function(erro){ console.log(erro); } }); });
  12. Olá, estou criando um bot em node.js no VS Code, gostaria de saber se tem como fazer um painel para executar os comandos dele. Vamos supor que o BOT é para fazer uma pesquisa, e teria um painel em JAVA onde teria um campo para enviar mensagem, eu digitaria o tema da pesquisa, por exemplo Terra, e o BOT iria pesquisar e me retornar um texto sobre o tema digitado. Já procurei no github, porém não achei nada que eu poderia usar como base, o que eu quero saber é se tem como ligar o node.js com o java, ou seja, fazer com que o java execute o comando no terminal e depois retorna a resposta.
  13. athos.abreu

    Comparação de Resultados

    Boa noite, estou fazendo esse código de sorteio, porém, não estou conseguindo devolver a comparação no segundo campo. se sair o número 1, tem que devolver no segundo campo, o nome id1 se sair o número 2, tem que devolver no segundo campo, o nome id2 segue o código, obs: o primeiro campo faz o random corretamente, estou com dificuldade comparar os resultados. <script type="text/javascript"> var nomes = ["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21"] var id = [id1, id2,id3, id4, i5, id6, id7, id8, id9, id10,id11, id12,id13, id14, i15, id16, id17, id18, id19, id20,id21] id1 = ["GabrielOscar20"] id2= ["cauzeraa"] id3=["Vitinh0Delas"] id4 = ["Kurtz21"] id5 = ["mauricioMB2020"] id6 = ["vncampos"] id7 = ["DeathAmesth"] id8 = ["ViniciusRamos12"] id9 = ["Misguidedeggman15401"] id10 = ["DividedBat9478"] id11 = ["DalalibereShadow"] id12 = ["VanquishedJester3427"] id13 = ["FlushestStar829"] id14 = ["Dredsdani"] id15 = ["Riiquebr16"] id16 = ["Destroctor12"] id17 = ["Rapidcreature17"] id18 = ["Xtentaza1"] id19 = ["FelipeKazzoid"] id20 = ["ricmeier"] id21 = ["Jogadorfelizdopaq"] function sorteio() { var c = document.getElementById('campo'); var d = document.getElementById('campo2'); var i = 0; var v = 5; var t = 2000; var intervalo = window.setInterval(function() { if (i >= nomes.length) i = 0; c.value = nomes[i++]; }, v); window.setTimeout(function() { clearInterval(intervalo); var n = Math.floor(Math.random()*nomes.length); c.value = nomes[n]; for(c=0;c<21;c++){ id= c; d.value =id[c]; }} , t);} </script> <div id="sorteio"> <h1>Sorteio Aleatório Pacybits Brasil:</h1> <p> Numéro Sorteado: <input type="text" id="campo" name="campo"> </p> <p>ID do Ganhador: <input type="text" id="campo2" name="campo2"> <br> <input type="button" onClick="sorteio();" value="Sortear" id="btn" name="btn"> </p> <div id="config"> <h2>by Athos Abreu</h2> </div> </div>
  14. Alguém tem uma dica de como extrair as coordenadas dos trechos que compõem o mapa da rede em http://nossarede.comgas.com.br ? Os arquivos ViewportInfoService.js parecem ser o caminho. Mas não consegui entender o formato.
  15. Gostaria de fazer uma modificação de um módulo já pronto de Auto completar o Endereço. Ele localiza o endereço, cidade e estado através do cep. O que eu gostaria é o seguinte: - Se localiza o endereço completo do cliente: adicionar um css "sem-bordas"- Se não, apresenta os campos para digitação manual de endereço, cidade e estado e o css "com-bordas".Abaixo o código original: $(function(){ $('input[name="postcode"]').blur(function(){ var cep = $.trim($('input[name="postcode"]').val().replace('-', '')); //$.getScript ("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+cep, function(){ $.getJSON("https://viacep.com.br/ws/"+ cep +"/json/?callback=?", function(dados){ if(!("erro" in dados)){ $('input[name="address_1"]').val(dados.logradouro); $('input[name="address_1"]').parent().parent().fadeIn('slow'); $('input[name="address_2"]').val(dados.bairro); $('input[name="address_2"]').parent().parent().fadeIn('slow'); $('input[name="city"]').val(unescape(dados.localidade)); $('input[name="city"]').parent().parent().fadeIn('slow'); $('select[name="zone_id"]').parent().parent().fadeIn('slow'); $('select[name="country_id"]').find('option[value="30"]').attr('selected', true); $.post('index.php?route=account/register/estado_autocompletar&estado=' + unescape(dados.uf), function(zone_id){ $.ajax({ url: 'index.php?route=account/register/country&country_id=30', dataType: 'json', beforeSend: function() { $('select[name=\'country_id\']').after(' <i class="fa fa-circle-o-notch fa-spin"></i>'); }, complete: function() { $('.fa-spin').remove(); }, success: function(json) { if (json['postcode_required'] == '1') { $('#postcode-required').parent().parent().addClass('required'); } else { $('#postcode-required').parent().parent().removeClass('required'); } var html = '<option value=""><?php echo $text_select; ?></option>'; if (json['zone'] != '') { for (i = 0; i < json['zone'].length; i++) { html += '<option value="' + json['zone'][i]['zone_id'] + '"'; if (json['zone'][i]['zone_id'] == zone_id) { html += ' selected="selected"'; } html += '>' + json['zone'][i]['name'] + '</option>'; } } else { html += '<option value="0" selected="selected"><?php echo $text_none; ?></option>'; } $('select[name=\'zone_id\']').html(html); } }); }); } }); }); }); Acredito que seja isto a ser feito: success: function(json) { if (json['postcode_required'] == '1') { $('#postcode-required').parent().parent().addClass('required'); } else { $('#postcode-required').parent().parent().removeClass('required'); } if(json['address_1'] == '0'){//mycode $('#input-address-1').addClass('sem-bordas'); }else{ $('#input-address-1').removeClass('sem-bordas'); }//end mycode Mas não deu certo. Alguma dica? Desde já agradeço
  16. WagnerFilho

    CSS - Position: Sticky

    Olá, Seguindo exatamente o exemplo abaixo, alguém pode me ajudar a trabalhar o position:sticky Hoje, a próxima data está se posicionando em cima da data atual. Desta forma, a opacidade e a sombra da data está ficando em 100%, gerando uma visão grotesca, caso haja muitas datas. Eu quero que a data anterior, suba com o scroll e dê lugar para a próxima data. Se eu adicionar a data e os diálogos em um container, dá certo, porém, preciso trabalhar com o que tenho abaixo. Javascript também é aceito para este trabalho o que tenho até agora jsfiddle <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content="sticky"> <meta name="viewport" content="width=device-width"> </head> <body> <div class="chat"> <div class="data">05/03/2019</div> <div class="box recebido">Olá</div> <div class="box enviado">Oi, tudo bem ?</div> <div class="data">06/03/2019</div> <div class="box recebido">Tudo bem!</div> <div class="box recebido">e voce ?</div> <div class="box enviado">Tudo bem tambem</div> <div class="box recebido">preciso de ajuda</div> <div class="box recebido">Voce pode me ajudar</div> <div class="data">07/03/2019</div> <div class="box enviado">Talvez sim</div> <div class="box enviado">O que voce precisa</div> <div class="box recebido">Como posso utilizar o position:sticky ?</div> <div class="box enviado">Deixe-me ver</div> <div class="box enviado">Acho que posso te ajudar</div> <div class="box recebido">Certo</div> </div> </body> <style> * { margin: 0px; padding: 0px; } .chat { overflow: auto; border: solid 1px black; position: fixed; left: 50%; top: 50%; background-color: #e5ddd5; z-index: 100; height: 500px; margin-top: -200px; width: 500px; margin-left: -300px; } .box { width: 300px; margin: 30px auto; padding: 20px; text-align: center; font-weight: 400; color: black; font-family: arial; position: relative; border-radius: 20px; } .box.enviado { background: #dcf8c6; } .box.recebido { background: white; } .recebido:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid white; border-right: 10px solid transparent; border-top: 10px solid white; border-bottom: 10px solid transparent; left: 19px; bottom: -19px; } .enviado:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid #dcf8c6; border-top: 10px solid #dcf8c6; border-bottom: 10px solid transparent; right: 19px; bottom: -19px; } .data { background-color: rgba(225, 245, 254, 0.92); color: rgba(69, 90, 100, 0.95)!important; padding: 5px 12px 6px 12px!important; border-radius: 7.5px!important; box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13)!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4)!important; margin-bottom: 8px!important; margin-top: 8px!important; margin-right: auto!important; margin-left: auto!important; max-width: 75px; opacity: 0.8; z-index: 2; } .data { top: 10px; position: sticky; } </style> </html>
  17. Edson L. Zimmermann

    Função multiplicar em várias linhas

    Boa tarde Estou precisando que a mesma função funcione em várias linhas, porém só funciona na primeira linha, como o código abaixo mostra, a quantidade de linhas é dinâmicas, e o usuário vai alterar as informações linha após linha. <tbody> <?php foreach ($cotacoes_itens->findPorcotacao($id) as $key => $value) { ?> <tr> <td><?php echo $value->ci_id?></td> <td><?php echo $value->ci_solicitacao?></td> <td><?php echo $value->ci_produto?></td> <td><?php echo $value->pro_nome?></td> <td><?php echo number_format($value->ci_quantidadesol,2,',','.')?></td> <td><input type="text" name="cfi_icms" id="cfi_icms" class="form-control" value="0"></td> <td><input type="text" name="cfi_ipi" id="cfi_ipi" class="form-control" value="0"></td> <td><input type="text" name="cfi_desconto" id="cfi_desconto" class="form-control" value="0"></td> <td><input type="text" name="cfi_valorunit" id="cfi_valorunit" class="form-control" value="0"></td> <td><input type="text" name="cfi_quantidade" id="cfi_quantidade" class="form-control" value="<?php echo number_format($value->ci_quantidadesol,2,',','.')?>" onblur="multiplica()"></td> <td><input type="text" name="cfi_valortotal" id="cfi_valortotal" class="form-control"></td> <td><input type="submit" value="ok" class="btn btn-success"></td> </tr> <?php } ?> </tbody> Abaixo a função multiplica() que só funciona na primeira linha. <script> function multiplica() { var icms = document.getElementById("cfi_icms").value; var ipi = parseFloat(document.getElementById("cfi_ipi").value).toFixed(2); var desconto = parseFloat(document.getElementById("cfi_desconto").value).toFixed(2); var valorunit = parseFloat(document.getElementById("cfi_valorunit").value).toFixed(2); var quantidade = parseFloat(document.getElementById("cfi_quantidade").value).toFixed(2); var x_desconto = (parseFloat(desconto/100) * parseFloat(valorunit)).toFixed(2); var valorunit = (parseFloat(valorunit) - parseFloat(x_desconto)).toFixed(2); var x_do_ipi_unit = (parseFloat(ipi/100) * parseFloat(valorunit)).toFixed(2); var x = (parseFloat(x_do_ipi_unit) + parseFloat(valorunit)).toFixed(2); var result = parseFloat(quantidade * x).toFixed(2); document.getElementById("cfi_valortotal").value = result; } </script> Eu até entendi porque só está funcionando na primeira linha a função, mas não estou conseguindo fazer funcionar em outras linhas.
  18. É 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?
  19. wesleyexee

    Menu JavaScript

    /* Navegação visível no Scroll */ mainNav(); $(window).scroll(function () { mainNav(); }); function mainNav() { var top = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; if (top > 40) $('.menuInvisivel').stop().animate({ "opacity": '1', "top": '0' }); else $('.menuInvisivel').stop().animate({ "opacity": '0.3', "top": '0' }); } PORQUE QUANDO EU SUBSTITUO O OPACITY POR BACKGROUND NÃO FUNCIONA /* Navegação visível no Scroll */ mainNav(); $(window).scroll(function () { mainNav(); }); function mainNav() { var top = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; if (top > 40) $('.menuInvisivel').stop().animate({ "background": 'white', "top": '0' }); else $('.menuInvisivel').stop().animate({ "background": 'transparent', "top": '0' }); } queria substituir para que ele fique transparente meu menu e não invisível.
  20. lucianfpaula

    Criador de site tipo wix.com

    Olá gostaria de saber se alguém poderia me dar a direção para o seguinte: Quero desenvolver um serviço do tipo wix, onde a pessoa pode criar o site dela baseado em um template que irá ter no sistema. muito grato
  21. Shiroma

    Texto que aparece e oculta

    Olá pessoal, tudo bom? Estou precisando de uma ajuda, baixei um arquivo , página em html e o jquery.js - No html tem 3 tópicos escritos a mesma coisa : Revelar Conteúdo e quando clica neles a frase muda para Esconder Conteúdo. - Gostaria de poder alterar cada tópico, exemplo: - Topico 1 - Já fez sua oração hoje? - Topico 2 - Está sentindo um vazio em sua vida? - Topico 3 - Está feliz? E quando a pessoa clicar no Tópico, em vez da frase mudar para Esconder Conteúdo, quero que permaneça como está: - Se está: Já fez sua oração hoje? - continua a mesma sem mudar ( também aquele sub tópico: Conteúdo 1, Conteúdo 2, Conteúdo 3 que aparece quando clica no tópico, gostaria de eliminar, acho desnecessário ele ) Minha ideia é fazer vários Tópicos diferentes, uma média de 170. vou enviar agora os códigos das páginas: HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Toggle texto</title> <style type="text/css" media="all"> #box-toggle { width:100%; max-width: 500px; margin:0 ; text-align:justify; font:12px/1.4 Arial, Helvetica, sans-serif; } #box-toggle .tgl {margin-bottom:30px;} #box-toggle span { display:block; cursor:pointer; font-weight:bold; font-size:14px; color:#336699; margin-top:15px; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery.fn.toggleText = function(a,b) { return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;})); } $(document).ready(function(){ $('.tgl').before('<span>Revelar conteúdo</span>'); $('.tgl').css('display', 'none') $('span', '#box-toggle').click(function() { $(this).next().slideToggle('slow') .siblings('.tgl:visible').slideToggle('fast'); $(this).toggleText('Revelar','Esconder') .siblings('span').next('.tgl:visible').prev() .toggleText('Revelar','Esconder') }); }) </script> </head> <body> <div id="box-toggle"> <div class="tgl"> <h2>Conteúdo um</h2> <p>Teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</p> </div> <div class="tgl"> <h2>Conteúdo dois</h2> <p>Conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2 conteúdo 2</p> </div> <div class="tgl"> <h2>Conteúdo três</h2> <p>jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery</p> </div> </div> </body> </html> ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- JQUERY.JS O Jquety.js é do ano de 2007, não coloquei aqui porque tem mais de 3.000 linhas mas se for necessário posso enviar o arquivo desde já muito grato fiquem todos com Deus.
  22. Jorge Euldes

    Página para Gerar Crachás

    Boa tarde galera, Estou com o seguinte problema, tô criando uma página em que essa página o usuário escolhe um arquivo do pc, que será o layout do seu crachá, o layout aparece na tela sem texto nenhum e o usuário pode colocar tags como: {{nome}} {{funcao}} e etc. Só que não tem idéia de como fazer pra "editar" esse arquivo pela página, ou seja colocar os dados que ele digitar no layout do crachá. Não sei se é possivel editar esse arquivo png(ou psd), já pesquisei muito a respeito e não achei uma solução parar gerar esses crachás. Não precisa me dar algum código pronto, quero pelo menos uma luz, uma ferramenta que seja possível fazer isso. Obrigado!
  23. Boa noite pessoal, estou com um problema em um script fantástico. Seguinte, quem quiser visualizar ele está aqui: https://www.radiorec.com.br/teste/ A função do script é: O usuário seleciona a forma que vai querer gravar o áudio, .mp3, .wav ou .ogg. Ele clica em Record (é solicitada permissão de gravar com o microfone); Aperta Stop, um player aparece com o áudio gravado para ele escutar e um link temporário para download. A questão é: Ao invés de gravar o microfone do usuário, eu gostaria de possibilitar o usuário gravar uma rádio stream que eu determinarei. No caso, acredito que eu tenha que substituir o "getUserMedia" pelo "link da stream", ou eu coloco tipo o player na mesma página tocando e peço pro script captar o audio que vem do player.. Gente de verdade, tenho conhecimento básico, estou tentando fazer isso há uns dias, mas não acho nada que me ajude.. Quem puder me ajudar ou dar uma luz para onde eu seguir.. muito obrigado, abçs.. o código é: //webkitURL is deprecated but nevertheless URL = window.URL || window.webkitURL; var gumStream; //stream from getUserMedia() var recorder; //WebAudioRecorder object var input; //MediaStreamAudioSourceNode we'll be recording var encodingType; //holds selected encoding for resulting audio (file) var encodeAfterRecord = true; // when to encode // shim for AudioContext when it's not avb. var AudioContext = window.AudioContext || window.webkitAudioContext; var audioContext; //new audio context to help us record var encodingTypeSelect = document.getElementById("encodingTypeSelect"); var recordButton = document.getElementById("recordButton"); var stopButton = document.getElementById("stopButton"); //add events to those 2 buttons recordButton.addEventListener("click", startRecording); stopButton.addEventListener("click", stopRecording); function startRecording() { console.log("startRecording() called"); /* Simple constraints object, for more advanced features see https://addpipe.com/blog/audio-constraints-getusermedia/ */ var constraints = { audio: true, video:false } /* We're using the standard promise based getUserMedia() https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia */ navigator.mediaDevices.getUserMedia(constraints).then(function(stream) { __log("getUserMedia() success, stream created, initializing WebAudioRecorder..."); /* create an audio context after getUserMedia is called sampleRate might change after getUserMedia is called, like it does on macOS when recording through AirPods the sampleRate defaults to the one set in your OS for your playback device */ audioContext = new AudioContext(); //update the format document.getElementById("formats").innerHTML="Format: 2 channel "+encodingTypeSelect.options[encodingTypeSelect.selectedIndex].value+" @ "+audioContext.sampleRate/1000+"kHz" //assign to gumStream for later use gumStream = stream; /* use the stream */ input = audioContext.createMediaStreamSource(stream); //stop the input from playing back through the speakers //input.connect(audioContext.destination) //get the encoding encodingType = encodingTypeSelect.options[encodingTypeSelect.selectedIndex].value; //disable the encoding selector encodingTypeSelect.disabled = true; recorder = new WebAudioRecorder(input, { workerDir: "js/", // must end with slash encoding: encodingType, numChannels:2, //2 is the default, mp3 encoding supports only 2 onEncoderLoading: function(recorder, encoding) { // show "loading encoder..." display __log("Loading "+encoding+" encoder..."); }, onEncoderLoaded: function(recorder, encoding) { // hide "loading encoder..." display __log(encoding+" encoder loaded"); } }); recorder.onComplete = function(recorder, blob) { __log("Encoding complete"); createDownloadLink(blob,recorder.encoding); encodingTypeSelect.disabled = false; } recorder.setOptions({ timeLimit:120, encodeAfterRecord:encodeAfterRecord, ogg: {quality: 0.5}, mp3: {bitRate: 160} }); //start the recording process recorder.startRecording(); __log("Recording started"); }).catch(function(err) { //enable the record button if getUSerMedia() fails recordButton.disabled = false; stopButton.disabled = true; }); //disable the record button recordButton.disabled = true; stopButton.disabled = false; } function stopRecording() { console.log("stopRecording() called"); //stop microphone access gumStream.getAudioTracks()[0].stop(); //disable the stop button stopButton.disabled = true; recordButton.disabled = false; //tell the recorder to finish the recording (stop recording + encode the recorded audio) recorder.finishRecording(); __log('Recording stopped'); } function createDownloadLink(blob,encoding) { var url = URL.createObjectURL(blob); var au = document.createElement('audio'); var li = document.createElement('li'); var link = document.createElement('a'); //add controls to the <audio> element au.controls = true; au.src = url; //link the a element to the blob link.href = url; link.download = new Date().toISOString() + '.'+encoding; link.innerHTML = link.download; //add the new audio and a elements to the li element li.appendChild(au); li.appendChild(link); //add the li element to the ordered list recordingsList.appendChild(li); } //helper function function __log(e, data) { log.innerHTML += "\n" + e + " " + (data || ''); }
  24. Marcus Vinicius SM

    Estou com um problema de link da play.google

    Boa tarde estou com um problema com este comando <div class="home-content__btn-wrap"> <a href="http://bit.ly/agendanimal-android" onClick="dialogFiltro('2');" class="btn btn--primary home-content__btn button round large"> Baixe o aplicativo</a> </div> <div class="home-content__btn-wrap"> <a href="https://play.google.com/store/apps/details?id=com.ionicframework.dpvet189491&hl=pt" onClick="dialogFiltro('2');" class="btn btn--primary home-content__btn button round large"> Baixe o aplicativo!</a> </div> realizei destas duas maneiras porem somente no meu domínio (.COM) o button realiza a a função esperado que me leva a play.google e nos meu dominios (.COM.BR) ela não funciona agendaanimal.com.br agendanimal.com.br agendaanimal.com agendanimal.com
×

Important Information

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