Jump to content
Infra Comnet

Navegador não puxa informações enquanto o site CodePen puxa normalmente.

Recommended Posts

Estou reaprendendo o javascript desde que entrei no novo trabalho, então estou criando um projetinho simples em html com javascript dentro do html, aí ok. Googleando umas coisas que preciso para associar aos poucos no meu projetinho, encontrei através do site CodePen.io um esboço feito por alguém, daí nele continha a função era o que eu precisava (preencher os campos que automaticamente puxa para o textarea, além de substituir as palavras) , daí peguei as funções e botei no meu código-fonte de html, mas não funcionou em qualquer navegador e achei estranho. acrescentei a linha de script que chama o tal jquery do esboço de onde encontrei, testei e nada. Daí criei meu usuário no CodePen.io, joguei os códigos nele, testei e funcionou... aí achei estranho se funciona no CodePen.io e não funciona nos navegadores.

Então vou explicar o que acontece: Pelo CodePen.io (acesse neste link com os códigos que fiz: https://codepen.io/InfraComnet/pen/JQbrMV ), o campo Código quando digitado (que será substituído por select para selecionar em vez de digitar números) está puxando conteúdo para a textarea e está ok, e os campos nome e técnico digitados estão substituindo normal. Agora nos navegadores, mesmo digitando nos campos, nada aparece no textarea.

Um detalhe: como falei antes que estou reaprendendo o javascript, então o jquery é uma coisa nova para mim (não conheço quase nada de jquery, por isso que cacei as funções prontas e pede o src de jquery para funcionar, daí é tenso), então para que as coisas funcionem, eu botei a linha de comando da script de jquery para que possa executar as tarefas funcionando igual ao que acontece no CodePen.io, mas não tá funcionando. Já o outro projetinho que montei, tb usa o jquery (mas diferente deste) e está funcionando. Não sei onde está o erro. E outra, estou usando o Notepad++ pra mim trabalhar nos códigos de html, css e, aos poucos, javascript.

Veja o código completo abaixo:

<html>
<head><title>SCRIPT COLETA DE INFORMAÇÕES - TESTE</title></head>

<!-- Script com link de JQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
var dados = [{"codigo": "1", "Nome": ["AVISO PADRÃO / XXXXXX / XXXXXXXX) NÃO CADASTRADO",
                                         "AVISO PADRÃO / (NOME CLIENTE / RESPONSÁVEL) AUTORIZA CADASTRADO"]},
             {"codigo": "2", "Nome": ["LEMBRETE / XXXXXX / XXXXXXXX) AGENDADO",
                                         "AVISO PADRÃO / (NOME CLIENTE / RESPONSÁVEL) VERIFICAR ORDEM DE SERVIÇO"]},
             {"codigo": "3", "Nome": ["REINCIDÊNCIA / XXXXXX / XXXXXXXX)",
                                         "AVISO PADRÃO / (NOME CLIENTE / RESPONSÁVEL) PROBLEMA REINCIDENTE"]},
             {"codigo": "4", "Nome": ["REAGENDAMENTO / XXXXXX / XXXXXXXX)",
                                         "AVISO PADRÃO / (NOME CLIENTE / RESPONSÁVEL) FEITO NOVO AGENDAMENTO"]},
            ];


$('input[name="codigo"]').change(function(){
  $('textarea[name="nome pessoal"]').val(pegaNome($(this).val()));
});

$('input[name="nome"]').change(function(){
  var nome = $(this).val();
  var text = $('textarea[name="nome pessoal"]').val();
  $('textarea[name="nome pessoal"]').val(text.replaceAll(' XXXXXX ',` ${nome} `));
});

$('input[name="tecnico"]').change(function(){
  var nome = $(this).val();
  var text = $('textarea[name="nome pessoal"]').val();
  $('textarea[name="nome pessoal"]').val(text.replaceAll(' XXXXXXXX',` ${nome} `));
});

function pegaNome(cod){
  var nome  = "Não existe na lista"
  var nomes = "";
  
  $.each(dados, function(i, val){
    if (val.codigo == cod)
      {
        nome = val.Nome;
        $.each(nome, function(index, value){
          nomes += value + '\n\n';
        });  
      }  
  });
  return nomes;
}

String.prototype.replaceAll = function(searchStr, replaceStr) {
    var str = this;
    searchStr = searchStr.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
    return str.replace(new RegExp(searchStr, 'gi'), replaceStr);
};

</script>

<body>

<!-- Exibindo na página nos navegadores -->
<tr>
  <td>
    Código:<input type="text" name="codigo" size="5">
    Cliente: <input type="text" name="nome" size="28"></td></br>
    Técnico: <input type="text" name="tecnico" size="28"></br></br>
    <textarea name="nome pessoal" rows="10" cols="50"></textarea>
  </td>
</tr>

</body>
</html>

 

Share this post


Link to post
Share on other sites

não precisa detalhar que esta aprendendo.

 

mas explica melhor qual o funcionamento do que esta fazendo. pois esta muito complicado entender o que deve acontecer.

 

localmente aqui o que vi foi que preenchendo o input cod com um numero ele pega valores do array dados e coloca no textearea, e ao ir no campo cliente e técnico e digitar nomes ele faz o replace dos dados nos devidos lugares que estão no textearea. o que não faz menor sentido uma aplicação fazer isso.

 

 

 

 

Share this post


Link to post
Share on other sites
15 horas atrás, Douglas Ribeiro Imasters disse:

não precisa detalhar que esta aprendendo.

 

mas explica melhor qual o funcionamento do que esta fazendo. pois esta muito complicado entender o que deve acontecer.

 

localmente aqui o que vi foi que preenchendo o input cod com um numero ele pega valores do array dados e coloca no textearea, e ao ir no campo cliente e técnico e digitar nomes ele faz o replace dos dados nos devidos lugares que estão no textearea. o que não faz menor sentido uma aplicação fazer isso.

 

Opa... sou meio ruim pra explicar, pq tenho deficiência auditiva e tenho dificuldade no meu português para fazer um bom sentido da frase, mas ok... então vamos lá.

É o seguinte: qdo botei o código no CodePen.io, funcionou normal de aparecer os resultados no textarea... mas quando coloco em um arquivo html, não funcionou, pq não puxa nada no textarea, ou seja, o textarea fica em branco, mesmo com os campos código e nomes preenchidos. É isso que eu precisava fazer funcionar no arquivo html usando o navegador, pois botando este arquivo na pasta para que todos abram pelo navegador e usar, né.

Não entendi a parte q você disse de "não faz o menor sentido uma aplicação fazer isso"? Afinal... a utilidade final disso que estou fazendo é uma vez preenchidos os campos, o usuário irá clicar no botão que selecionará e copiará tudo o que está no textarea para poder colar tudo prontinho e organizado, pois os funcionários de atendimento estão utilizando de forma primitiva: usa o bloco de notas com um monte de scripts prontas que eles ficam procurando até achar, dps preencher as coisas manualmente (pior, dá trabalho pra eles apagarem depois qdo for outro cliente), dps selecionar tudo e copiar, o que é um pouco mais demorado. Daí com a minha ideia, vai facilitar e agilizar muito a tarefa deles. Por isso que eu desenvolvi um outro arquivo html pronto que usa o select que mostra a lista de scripts para selecionar e basta clicar no botão que seleciona e copia. Só falta fazer a parte de preencher os campos pra preencher no textarea pra dps tentar incorporar ao arquivo existente.

Caso você queira, posso mandar o código de outro html (aquele que é: selecionou a script desejada, clicou no botão e pronto) que os funcionários estão recentemente utilizando (eles pararam de utilizar o bloco de notas dps disso, hehe).

Espero que me compreenda, hehehe. Paz e amor!!

Edited by Infra Comnet
Acrescentei umas frases a mais.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By fabioamorais
      Ola pessoal, sou novo aqui no fórum e também no mundo da programação. 

      Estou criando um sistema de cadastro de clientes em PHP 7 e mysql
      para meu serviço para fins de organização, tenho ja pronto o sistema de cadastro e edição do cliente, tenho login por usuário e senha.
      preciso colocar nesse sistema uma forma que registre a ação e o usuário que fez a ação quando houver uma alteração no cadastro.
      exemplo;
      O usuario (jose) alterou o status de analise para concluído .
      o usuario (pedro) alterou a localização de mesa para armario.
      e que fosse exibido como um tipo de histórico de eventos no próprio cadastro do cliente.
      e nesse campo se ainda tiver como add cometários.
      Usuario (jose): Precisa entrar em contato com o cliente francisco. 
      Usuario (pedro): cliente foi avisado e está sabendo.
       
      quem souber uma forma de fazer isso, ficaria muito grato.

    • By Webster Moitinho
      Implementei em meu site o JQuery Autocomplete e consegui fazer ele funcionar na boa. Porém não estou conseguindo fazer com que, quando o usuário pesquisar pelo termo, e selecionar na lista, ele seja direcionado para a respectiva página.
       
      Meu código está assim:
      <div id="pesquisa"> <form action="index.php?id=<?php echo $target; ?>&tp=smp" method="post" name="autocomplete" target="_self"> <strong>Pesquisa:</strong> <input id="autocomplete" title="Digite algo" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;Digite algo"> <button id="button-icon">Pesquise</button> </form> </div><!--pesquisa--> <script src="libraries/jquery.js"></script> <script src="libraries/jquery-ui.js"></script> <script> <?php $sql = "SELECT pags.id, pags.title, pags.keywords, pags.tema FROM pags WHERE vendavel = 'S' ORDER BY pags.id"; $resultado = $PDO->query( $sql ); $rows = $resultado->fetchAll(PDO::FETCH_ASSOC); ?> var availableTags = [ <?php foreach ($rows as $key => $linha) { $target = $linha['id']; echo '"' . $linha['title'] .' | ' . $linha['keywords'] . '",'; } ?> "" ]; $( "#autocomplete" ).autocomplete({ source: availableTags }); $( "#button" ).button(); $( "#button-icon" ).button({ icon: "ui-icon-gear", showLabel: false }); </script>  
    • By skti
      Boa tarde, me chamo Augusto e gostaria de saber como preencher o campo automaticamente seguindo o formato descrito no título.. por exemplo, ao digitar os 3 primeiros números do cpf, o '.' (ponto) ser preenchido automaticamente. Sou iniciante e o mais perto que cheguei foi criar um input que, quando são digitados 3 caracteres, apareça um '-' (hífen), ficando xxx- por exemplo, porém, de maneira incorreta pois ao continuar digitando o texto ficava xxxxxx- ao inves de xxx-xxx e assim por diante. Agradeço quem puder ajudar! :)
    • By s3c0
      Boa tarde galera,
       
      estou precisando que a barra superior acompanhe o Scroll. Está funcionando de acordo com o propósito, porém se der um Refresh no meio da página por exemplo, a barra superior não aparece.
       
      $("document").ready(function($){ $(window).scroll(function () { if ($(this).scrollTop() > 68) { $('.topo').fadeIn(); $('.topo').css("position","fixed") $('.topo').css("z-index","2") $('.topo').css("margin-top","-68px") } else { $('.topo').css("position","absolute") $('.topo').css("z-index","1") $('.topo').css("z-index","2") $('.topo').css("margin-top","0px") } }); });  
      Alguém possui alguma ideia do que está errado?
    • By CharlieAldrin
      Estou tentando fazer um chat, e nele é necessário saber se um usuário continua na página do chat, para caso ele saia informar o outro usuário.
      Encontrei em alguns lugares como solução fazer um ajax conferindo se o usuário está "dando sinal de vida" de 10 em 10 segundos (por exemplo), porém não entendi como fazer isso e nem como colocar no código. Alguém pode me ajudar por favor? 
      Ou me informar se existe alguma forma melhor de conferir isso?
       
      Valeu desde já :) 
×

Important Information

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