Formularios Dreamweaver

yo tengo una propuesta mas...
puedes usar un javascript en php, mira para eso necesitas tener en tu web site una pag que contenga el formulario (obvio jaajajaja) pero aqui tiene que mandar a llamar al php, mira como seria el formulario.
este es el ejemplo del formulario, donde el form action="contacto/process.php sirve para llamar el archivo php llamado process que esta dentro de una carpeta llamada contacto. Cdigo:
<tr> <td width="387" height="320" valign="top"><form action="contacto/process.php" method="post"> </form> <form action="contacto/process.php" method="post"> <table border="0px">  <tr> <td width="113" height="2"></td> <td width="198"></td> <td width="2"></td> <td width="38"></td> <td width="2"></td> </tr> <tr> <td height="34" colspan="5" valign="top" class="info"> <div align="center"><strong><font size="2">NO uses correo de hotmail</font></strong>.</div></td> </tr> <tr> <td height="0"></td> <td></td> <td></td> <td></td> <td></td> </tr>  <tr> <td height="24"><span class="Estilo5">Nombre:</span></td> <td colspan="2"> <input type=text name='nombre' size="25"> *</td> <td></td> <td></td> </tr> <tr> <td height="24" valign="top"><span class="Estilo5">Email:</span></td> <td valign="top"> <input type=text name='email' size="25">
*</td> <td> </td> <td></td> <td></td> </tr> <tr> <td height="24" valign="top"><span class="Estilo5">Direccion:</span></td> <td valign="top"> <input type=text name='direccion' size="25"> </td> <td></td> <td></td> <td></td> </tr> <tr> <td height="24" valign="top"><span class="Estilo5">Localidad:</span></td> <td valign="top"> <input type=text name='localidad' size="25"> </td> <td></td> <td></td> <td></td> </tr> <tr> <td height="90" valign="top"><span class="Estilo5">Comentario:</span></td> <td colspan="3" valign="top"> <textarea name='comentario' rows="3" cols="25"></textarea> *</td> <td></td> </tr> <tr> <td height="4"></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td height="40" colspan="3" align="center" valign="bottom"> <input name="reset" type=reset value='Borrar todo'> <input name="submit" type=submit value='Enviar Datos'> </td> <td></td> <td></td> </tr>
Per ahora tienes que crear tu la carperta llamada contacto y copiar el siguiente codigo en notepad y
guardarlo con el nombre process.php dentro de la carpeta creada y listo. Cdigo:
<html> <body> <center> <?php $recipiente = "TU CORREO"; $asunto = "Comentario del Sitio"; $error = 0; $nombre = $_POST['nombre']; $email = $_POST['email']; $direccion = $_POST['direccion']; $localidad = $_POST['localidad']; $comentario = $_POST['comentario']; if($nombre == "" || $email == "" || $comentario == ""){ $error=1; } elseif(!eregi("^[a-z0-9]+([_\\.-][a-z0-9]+)*" ."@"."([a-z0-9]+([\.-][az0-9]+)*)+"."\\.[a-z]{2,}"."$",$email)){ $error=2; } if($error==1){ echo "<b><h3>El siguiente error ha ocurrido!</h3></b><BR><br><br>"; echo "No ha rellenado todos los campos obligatorios.<BR> Por favor vuelva <A HREF=\"javascript:history.back()\">atras</A>.<BR>"; } elseif($error==2){ echo "<b><h3>El siguiente error ha ocurrido!</h3></b><BR><br><br>"; echo "El correo electronico es invalido!<BR> Por favor vuelva <A HREF=\"javascript:history.back()\">atras</A>.<BR>"; } else{ $message ="nombre: ".$nombre."<br>"; $message .="email: ".$email."<br>"; $message .="direccion: ".$direccion."<br>"; $message .="localidad: ".$localidad."<br>"; $message .="comentario: ".$comentario."<br>"; $message = stripslashes($message); $headers = "MIME-Version: 1.0\r\n"; $headers .= "Content-type:text/html; charset=iso-8859-1\r\n"; $headers .= "From: $email\r\n"; $headers .= "Repaly-to: $email\r\n"; $headers .= "Cc: $email\r\n"; mail($recipiente,$asunto,$message,$headers); echo "<b><h3>El mensaje ha sido enviado correctamente!</h3></b><BR><br><br>"; echo "Gracias por tus comentarios.<BR>Le mandaremos una respuesta lo mas antes posible.<BR><br>"; echo "<b>TU SITIO WEB</b><BR><br>"; echo "<A HREF='../index.html'><U>Regresar</U></A>."; } ?> </center> </body>
</html>
Ahora solo tienes que pasarlo a tu servidor web
#5 (permalink) 24/07/2007, 14:06
jafa
Re: Dreamweaver, Enviar Formulario a Email
Fecha de Ingreso: julio-2007 Mensajes: 1
Hola JMS he hecho tal y como indicas y me sale el siguiente mensaje y no enva el correo: El siguiente error ha ocurrido!
"; echo "No ha rellenado todos los campos obligatorios. Por favor vuelva atras. "; } elseif($error==2){ echo " El siguiente error ha ocurrido!
"; echo "El correo electronico es invalido! Por favor vuelva atras. "; } else{ $message ="nombre: ".$nombre." "; $message .="email: ".$email." "; $message .="direccion: ".$direccion." "; $message .="localidad: ".$localidad." "; $message .="comentario: ".$comentario." "; $message = stripslashes($message); $headers = "MIME-Version: 1.0\r\n"; $headers .= "Contenttype:text/html; charset=iso-8859-1\r\n"; $headers .= "From: $email\r\n"; $headers .= "Repaly-to: $email\r\n"; $headers .= "Cc: $email\r\n"; mail($recipiente,$asunto,$message,$headers); echo " El mensaje ha sido enviado correctamente!
"; echo "Gracias por tus comentarios. Le mandaremos una respuesta lo mas antes posible. "; echo "MI WEB.COM "; echo "Regresar."; } ?>
#6 (permalink) 25/07/2007, 11:51
JMS
Re: Dreamweaver, Enviar Formulario a Email
Fecha de Ingreso: junio-2007 Ubicacin: Mexico, veracruz Mensajes: 781
Mira creo que el error que tienes esta en la carpeta que tienes que llamar contacto y dentro de esta debe de estar el archivo "process" con su respectiva extensin que me parece que es "js" __________________ L.I.A. Josu Marn Saldaa Grupo kumiko - Impresin Digital, Diseo grfico, diseo web, TV en lnea. http://www.grupokumiko.com
#7 (permalink) 28/08/2008, 00:46
mgqn
Respuesta: Re: Dreamweaver, Enviar Formulario a Email
Fecha de Ingreso: junio-2008 Mensajes: 5
Hola JMS, gracias por la informacin acerca de el formulario de contacto, est buensima me funciona perfectamente. Tenia rato buscando y nada que consegua Lo unico que no consigo hacer es que una vez enviado el formulario me envie a la pgina de inicio en vez de enviarme a esa pgina blanca, intente colocar este script debajo del cdigo php, <script> document.location.href="index.php"; </script> pero me da error, creo que debe ser que me falta una librera o algo. Si puedes echame una mano. Gracias
#8 (permalink) 28/08/2008, 21:24
JMS
Respuesta: Dreamweaver, Enviar Formulario a Email
Fecha de Ingreso: junio-2007 Ubicacin: Mexico, veracruz Mensajes: 781
hamm ok deja cheko ese dato __________________ L.I.A. Josu Marn Saldaa Grupo kumiko - Impresin Digital, Diseo grfico, diseo web, TV en lnea. http://www.grupokumiko.com
#9 (permalink) 26/05/2010, 20:31
xorxecnc
Respuesta: Dreamweaver, Enviar Formulario a Email
Fecha de Ingreso: mayo-2010 Mensajes: 1
Hola estoy aciendo un formulario pero no e podido enviar la inmformacion por correo e visto el tutorial y me a servido en el formulario de contacto., pero este formulario es un poco mas complejo lo que hace es registrar a socios de una ganadera este es el codigo espero me puedan ayudar con el. <form action="" method="post" enctype="multipart/form-data" name="form1" id="form1" onsubmit="MM_validateForm('nombre','','R','paterno ','','R','materno','','R','calle','','R','numero', '','NisNum','colonia','','R','cp','','NisNum','mun icipio','','R','vientres','','NisNum','hembras','' ,'NisNum','sementales','','NisNum','fierro','','Ri sNum','numerotenencia','','R','elector','','R');re turn document.MM_returnValue"> <p> <label for="nombre">Nombre</label> <input type="text" name="nombre" id="nombre" /> </p> <p> <label for="paterno">Apellidos Paternos</label> <input type="text" name="paterno" id="paterno" /> </p> <p> <label for="materno">Apellido Materno</label> <input type="text" name="materno" id="materno" /> </p> <p>Domicilio: <label for="calle">Calle</label> <input type="text" name="calle" id="calle" /> <label for="numero">Numero</label> <input type="text" name="numero" id="numero" /> <label for="colonia">Colonia</label> <input type="text" name="colonia" id="colonia" /> <label for="cp">C. P.</label> <input type="text" name="cp" id="cp" /> <label for="municipio">Municipio</label> <input type="text" name="municipio" id="municipio" /> </p> <p> <label for="fecha">Fecha de Nacimiento</label> <input type="text" name="fecha" id="fecha" /> </p> <p>Datos espesificos:</p> <p> <label for="vientres">Vientres</label> <input type="text" name="vientres" id="vientres" /> <label for="hembras">Hembras</label>
<input type="text" name="hembras" id="hembras" /> <label for="sementales">Sementales</label> <input type="text" name="sementales" id="sementales" /> </p> <p> <label for="fierro">No. Fierro de Herrar</label> <input type="text" name="fierro" id="fierro" /> <label for="copiafierro">Copia de Fierro de Herrar</label> <input type="file" name="copiafierro" id="copiafierro" /> </p> <p> <label for="tenencia">Tenencia</label> <select name="tenencia" id="tenencia"> <option value="propiedad">Pequea propiedad</option> <option value="comun">Uso Comun</option> <option value="mixta">Mixta</option> </select> <label for="numerotenencia">No. Titulo de Uso Comun</label> <input type="text" name="numerotenencia" id="numerotenencia" /> <label for="copiatenencia">Copia Titulo Uso Comun</label> <input type="file" name="copiatenencia" id="copiatenencia" /> </p> <p> <label for="curp">CURP</label> <input type="text" name="curp" id="curp" /> <label for="copiacurp">Copia de Curp</label> <input type="file" name="copiacurp" id="copiacurp" /> </p> <p> <label for="elector">Clave de Elector</label> <input type="text" name="elector" id="elector" /> <label for="copiaelector">Copia Credencial de Elector</label> <input type="file" name="copiaelector" id="copiaelector" /> </p> <p> <input type="submit" name="enviar" id="enviar" value="Enviar" /> <input type="reset" name="borrar" id="borrar" value="Restablecer" /> </p> </form>
Como se hace para enviar un conjunto de datos de un formulario hecho con dreamweaver a una direccion de correo, creo que es un conjunto de acciones en javascript. Muchas gracias
09/03/2010
Experto Te pongo aqui este ejemplo para que lo pruebes: <HTML> <HEAD> <TITLE>Ejemplo de formulario por correo</TITLE> </HEAD> <BODY LINK="#000000" VLINK="#000000" ALINK="#000000"> <A NAME="inicio"></A> <CENTER><H1>EJEMPLO DE FORMULARIO</H1></CENTER> <BR><P> <BR><P> <BR><P> <FORM ACTION="mailto:bedelludrica@wanadoo.es" METHOD="post" ENCTYPE="text/plain"> <CENTER> <TABLE WIDTH=75% BORDER CELLPADDING=10> <TR> <TD> Nombre: <INPUT TYPE="TEXT" NAME="nombre" SIZE=25> <BR><P> Provincia: <INPUT TYPE="TEXT" NAME="provincia" SIZE=25> <BR><P> E-mail: <INPUT TYPE="TEXT" NAME="email" SIZE=25> </TD> <TD> Qu opinin le merece el manual? <BR><P> <INPUT TYPE="RADIO" NAME="Opinion" VALUE="Muy buena" CHECKED="TRUE"> Muy buena<BR> <INPUT TYPE="RADIO" NAME="Opinion" VALUE="Buena"> Buena<BR> <INPUT TYPE="RADIO" NAME="Opinion" VALUE="Regular"> No est mal<BR> <INPUT TYPE="RADIO" NAME="Opinion" VALUE="Mala"> No me ha gustado </TD> </TR> </TABLE> <BR><P> <BR><P> <H4 STYLE="font-style: normal">Comentarios</H4> <TEXTAREA NAME="comentarios" ROWS=5 COLS=50> </TEXTAREA> <BR><P> <BR><P> <INPUT TYPE="SUBMIT" VALUE="Enviar"> <INPUT TYPE="RESET" VALUE="Borrar"> </CENTER> </FORM> <BR><P> <BR><P> </BODY> </HTML>
Todo sobre Formularios en DreamWeaver
Esta leccin nos ensear qu es un formulario, para qu se utiliza, cmo insertar uno, qu elementos puede contener y cmo pueden validarse los datos introducidos en l. Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletn o revista que editemos, etc. Una vez el usuario rellena los datos y pulsa el botn para enviar el formulario se arrancar un programa que recibir los datos y har el tratamiento correspondiente (una base de datos por ejemplo). Aqu vamos a ver cmo crear el formulario bsico, (insertar campos y botones en el formulario y validarlos) , pero no la parte de tratamiento de los datos, ya que para ello se necesitan nociones de programacin, ya sea en SQL, en JavaScript o en otro lenguaje de programacin, y esto no entra en los objetivos de esta leccin. Un formulario est formado, entre otras cosas, por etiquetas, campos de texto, mens desplegables, y botones. Elementos de formulario Los elementos de formulario pueden insertarse en una pgina a travs del men Insertar, opcin Objetos de formulario. A travs de esta opcin se puede acceder a la lista de todos los objetos de formulario que pueden ser insertados en la pgina. Vamos a ver uno por uno algunos de los distintos elementos que pueden formar parte de un formulario, as como algunas de sus propiedades. Campo de texto y rea de texto: Permiten aadir un cuadro de texto. El Campo de texto solo permite escribir una lnea al usuario, mientras que el rea de texto permite escribir varias. Se puede pasar de Campo de texto a rea de texto a travs del inspector de propiedades. Tambin es posible definirlo como Contrasea. A continuacin tienes un ejemplo de cada uno de estos tres tipos.
A travs del inspector de propiedades es posible asignar tambin el ancho del cuadro de texto, el nmero mximo de lneas o caracteres, y el valor inicial del cuadro. Botn: Es el botn tradicional. El botn puede tener asignadas tres opciones: Enviar formulario, Restablecer formulario (borrar todos los campos del formulario), o Ninguna (para poder asignarle un comportamiento diferente de los dos anteriores).
Tambin es posible cambiar el texto del botn, a travs del campo Etiqueta del inspector de propiedades. Casilla de verificacin: Es un cuadrito que se puede activar o desactivar. Puede asignrsele el estado inicial como Activado o como Desactivado.
Botn de opcin: Es un pequeo botn redondo que puede activarse o desactivarse. Si hay varios del mismo formulario, solo puede haber uno activado. Cuando se activa uno, automticamente se desactivan los dems.
Lista/Men: Una lista o men es un elemento de formulario que lleva asociada una lista de opciones. Los elementos se aaden a travs de botn Valores de lista del inspector de propiedades. Cuando se trata de un men, solo es posible elegir uno de los elementos, pero si se trata de una lista, a travs de Selecciones puede permitirse que se seleccionen varios simultaneamente.
Etiqueta: Se utiliza para ponerle nombres al resto de elementos de formulario, para que el usuario pueda saber qu datos ha de introducir en cada uno de ellos.
Crear formularios Puedes crear formularios a travs del men Insertar, opcin Formulario. Una vez creado un formulario, este aparecer en la ventana de Dreamweaver como un recuadro formado por lneas rojas discontinuas, similar al de la imagen de siguiente.
Dentro de dicho formulario se podrn insertar los elementos de formulario, que como ya sabes puedes insertarlos a travs del men Insertar, opcin Objetos de formulario. Es muy recomendable utilizar tablas para organizar los elementos de los formularios. Utilizando tablas se consigue una mejor distribucin de los elementos del formulario, lo que facilita su comprensin y mejora su apariencia.
Validar formularios La validacin de formularios sirve para hacer que Javascript valide el formulario antes de que se envie el formulario, para que en el caso de que hayan campos del formulario que sean obligatorios, tengan que rellenarse antes de poder enviarse.
Para validar un formulario hay que abrir el panel de Comportamientos. Este panel se puede abrir a travs del men Ventana, opcin Comportamientos, o pulsando Mays+F3.
En el este panel hay que desplegar el botn pulsando sobre l, y en Mostrar eventos para elegir una versin de las actuales de entre la lista de navegadores. Por ejemplo, puedes elegir el navegador IE 6.0. Despus de esto, hay que volver a desplegar el botn , y pulsar sobre la opcin Validar formulario.
Entonces se mostrar una ventana como la siguiente, donde aparecen todos los elementos del formulario.
Puede seleccionarse uno por uno cada elemento del formulario, pudiendo especificar los requisitos que ha de cumplir. Puede establecerse como campo a rellenar obligatoriamente, y si su contenido ha de ser numrico, una direccin de correo electrnico, etc.
Creacin de un men desplegable en Dreamweaver
Muchas veces, nuestras pginas tienen tantos contenidos que si quisiramos que apareciesen todos estos en un determinado lugar de nuestra pgina, en un men, este abarcara casi la totalidad del espacio que tenemos para nuestra web. En estos casos es muy til insertar uno o varios de estos mens desplegables, apareciendo por encima del propio contenido de la pgina para mostrar todas sus partes y desapareciendo posteriormente. A lo largo de este artculo vamos a desarrollar la forma de crear uno de estos mens con DreamWeaver de una manera genrica para que cada uno lo ample a su gusto. En primer lugar, tenemos que saber que este men est construido casi en su totalidad por capas, a las cuales les atribuiremos unos comportamientos especficos para que aparezcan y desaparezcan a nuestro gusto. Otra cosa que debemos tener en cuenta es la condicin de capa absoluta o capa relativa, ya que a las capas absolutas se les tiene que dar unas coordenadas de posicionamiento a raz de la esquina superior izquierda de nuestra web, coordenadas que no nos sirven para nada en el caso de que nuestra pgina tenga los contenidos centrados, ya que la posicin en la que va a aparecer esta, depender de la configuracin del monitor desde el que se visualice dicha pgina.
El primer paso que tenemos que dar es desarrollar mentalmente un esquema del men que queremos realizar, o mejor, sobre papel. Nosotros nos hemos decantado por hacer un men principal compuesto por 5 partes en posicin horizontal, para lo cual crearemos una tabla con 5 celdas y les daremos a cada una de ellas un determinado el tamao de pxel, en nuestro caso 100px - 20px. A continuacin haremos clic en el icono de capa y dibujaremos una en cualquier lado, seguidamente arrastraremos el smbolo de capa (que determina el lugar donde el programa introducir la lnea de cdigo HTML, que por defecto crear dentro de la etiqueta "Body") dentro una de las celdas de la tabla que hemos generado y a continuacin modificaremos en la ventana propiedades, los campos "Iz" (izquierda) y "Sup" (superior) dejndolos en blanco, al hacer esto el programa engancha la capa en la esquina superior izquierda del recipiente en el que se encuentra, en este caso, la celda en la que hemos introducido la capa. Despus daremos un valor a los campos de "An" (ancho) y "Al" (alto) En el ejemplo que estamos creando sern 100px y 20px respectivamente, este paso lo tenemos que repetir para cada una de las 5 celdas (en nuestro caso), de las que se compone nuestro men principal.
Una vez terminado con este paso procederemos a crear otras capas dentro de las que ya hemos establecido, a estas capas tendremos que darles unos valores de tamao dependiendo de las distintas partes que queramos introducir dependientes de cada men (nosotros daremos 100px - 80px en el primer desplegable, 100px - 140px en el segundo, 100px 100px en el tercero, 100px - 80px en el cuarto y 100px - 140px en el quinto). Para colocar una capa dentro de otra podemos hacerlo: 1, arrastrando como hemos hecho anteriormente esta nueva capa dentro de la anterior, o 2, presionando la tecla F2 nos aparecer la ventana "capas" donde podremos ver un esquema de las capas que tenemos en nuestra web, cogiendo una de las capas que aparecen y arrastrndola encima de otra mientras que presionamos la tecla "ctrl", introduciremos la capa arrastrada dentro de la que hayamos seleccionado. Estas subcapas que hemos creado, que dependen de las principales, por defecto tienen la propiedad "default" que deja la capa visible en todo momento y nos viene bien para trabajar, pero antes de darles un comportamiento a estas, cuando tengamos terminado por completo la estructura de nuestro men, deberemos cambiar este tributo "default" de las capas secundarias (las que se encuentran dentro de las 5 capas principales) por "hidden", que las hace invisibles, dndonos la posibilidad de trabajar con los comportamientos hacindolas aparecer y desaparecer a nuestro gusto. Dentro de estas capas secundarias introduciremos tablas con el numero de celdas que hayamos calculado con el tamao de cada capa. Una vez hecho esto en todas las capas deberamos colocar las imgenes o las palabras de nuestro men para poder configurar los comportamientos, ya que si no colocamos nada dentro de las capas, estas no se vern cuando aparecen o desaparecen por ser transparentes. Otra solucin es darles un color de fondo.
El ltimo paso para terminar nuestro men ser dar a cada capa un comportamiento. Para eso necesitamos la ventana comportamiento que, si no la tenemos ya a la vista, presionando la tecla F3 aparecer. Para poder jugar con los comportamientos de "mostrar u ocultar capa" debemos trabajar con un vinculo (estos vnculos sern las imgenes que hemos colocado dentro de las celdas y en su defecto las palabras, para hacer este vinculo introduciremos en el espacio reservado para los vnculos de la ventana propiedades el smbolo "#" creando as un vnculo en blanco, a continuacin presionaremos el vinculo creado (en la parte inferior de la pgina principal aparecer el smbolo de vnculo "<a>" en
negrita) despus iremos a la ventana comportamiento y presionaremos el smbolo "+" y pincharemos en "Mostrar - Ocultar capas" y nos aparecer una ventana con un listado de todas las capas que tenemos creadas, lo que tenemos que hacer es presionar la capa que se tendra que desplegar cuando passemos el ratn por encima del vinculo que estamos modificando y apretar el botn "Mostrar" y las dems capas pincharlas y ocultarlas de la misma forma que hemos hecho antes pero en este caso apretando el botn de "Ocultar". Este paso lo repetiremos para cada una de los cinco vnculos principales de los que se nos desplegarn los correspondientes submens.

Formularios Dreamweaver

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Formularios Dreamweaver

Încărcat de

Drepturi de autor:

Formate disponibile

yo tengo una propuesta mas...

guardarlo con el nombre process.php dentro de la carpeta creada y listo. Cdigo:

Fecha de Ingreso: julio-2007 Mensajes: 1

Fecha de Ingreso: junio-2007 Ubicacin: Mexico, veracruz Mensajes: 781

Fecha de Ingreso: junio-2008 Mensajes: 5

Fecha de Ingreso: junio-2007 Ubicacin: Mexico, veracruz Mensajes: 781

Fecha de Ingreso: mayo-2010 Mensajes: 1

Todo sobre Formularios en DreamWeaver

Creacin de un men desplegable en Dreamweaver

S-ar putea să vă placă și