Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''jquery''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • 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

LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 669 registros

  1. Auto cálculo em Jquery não funciona

    Bom dia pessoal. Eu fui, fazendo, acertando, até conseguir finalizar um auto cálculo em Jquery, que ficou funcionando corretamente. Fiz em um formulário de outra página. Porém, fui usar o mesmo script em uma nova página, conferindo sempre nomes, classes e afins. Mesmo batendo tudo, neste novo formulário, o auto cálculo não funciona. Já revirei tudo, mas não consigo encontrar porque ele não funciona. Pela primeira vez usei o JSFiddle (aqui), mas segue também escrito o que fiz até agora: <script src="https://blackrockdigital.github.io/startbootstrap-sb-admin-2/vendor/jquery/jquery.min.js"></script> <script type="text/javascript" src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script> <form name="pedido" id="pedido" method="post" enctype="multipart/form-data" action=""> <div class="row"> <div class="form-group col-md-6"> <input type="text" name="nome" class="form-control" id="nome" placeholder="Nome" tabindex="1"/> </div> <div class="form-group col-md-6"> <input type="text" name="sobrenome" class="form-control" id="sobrenome" placeholder="Sobrenome" tabindex="2"/> </div> <div class="form-group col-md-6"> <input type="text" name="telefone" class="form-control telefone" id="telefone" placeholder="Telefone/ Celular" maxlength="15" tabindex="3"> </div> <div class="form-group col-md-6"> <input type="text" name="email" class="form-control" id="email" placeholder="E-mail" tabindex="4"/> </div> <div class="form-group col-md-6"> <div class="form_select_config"> <select name="estado" tabindex="5" style="background-color: #FFFFFF;"> <option value="">Selecione o estado</option> <option value="01">Acre</option><option value="02">Alagoas</option><option value="04">Amapá</option><option value="03">Amazonas</option><option value="05">Bahia</option><option value="06">Ceará</option><option value="07">Distrito Federal</option><option value="08">Espírito Santo</option><option value="09">Goiás</option><option value="10">Maranhão</option><option value="13">Mato Grosso</option><option value="12">Mato Grosso do Sul</option><option value="11">Minas Gerais</option><option value="14">Pará</option><option value="15">Paraíba</option><option value="18">Paraná</option><option value="16">Pernambuco</option><option value="17">Piauí</option><option value="19">Rio de Janeiro</option><option value="20">Rio Grande do Norte</option><option value="23">Rio Grande do Sul</option><option value="21">Rondônia</option><option value="22">Roraima</option><option value="24">Santa Catarina</option><option value="26">São Paulo</option><option value="25">Sergipe</option><option value="27">Tocantins</option> </select> </div> </div> <div class="form-group col-md-6"> <div class="form_select_config"> <select name="cidade" tabindex="6"> <option value="" selected="selected" disabled="disabled">Escolha um estado primeiro</option> </select> </div> </div> <div class="form-group col-md-12"> <textarea class="form-control" rows="5" name="mensagem" id="mensagem" placeholder="Mensagem" tabindex="7"></textarea> </div> <div class="clear"></div> <div class="form-group col-md-12"> <div class="linha_topo_orc"> <div class="row"> <div class="nome_desktop"> <p class="exp" style="text-align: center;">Selecione</p> </div> <div class="nome_smartphone text-center-mobile"> <div class="col-md-12"> <div class="col-md-2"> <p class="exp">&nbsp;</p> </div> <div class="col-md-2"> <p class="exp">Espécie</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Quant.</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Tamanho</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Preço</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Total</p> </div> </div> </div> </div> </div> <!-- <label for="id_item_up[]" generated="true" class="error" style="display:none;"></label> --> <div class="linha_orc"> <div class="row"> <div style="visibility: hidden; height: 1px;"> <input name="id_item_up[33]" id="id_item_up[33]" class="checkbox-custom" type="checkbox" value="33" style="width:50%;" tabindex="18" checked> </div> <div class="col-md-2"> <img src="/projetos/centraldopeixe/images/especies/orc/4a42e1b24720547d3082481bccb02ad5.jpg" style="margin-top: 15%;"> </div> <div class="col-md-2 no_padding"> <div class="nome_smartphone"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important;">Tilápia</div> </div> <div class="nome_desktop"> <p class="nome_esp input_esp">Tilápia</p> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="quantidade[33]" id="quantidade[33]" class="form-control input_qtde qtde_orc" placeholder="Quant."/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <div class="form_select_config fs_pedido"> <select name="tamanho[33]" id="tamanho[33]" class="s_pedido"> <option value="" selected="selected" disabled="disabled">Tamanho</option> <option value="Alevino">Alevino</option> <option value="Juvenil">Juvenil</option> <option value="Adulto">Adulto</option> </select> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="preco[33]" id="preco[33]" value="" class="form-control input_qtde real valor_orc" placeholder="Preço"/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="total[33]" id="total[33]" class="form-control input_qtde valor_total_orc" placeholder="Total"/> </div> <div style="visibility: hidden; height: 1px;"> <input name="id_item_up[7]" id="id_item_up[7]" class="checkbox-custom" type="checkbox" value="7" style="width:50%;" tabindex="18" checked> </div> <div class="col-md-2"> <img src="/projetos/centraldopeixe/images/especies/orc/23996772607f968bd784686d66c1348a.jpg" style="margin-top: 15%;"> </div> <div class="col-md-2 no_padding"> <div class="nome_smartphone"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important;">Black Bass</div> </div> <div class="nome_desktop"> <p class="nome_esp input_esp">Black Bass</p> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="quantidade[7]" id="quantidade[7]" class="form-control input_qtde qtde_orc" placeholder="Quant."/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <div class="form_select_config fs_pedido"> <select name="tamanho[7]" id="tamanho[7]" class="s_pedido"> <option value="" selected="selected" disabled="disabled">Tamanho</option> <option value="Alevino">Alevino</option> <option value="Juvenil">Juvenil</option> <option value="Adulto">Adulto</option> </select> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="preco[7]" id="preco[7]" value="" class="form-control input_qtde real valor_orc" placeholder="Preço"/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="total[7]" id="total[7]" class="form-control input_qtde valor_total_orc" placeholder="Total"/> </div> <div style="visibility: hidden; height: 1px;"> <input name="id_item_up[8]" id="id_item_up[8]" class="checkbox-custom" type="checkbox" value="8" style="width:50%;" tabindex="18" checked> </div> <div class="col-md-2"> <img src="/projetos/centraldopeixe/images/especies/orc/d7aff9de2ff60eade6cb39a35b1dec75.jpg" style="margin-top: 15%;"> </div> <div class="col-md-2 no_padding"> <div class="nome_smartphone"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important;">Cachara</div> </div> <div class="nome_desktop"> <p class="nome_esp input_esp">Cachara</p> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="quantidade[8]" id="quantidade[8]" class="form-control input_qtde qtde_orc" placeholder="Quant."/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <div class="form_select_config fs_pedido"> <select name="tamanho[8]" id="tamanho[8]" class="s_pedido"> <option value="" selected="selected" disabled="disabled">Tamanho</option> <option value="Alevino">Alevino</option> <option value="Juvenil">Juvenil</option> <option value="Adulto">Adulto</option> </select> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="preco[8]" id="preco[8]" value="" class="form-control input_qtde real valor_orc" placeholder="Preço"/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="total[8]" id="total[8]" class="form-control input_qtde valor_total_orc" placeholder="Total"/> </div> </div> </div> <div class="linha_orc"> <div class="row"> <div class="col-md-12"> <div style="visibility: hidden; height: 1px;"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> <div class="fundo_cinza"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important; color: #0C3052; margin-top: 24px;">Total</div> </div> </div> <div class="col-md-2"> <input type="text" name="total" id="total" class="form-control input_qtde" style="background-color: #c0c0c0;" placeholder="Total"/> </div> </div> </div> </div> </div> <div class="clear"></div> <div class="row"> <div class="col-md-4"> <div class="form-group"> <input type="reset" title="Limpar" value="Limpar" id="btn_limpar" name="limpar" class="btn_limpar"> </div> </div> <div class="col-md-4"></div> <div class="col-md-4"> <div class="form-group"> <input type="submit" title="Enviar" value="Enviar" id="btn_submit" name="enviar" id="enviar"> </div> </div> </div> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4"> <div class="form-group"> <input type="submit" title="Imprimir" value="Imprimir" id="btn_submit" name="imprimir" id="imprimir"> </div> </div> <div class="col-md-4"></div> </div> </div> </form> .pedido_desktop, .nome_desktop { display: block; } .pedido_smartphone, .nome_smartphone { display: none; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 769px) and (max-width: 991px) {} @media (min-width: 481px) and (max-width: 768px) { .pedido_desktop, .nome_desktop { display: none; } .pedido_smartphone, .nome_smartphone { display: block; } } @media only screen and (max-width: 480px) { .pedido_desktop, .nome_desktop { display: none; } .pedido_smartphone, .nome_smartphone { display: block; } } $(".real").maskMoney({ prefix: 'R$ ', thousands: '.', decimal: ',', affixesStay: true }); function rePlace(i) { return parseFloat(i.replace(/[^\d.,]/g, "").replace('.', '').replace(',', '.')); } Number.prototype.formataReal = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "," : d, t = t == undefined ? "." : t, s = n < 0 ? "-" : "", i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; //any time the amount changes $(document).ready(function() { $('.qtde_orc, .valor_orc').change(function(e) { var valor_total_orc = 0; var $row = $(this).parent(); var valor_orc = rePlace($row.find('.valor_orc').val()); var qtde_orc = $row.find('.qtde_orc').val(); valor_total_orc = parseFloat(valor_orc * qtde_orc); //update the row total $row.find('.valor_total_orc').val('R$ ' + (valor_total_orc).formataReal(2, ',', '.')); var total_geral = 0; $('.valor_total_orc').each(function() { //Get the value var tg = rePlace($(this).val()); //if it's a number add it to the total if (IsNumeric(tg)) { total_geral += parseFloat(tg); } }); $('.total_geral').val('R$ ' + (total_geral).formataReal(2, ',', '.')); }); }); function IsNumeric(input) { return !isNaN(parseFloat(input)) && isFinite(input); Se alguém puder dar uma luz de onde pode estar o problema, eu agradeço. O replace dá erro "Uncaught TypeError: Cannot read property 'replace' of undefined". Se eu remover o replace e der um alert no qtde_orc, ele retorna undefined. Só a formatação muda aqui.
  2. Refresh em div de 1 em 1 segundo com jquery ou ajax

    Pessoal, bom dia! Estou com um problema aqui pra atualizar uma div de 1 em 1 segundo! Estou criando um painel que as informações vem via socket, e quando chega um status diferente da aplicação ele não joga na tela por não ter essa atualização automática! Segue script que estou tentando usar pra tentar atualizar a div de 1 em 1 segundo: <script> var auto_refresh = setInterval( function() { var status = $("#extensions").val(); $('#extensions').load('/admin/mesa', {status:status}); }, 1000); </script> E no "inspecionar" do chrome ele me devolve o erro 500 (internal error). Não sei se essa é a maneira certa pra se trabalhar com isso em rotas! Obrigado desde já!
  3. Clone row: com todos os elementos e funções

    Ola, sou iniciante na programação, mas estou desenvolvendo um sistema de gerenciamento, onde tenho que dar entrada de notas, ou seja estas notas necessitam de mais produtos eventualmente, e queria adicionar dinamicamente estes campos, realizando o clone row , no entanto consigo duplicar mas nao carrega as minhas funções de options. <div id="main" class="container-fluid"> <form action="des_geral.php" method="post"> <div class="row"> <div class="col-xs-3"> <label for="campo2">Data</label> <input type="date" class="form-control" id="data" name="data" > </div> <div class="col-xs-3 "> <label for="campo5">Nº Nota Fiscal</label> <input type="number" class="form-control" min="1" id="nf" name="nf" > </div> <div class="col-xs-6"> <label for="campo1">Fornecedor</label> <div class="bs-docs-example no-code"> <select name="fornecedor" id="fornecedor" class="form-control" placeholder="Comece a digitar..."> <option></option> <?php $dados=mysql_query("SELECT * from cad_fornecedor"); while($row = mysql_fetch_assoc($dados)) { echo "<option value='".$row["id"]."'>".$row["nome"]."</option>"; } ?> </select></div> </div> </div> <div class="row"> <div class="col-xs-12"> <table border="0" cellpadding="0" cellspacing="0"> <thead> <tr> <th>Produto</th> <th>Quantidade</th> <th>Unidade</th> <th>Valor Uni.(R$)</th> <th>Valor total(R$)</th> <th class="actions">Ações</th> </tr> </thead> <tbody id="tabela"> <tr id="linha" class="row_0"> <td ><select style="width: 300px" name="produto" id="produto" onChange="retorna('1','1');" class="form-control" placeholder="Comece a digitar"> <option></option> <?php $dados=mysql_query("SELECT * FROM cad_produtos"); while($row = mysql_fetch_assoc($dados)) { echo "<option value='".$row["id"]."'>".$row["nome"]."</option>"; } ?> </select> </td> <td><input type="number" class="form-control" style="width: 100px" oninput="calculate('linha')" min="1" id="qtd" name="qtd" ></td> <td><input class="form-control" style="width: 100px" value="" name="unidade" id="unidade" readonly></td> <td><input type="text" class="form-control" style="width: 150px" oninput="calculate('linha')" min="0" step="0.01" id="vuni" name="vuni" ></td> <td><input type="text" class="form-control" style="width: 150px" readonly min="0" step="0.01" id="vtot" name="vtot" ></td> <td><a id="add" onClick="addRow('tabela')" class="btn btn-success btn-xs" href="#">Mais Campos</a><a id="remover" class="btn btn-danger btn-xs" href="#">Remover</a></td> </tr> </tbody> </table> <table style="width: 900px"><tbody> <tr> <th style="width: 300px">Total</th> <th style="width: 100px"></th> <th style="width: 100px"></th> <th style="width: 150px"></th> <th style="width: 150px"></th> <th style="width: 100px"></th> </tr> </tbody></table> </div> </div> </div> <hr /> <div id="actions" class="row"> <div class="col-md-12"> <button id="salvar_des" name="salvar_des" type="submit" class="btn btn-primary">Salvar</button> <a href="des_geral.php" class="btn btn-default">Cancelar</a> </div> </div> </form> </div> function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; if (rowCount < 5) { // limit the user from creating fields more than your limits var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; row.id = 'row_'+rowCount; for (var i = 0; i < colCount; i++) { var newcell = row.insertCell(i); newcell.outerHTML = table.rows[0].cells[i].outerHTML; } $.getJSON('des_processa.php?search=',{op: 10, ajax: 'true'}, function(j){ var options = '<option></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id_produto + '">' + j[i].produto + '</option>'; } $('#produto').last().html(options); }); var listitems= row.getElementsByTagName("input") for (i=0; i<listitems.length; i++) { listitems[i].setAttribute("oninput", "calculate('"+row.id+"')"); } } else { alert("Maximum Passenger per ticket is 4."); } } function deleteRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; for (var i = 0; i < rowCount; i++) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if (null !== chkbox && true === chkbox.checked) { if (rowCount <= 1) { // limit the user from removing all the fields alert("Cannot Remove all the Passenger."); break; } table.deleteRow(i); rowCount--; i--; } } } function calculate(elementID,num) { var mainRow = document.getElementById(elementID); var myBox1 = mainRow.querySelectorAll('[name=qtd[0]]')[0].value; var myBox2 = num; var total = mainRow.querySelectorAll('[name=vtot[0]]')[0]; var myResult1 = myBox1 * myBox2; total.value = myResult1; $("#vuni")[0].maskMoney({thousands:'.', decimal:',', affixesStay: false}); $("#vtot")[0].maskMoney({thousands:'.', decimal:',', affixesStay: false}); } Agradeço se alguem puder me ajudar, Obrigado!
  4. Soma em Jquery

    Boa noite pessoal. Há dois dias estou montando uma tela de soma, em Jquery. Fui tirando todos os bugs, mas agora não sei mais o que fazer. A soma tem hora que falha e o total geral, não soma nem a porrete. Segue o que fiz até agora. <script src="https://www.agenciamove.com.br/briefing/js/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-3 titulo_ferramenta"> Canais online </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Verba diária </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Período de vericulação mensal </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Verba mensal </div> <div class="col-xs-12 col-sm-2 col-md-3 titulo_ferramenta"> Estimativa de alcance mensal </div> </div> <div class="row"> <div class="col-xs-12 col-sm-3 col-md-3 canais_titulo"> Google Adwords </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vd_ga" id="vd_ga" class="real input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="pvm_ga" id="pvm_ga" class="input_geral_2" type="text" /><span class="canais_titulo"> dias</span> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vm_ga" id="vm_ga" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-3"> <input name="eam_ga" id="eam_ga" class="input_geral_2" type="text" readonly /><span class="canais_titulo"> Cliques</span> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-3 canais_titulo"> Facebook visita site </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vd_fvs" id="vd_fvs" class="real input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="pvm_fvs" id="pvm_fvs" class="input_geral_2" type="text" /><span class="canais_titulo"> dias</span> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vm_fvs" id="vm_fvs" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-3"> <input name="eam_fvs" id="eam_fvs" class="input_geral_2" type="text" readonly /><span class="canais_titulo"> Cliques</span> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-3 canais_titulo"> Facebook curtida na página </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vd_fcp" id="vd_fcp" class="real input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="pvm_fcp" id="pvm_fcp" class="input_geral_2" type="text" /><span class="canais_titulo"> dias</span> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vm_fcp" id="vm_fcp" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-3"> <input name="eam_fcp" id="eam_fcp" class="input_geral_2" type="text" readonly /><span class="canais_titulo"> Cliques</span> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-3 canais_titulo"> Instagram seguidores </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vd_is" id="vd_is" class="real input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="pvm_is" id="pvm_is" class="input_geral_2" type="text" /><span class="canais_titulo"> dias</span> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vm_is" id="vm_is" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-3"> <input name="eam_is" id="eam_is" class="input_geral_2" type="text" readonly /><span class="canais_titulo"> Cliques</span> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-3"></div> <div class="col-xs-12 col-sm-4 col-md-4 canais_titulo text-right"> Valor total verba mês </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="total_1" id="total_1" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-3"></div> </div> <hr /> <div class="titulo_pag_ferramenta">Já na ferramenta de impulsionamentos, basta colocar o valor diário e a quantidade de posts que deseja estar postando mensalmente:</div> <hr /> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Canais online </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Verba diária </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Quantidade de posts mês </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Verba mensal </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Estimativa de alcance por post </div> <div class="col-xs-12 col-sm-2 col-md-2 titulo_ferramenta"> Estimativa de alcance total de posts mês </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-2 canais_titulo"> Facebook impulsionamento de posts </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vd_fip" id="vd_fip" class="real input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="qpm_fip" id="qpm_fip" class="input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vm_fip" id="vm_fip" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="eap_fip" id="eap_fip" class="input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="eatpm_fip" id="eatpm_fip" class="input_geral" type="text" readonly /> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-2 canais_titulo"> Instagram impulsionamento de posts </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vd_iip" id="vd_iip" class="real input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="qpm_iip" id="qpm_iip" class="input_geral" type="text" /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="vm_iip" id="vm_iip" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="eap_iip" id="eap_iip" class="input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="eatpm_iip" id="eatpm_iip" class="input_geral" type="text" readonly /> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-2"> </div> <div class="col-xs-12 col-sm-4 col-md-4 canais_titulo text-right"> Valor total verba mês </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="total_2" id="total_2" class="real input_geral" type="text" readonly /> </div> <div class="col-xs-12 col-sm-2 col-md-2"> </div> <div class="col-xs-12 col-sm-2 col-md-2"> </div> </div> <hr /> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-2"> </div> <div class="col-xs-12 col-sm-2 col-md-2"> </div> <div class="col-xs-12 col-sm-2 col-md-2"> </div> <div class="col-xs-12 col-sm-4 col-md-4 canais_titulo text-right"> Geral </div> <div class="col-xs-12 col-sm-2 col-md-2"> <input name="total_geral" id="total_geral" class="real input_geral" type="text" readonly /> </div> </div> <script type="text/javascript">$(".real").maskMoney({prefix:'R$ ', thousands:'.', decimal:',', affixesStay: true});</script> <script type="text/javascript"> $(document).ready(function(){ var formato = { minimumFractionDigits: 2 , style: 'currency', currency: 'BRL' } /****** Cálculos Google Adwords ******/ $('#vd_ga').on('blur',function(){ var vd_ga = $('#vd_ga').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_ga = $('#pvm_ga').val(); //$('#vm_ga').val(vd_ga * pvm_ga); $("#vm_ga").val((vd_ga * pvm_ga).toLocaleString('pt-BR', formato)); $('#eam_ga').val(vd_ga * pvm_ga); }); $('#pvm_ga').on('blur',function(){ var vd_ga = $('#vd_ga').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_ga = $('#pvm_ga').val(); $('#vm_ga').val((vd_ga * pvm_ga).toLocaleString('pt-BR', formato)); $('#eam_ga').val(vd_ga * pvm_ga); }); /****** Cálculos Google Adwords ******/ /****** Cálculos Facebook visita site ******/ $('#vd_fvs').on('blur',function(){ //var vd_fvs = $('#vd_fvs').val().replace(',', '.'); var vd_fvs = $('#vd_fvs').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_fvs = $('#pvm_fvs').val(); $('#vm_fvs').val((vd_fvs * pvm_fvs).toLocaleString('pt-BR', formato)); $('#eam_fvs').val(vd_fvs * pvm_fvs); }); $('#pvm_fvs').on('blur',function(){ //var vd_fvs = $('#vd_fvs').val().replace(',', '.'); var vd_fvs = $('#vd_fvs').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_fvs = $('#pvm_fvs').val(); $('#vm_fvs').val((vd_fvs * pvm_fvs).toLocaleString('pt-BR', formato)); $('#eam_fvs').val(vd_fvs * pvm_fvs); }); /****** Cálculos Facebook visita site ******/ /****** Cálculos Facebook curtida na página ******/ $('#vd_fcp').on('blur',function(){ var vd_fcp = $('#vd_fcp').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_fcp = $('#pvm_fcp').val(); $('#vm_fcp').val((vd_fcp * pvm_fcp).toLocaleString('pt-BR', formato)); $('#eam_fcp').val(vd_fcp * pvm_fcp); }); $('#pvm_fcp').on('blur',function(){ var vd_fcp = $('#vd_fcp').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_fcp = $('#pvm_fcp').val(); $('#vm_fcp').val((vd_fcp * pvm_fcp).toLocaleString('pt-BR', formato)); $('#eam_fcp').val(vd_fcp * pvm_fcp); }); /****** Cálculos Facebook curtida na página ******/ /****** Cálculos Instagram seguidores ******/ $('#vd_is').on('blur',function(){ var vd_is = $('#vd_is').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_is = $('#pvm_is').val(); $('#vm_is').val((vd_is * pvm_is).toLocaleString('pt-BR', formato)); $('#eam_is').val(vd_is * pvm_is); }); $('#pvm_is').on('blur',function(){ var vd_is = $('#vd_is').val().replace("R$ ","").replace('.','').replace(',', '.'); var pvm_is = $('#pvm_is').val(); $('#vm_is').val((vd_is * pvm_is).toLocaleString('pt-BR', formato)); $('#eam_is').val(vd_is * pvm_is); }); /****** Cálculos Instagram seguidores ******/ /****** Cálculo total 1 ******/ $('#vd_ga, #pvm_ga, #vd_fvs, #pvm_fvs, #vd_fcp, #pvm_fcp, #vd_is, #pvm_is').on('input', function(){ var vm_ga = parseFloat($("#vm_ga").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var vm_fvs = parseFloat($("#vm_fvs").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var vm_fcp = parseFloat($("#vm_fcp").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var vm_is = parseFloat($("#vm_is").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var total_1 = vm_ga + vm_fvs + vm_fcp + vm_is; //if(!isNaN(total_1)) $('#total_1').val(total_1); //if(!isNaN(total_1)) $("#total_1").val(total_1.toLocaleString('pt-BR', formato)); if(!isNaN(total_1)) $('#total_1').val((total_1).toLocaleString('pt-BR', formato)); }); /****** Cálculo total 1 ******/ /*********************************************************************************************/ /****** Cálculos Facebook impulsionamento de posts ******/ $('#vd_fip').on('blur',function(){ var vd_fip = $('#vd_fip').val().replace("R$ ","").replace('.','').replace(',', '.'); var qpm_fip = $('#qpm_fip').val(); $('#vm_fip').val((vd_fip * qpm_fip).toLocaleString('pt-BR', formato)); $('#eap_fip').val(vd_fip * 75); var eap_fip = $('#eap_fip').val(); $('#eatpm_fip').val(qpm_fip * eap_fip); }); $('#qpm_fip').on('blur',function(){ var vd_fip = $('#vd_fip').val().replace("R$ ","").replace('.','').replace(',', '.'); var qpm_fip = $('#qpm_fip').val(); $('#vm_fip').val((vd_fip * qpm_fip).toLocaleString('pt-BR', formato)); $('#eap_fip').val(vd_fip * 75); var eap_fip = $('#eap_fip').val(); $('#eatpm_fip').val(qpm_fip * eap_fip); }); /****** Cálculos Facebook impulsionamento de posts ******/ /****** Cálculos Instagram impulsionamento de posts ******/ $('#vd_iip').on('blur',function(){ var vd_iip = $('#vd_iip').val().replace("R$ ","").replace('.','').replace(',', '.'); var qpm_iip = $('#qpm_iip').val(); $('#vm_iip').val((vd_iip * qpm_iip).toLocaleString('pt-BR', formato)); $('#eap_iip').val(vd_iip * 75); var eap_iip = $('#eap_iip').val(); $('#eatpm_iip').val(qpm_iip * eap_iip); }); $('#qpm_iip').on('blur',function(){ var vd_iip = $('#vd_iip').val().replace("R$ ","").replace('.','').replace(',', '.'); var qpm_iip = $('#qpm_iip').val(); $('#vm_iip').val((vd_iip * qpm_iip).toLocaleString('pt-BR', formato)); $('#eap_iip').val(vd_iip * 75); var eap_iip = $('#eap_iip').val(); $('#eatpm_iip').val(qpm_iip * eap_iip); }); /****** Cálculos Instagram impulsionamento de posts ******/ /****** Cálculo total 2 ******/ $('#vd_fip, #qpm_fip, #vd_iip, #qpm_iip').on('input', function(){ var vm_fip = parseFloat($("#vm_fip").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var vm_iip = parseFloat($("#vm_iip").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var total_2 = vm_fip + vm_iip; //if(!isNaN(total_2)) $('#total_2').val(total_2); //if(!isNaN(total_2)) $("#total_2").val(total_2.toLocaleString('pt-BR', formato)); if(!isNaN(total_2)) $('#total_2').val((total_2).toLocaleString('pt-BR', formato)); }); /****** Cálculo total 2 ******/ /****** Cálculo totais ******/ $('#vd_ga, #pvm_ga, #vd_fvs, #pvm_fvs, #vd_fcp, #pvm_fcp, #vd_is, #pvm_is, #vd_fip, #qpm_fip, #vd_iip, #qpm_iip').on('input', function(){ var total_1 = parseFloat($("#total_1").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var total_2 = parseFloat($("#total_2").val().replace("R$ ","").replace('.','').replace(',', '.')) || 0; var total_geral = total_1 + total_2; //if(!isNaN(total_geral)) $('#total_geral').val(total_geral); //if(!isNaN(total_geral)) $("#total_geral").val(total_geral.toLocaleString('pt-BR', formato)); if(!isNaN(total_geral)) $('#total_geral').val((total_geral).toLocaleString('pt-BR', formato)); }); /****** Cálculo totais ******/ }); </script> Falta só a maldita soma para finalizar a tela. Eu me viro em PHP, mas em Jquery eu apanho demais ainda. Se alguém puder me dar alguma luz, eu agradeço.
  5. Rotacionando conteúdo/imagem de iframe

    Olá pessoal! Não tenho ideia de como começar a função para fazer o efeito abaixo: https://www.google.com/about/datacenters/inside/streetview/ Perceba que ele rotaciona a imagem em 360... ao passar o mouse sobre o iframe ele "inativa" e ao tirar o mouse volta a rotacionar. O iframe é vem do próprio Google Street View, como exemplo abaixo: <iframe src="https://www.google.com/maps/embed?pb=!1m0!4v1512855352649!6m8!1m7!1suMLibmsgdnXf2_bCctYEMw!2m2!1d35.89817758884865!2d-81.54816224270218!3f48.9!4f0!5f0.8160813932612223" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> Dei uma fuçada na biblioteca do Jquery e não encontrei algo que possa usar para fazer o mesmo efeito do link acima. Alguém já preciso de algo ou tem uma luz para o caminho que devo seguir? Obrigado!
  6. Jquery não funciona no mobile?

    Seguinte, fiz um site pra um negócio que tenho aqui, não sou profissional em desenvolvimento, o caso é que o Jquery que criei para meu site não roda em mobile alguém sabe me responder porque? O endereço do site é http://www.serralheriaportonorte.com.br. Na NAV da pagina tem um link chamado produtos, ao passar o mouse sobre ele deveria descer, estou usando slidedonw(); Por favor me deem uma mão, desde já agradeço a atenção.
  7. Como eu Deixo meu Banco de dados em Ordem Alfabetica na Tabela ?

    Galera tenho uma pagina que alterei alguns dados aqui, mais preciso deixar meu Banco em Ordem Alfabética na Tabela, onde eu altero isso ? PAGINAS ABAIXO:
  8. Divs animadas

    Pessoal! Como montar uma DIV que ao ser clicada com botão, ela exibe a DIV que está escondida, mas com um porém, com efeito? 1) a div tem que abrir em 100 por cento da tela; 2) com efeito de fade, slide; 3) como fazer isso em CSS? Fiz o botão assim: <script type="text/javascript"> $('#btn_laranja').on('click',function(){ $('#menu_orcamento').fadeIn(1000).show(); }); </script> Coloquei também um efeito com animated slideInDown, mas não ficou bom. Tem algum outro jeito que conhecem para realizar isso, para contribuirem??? Agradeço desde já. Até....
  9. Linkando Banco de dados na edição INLINE

    Seguinte criei uma Tabela com edição INLINE, essa tabela consta os dados do meu BANCO DE DADOS MYSQL, antes essa tabela tinha um botão que alterava os dados do banco, porém agora tenho que editar os dados do banco direto da linha, coloquei o método por JQUERY, consegui editar os dados da tabela, mais não sei como fazer esses dados serem alterados no banco de dados, pois quando dou REFRESH ele volta os dados anteriores do banco. Segue as Páginas criadas.
  10. Canvas com PHP

    Gostaria de saber como eu posso fazer um script, quero que o script funcione mais ou menos assim. Vou colocar a imagem salva do google maps, após autenticar no sistema o administrador poderá criar pontos naquela imagem, criando uma área sob o mapa. Como que eu posso fazer isso e guardar os dados?
  11. Múltiplos forms, múltiplos buttons

    Estou desenvolvendo uma aplicação de inscrições em cursos. O usuário terá acesso aos cursos em que se inscreveu e poderá executar algumas ações. PHP <?php foreach($lista as $inscricao){ ?> <form id="inscricao<?php echo $inscricao['id_turma']; ?>"> <input type="hidden" name="id_turma" id="id_turma<?php echo $inscricao['id_turma']; ?>" value="<?php echo $inscricao['id_turma']; ?>"> <input type="button" id="cancelar<?php echo $inscricao['id_turma']; ?>" value="Cancelar" /> <input type="button" id="imprimir<?php echo $inscricao['id_turma']; ?>" value="Imprimir" /> <input type="button" id="inscrever<?php echo $inscricao['id_turma']; ?>" value="Inscrever"/> </form> <?php } ?> JQuery $(document).ready(function(){ $('input[id^="cancelar"]').onclick(function(){ var response; var dados = $('form').serialize(); console.log(dados); $.ajax({ type: "POST", dataType: 'json', url: '../control/cancelaInscricao.php', data: dados, success: function(response){ // alert('Cancelou'); } }); }); }) Como exemplo estou trabalhando com duas inscrições. Ao clicar na açõa de cancelar da primeira inscrição podemos observar pelo console.log que passando as 2 inscrições. id_turma=37&id_turma=38 Já na recepção do POST no cancelaInscricao.php eu só consigo acesso a segunda inscrição. Solicito a ajuda de vocês.
  12. Olá, estou com um problema em um script... Quando não tem anuncio no floater ele fica mostrando o X ai atrapalha a visualização do site, queria ver como faço ou alguma dica para quando não tiver anuncio eu remover esse X e quando tiver anuncio ele mostrar.. Se alguém puder me dar uma luz eu agradeço.. Exemplo aqui: Diario <!--FLOATER GOOGLE--> <div class="floater_mobile" id="div-gpt-ad-9228031400000-18" style="height:300px; width:500px; z-index:9998; position:fixed; left: 50%; top:50%; margin-left: -250px; margin-top: -150px; display:block;"> <script type='text/javascript'> googletag.cmd.push(function () { googletag.display('div-gpt-ad-9228031400000-18'); }); </script> <div id="fechar" style="width:25px; height:25px; position:fixed; left:50%; top:50%; margin-left: 225px; margin-top:-160px; border:solid #0f5d9e 2px; background-color:#0f5d9e; z-index:9999; border-radius:10px;"> <a href="javascript: fechar();" style='color: #fff; font-size: 22px; position:absolute; left:50%; margin-left:-7px; margin-top: -6px;'>X</a> </div> <script language="javascript"> // FUNÇÃO QUE FECHA O POP-UP AO CLICAR NO BOTÃO FECHAR function fechar() { document.getElementById('fechar').style.display = 'none'; document.getElementById('div-gpt-ad-9228031400000-18').style.display = 'none'; } // DEFINE O TEMPO PARA FECHAR O POP-UP AUTOMATICAMENTE EM MILESSEGUNDOS function abrir() { document.getElementById('div-gpt-ad-9228031400000-18').style.display = 'block'; setTimeout("fechar()", 16000); } abrir(); </script> </div>
  13. Carregar dados Ajax em outro página

    Pessoal, é o seguinte, tenho um requisição ajax: $("#formSearch").submit(function (action) { action.preventDefault(); var strSearch = $("#searchInput").val(); if (strSearch != "") { $("#submitSearch").html('<i class="fas fa-redo-alt fa-spin"></i>'); $.ajax({ url: 'http://mvet.esy.es/CifrasMEFIR/busca.php?busca=' + strSearch, method: 'GET', dataType: 'html', success: function (result) { $("#busca").show().html(result); $("#submitSearch").html('<i class="fas fa-search"></i>'); } }); } else { alert("Campo em branco!") } }); Só que eu queria saber se tem como ao invés de adicionar os dados recebidos na div#busca, se tem como eu redirecionar esses dados para uma outra página e só então mostrar eles.
  14. Soma de Valores Ao mudar de Campo

    Pessoal, boa noite; Eu tenho que desenvolver uma parte no meu sistema que, assim que a pessoa for digitando o valor o sistema vai efetuando a soma. Efetuando a soma e colocando o valor da soma no input type=text id=total O meu formulário esta com o seguinte código. O sistema também tem que fazer o desconto, o campo de desconto é em porcentagem. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Soma de Valores</title> </head> <body> <style type="text/css"> #valor{ margin-top:3px; } </style> <form name="form1" id="form1" action="#"> Valor 1: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 2: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 3: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 4: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 5: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 6: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 7: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 8: R$<input type="text" name="valor" id="valor" value=""><br/> Valor 9: R$<input type="text" name="valor" id="valor" value=""><br/><br/> Taxa Coleta: R$<input type="text" name="taxacolet" id="taxacolet" value="">&nbsp;&nbsp;Embalagem: R$<input type="text" name="embalagem" id="embalagem" value="">&nbsp;&nbsp;Taxa Adicional: R$<input type="text" name="taxaadici" id="taxaadici" value="">&nbsp;&nbsp;Desconto: R$<input type="text" name="desconto" id="desconto" value=""><br/><br/> Total: R$<input type="text" name="total" id="total" value=""><br/><br/> <input type="submit" name="salvar" id="salvar" value="SALVAR"> </form> </body> </html> Se alguém puder me ajudar ficarei muito agradecido. Att; Gilberto Jr
  15. Alterar valor do select

    Bom dia, Estou com o seguinte problema, tenho uma tabela e utilizo tablesorter (jquery). Tenho alguns filtros, para ilustrar upei esta imagem: uploaddeimagens.com.br/imagens/img-jpg--188. Estou com dificuldades para quando eu faço o filtro (seta preta) ele exibir a soma das quantidades do campo Qtde. Ele soma, porém só mostra na console após eu alterar o valor do select. Por exemplo, conforme a imagem, ele só exibirá o 51 no console quando eu alterar o valor do select de novo. Já tentei utilizar o .change e o .blur, mas como disse ambos funcionam, porém só depois que ou eu altero o select (change) ou quando eu clico fora do select (blur). O que posso fazer para conseguir resolver esse impasse? Este é o código que estou utilizando: var qtd = 0; $('select').on('blur', function() { qtd = 0; $("#tabela tbody tr:not(.filtered)").each(function() { qtd += parseInt($(this).find('td').eq(5).html()); }); console.log(qtd); Sou novo com jQuery, então se tiver sugestão para mudar totalmente o código, sem problemas. Obrigado, João.
  16. Como criar botões em duas etapas

    Neste vídeo vamos aprender a criar um botão de duas etapas fazendo um botão slide, onde o botão da ação só vai aparecer após o primeiro click. Vamos usar para animar o CSS e o Jquery: Link para download dos arquivos: https://github.com/thiagofranchin/but... Referências usadas no vídeo: Bootstrap 4: https://getbootstrap.com/ Font Awesome: http://fontawesome.io/ CDN Font Awesome: https://cdnjs.com/libraries/font-awesome Foto da thumb e final do vídeo: Isaac Davis https://unsplash.com/photos/rzCi3mD-6ho
  17. Bom dia. Preciso de uma solução para um problema. Eu sou horrível com javascript para solucionar isso. Eu tenho o seguinte formulário: <form> CAMPO 1 <input type="number" name="campo1" id="campo1"> <br> CAMPO 2 <input type="number" name="campo2" id="campo2"> <br> <input type="submit" value="Salvar" id="enviar"> </form> Preciso fazer o seguinte: Liberar o botão submit somente se o número digitado no campo2 for maior ou igual ao campo1. Obrigado pela ajuda.
  18. Paginação FAKE

    Boa tarde pessoinhas :D Eu to quebrando a cabeça aqui pra tentar criar uma paginação da seguinte forma. Tenho uma lista dentro de um UL que e carregada dinamicamente por ajax, faço uma busca no banco e tal e imprimo na tela com ajax todos os LI`s dentro do ul. já que os LI são carregados e inseridos dinamicamente eu n posso contar os li nem pegar primeiro, ultimo, valores de atributo e tal. O que eu quero fazer e o seguinte quando tiverem mais de 10 itens na lista eu quero ocultar o restantes e exibir somente os 10 primeiros e logo abaixo exibir um botão para carregar +10 e assim por diante ate acabar a lista. Como eu posso fazer isso já que os elementos da minha listas são inseridos e criados pelo ajax dinamicamente?????
  19. Corte poligonal responsivo com JavaScript

    Estou com um grande problema tenho imagens irregulares preciso recorta-las e salvar em um outro arquivo, até aí tudo bem, o problema é que o sistema que estou criando é totalmente responsivo, e o script abaixo delimita o tamanho da imagem, o script está cortando, salvando aimagem em png, tudo está funcionando perfeitamente, o único problema é ele não se adequar responsivo, quem souber como posso pegar os eixos x e y atuais da tela e coloca-los dentro das variáveis que fazem, pois tentei o .resize mas não deu certo, Aguardo anciosamente a resposta, muito obrigado seguem os links para que possam entender o eu eu estou querendo fazer: Para terem uma ideia melhor do que estou falando segue o link de um site com cropper.js em quadros e responsivo: https://fengyuanchen.github.io/cropperjs/ E aqui o link com exemplo de crop poligonal, https://netplayer.gr/crop/ //funçao para fazer um crop na imagem $(document).ready(function() { var condition = 1; var points = [];//holds the mousedown points var canvas = document.getElementById('myCanvas'); this.isOldIE = (window.G_vmlCanvasManager); $(function() { // if (document.domain == 'localhost') { if (this.isOldIE) { G_vmlCanvasManager.initElement(myCanvas); } var ctx = canvas.getContext('2d'); var imageObj = new Image(); function init() { canvas.addEventListener('mousedown', mouseDown, false); canvas.addEventListener('mouseup', mouseUp, false); canvas.addEventListener('mousemove', mouseMove, false); } // Draw image onto the canvas imageObj.onload = function() { ctx.drawImage(imageObj, 0, 0); }; imageObj.src = "img.png"; // Switch the blending mode ctx.globalCompositeOperation = 'destination-over'; //mousemove event $('#myCanvas').mousedown(function(e) { if (condition == 1) { ctx.beginPath(); $('#posx').html(e.offsetX); $('#posy').html(e.offsetY); } }); //mousedown event $('#myCanvas').mousemove(function(e) { if (condition == 1) { if (e.which == 1) { var pointer = $('<span class="spot">').css({ 'position': 'absolute', 'background-color': '#000000', 'width': '5px', 'height': '5px', 'top': e.pageY, 'left': e.pageX }); //store the points on mousedown points.push(e.pageX, e.pageY); //console.log(points); ctx.globalCompositeOperation = 'destination-out'; var oldposx = $('#oldposx').html(); var oldposy = $('#oldposy').html(); var posx = $('#posx').html(); var posy = $('#posy').html(); ctx.beginPath(); ctx.moveTo(oldposx, oldposy); if (oldposx != '') { ctx.lineTo(posx, posy); ctx.stroke(); } $('#oldposx').html(e.offsetX); $('#oldposy').html(e.offsetY); } $(document.body).append(pointer); $('#posx').html(e.offsetX); $('#posy').html(e.offsetY); }//condition }); $('#crop').click(function() { condition = 0; // var pattern = ctx.createPattern(imageObj, "repeat"); //ctx.fillStyle = pattern; $('.spot').each(function() { $(this).remove(); }) //clear canvas //var context = canvas.getContext("2d"); //Delimita o tamanho da imagem isso já retira a base responsiva da imagem ctx.clearRect(0, 0, 600, 600); ctx.beginPath(); ctx.width = 350; ctx.height = 350; ctx.globalCompositeOperation = 'destination-over'; //draw the polygon setTimeout(function() { //console.log(points); var offset = $('#myCanvas').offset(); //console.log(offset.left,offset.top); for (var i = 0; i < points.length; i += 2) { var x = parseInt(jQuery.trim(points[i])); var y = parseInt(jQuery.trim(points[i + 1])); if (i == 0) { ctx.moveTo(x - offset.left, y - offset.top); } else { ctx.lineTo(x - offset.left, y - offset.top); } //console.log(points[i],points[i+1]) } if (this.isOldIE) { ctx.fillStyle = ''; ctx.fill(); var fill = $('fill', myCanvas).get(0); fill.color = ''; fill.src = element.src; fill.type = 'tile'; fill.alignShape = false; } else { var pattern = ctx.createPattern(imageObj, "repeat"); ctx.fillStyle = pattern; ctx.fill(); var dataurl = canvas.toDataURL("image/png"); //upload to server (if needed) var xhr = new XMLHttpRequest(); // // xhr.open('POST', 'upload.php', false); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); var files = dataurl; var data = new FormData(); var myprod = $("#pid").val(); data = 'image=' + files; xhr.send(data); if (xhr.status === 200) { console.log(xhr.responseText); $('#myimg').html('<img src="upload/' + xhr.responseText + '.png"/>'); } } }, 20); }); // } }); }); Para interessados em testar é só adicionar as tags: <script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script> e colocar um <canvas> no <body> da pagina: <canvas id="myCanvas"></canvas> Desde já Muito Obrigado a todos javascript canvas jcrop
  20. Site inicia de uma div

    Meu site esta iniciando direto na div #texto_posicao quando coloco esse script: $('.abas').on('click', function(){ var paginas = ["planejamento_estrategico.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"]; aba_index = $(this).attr('tabindex'); $('.abas').removeClass('active'); $(this).addClass('active'); $('html, body').animate({ scrollTop: ($('#texto_posicao').first().offset().top) },500); //alert("Tentou Carregar "+"http://3mind.com.br/"+paginas[parseInt(aba_index) - 1]) $("#texto").load("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1]); }); Como faço para o site iniciar no topo normalmente?
  21. Âncora com smooth scroll no DOM do Jquery

    Tenho esse código jquery que abre páginas php em uma determinada div. $('.abas').on('click', function(){ var paginas = ["planejamento_estrategico2.php","mentoria_fast_food.php","terceirizacao.php","marketing_full-time.php","mastermind.php"]; aba_index = $(this).attr('tabindex'); $('.abas').removeClass('active'); $(this).addClass('active'); // alert("Tentou Carregar "+"caminho/"+paginas[parseInt(aba_index) - 1]) $("#texto").load ("http://3mind.com.br/"+paginas[parseInt(aba_index) - 1]); }); var $doc = $('html, body'); $('.scrollSuave').click(function() { $doc.animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 500); return false; }); html <div id="sticky-anchor"></div> <div id="sticky"> <div class="abas abas1" tabindex="1"> <a href="#texto" class="scrollSuave"> Planejamento Estratégico</a> </div> <div class="abas abas2" tabindex="2"> <a href="#texto" class="scrollSuave">Mentoria Food Service</a> </div> <div class="abas abas3" tabindex="3"> Terceirização Financeira </div> <div class="abas abas4" tabindex="4"> Marketing Full Time </div> <div class="abas abas5" tabindex="5"> Mastermind </div> <br clear="all" /><br /> </div> <div id="texto"> </div> Estou fazendo assim mais não troca de página só faz a âncora Como o jquery poderia fazer o DOM e uma âncora na id #texto, com smooth scroll?
  22. Aplicação Chat

    Bom dia!! Desenvolvi um site seguindo essa video aula: Porém, minha dúvida é que gostaria de incluir uma rotina que buscasse um usuário quando a lista de usuários fossem muito grandes. Alguma dica?
  23. Olá pessoal! Quero atualizar uma div somente quando houver mudança em um determinado campo no banco de dados, atualmente estou usando setTimeout(listComment, 3000);, mas quero mudar para websocket por questões de desempenho e o impacto que causa no tráfego. Procurei alguns exemplos na internet, mas só achei exemplos de chats, e não é o que eu preciso. Alguém tem uma dica de como checar mudanças no bd com websocket somente em uma determinada div? Gostaria de implementar no código abaixo: <div id="output"></div> <script> function listComment() { $.post("listar.php", function (data) { var data = JSON.parse(data); var comments = ""; var replies = ""; var item = ""; var parent = -1; var results = new Array(); var list = $("<ul class='outer-comment'>"); var item = $("<li>").html(comments); for (var i = 0; (i < data.length); i++) { var commentId = data[i]['comment_id']; comments = "<div class='comment-row'>" + "<div class='comment-info'><span class='commet-row-label'>de</span> <span class='posted-by'>" + data[i]['comment_sender_name'] + " </span> <span class='commet-row-label'>às</span> <span class='posted-at'>" + data[i]['date'] + "</span></div>" + "<div class='comment-text'>" + data[i]['comment'] + "</div>" + "<div><a class='btn-reply' onClick='postReply(" + commentId + ")'>Responder</a></div>" + "</div>"; var item = $("<li>").html(comments); list.append(item); var reply_list = $('<ul>'); item.append(reply_list); listReplies(commentId, data, reply_list); // } } setTimeout(listComment, 3000); $("#output").html(list); }); } </script> Muito Obrigado!
  24. Imagem mal ajustada jquery

    Opa e ai blz ? bem galera eu não tenho a minima noção de como mexe com javascript muito menos jquery kk mas pra fazer um slideshow que preciso é necessário eu usar o jquery,porém a imagem do slideshow está fora da forma ,eu não sei como resolver se alguem poder ajudar. Código: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body style="padding:0px; margin:0px; background-color:#fff;font-family:arial,helvetica,sans-serif,verdana,'Open Sans'"> <!-- #region Jssor Slider Begin --> <!-- Generator: Jssor Slider Maker --> <!-- Source: https://www.jssor.com --> <script src="js2/jssor.slider-26.9.0.min.js" type="text/javascript"></script> <script type="text/javascript"> jssor_1_slider_init = function() { var jssor_1_options = { $AutoPlay: 1, $Idle: 0, $SlideDuration: 5000, $SlideEasing: $Jease$.$Linear, $PauseOnHover: 4, $SlideWidth: 140, $Cols: 7, $Align: 0 }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); /*#region responsive code begin*/ var MAX_WIDTH = 980; function ScaleSlider() { var containerElement = jssor_1_slider.$Elmt.parentNode; var containerWidth = containerElement.clientWidth; if (containerWidth) { var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth); jssor_1_slider.$ScaleWidth(expectedWidth); } else { window.setTimeout(ScaleSlider, 30); } } ScaleSlider(); $Jssor$.$AddEvent(window, "load", ScaleSlider); $Jssor$.$AddEvent(window, "resize", ScaleSlider); $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); /*#endregion responsive code end*/ }; </script> <style> /* jssor slider loading skin spin css */ .jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes jssorl-009-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:300px;overflow:hidden;visibility:hidden;"> <!-- Loading Screen --> <div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);"> <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="img/spin.svg" /> </div> <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:100px;overflow:hidden;"> <!-- <div data-p="30.00"> <img data-u="image" src="imgs/001.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/002.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/003.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/004.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/009.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/010.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/019.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/020.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/021.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/022.jpg" /> </div> <div data-p="30.00"> <img data-u="image" src="imgs/024.jpg" /> </div> </div>--> <div data-p="30.00"> <img data-u="image" src="Imagens/3.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/4.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/5.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/6.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/7.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/8.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/9.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/10.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/11.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/12.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/13.png" /> </div> <div data-p="30.00"> <img data-u="image" src="Imagens/14.png" /> </div> </div> </div> <script type="text/javascript">jssor_1_slider_init();</script> <!-- #endregion Jssor Slider End --> </body> </html> Print:
  25. Login AJAX parou!

    Olá! Estou fazendo algumas modificações no site (principalmente visual) e o mesmo usa o AJAX para algumas coisas, inclusive o login. Ele possui 2 domínios, eu estou trabalhando no .BR e lá alterei esteticamente o arquivo header_h.php, os links sempre tiveram um #. Já comparei esse arquivo com o mesmo que funciona no .COM mas não encontro o erro! Por favor, preciso de ajuda! Arquivo header_h.php do domínio BR (que estou trabalhando) <?php $sql = "select idpai,id,name,tipo,link,linkexterno,target from category where ( idpai=0 or idpai is null) and zone='group' and display = 'Y' order by sort_order desc"; $rs = mysql_query($sql); $sqlP = "select status from page where id = 'about_us'"; $rsP = mysql_query($sqlP); $rowP = mysql_fetch_assoc($rsP); $sqlA = "select status from page where id = 'about_terms'"; $rsA = mysql_query($sqlA); $rowA = mysql_fetch_assoc($rsA); ?> <div style="display:none;" class="tips"><?=__FILE__?></div> <style> a{ color:#fff; } </style> <div class="headertop"> <div id="header_content" style="height: auto;"> <div id="header_links" style="background-color: #094F70;"> <div style="margin-top: 0px; font-size: 13px;color:#ffffff;"> <?php if($login_user){ ?> <? if($INI['option']['anunciousuario'] == "Y" ){?> <a href="<?=$ROOTPATH;?>/adminanunciante/team/edit.php"><img style="width:21px;margin-left:8px; color: #fff !important;" src="<?=$PATHSKIN;?>/images/ico_conta.png"> Anunciar Imóvel</a> <a href="<?=$ROOTPATH;?>/adminanunciante/"><img style="color: #fff !important; width:21px;margin-left:8px;" src="<?=$PATHSKIN;?>/images/ico_conta.png"> Meus Anúncios</a> <? } ?> <a href="<?=$ROOTPATH;?>/autenticacao/logout.php"> <img style="color: #fff !important;width:21px;margin-left:8px;" src="<?=$PATHSKIN;?>/images/ico_off.png"> Sair </a> <?} else {?> <a class='tk_logar' href="#"> <img style="color: #fff !important; width:21px; margin-right: 5px;margin-top: -5px;" src="<?=$PATHSKIN;?>/images/ico_entrar.png">Entrar </a> <a class='tk_cadastrar' href="#"> <img style="color: #fff !important; width:21px;margin-left:8px; margin-right: 5px; margin-top: -5px;" src="<?=$PATHSKIN;?>/images/ico_cadastrar.png">Cadastrar </a> <? } ?> </div> <a href="#"> <img src="<?php echo $PATHSKIN."/images/bs_sistemas_ico.png"; ?>" style="width: 185px; height: 35px; margin-top: -10px; margin-left: 20px;"/> </a> <div id="anunciar_gratis" style="display: flex; justify-content: space-around; align-items: center; background-color: #f26122; height: 35px; margin-top: -10px; padding-left: 20px; padding-right: 20px; font-size: 0.85em;" class="tips"> <a class='tk_logar' href="#" style="color: #ffffff !important;">Anunciar imóvel Grátis </a> </div> <div id="aonde_está" style="display: flex;justify-content: space-around;align-items: center;background-color: #094F70;height: 35px;margin-top: -10px;padding-left: 20px;padding-right: 20px;"> <span style=" font-size: 0.9em; color: #fff; text-transform: initial; ">Você está em: </span> <select> <option>PE</option> <option>RJ</option> <option>SP</option> </select> </div> </div> </div> <div class="div_logo" style="background: rgba(255, 255, 255, 0.45); margin-top: 0px;"> <a href="<?=$ROOTPATH;?>"> <img class="logotipohome" border="0" src="<?=$ROOTPATH;?>/include/logo/logo.png"/></a> <ul style="font-weight: bold !important;" class="link_azul"> <?php/* while($l = mysql_fetch_assoc($rs)){ $tipocategoria = "categorias"; $linkid =""; if($l['linkexterno']!=""){*/?> <li class="formata_li parent"><img src="<?php echo $PATHSKIN."/images/ico_entrar.png"; ?>"/><a class="link_azul" href="<?=$ROOTPATH;?>">HOME</a></li> <li class="formata_li parent"><img src="<?php echo $PATHSKIN."/images/ico_entrar.png"; ?>"/><a href="#">FAVORITOS</a></li> <li class="formata_li parent"><img src="<?php echo $PATHSKIN."/images/ico_entrar.png"; ?>"/><a href="#">AVALIE SEU IMÓVEL</a></li> <li class="formata_li parent"><img src="<?php echo $PATHSKIN."/images/ico_entrar.png"; ?>"/><a href="#">BUSCA NO MAPA</a></li> <li class="formata_li parent"><img src="<?php echo $PATHSKIN."/images/ico_entrar.png"; ?>"/><a href="#">TEMPORADA</a></li> <?php //}};?> </ul> </div> </div> Arquivo header_h.php do domínio COM (Domínio com o site funcional) <div style="display:none;" class="tips"><?=__FILE__?></div> <style> a{ color:#fff; } </style> <div class="headertop"> <header style="height:103px;"> <div style="float:left;color:#000;margin-top:4px;width:442px;margin-left:122px;"> <a href="<?=$ROOTPATH?>"><img class="logotipohome" border="0" src="<?=$ROOTPATH?>/include/logo/logo.png"></a> </div> <!-- <div class="viplogo"></div> --> <div style="float: right; margin-top: 8px;margin-right:33px;"> <div style="margin-top: 0px; font-size: 13px;color:#000"> <?php if($login_user){ ?> <? if($INI['option']['anunciousuario'] == "Y" ){?> <a href="<?=$ROOTPATH?>/adminanunciante/team/edit.php"><img style="width:21px;margin-left:8px;" src="<?=$PATHSKIN?>/images/ico_conta.png"> Anunciar Imóvel</a> <a href="<?=$ROOTPATH?>/adminanunciante/"><img style="width:21px;margin-left:8px;" src="<?=$PATHSKIN?>/images/ico_conta.png"> Meus Anúncios</a> <? } ?> <a href="<?=$ROOTPATH?>/autenticacao/logout.php"><img style="width:21px;margin-left:8px;" src="<?=$PATHSKIN?>/images/ico_off.png"> Sair</a> <?} else {?> <a class='tk_logar' href="#"><img style="width:21px;" src="<?=$PATHSKIN?>/images/ico_entrar.png">Anunciar Imóvel </a> <a class='tk_logar' href="#"><img style="width:21px;" src="<?=$PATHSKIN?>/images/ico_entrar.png">Entrar </a> <a class='tk_cadastrar' href="#"><img style="width:21px;margin-left:8px;" src="<?=$PATHSKIN?>/images/ico_cadastrar.png">Cadastrar</a> <? } ?> </div> </div> </header> </div> <?php Função no arquivo com o login em AJAX (ESSE ARQUIVO NÃO FOI ALTERADO) function loginajax(email, senha){ if(email == ""){ jQuery("#loadingcontato").hide(); alert("Informe o seu email cadastrado em nosso site") document.getElementById("emailshare").focus(); return; } if(senha== ""){ jQuery("#loadingcontato").hide(); alert("Informe a sua senha cadastrada em nosso site.") document.getElementById("passwordshare").focus(); return; } jQuery("#loadingcontato").show(); jQuery.ajax({ type: "POST", cache: false, async: true, url: URLWEB+"/autenticacao/login.php", data: "acao=loginimportacontato&email="+email+"&password="+senha, success: function(msg){ if(jQuery.trim(msg)=="0"){ jQuery("#loadingcontato").hide(); alert("usuário ou senha inválidos, por favor, verifique os seus dados e tente novamente."); } if(jQuery.trim(msg)=="01"){ jQuery("#loadingcontato").hide(); alert("Nós ainda não recebemos a sua validação de email, por favor, entre no seu email de cadastro e clique no link de confirmação."); } if(jQuery.trim(msg)==""){ alert("Login realizado com sucesso. Agora infome o seu email e senha de alguma rede social como orkut, facebook, twitter, Badoo, Linkedin ou seu email e senha do gmail ou yahoo. ") jQuery.ajax({ type: "POST", cache: false, async: true, url: URLWEB+"/util/OpenInviter/convidar.php", data: "", success: function(msg){ jQuery("#loadingcontato").hide(); jQuery("#naologado").html(msg); } }); } } }); }
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: