Utilizando a tecla "enter" para promover busca automática

[Barbyzita 0]

Prezados colegas, estou com uma dificuldade tamanha...

Ao digitar determinada palavra para ser localizada em meu site, tento promover a busca automática apenas ao apertar a tecla "ENTER", no entanto, a ação não ocorre. Tenho sempre que utilizar o cursor do mouse e clicar no botão respectivo à busca. Queria somente digitar a palavra e apertar "ENTER", rápido e simples.

[João Batista Neto 448]

Barbyzita,

 

Esse é o comportamento padrão, para não estar acontecendo você não deve ter um botão do tipo submit e em vez dele um botão do tipo button com uma ação Javascript.

 

Poste aqui seu formulário (apenas o HTML referente ao formulário) para vermos como ele está.

[Barbyzita 0]

<form style="MARGIN: 0pt" method="post" name="fff" id="fff" onsubmit="return false;" > 

 

 

<table width='699' border='0' cellspacing='0' cellpadding='0'>

<tr>

<td height='33' valign="top" background='img/fbq_01.jpg'><div align="left" style="margin-right:80px; margin-top:15px;">

<div align="right"><a href="javascript:pop('legenda_forum.php',209,185);" class="linkrod">Legenda</a> </div>

</div></td>

</tr>

<tr>

<td height="28">

<table width="699" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="43" height="28" background='img/fbq_02.jpg'> </td>

<td width="123"><a href="javascript:GetValidacao('',true);"><img src="img/fbq_03.jpg" width="123" height="28" border="0" /></a></td>

<td width="29" background='img/fbq_04.jpg'> </td>

<td width="130"><a class=fixedAjaxDOMWindow href="forum_cadAjax.php" jQuery1257265207691="3" ><img src="img/fbq_05.jpg" width="130" height="28" border="0" /></a></td>

<td width="82" background='img/fbq_06.jpg'> </td>

<td width="183" background='img/fbq_07.jpg'><div align="left">

<input name="bq_busca" type="text" class="forums" id="bq_busca" maxlength="100" style="width:160px;" />

</div></td>

<td width="16" background='img/fbq_08.jpg'> </td>

<td width="62" background="img/fbq_09.jpg"><div align="center"><span style="margin-right:37px;">

<input name='submit' type='submit' class='busca_form' value='BUSCAR' onclick="GetValidacao('');" />

</span></div></td>

[Barbyzita 0]

Será interessante vcs atentarem para outro código:

 

// JScript File
var VarGlobal,tempo,closeAll,restartForum,lastRestartAllStatus
VarGlobal = 1;
closeAll = true;
restartForum=true;

function ObjAjax(){
 try{
    	xmlhttp = new XMLHttpRequest();
	 }catch(e){
	    try {
	        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	    } catch(ee) {
	        try {
	            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	        } catch(eee) {
	            xmlhttp = false; }
	    }
	}
    return xmlhttp;
}

function GetValidacao(pagina, doRestart){    

	if(!restartForum && doRestart==null)
		return;
	
	xmlhttp = ObjAjax()
    
    if(pagina == "")
        pagina = 1;
        
    //alert(VarGlobal)
    //clearTimeout(tempo);
    if(pagina > 1){
        clearTimeout(tempo);
        VarGlobal = pagina;
    }else {

        VarGlobal = 1;
    }
        
    campos = "pagina="+pagina+"&buscar="+document.getElementById("bq_busca").value;
	xmlhttp.open('POST','forumAjaxhtmlNovo.php?'+campos, true);
	
	xmlhttp.setRequestHeader('Content-Type','text/xml');     
	xmlhttp.setRequestHeader('encoding','ISO-8859-1');     
	xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 	
	xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
    xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
    xmlhttp.setRequestHeader("Pragma", "no-cache");

    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

[Matias Rezende 50]

Como não tem nada de PHP na dúvida, vou mover para o fórum de Ajax.

 

Tópico Movido

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Ajax

[Lucas Guima 164]

Acrescente isso ao final do primeiro código:

 

</tr>
</table>
</td>
</tr>
</table>
</form>

E troque a ação da validação de onclick por onsubmit.