Ejecutar función al dar enter en formulario

[Threepwood]

Hola

Estoy usando un buscador sencillo que sólo resalta la cadena de busqueda en la misma página. Funicona perfecto pero sólo cuando se da click al boton Buscar. Lo que yo quisiera es que además se activara la función al dar enter. Este es el form:

Código HTML:

<form id="form1" name="form1" method="post" action="">
  <input name="cadena" type="text" id="cadena" />
  <input type="button" name="Button" id="Button" value="buscar" onclick="buscar(cadena.value)" /> 

¿Qué tendría que modificar para que al dar enter también buscara la cadena?

Gracias

Samuel.

[KarlanKas]

Ponlo así:

<form id="form1" name="form1" method="post" action="javascript:buscar(this.cadena.value)">
<input name="cadena" type="text" id="cadena" />
<input type="submit" name="Button" id="Button" value="buscar"/>
</form>

[Threepwood]

Hola Karlankas!

Gracias por tu respuesta :) pero no ha funcinado. A lo mejor tiene que ver con cómo está hecho el script, así qte voy a pegar el código JS:

Código:

String.prototype.preg_quote=function(){
    p= /([:.\+*?[^\]$(){}=!<>|:)])/g;
    return this.replace(p,"\\$1");
}
function buscar(cadena){
    resetear();
    if(!cadena.length)return;
    var info3;
    cadena=cadena.preg_quote();
    var patron=new RegExp(cadena+'(?!\}\})','gim');
    var espacio=/^\s$/;
    var el=document.getElementsByTagName('html')[0].getElementsByTagName('*');
    for(var i=0;i<el.length;i++){
        if(el[i].hasChildNodes && el[i].nodeName.toLowerCase()!='title' && el[i].nodeName.toLowerCase()!='script' && el[i].nodeName.toLowerCase()!='meta' && el[i].nodeName.toLowerCase()!='link' && el[i].nodeName.toLowerCase()!='style'){
            var tt=el[i].childNodes;
            for(var jj in tt){
                if(tt[jj].nodeType==3 && !espacio.test(tt[jj].nodeValue)){
                    patron.lastIndex = 0;
                    if(info3=patron.exec(tt[jj].nodeValue)){
                        tt[jj].nodeValue=tt[jj].nodeValue.replace(patron,'{{'+tt[jj].nodeValue.substr(info3['index'],cadena.length)+'}}');

                    }
                }

            }
        }
    }
    document.getElementsByTagName('body')[0].innerHTML=document.getElementsByTagName('body')[0].innerHTML.split('}}').join('</span>').split('{{').join('<span style="background-color: Navy; color: White">');
}
function resetear(){
    original=document.getElementsByTagName('body')[0].innerHTML=original;
}
window.onload=function(){
    original=document.getElementsByTagName('body')[0].innerHTML;
}

Muchas gracias por la ayuda.

Samuel.

[David]

¿No será que tienes algún error en el código? ¿Has revisado la consola de errores? ¿Podrías poner un enlace a tu página?

[Threepwood]

Hola, David!

Aquí hay un enlace a la página de prueba:

http://teatrohorizontal.com/buscador.html

A ver que puedes encontrar, muchas gracias.

Samuel

[David]

En lugar de this.cadena.value coloca document.form1.cadena.value

Saludos .

[Threepwood]

Funcinó así, muchas gracias.