formularios dreamweaver

5/11/2018 formularios dreamweaver - slidepdf.com

http://slidepdf.com/reader/full/formularios-dreamweaver 1/15

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.

Código:<tr>

<td width="387" height="320" valign="top"><formaction="contacto/process.php" method="post">

</form> <formaction="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"><spanclass="Estilo5">Direccion:</span></td>

<td valign="top"><input type=text name='direccion' size="25">

</td><td></td><td></td><td></td>


class="Estilo5">Localidad:</span></td><td valign="top"><input type=text name='localidad' size="25">

</td><td></td><td></td><td></td>


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.

Código:<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]+([\.-][a-

z0-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

afa Fecha de Ingreso: julio-2007

Mensajes: 1

Re: Dreamweaver, Enviar Formulario a Email

Hola JMS he hecho tal y como indicas y me sale el siguiente mensaje y no envía 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 .= "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 "

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

http://www.forosdelweb.com/2077951-post5.html



http://www.forosdelweb.com/f17/dreamweaver-enviar-formulario-email-501893/#post2077951



http://www.forosdelweb.com/miembros/jafa/















MS

Fecha de Ingreso: junio-2007

Ubicación: Mexico, veracruzMensajes: 781

Re: Dreamweaver, Enviar Formulario a Email

Mira creo que el error que tienes esta en la carpeta que tienes que llamar contacto y dentro de estadebe de estar el archivo "process" con su respectiva extensión que me parece que es "js"

__________________

L.I.A. Josué Marín Saldaña

Grupo kumiko - Impresión Digital, Diseño gráfico, diseño web, TV en línea.

http://www.grupokumiko.com

#7 (permalink)

28/08/2008, 00:46

mgqn

Fecha de Ingreso: junio-2008

Mensajes: 5

Respuesta: Re: Dreamweaver, Enviar Formulario a Email

Hola JMS, gracias por la información acerca de el formulario de contacto, está buenísima me funciona

perfectamente. Tenia rato buscando y nada que conseguía

Lo unico que no consigo hacer es que una vez enviado el formulario me envie a la página de inicio en

vez de enviarme a esa página blanca, intente colocar este script debajo del código php,

<script>

document.location.href="index.php";

</script>

pero me da error, creo que debe ser que me falta una librería o algo.

Si puedes echame una mano. Gracias

#8 (permalink)

28/08/2008, 21:24

MS

Fecha de Ingreso: junio-2007Ubicación: Mexico, veracruz

Mensajes: 781

Respuesta: Dreamweaver, Enviar Formulario a Email

hamm ok deja cheko ese dato

__________________

L.I.A. Josué Marín Saldaña

Grupo kumiko - Impresión Digital, Diseño gráfico, diseño web, TV en línea.

http://www.grupokumiko.com

#9 (permalink)

26/05/2010, 20:31

http://www.forosdelweb.com/miembros/jms/



http://www.grupokumiko.com/








http://www.forosdelweb.com/miembros/mgqn/

















































xorxecnc Fecha de Ingreso: mayo-2010

Mensajes: 1

Respuesta: Dreamweaver, Enviar Formulario a Email

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 loque 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>

http://www.forosdelweb.com/miembros/xorxecnc/





<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">Pequeña 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 decorreo, creo que es un conjunto de acciones en javascript.Muchas gracias



09/03/2010

ExpertoTe 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:[email protected]" 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é opinión 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 lección nos enseñará qué es un formulario, para qué se utiliza, cómo insertar uno, quéelementos puede contener y cómo pueden validarse los datos introducidos en él.

Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir pararealizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de losusuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.

Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancaráun programa que recibirá los datos y hará el tratamiento correspondiente (una base de datospor ejemplo).

Aquí vamos a ver cómo crear el formulario básico, (insertar campos y botones en elformulario y validarlos) , pero no la parte de tratamiento de los datos, ya que para ello senecesitan nociones de programación, ya sea en SQL, en JavaScript o en otro lenguaje deprogramación, y esto no entra en los objetivos de esta lección.

Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menúsdesplegables, y botones.

Elementos de formulario

Los elementos de formulario pueden insertarse en una página a través del menú Insertar,opción Objetos de formulario. A través de esta opción se puede acceder a la lista de todoslos objetos de formulario que pueden ser insertados en la página. Vamos a ver uno por unoalgunos de los distintos elementos que pueden formar parte de un formulario, así comoalgunas de sus propiedades.

Campo de texto y Área de texto: Permiten añadir un cuadro de texto. El Campo de textosolo permite escribir una línea al usuario, mientras que el Área de texto permite escribirvarias. Se puede pasar de Campo de texto a Área de texto a través del inspector depropiedades. También es posible definirlo como Contraseña. A continuación tienes unejemplo de cada uno de estos tres tipos.



A través del inspector de propiedades es posible asignar también el ancho del cuadro detexto, el número máximo de líneas o caracteres, y el valor inicial del cuadro.

Botón: Es el botón tradicional. El botón puede tener asignadas tres opciones: Enviarformulario, Restablecer formulario (borrar todos los campos del formulario), o Ninguna

(para poder asignarle un comportamiento diferente de los dos anteriores).

También es posible cambiar el texto del botón, a través del campo Etiqueta del inspector depropiedades.

Casilla de verificación: Es un cuadrito que se puede activar o desactivar. Puede asignársele

el estado inicial como Activado o como Desactivado.

Botón de opción: Es un pequeño botón redondo que puede activarse o desactivarse. Si hayvarios del mismo formulario, solo puede haber uno activado. Cuando se activa uno,automáticamente se desactivan los demás.

Lista/Menú: Una lista o menú es un elemento de formulario que lleva asociada una lista deopciones. Los elementos se añaden a través de botón Valores de lista del inspector depropiedades. Cuando se trata de un menú, solo es posible elegir uno de los elementos, perosi se trata de una lista, a través de Selecciones puede permitirse que se seleccionen variossimultaneamente.



Etiqueta: Se utiliza para ponerle nombres al resto de elementos de formulario, para que elusuario pueda saber qué datos ha de introducir en cada uno de ellos.

Crear formularios

Puedes crear formularios a través del menú Insertar, opción Formulario. Una vez creado unformulario, este aparecerá en la ventana de Dreamweaver como un recuadro formado porlíneas rojas discontinuas, similar al de la imagen de siguiente.

Dentro de dicho formulario se podrán insertar los elementos de formulario, que como yasabes puedes insertarlos a través del menú Insertar, opción Objetos de formulario.

Es muy recomendable utilizar tablas para organizar los elementos de los formularios.Utilizando tablas se consigue una mejor distribución de los elementos del formulario, loque facilita su comprensión y mejora su apariencia.

Validar formularios

La validación de formularios sirve para hacer que Javascript valide el formulario antes deque se envie el formulario, para que en el caso de que hayan campos del formulario quesean obligatorios, tengan que rellenarse antes de poder enviarse.

Para validar un formulario hay que abrir el panel de Comportamientos. Este panel se puedeabrir a través del menú Ventana, opción Comportamientos, o pulsando Mayús+F3.



En el este panel hay que desplegar el botón pulsando sobre él, y en Mostrar eventos paraelegir una versión de las actuales de entre la lista de navegadores. Por ejemplo, puedeselegir el navegador IE 6.0. Después de esto, hay que volver a desplegar el botón , y pulsarsobre la opción Validar formulario.

Entonces se mostrará una ventana como la siguiente, donde aparecen todos los elementosdel formulario.

Puede seleccionarse uno por uno cada elemento del formulario, pudiendo especificar losrequisitos que ha de cumplir. Puede establecerse como campo a rellenar obligatoriamente, ysi su contenido ha de ser numérico, una dirección de correo electrónico, etc.



Creación de un menú desplegable en Dreamweaver

Muchas veces, nuestras páginas tienen tantos contenidos que si quisiéramos que

apareciesen todos estos en un determinado lugar de nuestra página, en un menú, esteabarcaría casi la totalidad del espacio que tenemos para nuestra web. En estos casos es muyútil insertar uno o varios de estos menús desplegables, apareciendo por encima del propiocontenido de la página para mostrar todas sus partes y desapareciendo posteriormente.

A lo largo de este artículo vamos a desarrollar la forma de crear uno de estos menús conDreamWeaver de una manera genérica para que cada uno lo amplíe a su gusto.

En primer lugar, tenemos que saber que este menú está construido casi en su totalidad porcapas, a las cuales les atribuiremos unos comportamientos específicos para que aparezcan ydesaparezcan a nuestro gusto.

Otra cosa que debemos tener en cuenta es la condición de capa absoluta o capa relativa, yaque a las capas absolutas se les tiene que dar unas coordenadas de posicionamiento a raíz dela esquina superior izquierda de nuestra web, coordenadas que no nos sirven para nada en elcaso de que nuestra página tenga los contenidos centrados, ya que la posición en la que va aaparecer esta, dependerá de la configuración del monitor desde el que se visualice dichapágina.

El primer paso que tenemos que dar es desarrollar mentalmente un esquema del menú quequeremos realizar, o mejor, sobre papel. Nosotros nos hemos decantado por hacer un menúprincipal compuesto por 5 partes en posición horizontal, para lo cual crearemos una tablacon 5 celdas y les daremos a cada una de ellas un determinado el tamaño de píxel, ennuestro caso 100px - 20px. A continuación haremos clic en el icono de capa y dibujaremosuna en cualquier lado, seguidamente arrastraremos el símbolo de capa (que determina ellugar donde el programa introducirá la línea de código HTML, que por defecto crearádentro de la etiqueta "Body") dentro una de las celdas de la tabla que hemos generado y a

continuación modificaremos en la ventana propiedades, los campos "Iz" (izquierda) y"Sup" (superior) dejándolos en blanco, al hacer esto el programa engancha la capa en laesquina superior izquierda del recipiente en el que se encuentra, en este caso, la celda en laque hemos introducido la capa. Después daremos un valor a los campos de "An" (ancho) y"Al" (alto) En el ejemplo que estamos creando serán 100px y 20px respectivamente, estepaso lo tenemos que repetir para cada una de las 5 celdas (en nuestro caso), de las que secompone nuestro menú principal.



Una vez terminado con este paso procederemos a crear otras capas dentro de las que yahemos establecido, a estas capas tendremos que darles unos valores de tamaño dependiendode las distintas partes que queramos introducir dependientes de cada menú (nosotrosdaremos 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 anteriormenteesta 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 arrastrándola encima de otra mientras quepresionamos la tecla "ctrl", introduciremos la capa arrastrada dentro de la que hayamosseleccionado.

Estas subcapas que hemos creado, que dependen de las principales, por defecto tienen lapropiedad "default" que deja la capa visible en todo momento y nos viene bien paratrabajar, pero antes de darles un comportamiento a estas, cuando tengamos terminado porcompleto 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, dándonos la posibilidad de trabajar con los comportamientoshaciéndolas aparecer y desaparecer a nuestro gusto.

Dentro de estas capas secundarias introduciremos tablas con el numero de celdas quehayamos calculado con el tamaño de cada capa. Una vez hecho esto en todas las capasdeberíamos colocar las imágenes o las palabras de nuestro menú para poder configurar loscomportamientos, ya que si no colocamos nada dentro de las capas, estas no se veráncuando aparecen o desaparecen por ser transparentes. Otra solución es darles un color defondo.

El último paso para terminar nuestro menú será dar a cada capa un comportamiento. Paraeso necesitamos la ventana comportamiento que, si no la tenemos ya a la vista, presionandola tecla F3 aparecerá. Para poder jugar con los comportamientos de "mostrar u ocultarcapa" debemos trabajar con un vinculo (estos vínculos serán las imágenes que hemoscolocado dentro de las celdas y en su defecto las palabras, para hacer este vinculointroduciremos en el espacio reservado para los vínculos de la ventana propiedades elsímbolo "#" creando así un vínculo en blanco, a continuación presionaremos el vinculocreado (en la parte inferior de la página principal aparecerá el símbolo de vínculo "<a>" en



negrita) después iremos a la ventana comportamiento y presionaremos el símbolo "+" ypincharemos en "Mostrar - Ocultar capas" y nos aparecerá una ventana con un listado detodas las capas que tenemos creadas, lo que tenemos que hacer es presionar la capa que setendría que desplegar cuando pasásemos el ratón por encima del vinculo que estamosmodificando y apretar el botón "Mostrar" y las demás capas pincharlas y ocultarlas de la

misma forma que hemos hecho antes pero en este caso apretando el botón de "Ocultar".Este paso lo repetiremos para cada una de los cinco vínculos principales de los que se nosdesplegarán los correspondientes submenús.

formularios dreamweaver

Documents