Jump to content
Sign in to follow this  
crebs86

Ajax e Javascript - passar dados

Recommended Posts

Bom dia pessoal. Continuo apanhando de JS.
Pois bem, segue um script para discussão:

<script>
		function buscar(palavra, texto){
			var contar = document.forms[0].texto.value.length
			if (contar%20 == 0) {
				var page = "evoluir.php";
				var palavra = document.getElementById(palavra).value;
				var texto = document.getElementById(texto).value;
				$.ajax({
					type: 'POST',
					dataType: 'html',
					url: page,
					beforeSend: function () {
						$("#dados").html("Salvando Rascunho...");
					},
						data: {palavra: palavra, texto:texto},
						success: function (msg){
							$("#dados").html(msg);
						}
				});
			}else{
				document.forms[0].caracteres.value= contar;
			}
		}
		$('#buscar').click(function () {
			buscar($("#palavra").val(),$("#texto").val())
		});
</script>
<form action="#" method="post">
<td><input type="text" name=caracteres size=4></td>
						<input type="text" class="form-control" id="palavra" placeholder="Buscar por...">
						<textarea type="text" id="texto" name="texto" onKeyDown="buscar('palavra','texto')" onKeyUp="buscar('palavra','texto')" style="min-height:300px;width:90%;background-color:#000;color:white;font-size:16px;" placeholder="Evolução clínica" ></textarea>
						<button class="btn btn-default" id="buscar" type="button" onclick="buscar('palavra','texto');">Finalizar</button>
						<button class="btn btn-default" id="buscar" type="button" onclick="buscar('palavra','texto');">Salvar rascunho</button>
</form>        
            <div id="dados">Pesquise por nome do paciente ou número de prontuário</div>

Neste código eu envio (deveria) os dados do forma quando o texto do <textarea> atingisse um múltiplo de 20, porém quando eu a função buscar é chamada aparece o erro no depurador: TypeError: buscar is not a function. Tando para onKeyDown quanto para onKeyUp.

Entretanto se eu separo a parte de fazer a conta (múltiplos de 20) da parte de enviar o FORM e as testos separadamente elas funcionam perfeitamente. O que faço errado ao mescla-las?

Agradeço

Share this post


Link to post
Share on other sites

O javascript não consegue identificar a diferença entre a chamada de uma função buscar ou o id buscar quando definidos sobre o mesmo nível (window por exemplo). Acontece o conflito de nomenclatura e, como o ID está definido por último, substitui o primeiro.

 

Você possui dois ids com o nome buscar.

 

IDs devem ser únicos, e é importante que não tenham o mesmo nome que funções javascript.

 

Poderá ler mais aqui:

http://stackoverflow.com/questions/9158238/why-js-function-name-conflicts-with-element-id

Edited by Gabriel Heming
complementar reposta

Share this post


Link to post
Share on other sites

O javascript não consegue identificar a diferença entre a chamada de uma função buscar ou o id buscar quando definidos sobre o mesmo nível (window por exemplo). Acontece o conflito de nomenclatura e, como o ID está definido por último, substitui o primeiro.

 

Você possui dois ids com o nome buscar.

 

IDs devem ser únicos, e é importante que não tenham o mesmo nome que funções javascript.

 

Poderá ler mais aqui:

http://stackoverflow.com/questions/9158238/why-js-function-name-conflicts-with-element-id

Muito obrigado!

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
Sign in to follow this  

  • Similar Content

    • By fideles
      Mais uma vez venho aqui pedir ajuda a vocês.
       
      Tenho um formulario que criei aqui na empresa algo bem simples, somente para sair das planilhas de excel, que seria cadastro de funcionarios.
       
      Tem os campos, matricula, nome completo, unidade de trabalho, endereço e telefone de emergencia.
       
      A parte do formulario funciona, a gravação no BD tbm, listar as informações também, ai me perguntaram se era possível um auto preenchimento dos campos colocando somente a matricula do funcionario e respondi que eu não sei porque realmente não sei.
       
      A ajuda que eu preciso de vocês seria, é possível fazer isso ? Colocar a matricula e vir do banco e preencher os outros inputs? Se sim, é possível me derem um exemplo de como funciona e eu estudar o codigo e colocar nos outros inputs.
       
      Obrigado antecipadamente. 
       
    • By carlosmassam
      Bom noite a todos.

      Eu tenho o seguinte código
       
      <input type="radio" id="radio01" name="radio01" value="radio01"> <input type="radio" id="radio02" name="radio02" value="radio02"> <input type="radio" id="radio03" name="radio03" value="radio03"> <input type="radio" id="radio04" name="radio04" value="radio04"> <input type="radio" id="radio05" name="radio05" value="radio05"> Este código me apresenta 5 radiobuttons distintos, um ao lado do outro. Eu gostaria que, ao clicar em um deles, desse check no radiobutton que eu cliquei e também em todos os radiosbuttons anteriores, e os radionbutton posteriores fossem "deschecado".
      Por exemplo: ao clicar no radio04, ele deve fichar com check, e os radio03, radio02 e radio01 também devem ficar com check, como o radio05 vem depois do radio04, ele não deve ser checado, então permanecerá como está.
      Mas se eu então clicar no radio02, os radio03 e radio04 devem mudar para "deschecado" e os radio02 e radio01 devem permanecerem checados.
    • By fideles
      Fala pessoal, tudo tranquilo?
       
      Venho recorrer a vós pois já não consigo mais.... 
       
      Tenho um campo select com algumas opções de nome.
      <select class="seleciona_nome"> <option value="Joao">Joao</option> <option value="Julio">Julio</option> <option value="Pedro">Pedro</option> </select>  
      E um campo input do tipo "text"
      <input type="text" class="opcaoSelect" autocomplete="off" disabled="disabled">  
      Preciso que ao selecionar uma opção do "Select" seja auto preenchido no input. Tenho um codigo que funcionava e não sei mais porque não funciona, veja abaixo;
       
      <script> $(document).ready(function(){ $('.seleciona_nome').on('change', addOption); }); function addOption(){ $('.opcaoSelect').val(this.value); } </script>  
      Peço ajuda ai caso alguém consiga me ajudar a entender porque este não funciona mais.
       
      Obrigado.
       
    • By juliosertori
      Olá tudo bem?
       
      Estou criando um Repeater para adicionar produtos, o problema é que não consigo gerar um ID para cada linha, como um FOR ou WHILE no PHP, colocando $i = 0 e depois $i++
       
      Crio cada linha do repeater com bootstrap e utilizo assim:
       
      <tr data-repeater-item=""></tr>
       
      Mas como adicionar um id ou nome em sequência para cada repeater? Não encontrei nada na internet referente!
×

Important Information

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