|
|
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
Temas - Eclypse
Páginas: [1]
1
« en: Martes 22 de Mayo de 2012, 02:09 »
Buenas, me gustaria saber si ahi algun tutorial o curso como para iniciarme en la creacion de aplicacion web para crear base de datos online como "Zoho creator, Myowndb o Caspio" me gustaria hacer una aplicacion similar a estas mencionadas pero nose con que comenzar que lenguajes debo usar y a la vez necesitaria un tutorial o algo que me guie como debo llevar la programacion de este ojala me ayuden con alguna informacion
2
« en: Miércoles 21 de Marzo de 2012, 04:33 »
Alguien me pueden brindar alguna ayuda para hacer que cuando el usuario llene los espacios del formulario y este a haga click en enviar mensaje. valide y me ponga la imagen diciendo "mensaje enviado" y despues resetee todo los campos usando jquery, ajax. Porfavor alguna ayuda es lo ultimo que necesito para completar la web Estos son los codigos solo me falta javascript para que cuando se envie, salga la imagen "mensaje enviado" que esta alado del boton Enviar Mensaje le coloque display:none; para que no se vea Codigo HTML <form id="formulario" action="contacto.php" method="post"> <input type="text" name="nombre" id="nombre" class="info" placeholder="Coloque su nombre" required> <input type="email" name="email" id="email" class="info" placeholder="Coloque su email" required> <input type="text" name="telefono" id="telefono" class="info" placeholder="Coloque su teléfono"> <input type="text" name="asunto" id="asunto" class="info" placeholder="Coloque el asunto"> <textarea name="mensaje" id="mensaje" class="info" placeholder="Coloque su mensaje" cols="45" rows="10" required></textarea> <input type="submit" id="submit" value="Enviar mensaje"> <img src="imagenes/msj.png" alt="Mensaje Enviado" id="msjEnviado"> </form> Codigo CSS
input[type="text"], input[type="email"], textarea{
background-image:linear-gradient(bottom, rgb(232,232,232) 33%, rgb(224,224,224) 67%);
background-image:-o-linear-gradient(bottom, rgb(232,232,232) 33%, rgb(224,224,224) 67%);
background-image:-moz-linear-gradient(bottom, rgb(232,232,232) 33%, rgb(224,224,224) 67%);
background-image:-webkit-linear-gradient(bottom, rgb(232,232,232) 33%, rgb(224,224,224) 67%);
background-image:-ms-linear-gradient(bottom, rgb(232,232,232) 33%, rgb(224,224,224) 67%);
border:1px solid #ABABAB;
-webkit-box-shadow:inset 1px 2px 1px #D0D0D0;
-moz-box-shadow:inset 1px 2px 1px #D0D0D0;
box-shadow:inset 1px 2px 1px #D0D0D0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#686868;
padding:5px;
font-family:Century Gothic;
font-size:14px;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus{
background-image:linear-gradient(bottom, rgb(245,245,245) 33%, rgb(230,230,230) 67%);
background-image:-o-linear-gradient(bottom, rgb(245,245,245) 33%, rgb(230,230,230) 67%);
background-image:-moz-linear-gradient(bottom, rgb(245,245,245) 33%, rgb(230,230,230) 67%);
background-image:-webkit-linear-gradient(bottom, rgb(245,245,245) 33%, rgb(230,230,230) 67%);
background-image:-ms-linear-gradient(bottom, rgb(245,245,245) 33%, rgb(230,230,230) 67%);
}
form #nombre{
float:left;
height:20px;
width:200px;
}
form #email{
float:left;
height:20px;
width:200px;
margin:0px 0px 0px 10px;
}
form #telefono{
clear:left;
float:left;
height:20px;
width:200px;
margin:10px 0px 0px 0px;
}
form #asunto{
float:left;
height:20px;
width:200px;
margin:10px 0px 0px 10px;
}
form #mensaje{
clear:left;
float:left;
margin:10px 0px 0px 0px;
width:423px;
max-width:423px;
}
form #submit{
clear:left;
float:left;
margin-top:20px;
background:#E2E2E2;
border:none;
padding:8px;
-webkit-box-shadow:0px 0px 0px 1px #B2B2B2;
-moz-box-shadow:0px 0px 0px 1px #B2B2B2;
box-shadow:0px 0px 0px 1px #B2B2B2;
margin-left:5px;
cursor:pointer;
font-family:Century Gothic;
}
form #submit:hover{
background:#F4F4F4;
}
#msjEnviado{
margin: 20px 0 0 40px;
opacity:.9;
float:left;
display:none;
}
Codigo PHP
<?php
// Guardar los datos recibidos en variables:
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$telefono = $_POST['telefono'];
$asunto = $_POST['asunto'];
$mensaje = $_POST['mensaje'];
// Definir el correo de destino:
$dest = "diver-walls@hotmail.com";
// Estas son cabeceras que se usan para evitar que el correo llegue a SPAM:
$headers = "From: $nombre $email\r\n";
$headers .= "X-Mailer: PHP5\n";
$headers .= 'MIME-Version: 1.0' . "\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
// Aqui definimos el asunto y armamos el cuerpo del mensaje
$asunto = "Contacto";
$cuerpo = "<strong>Nombre:</strong> ".$nombre."<br>";
$cuerpo .= "<strong>Email:</strong> ".$email."<br>";
$cuerpo .= "<strong>Telefono:</strong> ".$telefono."<br>";
$cuerpo .= "<strong>Asunto:</strong> ".$asunto."<br>";
$cuerpo .= "<strong>Mensaje:</strong> ".$mensaje;
// Esta es una pequena validación, que solo envie el correo si todas las variables tiene algo de contenido:
if($nombre != '' && $email != '' && $telefono != '' && $asunto!= '' && $mensaje != ''){
mail($dest,$asunto,$cuerpo,$headers); //ENVIAR!
}
?>
Páginas: [1]
|
|
|
Mostrar Mensajes
