Ir para conteúdo

POWERED BY:

Arquivado

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

sapetti

input type button com a Tecla "Enter"

Por , em Desenvolvimento frontend

Recommended Posts

sapetti    0

sapetti
Postado

Galerinha, bom dia, alguem saberia me dizer porque esta função não esta funcionando?

meu objetivo é inputar a informação do "input type Text" através da tecla "ENTER"

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function getit(form){
engine=
document.search.engine.options[document.search.engine.selectedIndex].value;

 if (engine == "loja_regatta") engine =
"http://lojaregatta.com.br/site/busca/busca.aspx?texto=";
if (engine == "portal_regatta") engine =
"http://lojaregatta.com.br/site/busca/busca.aspx?texto=";
if (engine == "broker_regatta") engine =
"http://lojaregatta.com.br/site/busca/busca.aspx?texto=";
if (engine == "charter_regatta") engine =
"http://lojaregatta.com.br/site/busca/busca.aspx?texto=";
keywords = convert(document.search.keywords.value);
location= engine +keywords
}
function convert(input) {
	var output = "";
	for (var i = 0; i < input.length; ++i) {
	 var temp = input.charAt(i); if (temp == " ") temp = "+";
	 output += temp;
	}
	return output;
   }
</script>

<script>
function SubmitForm (search)
 {	   
 if(event.keyCode == 13) // código ASCII da tecla enter	
	{
 document.forms[search].submit(); // envia o form	   
	}
}
	</script>




<style type="text/css">
#bt {
background-image:url(images/bnt_confirmar_azul.gif);
color:#FFFFFF;

}
</style>




</head>

<body>
<table>
<td align="center">
<form id="search" method="post" name="search">

   
	  <input  onKeyPress="SubmitForm('search')"  type="text" size="17" name="keywords">
	  <input  type="button" accesskey="enter" value="Pesquisar" onclick="getit(this.form)" />
	  <tr><!--<td style="display:none" width="133"><select name="engine">
	  <option value="loja_regatta">Loja Regatta </option>
	  <option value="portal_regatta">Portal Regatta </option>
	  <option value="broker_regatta" selected>Broker Regatta </option>
	  <option value="charter_regatta">Charter Regatta </option>
			</select></td> -->	  
	</tr>
	</form></td>
</form>
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

accesskey="1" representa ENTER

de uma pesquisada no forum antes de postar é provalvel que sua pergunta já tenha respota:

http://forum.imasters.com.br/index.php...mp;#entry962468

 

falow abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Você quer que o enter funcione como TAB, não entendi bem o que você quer!

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

sapetti    0

sapetti
Postado

accesskey="1" representa ENTER

de uma pesquisada no forum antes de postar é provalvel que sua pergunta já tenha respota:

http://forum.imasters.com.br/index.php...mp;#entry962468

 

falow abraço

 

Então, eu ja vi este topico, porém, só isso não funciona, além do que no código ASCI a tecla enter é o "13".

 

 

Eu acredito que precise de uma função em JS, mais mesmo assim obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

sapetti    0

sapetti
Postado

Você quer que o enter funcione como TAB, não entendi bem o que você quer!

 

abraço

 

este é um pequeno sistema de busca por parmetro...

nele existe um INPUT TYPE TEXT, e um INPUT TYPE BUTTON...

O objetivo é, depois que o usuario escreveu a palavra-chave, ele não precise ter que ir com o mouse no botão "pesquisar"

e sim apenas apertando a tecla "ENTER"

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

se não fizer nada, isso já funciona!, creio que não precise fe função... mas tenta isso

 

 

<form id="search" method="post" name="search" onkeypress=" if(event.key == 13 ) { this.form.submit(); }">

a lógica seria mais ou menos essa!

 

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ele não precise ter que ir com o mouse no botão "pesquisar"

e sim apenas apertando a tecla "ENTER"

Porque não utiliza um submit?? esse tipo de input, já usa o ENTER como padrão...

Ou então ve em JS um código para fazer os atalhos de teclado..(não sei como faz)

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

bem a pergunta na verdade foi como fazer o enter funcionar, se você está querendo usar via javascript ae a orientação do sistema é com EVENT.KEYCODE e não com Acesskey.

 

Ao inves de por getit(this.form) em onclick faça isso:

<form onsubmit="return getit(this.form);">
;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito