Hola
estoy haciendo una pagina con Ajax, que se comunica con una aplicación symfony.
Hasta ahi todo bien.
La cosa es que querio implementar una funcion, de modo que cuando se pulse sobre un elemento, vaya a un metodo javascript y cree un formulario en el div indicado. Pero no lo consigo, el codigo es:
Código:
function anadirForm()
{
fi=document.getElementById("txtHint2");
//var html="<p>Introduzca los datos del alumno: </p>";
//cont.innerHTML=html;
contenedor=document.createElement('form');
contenedor.id='form';
fi.appendChild(contenedor);
ele=document.createElement('input');
ele.type='text';
ele.id='nombre';
contendor.appendChild(ele);
}
esta dentro de un script
y es llamado desde el html del siguiente modo:
Código:
</script>
</head>
<body>
<h2 align=center>Menu de acciones</h2>
</br>
<div id="acciones" align=left>
<a href="#" onclick="consulta()">Consulta</a>
<a href="#" onclick="anadirForm()">Añadir</a>
</div>
<div id="buscar" align=right>
<input id="demo" type=text>
<button type="button" onclick="showCustomer()">Buscar</button>
</br>
</div>
<div id="txtHint"><script>document.write(consulta()); </script></div>
<div id="txtHint2"> </script></div>
</body>
</html>
No estoy utilizando ningun Framework para ajax.
Como vemos el div que queremos modificar existe.
Alguien sabe por que no funciona???