envio de formulario... editar uno existente

00israel · #1 (**permalink**) 31/08/2010, 13:21

os comento, estoy realizando una web, hace años que no me ponia a ello. Tanto que un sencillo formulario me esta complicando la vida.

Bien, me he creado uno, pero ahora bien, el problema de la programacion de envio. El cliente tiene creado uno en la pagina actual y quisiera saber como puedo adaptar la programacion de este a mi diseño.

He visto en el servidor que tiene dos archivos, unos pedidos.htm y otro pedidos.txt y son:

pedidos.htm:

Código:

<HTML>
<HEAD>
<body background = images/fondo.gif>
<TITLE>www.carposa.com</TITLE>
</HEAD>
<A NAME="inicio">
<CENTER></A><B><FONT FACE="Garamond"><FONT SIZE=+3>PEDIDOS
Y SUSCRIPCIONES</FONT></FONT></B></CENTER>
</DIR>
<CENTER>
<H3>
Jos&eacute; Silva, 3 - 28043 MADRID
<br>
Telefono: 91 413 80 63 - 91 413 77 47
<br>
Fax: 91 416 46 07</H3>



<Form method="POST" action="http://cgi.areactual.com/FormMail.pl">
<input type = "hidden" name="recipient" value="[email protected]">
<input type = "hidden" name="subject" value="Pedido">
<!input type = "hidden" name="required" value="CCC-Entidad,">


<TABLE BORDER=0 CELLPADDING=4 WIDTH="633" >
<TR>
<TD VALIGN=TOP WIDTH="50%">
<CENTER><A HREF="loscargos.htm"><IMG SRC="Images/loscargos.gif" HEIGHT=64 WIDTH=152></A></CENTER>
</TD>

<TD VALIGN=TOP WIDTH="50%">
<CENTER><A HREF="aiq/index.htm"><IMG SRC="Images/aiq 2.gif" HEIGHT=62 WIDTH=148><!/A></CENTER>
</TD>
</TR>

<TR>
<TD VALIGN=TOP WIDTH="50%" HEIGHT="108"><B><U><FONT FACE="Garamond"><CENTER>Forma
de Pago:</FONT></U></B>&nbsp;


<B>	


    <p><select name="menuCargos" size="1"
    style="BACKGROUND-COLOR: #ffa54a; COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold">
        <option selected value>Eliga Opción</option>
        <option NAME="TransferCargos" VALUE="TransferCargos">Transferencia 365 Euros</option>
        <option NAME="TalonCargos" VALUE="TalonCargos">Talón 365 Euros</option>
        <option NAME="DomiciliacionCargos" VALUE="DomiciliacionCargos">Domiciliación 365 Euros</option>
        <option NAME="ContraReembolsoCargos" VALUE="ContraReembolsoCargos">ContraReembolso 380 Euros</option>
    </select> </p>


</B>
</P></CENTER></TD>

<TD VALIGN=TOP WIDTH="50%" HEIGHT="108"><CENTER><B><U><FONT FACE="Garamond">Forma
de Pago:</FONT></U></B>&nbsp;

    <p><select name="menuAiq" size="1" 
    style="BACKGROUND-COLOR: #ffa54a; COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold">
        <option selected value>Eliga Opción</option>
        <option NAME="TalonAiq" VALUE="TalonAiq">Talón de 99 Euros</option>
        <option NAME="ReembolsoAiq" VALUE="ReembolsoAiq">Contrareembolso 100 Euros</option>
    </select> </p>

</CENTER>
</TR>
</TABLE>
</CENTER>


<p><center><!input type="reset" name="Borrar" value="Borrar"></center></p>

<p>
<center>
<table border="2" cellpadding="10" cellspacing="0">
<tr><td>Nombre o Denominacion Completa</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>Domicilio</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>Localidad</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>CodigoPostal</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Persona Autorizada</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>N.I.F.</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Telefono</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Fax</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Nº Cuenta <b>(En caso de Domiciliación)</b></td><td>

<table border="0">
                    <tr>
                      <td align="center"><font size="2">Entidad</font> </td>
                      <td align="center"><font size="2">Oficina</font> </td>
                      <td align="center"><font size="2">DC</font> </td>
                      <td align="center"><font size="2">Núm. de cuenta</font> </td>
                    </tr>
                    <tr>
                      <td align="center" valign="top"><input type="text"
                        size="4" maxlength="4" name="CCC-Entidad"></td>
                      <td align="center" valign="top"><input type="text"
                        size="4" maxlength="4" name="CCC-Oficina"></td>
                      <td align="center" valign="top"><input type="text"
                        size="2" maxlength="2" name="CCC-Dc"></td>
                      <td align="center" valign="top"><input type="text"
                        size="10" maxlength="10" name="CCC-Cuenta"></td>
                    </tr>
                </table></td></tr>
</table></center></p>

<p><center><table><tr><td><input type="submit" name="Enviar" value="Enviar"></td><td><input type="reset" name="Borrar" value="Borrar"></td></tr></table></center></p>
<CENTER>
<P><A HREF="#INICIO"><IMG SRC="images/blantop.gif" ALT="Principio de Pagina" BORDER=0 HEIGHT=37 WIDTH=37></A><A HREF="index.htm"><IMG SRC="images/blanhome.gif" ALT="Pagina inicio" BORDER=0 HEIGHT=37 WIDTH=37></A>

</CENTER></form>

</BODY>
</HTML>

y el otro, el de pedidos.txt:

Código:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML><HEAD><TITLE></TITLE>
</HEAD><BODY BGCOLOR="#FFFFFF">

<Form method="POST" action="http://cgi.areactual.com/FormMail.pl">
<input type = "hidden" name="recipient" value="[email protected]">
<input type = "hidden" name="subject" value="Pedido">
<input type="hidden" name="required" value="CCC-Entidad,">
<p><center><table border="2" cellpadding="10" cellspacing="0">
<tr><td>Nombre</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Apellidos</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Domicilio</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Localidad</td><td><input type="text" name="nombre"></td></tr>
<tr><td>CodigoPostal</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Telefono</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Fax</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Formadepago</td><td><input type="text" name="nombre"></td></tr>
<tr><td>NCuenta</td><td><table border="0">
                    <tr>
                      <td align="center"><font size="2">Entidad</font> </td>
                      <td align="center"><font size="2">Oficina</font> </td>
                      <td align="center"><font size="2">DC</font> </td>
                      <td align="center"><font size="2">Núm. de cuenta</font> </td>
                    </tr>
                    <tr>
                      <td align="center" valign="top"><input type="text"
                        size="4" maxlength="4" name="CCC-Entidad"></td>
                      <td align="center" valign="top"><input type="text"
                        size="4" maxlength="4" name="CCC-Oficina"></td>
                      <td align="center" valign="top"><input type="text"
                        size="2" maxlength="2" name="CCC-Dc"></td>
                      <td align="center" valign="top"><input type="text"
                        size="10" maxlength="10" name="CCC-Cuenta"></td>
                    </tr>
                </table></td></tr>
</table></center></p>

<p><center><table><tr><td><input type="submit" name="Enviar" value="Enviar"></td><td><input type="reset" name="Borrar" value="Borrar"></td></tr></table></center></p></form></BODY></HTML>

</BODY>
</HTML>

que es lo que tengo que copiar y poner en mi pagina donde tengo el formulario. Si es que puedo hacer eso para que funcionara o necesitaria otra cosa mas??

sattua · #2 (**permalink**) 31/08/2010, 17:55

a ver si me quedo claro, utd quiere copiar el diseño de un formulario para usarlo utd???

nota ese pedidos.txt no sirve dentro de un servidor web por su extencion (pero me imagino q ya lo sabias...=P)

00israel · #3 (**permalink**) 01/09/2010, 05:37

efectivamente. Quiero seguir manteniendo la programación del formulario que ahora tienen y si era posible. Y si lo es, ¿que deberia copiar en mi form?

ese archivo .txt lo tienen ahora metido dentro del servidor ¿no vale?

Guruku · #4 (**permalink**) 01/09/2010, 07:55

El formulario es lo ke hay de <form> a </form>, pero deveras modificar los datos, <input type = "hidden" name="recipient" value="[email protected]"> value por tu meil o donde deve llegar el meil, y aki:
<tr><td>Nombre o Denominacion Completa</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>Domicilio</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>Localidad</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>CodigoPostal</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Persona Autorizada</td><td><input type="text" size="50" name="nombre"></td></tr>
<tr><td>N.I.F.</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Telefono</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Fax</td><td><input type="text" name="nombre"></td></tr>
<tr><td>Nº Cuenta <b>(En caso de Domiciliación)</b></td><td>

deverias modificar los datos nombre por los que tienes en tu send.php o enviar.php, si no tienes el php no tienes nada colega.

Te paso mi formularia estandar para que lo adaptes si es que te sirve, puedes añadir campos copiando y pegando y modificando la denominación.

Pegar dentro del html:

<form name="contacto" id="contacto" method="post" action="enviar.php">
<p>
<label>Nombre<br />
<br />
<input name="nombre" type="text" id="nombre" size="30"/>
</label>
</p>
<p>
<label>Empresa<br />
<br />
<input name="empresa" type="text" id="empresa" size="30" />
</label>
</p>
<p>
<label>E-mail
<br />
<br />
<input name="mail" type="text" id="mail" size="30"/>
</label>
</p>
<p>
<label>Telefono
<br />
<br />
<input name="telefono" type="text" id="telefono" size="30"/>
</label>
</p>
<p>
<label>Mensaje
<br />
<br />
<textarea name="mensaje" cols="50" rows="8" id="mensaje"></textarea>
</label>
</p>
<p>
<input name="Submit" type="submit" class="textos" value="Enviar"/>
</p>
</form>

y create un archivo php en dreamweaver o ande sea con este codigo dentro del body, despues sube los dos a la carpeta raiz de tu servidor:

<?

$nombre = $_POST['nombre'];
$empresa = $_POST['empresa'];
$telefono = $_POST['telefono'];
$mail = $_POST['mail'];

$header = 'From: ' . $mail . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";

$mensaje = "Este mensaje fue enviado por " . $nombre . ", de la empresa " . $empresa . " \r\n\r\n";
$mensaje .= "Su e-mail es: " . $mail . ", y su telefono es " . $telefono . " \r\n\r\n";
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " \r\n\r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());

$para = '[email protected]';
$asunto = 'Contacto desde ....';

mail($para, $asunto, utf8_decode($mensaje), $header);

echo 'Información enviada correctamente, <a href="paginadelformulario.html"> volver atras.</a>';
?>

Te aviso que yo no soy un profesional de la web, soy diseñaor grafico, asi ke si alguien te ayuda mas y mejor pues mejor para ti.

Espero haberte sido de ayuda. Adeu.

00israel · #5 (**permalink**) 02/09/2010, 06:03

gracias guruku, esta tarde en cuanto llegue a casa, me pongo a verlo

un saludo

00israel · #6 (**permalink**) 22/09/2010, 05:59

guruku. Llevo un tiempo desenganchado de este tema y ahora he vuelto a rescatarlo.

Estoy trasteando con el php que me has dejado. Y tengo algunas dudas. Si yo quisiera modificar alguna casilla del formulario. Imaginate si en lugar de poner Empresa quiero poner Apellidos. Luego en el php tendria que sustituir la linea de empresa y poner algo asi?:

$apellidos = $_POST['apellidos'];

Y si quiero poner por ejemplo Nombre y Apellidos en lugar de nombre como pondria eso? (te lo digo por si hay que dejar espacios) me refiero en el php.

Lo que esta en rojo en el php lo cambio por el mail donde quiero que lleguen los formularios y lo de la pagina de "paginadelformulario.html" es la pagina donde tengo alojado el formulario o es una de "información enviada correctamente" o algo asi?.

Y la última. Las interrogaciones que has puesto al principio y al final, las dejo no?

gracias y hasta ahora.

00israel · #7 (**permalink**) 22/09/2010, 06:30

El remitente del correo me llega como "usuario" como podria hacer para que llegara con otro nombre. Y que la informacion que se ha rellenado de los campos estuviera en otro color, para diferenciarla rapidamente.

Por cierto otra pregunta. Es posible mediante CSS o HTML darle una apariencia al formulario no tan estandarizada. Por ejemplo que los campos de texto sean con los bordes mas suaves o sin bordes y que se viera el fondo del cuadro de un color para diferenciarse. Y que los botones sean mas pequeños o personalizados por mi. Es posible esto con CSS o HTML. Con flash sabria como hacerlo pero quiero hacerlo todo en HTML o CSS.

Y el formulario podria colocarlo en una parte de la pagina que fuera tipo marco?. Es decir que este ubicado dentro de la pagina pero que cuando se de al boton de enviar, no cambie a otra pagina sino que se visualice lo del "envio correctamente" en el espacio del form. Vamos una pagina con marcos. Pagina dentro de pagina. Es posible no?

Guruku · #8 (**permalink**) 23/09/2010, 03:39

ufff, empiezo, las interrogaciones son parte del codigo, dejalas.

Para poner más campos como dices basta con copiar el de nombre y cambiar el nombre por apellidos, perooooo... has de hacerlo tanto en el html como en el php, tenlo en cuenta.

paginadelformulario.html es un ejemplo de adonde quieres tu que se rediriga cuando le de hay, osease, tu rellenas el formulario, despues de darle te redirecciona a una pagina vacia donde te sale el texto 'Información enviada correctamente, volver atras. dandole al volver atras iras a la pagina que tu pondras donde sale paginadelformulario.html, asi ke pon la web donde tu quieres que vuelvan despues de haber rellenado el formulario, puede ser la pagina del formulario u otra, como tu veas.

Lo de que al darle al enviar valla a otra pagina que tengas en marcos es posible, pero eso no se como por que cuando envias el formulario la pagina a la que vas creo que se crea sola o es la del send.php pero no se bien como va.

Y darle aspecto mejor con css, tampoco se bien como va, pero supongo que lo que son las casillas on las estandar de Dreamweaver, quizas encuentres alguna forma de alterarlos o plantillas descargables de las casillas de los formularios, aunke no creo que sea tan modificable la verdad.

Lo del nombre que te sale usuario es en este codigo $header = 'From: ' . $mail . " \r\n"; si no rellenaste el mail igual te sale usuario, puedes poner el nombre y te saldra lo que se ponga en el campo nombre.

ufffffffff, espero haberte ayudado algo, aunke hay cosas que no controlo, como te comente soy diseñador y el tema de codigo php lo justo.

Suerte y pruebalo haber como te funciona.

00israel · #9 (**permalink**) 23/09/2010, 05:17

gracias tio. de momento he resuelto casi todas las dudas. Solo hay una cosita. Yo quisiera que cuando le das a enviar en lugar de ir a la pagina donde pone “Información enviada correctamente” quiero que vaya a una pagina que yo tengo creada con el diseño de la web. Donde ya pongo lo de info enviada correctamente, con un boton para volver y demas... ¿como hago eso? supongo que poniendo esa direccion en la linea del “echo” no?

Guruku · #10 (**permalink**) 23/09/2010, 05:29

supongo que deverias de tener tu archivo enviar.php con todo lo que dices, osease que en el php lo crees ya para que quede con el estilo de tu web, para eso te aconsejo ir al foro de php y preguntar alli como darle estilo al php.
Yo de eso no se mucho, alli pon tu duda y espero te la resuelvan.

Una ultima cosa, tienes el formulario en internet? el formulario funciona corectamente? lo rellenas y envias y te llega el meil con todos los datos bien?

Es por saber si te sirvio del todo.

00israel · #11 (**permalink**) 23/09/2010, 06:20

si, lo he probado y me va bien. La verdad es que no habia caido. En que el php se VE. Y me explico, yo pensaba que el php solo era programacion y que lo unico era que llamaba a una pagina donde ponia eso de enviado correctamente. Y no, la pagina donde pone "enviado correctamente" es el php. Vale, pues entonces preguntaré en el foro de php como puedo adaptar el enviar.php y la pagina que yo tengo creada.

gracias por tu ayuda guruku.

un saludo.

Guruku · #12 (**permalink**) 23/09/2010, 06:27

No hay de ke, ya sabes que estamos para ayudar, cualquier cosa me buscas.

Suerte y que te valla bien.