[SOLUCIONADO] Reset no funciona en Firefox

[osvaldomx]

Que tal amigos,

Espero me puedan ayudar ya que esta funcion:

Código:

function reset()
{
    document.getElementById("insertar").reset();
}

no jala en Firefox, sin embargo, cuando la pruebo en Chrome e incluso en IE si funciona, lo mando llamar de la siguiente manera:

Código:

<img src="../images/limpiar.png" onclick="reset()">

[Italico76]

Y que elemento es ese que tiene el id = insertar ?

Ojo que se hace sobre el objeto formulario...... no sobre un campo!

[PHPeros]

Si no funciona debería lanzarte un error la consola, cosa que se pasa por alto en muchas ocasiones a pesar de que puede solucionar muchos problemas

[osvaldomx]

Italico76 como bien lo comentas el ID pertenece a un formulario...

PHPeros la consola no arroja ningún error...

Es por eso que se me hace muy raro, sobre todo porque en los otros navegadores funciona sin problemas

[zerokilled]

buenas,
es muy probable que tengas conflicto de identificadores en el scope-chain. en lugar de invocar reset en el evento onclick, haz un log de la función para determinar qué representa reset: console.log(reset);

[osvaldomx]

Iniciado por zerokilled

buenas,
es muy probable que tengas conflicto de identificadores en el scope-chain. en lugar de invocar reset en el evento onclick, haz un log de la función para determinar qué representa reset: console.log(reset);

Que tal...

Esto como lo hago?

[PHPeros]

Se hace desde la consola: Ctr+Mayus+J

[Alexis88]

Lo mejor será que cambies el nombre de tu función reset por otro pues como bien dice zerokilled, al parecer está ocurriendo un conflicto entre tu función y el método reset de JavaScript.

Saludos

[Italico76]

@zerokilled tiene ojo clinico.........

Lo que sucede en estos casos es una sobre-escritura de la funcion reset(), la nativa desaparece

[PHPeros]

Aunque me extraña que la nativa se sobreescriba, si no pertenecen al mismo objeto

[zerokilled]

no se sobre escriben. de hecho, hay funciones y propiedades nativas que estan protegida contra escritura. de todos modos, no es el caso actual. lo que aquí sucede es el orden en que javascript localiza la función a invocar dentro del scope chain. más bien el identificador, o sea el nombre de las variables o funciones. el mecanismo es bien simple, javascript utiliza el primer identificador que encuentre a partir del nivel de scope actual hacia el exterior. si bien sabemos que cada función genera un scope distinto, resulta que el HTML DOM parece tener uno en cada nivel del documento. o sea, document, document.forms[], document.forms[].elements[] tienen su propio scope. es algo así como un namespace.

un ejemplo de lo que quiero decir:

Código:

<script>
function reset(){
alert('reset');
}
</script>
<form>
<input type="button" onclick="reset()" value='reset'>
</form>

el botón reset aquí invocará la función reset del form y no la función con el alert.