ver mail enviado con datos del formulario

caballoloko · #1 (**permalink**) 10/01/2012, 20:21

hola, el problema que tengo es que tengo un formulario en php que funciona perfectamente puedo ingresar los datos a la bd y todo ok, tambien esta pogramado para que con los datos ingresados se envie un mail automaticamente al mail indicado con los datos del formulario con un texto predefinido, mi pregunta es, es posible crear un popup con el mismo contenido del mail que se envia? sea que al momento de presionar el boton enviar automaticamente me salga un popup con los datos ingresado y el mismo contenido del mail que se esta enviado? para esta forma imprimir yo una copia para mi?

PMfreelance · #2 (**permalink**) 11/01/2012, 05:51

Quieres que el usuario vea el popup al hacer click en enviar?

Si es así, supongo que lo mejor es que crees un div flotante que muestre los datos(despues el diseño lo eliges tu):

Código HTML:

Ver original<div id="div_flotante" style="[B]display:none[/B]; width:200px; top:50%; left:50%; background-color: white; z-index:50">
</div>

Código Javascript:

Ver original//Asígnale al botón esta función en el evento onclick
function abrir_div()
{
document.getElementById('div_flotante').innerHTML=/*Los datos que quieres que contenga*/;
document.getElementById('div_flotante').style.display="block";
 
}

caballoloko · #3 (**permalink**) 11/01/2012, 08:05

hola PMfreelance gracias por responder la verdad es que no consigo que me funcione me podrias ayudar pliss

este es el codigo que estoy utilizando

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
</head>
<?php
$Nombre=$_POST['Nombre'];
$EMAIL=$_POST['EMAIL'];

if ($Nombre!= "" && $EMAIL!= "")
{
mysql_connect("localhost","root","1234");
mysql_select_db("base");

mysql_query("INSERT INTO tabla(Nombre,EMAIL) 

VALUES('$Nombre','$EMAIL')");
}
?>


<?
$destinatario = $EMAIL;
$asunto = "mensaje de prueba";
$cuerpo = '
<html>
<head>
 <title>Prueba de correo</title>
</head>

mensaje de prueba en formato html
</body>
</html>
';

//para el envío en formato HTML
$headers  = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

//dirección del remitente
$headers .= "From: yo <[email protected]>\r\n";

//dirección de respuesta, si queremos que sea distinta que la del remitente
$headers .= "Reply-To: [email protected]\r\n";

//direcciones que recibián copia
$headers .= "Cc: [email protected]\r\n";

mail($destinatario,$asunto,$cuerpo,$headers)
?>

<body>
<form id="form1" name="form1" method="post" action="">
  <p><img src="logo.png" width="232" height="49" /></p>
  <p>registro - Llenar todos los campos de lo contrario los datos no se enviaran correctamente</p>
  <table width="663" border="1">
    <tr>
      <td width="303">Nombre</td>
      <td width="348"><input name="Nombre" type="text" id="Nombre" size="58" /></td>
    </tr>
    <tr>
      <td>E-MAIL</td>
      <td><label for="EMAIL"></label>
      <input name="EMAIL" type="text" id="EMAIL" size="58" /></td>
    </tr>
    <tr>
      <td colspan="2"><p>
        <input type="submit" name="button" id="button" value="Enviar datos del nuevo cliente" />
      </p></td>
    </tr>
  </table>
  <label for="Nombre"></label>
</form>
<p>&nbsp;</p>
</body>
</html>

Cita:

Iniciado por PMfreelance

Quieres que el usuario vea el popup al hacer click en enviar?

Si es así, supongo que lo mejor es que crees un div flotante que muestre los datos(despues el diseño lo eliges tu):

Código HTML:

Ver original<div id="div_flotante" style="[B]display:none[/B]; width:200px; top:50%; left:50%; background-color: white; z-index:50">
</div>

Código Javascript:

Ver original//Asígnale al botón esta función en el evento onclick
function abrir_div()
{
document.getElementById('div_flotante').innerHTML=/*Los datos que quieres que contenga*/;
 
document.getElementById('div_flotante').style.display="block";
 
}

PMfreelance · #4 (**permalink**) 11/01/2012, 15:45

Prueba a cambiar tu código por este y después lee más abajo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
<script type="text/javascript">
function mostrar_popup()
{
	if(document.form1.Nombre.value!=0 && document.form1.EMAIL.value!=0)
	{
		var pagina = "popup_mail.php?nombre="+document.form1.Nombre.value+"&email="+document.form1.EMAIL.value;
		var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=350, top=125,left=350";
window.open(pagina,"",opciones);
	}
}
</script>
</head>
<?php
$Nombre=$_POST['Nombre'];
$EMAIL=$_POST['EMAIL'];

if ($Nombre!= "" && $EMAIL!= "")
{
mysql_connect("localhost","root","1234");
mysql_select_db("base");

mysql_query("INSERT INTO tabla(Nombre,EMAIL) 

VALUES('$Nombre','$EMAIL')");
}
?>


<?
$destinatario = $EMAIL;
$asunto = "mensaje de prueba";
$cuerpo = '
<html>
<head>
 <title>Prueba de correo</title>
</head>

mensaje de prueba en formato html
</body>
</html>
';

//para el envío en formato HTML
$headers  = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

//dirección del remitente
$headers .= "From: yo <[email protected]>\r\n";

//dirección de respuesta, si queremos que sea distinta que la del remitente
$headers .= "Reply-To: [email protected]\r\n";

//direcciones que recibián copia
$headers .= "Cc: [email protected]\r\n";

mail($destinatario,$asunto,$cuerpo,$headers)
?>

<body>
<form id="form1" name="form1" method="post" action="">
  <p><img src="logo.png" width="232" height="49" /></p>
  <p>registro - Llenar todos los campos de lo contrario los datos no se enviaran correctamente</p>
  <table width="663" border="1">
    <tr>
      <td width="303">Nombre</td>
      <td width="348"><input name="Nombre" type="text" id="Nombre" size="58" /></td>
    </tr>
    <tr>
      <td>E-MAIL</td>
      <td><label for="EMAIL"></label>
      <input name="EMAIL" type="text" id="EMAIL" size="58" /></td>
    </tr>
    <tr>
      <td colspan="2"><p>
        <input type="submit" onclick="mostrar_popup()" name="button" id="button" value="Enviar datos del nuevo cliente" />
      </p></td>
    </tr>
  </table>
  <label for="Nombre"></label>
</form>
<p>&nbsp;</p>
</body>
</html>

Ahora necesitarás crear otro archivo con el siguiente nombre:popup_mail.php y a ese archivo introdúcele únicamente el siguiente código:

Código HTML:

<?php
$Nombre = $_GET['nombre'];
$EMAIL = $_GET['email'];
$cuerpo = "Aquí introduces el texto que se envía en los emails.";

?>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>E-mail enviado</title>
</head>

<body>
<?php
echo "
<b>Nombre:</b> $Nombre
<br />
<b>Email:</b> $EMAIL
<br />
<br />
$cuerpo
";
?>
</body>
</html>

Prueba si te funciona ahora y me dices. Puedes cambiar los códigos a tu gusto. Un saludo!

caballoloko · #5 (**permalink**) 12/01/2012, 07:07

PMfreelance muchas gracias por la ayuda prestada, pero lamentablemente no he consegido hacer que ande a la perfeccion ya que cuando hago click al boton del formulario para enviar los datos se me habre la ventana popup pero los valores que se recogen del fomulario no se pasan a la nueva ventana,

veo que estas tratando de pasar los datos por la URL esa parte la hace bien pero no se plasman en el documento.

Cita:

Iniciado por PMfreelance

Prueba a cambiar tu código por este y después lee más abajo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
<script type="text/javascript">
function mostrar_popup()
{
	if(document.form1.Nombre.value!=0 && document.form1.EMAIL.value!=0)
	{
		var pagina = "popup_mail.php?nombre="+document.form1.Nombre.value+"&email="+document.form1.EMAIL.value;
		var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=350, top=125,left=350";
window.open(pagina,"",opciones);
	}
}
</script>
</head>
<?php
$Nombre=$_POST['Nombre'];
$EMAIL=$_POST['EMAIL'];

if ($Nombre!= "" && $EMAIL!= "")
{
mysql_connect("localhost","root","1234");
mysql_select_db("base");

mysql_query("INSERT INTO tabla(Nombre,EMAIL) 

VALUES('$Nombre','$EMAIL')");
}
?>


<?
$destinatario = $EMAIL;
$asunto = "mensaje de prueba";
$cuerpo = '
<html>
<head>
 <title>Prueba de correo</title>
</head>

mensaje de prueba en formato html
</body>
</html>
';

//para el envío en formato HTML
$headers  = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

//dirección del remitente
$headers .= "From: yo <[email protected]>\r\n";

//dirección de respuesta, si queremos que sea distinta que la del remitente
$headers .= "Reply-To: [email protected]\r\n";

//direcciones que recibián copia
$headers .= "Cc: [email protected]\r\n";

mail($destinatario,$asunto,$cuerpo,$headers)
?>

<body>
<form id="form1" name="form1" method="post" action="">
  <p><img src="logo.png" width="232" height="49" /></p>
  <p>registro - Llenar todos los campos de lo contrario los datos no se enviaran correctamente</p>
  <table width="663" border="1">
    <tr>
      <td width="303">Nombre</td>
      <td width="348"><input name="Nombre" type="text" id="Nombre" size="58" /></td>
    </tr>
    <tr>
      <td>E-MAIL</td>
      <td><label for="EMAIL"></label>
      <input name="EMAIL" type="text" id="EMAIL" size="58" /></td>
    </tr>
    <tr>
      <td colspan="2"><p>
        <input type="submit" onclick="mostrar_popup()" name="button" id="button" value="Enviar datos del nuevo cliente" />
      </p></td>
    </tr>
  </table>
  <label for="Nombre"></label>
</form>
<p>&nbsp;</p>
</body>
</html>

Ahora necesitarás crear otro archivo con el siguiente nombre:popup_mail.php y a ese archivo introdúcele únicamente el siguiente código:

Código HTML:

<?php
$Nombre = $_GET['nombre'];
$EMAIL = $_GET['email'];
$cuerpo = "Aquí introduces el texto que se envía en los emails.";

?>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>E-mail enviado</title>
</head>

<body>
<?php
echo "
<b>Nombre:</b> $Nombre
<br />
<b>Email:</b> $EMAIL
<br />
<br />
$cuerpo
";
?>
</body>
</html>

Prueba si te funciona ahora y me dices. Puedes cambiar los códigos a tu gusto. Un saludo!

PMfreelance · #6 (**permalink**) 12/01/2012, 15:29

Que raro, a mi me funcionaba a la perfección. Intenta pasarlos por variables de sesión.

Un saludo, PMfreelance

caballoloko · #7 (**permalink**) 16/01/2012, 19:20

PMfreelance eres grande alfina logre solucionar el problema, era que los campos se enviaban en minuscula y mi formulario esta en mayuscula era solo eso, modifique solo algunas letras y todo quedo perfecto muchas gracias por tu ayuda

Cita:

Iniciado por PMfreelance

Que raro, a mi me funcionaba a la perfección. Intenta pasarlos por variables de sesión.

Un saludo, PMfreelance