Form dinámico y que además funcione en IE

[donfalcone]

Hola a tod@s!

Estoy usando la libreria Prototype para enviar el siguiente formulario de manera dinámica:
El .html:

Código PHP:

  <script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function protoSend(){
var params = Form.serialize($('presForm'));
new Ajax.Updater('formBox', 'form.php', {asynchronous:true, parameters:params});
}
</script>
<div id="formBox" style="clear:both;">
<form name="presForm" id="presForm" method="post" action="form.php" onsubmit="protoSend();return false;">
   <label>E-mail: <input type="text" name="email" id="email" /></label>
   <input type="submit" value="Enviar" />
</form>
</div> 
  

El .php:

Código PHP:

  <?php
$_ENV['REQUEST_METHOD'];
 
$email = $_POST['email'];
 
if(mail("[email protected]", "asunto", "mensaje",
        "From: <$email>
        X-Mailer: PHP/" . phpversion())
){
echo "Gracias por tu e-mail!";
}else{
echo "Se ha producido un error al enviar.";
}
?>   

Lo curioso del caso es que funciona con Mozilla, pero con IE no!
Con IE se envia el mensaje, pero me aparece el "Gracias por tu e-mail" en el lugar del formulario.

Alguién sabe por qué esto es así?

PD: hay alguna manera de hacer desaparecer IE para siempre? Odio IE

Saludos y Gracias de antemano

[donfalcone]

Hola a tod@s!

Hace unos días publique este post, y me he dado cuenta que me he dejado un detalle importante.
El código anterior funciona.

Cuando no funciona en IE es cuando el mismo formulario lo creo dinámicamente con DOM, como veréis es idéntico al del post anterior.

Este es el código:

Código PHP:

  <script type="text/javascript">
function protoSend(){
var params = Form.serialize($('presForm'));
new Ajax.Updater('formBox', 'form.php', {asynchronous:true, parameters:params});
}
function aparece(){
p = document.createElement('div');
texto = document.createTextNode('formulario');
p.appendChild(texto);
p.id = 'formBox';
p.style.clear = 'both';
f = document.createElement('form');
f.name = 'presForm';
f.id = 'presForm';
f.method = 'post';
f.action = 'form.php';
f.onsubmit = function(){
protoSend();
return false;
}
la = document.createElement('label');
inp = document.createElement('input');
inp.type ='text';
inp.name ='email';
inp.id= 'email';
la.appendChild(inp);
sub = document.createElement('input');
sub.type = 'submit';
sub.value = 'enviar';
f.appendChild(la);
f.appendChild(sub);
p.appendChild(f);
ant = document.getElementById('e1');
ant.appendChild(p);
}
</script> 
  

El .php es el mismo.

El problema es que con IE se envia el mensaje, pero NO me aparece el "Gracias por tu e-mail" en el lugar del formulario.

Gracias por vuestra ayuda.

Saludos!

[GatorV]

Trasladado a Javascript por petición.