Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ronan Silva

Função Enter para pesquisar Não funciona

Por , em Javascript

Recommended Posts

Ronan Silva    0

Ronan Silva
Postado

Olá galera estou com uma coisa que estou procurando a meses e não consigo resolver!

 

quero que a função ENTER do teclado busque o que o usuário digitou.

 

entre nesse site > http://www.loocalize.com.br procure ACADEMIAS e de ENTER, você percebera que sem apertar o ENTER ele ja te mostra o resultado (EXCELENTE) quero q continue assim, mas tb quero quando o usuário aperte a TECLA ENTER mostre o resultado!

 

siga o codigo abaixo

<div id="formulario" >
		<form action="" method="get" enctype="multipart/form-data"  accept-charset="iso-8859-1,utf-8">
            <input type="text" name="q" onKeyPress="busca();"  placeholder="  Localize  Lanchonetes, Pizzaria, Restaurante e etc..." id="q"/>
			<input type="button" onclick="busca();" id="q" value=""/>
		</form>
	</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

troque o type="button" por type="submit"

e então ouça o evento onsubmit do formulário.

 

Lembre-se de não duplicar tua dúvida pelo fórum. Apaguei a duplicata que estava em PHP.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o que faz a função busca(); ? poste ela.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Poste a função busca().

 

O que eu disse, era simplesmente trocar:

<input type="button" onclick="busca();" id="q" value=""/>
por

<input type="submit" id="q" value="Buscar"/>
e

<form action="" method="get" enctype="multipart/form-data"  accept-charset="iso-8859-1,utf-8" onsubmit="alert('ouvindo o submit')">
mas para isso eu preciso ver oq a função busca faz. Poste ela.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronan Silva    0

Ronan Silva
Postado

 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="iso-8859-1" >
<title> Loocalize | Guarapari </title>
	<link rel="icon" type="image/png" href="css/imagens/ico.png" />
	<link href="css/estilo-resultado.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="java/busca.js"> </script>
</head>
    
<body>
<!-- Dock TOP -->	
<div id="Layer1"> 
<a href="index.php"> <img src="css/imagens/logo.png" alt="loocalize" id="img_logo"> </a>
<img src="css/imagens/linha.png" id="linha">
   
<!--  DESABILITADO <div id="img1"> <img src="css/imagens/loja.ico.png" style="width:20px;height:18px;"> </div>  -->

    <!-- DESABILITADO <div id="link1">
 <a href="cadastro.php" title="Anuncie agora seu Negócio!"> Anuncie seu Negocio <font color="#FF5050"> </a> 
</div> -->
<div id="logo-local"> <font color="#404040"> <!-- Guarapari - ES --> </div>

<!-- Formulario -->  
    
	<div id="formulario" >
		<form action="" method="get" enctype="multipart/form-data"  accept-charset="iso-8859-1,utf-8">
            <input type="text" name="q" onKeyPress="busca();"   placeholder="  Localize  Lanchonetes, Pizzaria, Restaurante e etc..." id="q"/>
			<input type="button" onclick="busca();" id="q" value=""/>
		</form>
	</div>		
</div>
<!--  Fim do Formulario --> 
<!-- Fim do Dock Top-->

<!--  Inicio do Resultado -->

	<div id="resultado">
		<div id="exibe"></div>
		<div style="clear:both;"></div>
		
	</div>
	
	<div id="facebook"><center> <a href="http://www.facebook.com/loocalize"> <img src="css/imagens/facebook.jpg" style="margin-top:450px;" ></a></center></div>
	<div class="i2Style"></div>
<!-- Fim do Resultado -->

<!-- DESABILITADO    <div id="tiler"> <a id="icotiler"> <font color="#FFF"> * </a> </div> -->
	</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Poste o conteúdo do arquivo

 

java/busca.js

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronan Silva    0

Ronan Silva
Postado 




function openAjax(){



	var ajax;


 



try{



	ajax = new XMLHttpRequest();



}catch(erro){



	try{



		ajax = new ActiveXObject("Msxl2.XMLHTTP");



	}catch(ee){



		try{



			ajax = new ActiveXObject("Microsoft.XMLHTTP");



		}catch(e){



			ajax = false;



		}



	}



}



return ajax;



}//instancia dinamicamente o objecto xmlhttp


 



function busca(){


 



	if(document.getElementById){



		var termo = document.getElementById('q').value;



		var exibeResultado = document.getElementById('exibe');


 



		if(termo !== "" && termo !== null && termo.length >= 3){



			var ajax = openAjax();


 



			ajax.open("GET", "buscar.php?q="+termo, true);



			ajax.onreadystatechange = function(){



				if(ajax.readyState == 1){



					exibeResultado.innerHTML = '<p>Carregando resultados...</p>';



				}


 



				if(ajax.readyState == 4){



					if(ajax.status == 200){



						var resultado = ajax.responseText;



						resultado = resultado.replace(/\+/g, " ");



						resultado = unescape(resultado);



						exibeResultado.innerHTML = resultado;



					}else{



						exibeResultado.innerHTML = '<p>Ouve algum erro na requisição</p>';



					}



				}



			}



			ajax.send(null);



		}



	}



}







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
William Bruno
			  

	
		
	
			 1501
	
		
	

		

		

			


	
		William Bruno
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

deixa assim o html:


 




		<form action="" method="get" enctype="multipart/form-data"  accept-charset="iso-8859-1,utf-8" onsubmit="busca(); return false;">
            <input type="text" name="q" onKeyPress="busca();"   placeholder="  Localize  Lanchonetes, Pizzaria, Restaurante e etc..." id="q"/>
			<input type="submit" id="q" value=""/>
		</form>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito