17 replies to this topic

[Josy]

Qdo eu tenho um form onde tem um botao <input type="submit" name="btn" value="Botao" onclick="mostrar();">

<script language="JavaScript">
function mostrar()
{
document.form.recipient.value = "1";
document.form.submit();
}
</script>

Ele funciona ao ser clicado, como eu faço pra tb funcionar se a tecla "enter" for pressionada em vez d clicar no botao?? Isso é java ?

Em uma outra página o enter já funciona direitinho ... só nessa q nao.. eu queria q funcionasse qdo fosse escrito alguma coisa no campo text e alguem aperta enter ..

<form name="form" method="get" action="pagina.php">
<select name="combo1" onChange="mostradep();" id="combo1">
<option value="">------combo 1------</option>
<?
$consulta1 = $conn->Execute("SELECT DISTINCT campo FROM tabela order by campo");
$itens = $consulta->RecordCount();
$controle = 0;
$escolha = isset($_GET['combo1'])? $_GET['combo1'] : null;
echo $escolha;
while ($controle < $itens)
{
$depart = $consulta->fields['departamento'];
printf("<option ");
if ($escolha== $depart)
{
echo "selected ";
}
echo "value=$depart>$depart</option>";
$consulta->MoveNext();
$controle++;
}
?>
</select>
<select name="combo2" id="combo2">
<option value="">------Setor-------</option>
<?
$controle = 0;
$consulta_setor = $conn->Execute("SELECT DISTINCT setor FROM ramais WHERE departamento='$depart_escolhido'");
$num_setor = $consulta_setor->RecordCount();
while ($controle < $num_setor)
{
$setor = $consulta_setor->fields['setor'];
printf("<option value='$setor'>$setor</option>");
$consulta_setor->MoveNext();
$controle++;
}
?>
</select>
<?
$escolha2 = isset($_GET['combo2'])? $_GET['combo2'] : null;
$consulta2 = $conn->Execute("SELECT cargo from ramais where setor='$setor_escolhido'");
?>
<input type=hidden name="recipient" value="0">
<input type="text" name="criterio" size="22" maxlength="150">
<input type="button" value="Buscar" onclick="mostrar();">
</form>

[Klaus]

Mude de type="button" para type="submit".

[Josy]

Mudei, mas nao adiantou...

[Klaus]

<form action="http://www.google.com/search">

	<p>

		<input name="q" size="50" type="text" value="Clique aqui e aperte Enter" />

		<input type="submit" value="Não clique, aperte Enter no campo ao lado" />

	</p>

</form>

[Josy]

como vc falou da certo realmente, eu vejo q qdo clico no campo text pra escrever alguma coisa o botao fica selecionado, entao se eu apertasse no enter deveria funcionar mesmo... agradeço vlw

Só tah acontecendo o seguinte no meu botao tem a opção onclick q chama a função js onde troca o valor d uma variavel.. e depende desse valor para escrever na tela, entoa se nao clicamos no botao essa função do js nao é chamada nao dando certo só apertar enter... tem alguma outra opção sem ser onclick q valha para clicar ou apertar enter??

<input type="submit" value="Buscar" onclick="mostrar();">

<script language="JavaScript">
function mostrar()
{
document.form.recipient.value = "1";
document.form.submit();
}
</script>

[Alex Hiroshi]

Chama a função no onsubmit do formulário.

[Josy]

Tah já achei o problema aqui comigo... mesmo alterando a função pra onsubmit nao funciona como vc falou xxAlexx ..
Mas é o seguinte a form pra funcionar desse jeito aqui pra mim só da certo qdo tem no minimo duas input, e nao pode ser hidden, pq na minha pagina a form tem dois select e uma input text e apertando enter o submit nao da certo, mas se eu só adiciono mais uma input text lá da certinho o enter.. vcs ja viram isso antes? ou é só comigo?

[bimonti]

Sinistro hein ...

Outra solução seria colocar uma função ae de listener da tecla digitada, se for um enter dá um submit(). O problema é que sempre tem as diferenças de navegador, e uma funçãozinha boa pra capturar tecla que funcione em todos ocupa mais espaço no código que um campo input. Sei lá, você decide chefia!

[Josy]

Função de listener da tecla digitada?? Isso em JS? Tem um exemplo? Pq dai vou montar isso aqui pra deixar funcionando assim, já q isso só aconteceu comigo pelo q notei..

Achei o seguinte:

<button type="BUTTON" value="Buscar">
<listener
type="JSRS" event="onClick"
remote="buscaMembro" callback="exibeDados"
params="document.getElementById('criterio').value"
/>
</button>

é isso?

Edição feita por: Josy, 21/08/2006, 10:28.

[bimonti]

Quase ... na verdade esse listener que eu falei ae foi meio infeliz. Era só pra deixar uma função pra capturar a tecla digitada, se for um enter manda bala. Veja só:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function tecla(a) {
	 var Key = a.keyCode || a.which;
	 if(Key == "13"){
	 alert('Foi um Enter');
	 document.forms['form1'].submit();
	 }
	 else{
	 alert('Não foi um Enter');
	 }
	 return false;
}
</script>
</head>

<body>
<form name="form1" method="post" action="teste.htm">
  <input type="text" name="textfield" onKeyPress="tecla(event);">
</form>
</body>
</html>

Tirei esse exemplo do Valida® FrameWork de Validação.

[Josy]

Não entendi a parte if(Key == "13"), o q seria 13?
E o alert só aparece qdo com a tecla tab passo para o botao e aperto enter, o q nao adianta. Não consegui fazer funcionar como vc falou, q era ler o q foi digitado e se for um enter dar o submit?

Ficou desse jeito..

function tecla(a)
{
var Key = a.keyCode || a.which;
if(Key == "13")
{
alert('Foi um Enter');
document.form1.recipient.value = "1";
document.form1.submit();
}
else
{
alert('Não foi um Enter');
}
return false;
}

<form name="form1" method="get" action="paginaramais.php">
<input type="hidden" name="recipient" value="0">

<input type="text" name="criterio" size="22">
<input type="submit" name="btnLogar" value="Buscar" onKeyPress="tecla(event);">
</form>

Edição feita por: Josy, 23/08/2006, 10:49.

[bimonti]

Então, o 13 é o número da tecla Enter na tabela ASCII, então se a tecla digitada for 13 é o safado do enter. E o seu só funciona qdo dá o tab pro botão porque você colocou a chamada pra função nele, veja só, mudei o código e coloquei a chamada pra função na tag form, assim qualquer tecla que for digitada em qualquer campo desse form será checada. Pra efeitos de teste eu coloquei um monte de alert no script pra você ir vendo as etapas do processo, aqui funcionou perfeitamente. Qdo vc for colocar na página pode tirar os alerts, o else e o return false. O else só serve pra mostrar qdo não foi um enter, e o return false é pra não submeter o formulário aqui no meu computador.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function tecla(a) {
	 var Key = a.keyCode || a.which;
	 if(Key == "13"){
	 var campo = document.forms['form1'].elements['recipient'];
	 alert('Valor do campo oculto ' + campo.value);
	 campo.value = 1;
	 alert('Opa, mudei o campo oculto pra ' + campo.value);
	 document.forms['form1'].submit();
	 }
	 else{
	 alert('Não foi um Enter');
	 }
	 return false;
}
</script>
</head>

<body>
<form name="form1" method="post" action="teste.htm" onKeyPress="tecla(event);">
	<input type="hidden" name="recipient" value="0">
	<input type="text" name="textfield">
</form>
</body>
</html>

Edição feita por: bimonti, 23/08/2006, 12:16.

[Josy]

Perfeito, perfeito... muito obrigada bimonti... :*

[Miguceamma]

Farmacia Andorra Propecia Propecia Ohne Rezept Preisvergleich Levitra Natur online pharmacy Adn Es La Kamagra Buy Propecia 84
Viagra Kostenlos Testen cialis Rx4 Pharmacy
Order Priligy Dapoxetine 2095 Albuterol Inhaler Cialis De Marca cialis Does Keflex Contain Penicillin Zithromax Therapeutic Class

[Miguceamma]

Propecia Relax Rualis 20 Super Active Kamagra Oral Jelly 200mg Australia viagra Allergy To Cephalexin Acquisto Levitra Generico In Italia
Foro Compra Viagra Venta De Kamagra Contrareembolso Quiniela De Propecia cialis Does Zithromax Cure Chlamydia Amoxicillin Hepatitis C Cialis En Madrid
Finasteride Funziona Davvero Propecia Recommended Dosage Of Bactrim For Uti viagra Propecia Headache Secure Progesterone Hormone Replacement Low Price Mastercard Nevada