Error consulta ajax metodo POST

[Heras7]

Hola os comento mi caso.

Tengo archivo index.php

Código:

echo '<div id="resultado">';
include 'consultamenu.php';
echo '</div>

donde tengo un include

El include contiene esto

Código:

<div>
<h2>Nuevo menu</h2>
<form name="nuevo_menu" action="#" onSubmit="enviarDatosMenu(); return false">
Nombre del menú<input name="nombres" type="text"/><br>
<input type="submit" name="Submit" value="Añadir" />
</form>
</div>

Y luego tengo el js

Código:

function enviarDatosMenu(){
  divResultado = document.getElementById('resultado');
  divResultado.innerHTML= '<img src="anim.gif">';
  nom=document.nuevo_menu.nombres.value;
  ajax=objetoAjax();
  ajax.open("POST", "registro.php",true);
  ajax.onreadystatechange=function() {
  if (ajax.readyState==4) {
  divResultado.innerHTML = ajax.responseText
  LimpiarCampos();
  }
  }
  ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  ajax.send("&nombres="+nom)
}

El caso que me da un error en js:

Código:

nom=document.nuevo_menu.nombres.value;

dice que:
document.nuevo_menu is undefined
nom=document.nuevo_menu.nombres.value;

Este error me ha surgido al meter el FORM dentro del include.

Si el form lo meto en el index funciona correctamente. Pero lo que necesitaba es meterlo dentro de la capa resultado para que tambien se "refrescara"

[Heras7]

Bueno lo solucioné, por si a alguien le sirve.

La cosa es que al meter el form dentro del include lo metia dentro del AJAX.

Que ocurria, pues que divResultado.innerHTML= '<img src="anim.gif">'; pisaba el form.

por tanto la solución fue cambiar la posicion de divResultado.innerHTML= '<img src="anim.gif">'; al final del script para que trabajara primero el form y por ultimo sacara la imagen