José Suárez Córdova

Buenas denuevo, ahora amigos de PHP, sorprendidos que mande otro post tan rapido, vamos que yo tambien, pero bueno hay que aprovechar el tiempo muerto en el trabajo no?, a ver en este segundo ejemplo tunearemos un poco mas nuestro formulario de envio de mensaje, el anterior lo entendiste no?, sino ya sabes postea un comentario y vemos que hacemos, 5urs por respuesta jejejejeje mentira, ya sabes que todo esto es Open Source tambien.

A ver a lo nuestro, veamos el siguiente formulario

1
2
3
4
5
6
7
8

<form name="frmEnviar" action="enviar2.php" method="post">
de:<input type="text" name="remite" value=""><br>
tu email:<input type="text" name="emailRemite" value=""><br>
email destino:<input type="text" name="destinoEmail" value=""><br>
Titulo Mensaje:<input type="text" name="tituloMensaje" value=""><br>
Mensaje:<input type="text" name="mensaje" value="">
<input type="submit" value="ok">
</form>

feo no? pero bueno sirve que es lo que importa, como veis he definido el nombre de los campos a mi parecer, ya vosotros lo hareis segun vuestros requerimientos, ahora veamos el fichero enviar2.php

1
2
3
4
5
6
7
8
9
10
11
12

<?
	$de= $_REQUEST['remite'];
	$remiteEmail= $_REQUEST['emailRemite'];
	$paraEmail= $_REQUEST['destinoEmail'];
	$tituloMensaje= $_REQUEST['tituloMensaje'];
	$mensaje= $_REQUEST['mensaje'];
	$headers = 'From:'.$de."\r\n".'Reply-To:'.$remiteEmail;
 
	mail($paraEmail, $tituloMensaje, $mensaje, $headers);
	echo "Mensaje enviado con exito!";
 
?>

Como veis , primero recuperamos todos los datos y luego armamos las variable $mensaje y $headers para realizar el envio, facil a que si, bueno ya sabeis agregad un formulario en condiciones para que vuestros clientes puedan recibir mensajes desde sus Webs, una cosa que me olvide advertirle en el post anterior, esto probadlo en el Hosting, no el localhost.

Otra cosa, es probable que llegue como correo no deseado, bueno eso es decirle a su cliente de correos que lo registre como un remitente confiable y listo, ahora si podeis probar este ejemplo con vuestro mail. Hasta la proxima pajaros!

Podeis probar el ejemplo aqui

Muy buenas amigos del Jquery, bueno ahora veremos algo que siempre interesa en PHP, que es montar un formulario guapo que envie los datos hacia nuestra cuenta de correo, esto es vital en cualquier Web que se digne de serlo, bueno comenzaremos como siempre desde “0″, no porque seamos unos melones, sino porque asi podremos darnos cuenta como “tunear” nuestro formulario y quiza crear cosas mas chulas con esta poderosa herramienta , para los que aun no se han enterado de PHP, vean esto para comenzar , y luego vuelva por aqui para continuar .

Bueno para comenzar, creamos un formulario muy simple, un campo donde se escribira el mensaje y el boton submit, todo dentro del form donde se define el fichero PHP que recibira los datos con el atributo “action” y el metodo de envio de datos definido con el atributo “method”. Esto quedaria asi:

1
2
3
4

<form name="frmEnviar" action="enviar1.php" method="post">
Mensaje:<input type="text" name="mensaje" value="">
<input type="submit" value="ok">
</form>

Simple verdad? , pues ya esta ya tienes lo mas dificil, jejejjjeje que si que esto es lo mas dificil, lo que viene a continuacion es de risa, claro una vez que le cojas el gustito como todo en la vida no?. A ver ahi vamos mirad este es el fichero “enviar1.php” :

1
2
3
4
5
6
7
8

<?
	$mensaje= $_REQUEST['mensaje'];
	$headers = 'From: Jose Suarez'. "\r\n".'Reply-To: webtrainner@hotmail.com';
 
	mail('webtrainner@hotmail.com', 'Titulo del Mensaje', $mensaje, $headers);
	echo "Mensaje enviado con exito!";
 
?>

Primer recuperamos el mensaje que enviamos desde el formulario y lo almacenamos temporalmente en la variable $mensaje, despues definimos la variable $headers donde indicamos quien envia el mensaje, porsupuesto el menda, y a quien deberia de responder, claro el menda tambien , esto es importante porque sino saldria algo cutre con un “No body” como remitente, eso no mola nada.

Por ultimo utilizamos el metodo “mail” de PHP al que le enviamos los siguientes parametros: [mail_destino], [Titulo_mensaje], [mensaje], [cabecera_mensaje] y para indicar que se ha enviado con exito, el clasico mensaje.

Podeis probar el ejemplo aqui

Claro tener cuidado con lo que me envias heee pajaroo!, pues ya sabies si teneis algun problema aqui estoy pa lo que sea, menos dinero

Agur!

Aqui nuevamente amigos del Jquery.. ahora veremos una breve introduccion del plugin Validate de Jquery, como los vereis es muy facil de utilizar, posteriormente ire tuneando este ejemplo, pero espero que este post les sirva, el script necesitara definir las reglas “rules” y los mensajes de error “messages”, claro debeis tambien importar las librerias que como siempres las podeis descargar desde aqui.

Descargarte las libreria

No hace falta decir la importancia de validar los campos de formularios, asi que supongo que sabreis como y cuando poder utilizarlo, osea SIEMPREEEEEEEEEEEE PAJARO!!!!

En este ejemplo utilizo un controlador PHP que recibe los datos y ya luego podreis hacer con ellos cualquier cosa. vosotros lo podeis adaptar a vuestros requerimientos.

prueba1.htm

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
    $("#form").validate({
      event: "blur",
      rules: {
        'nombre': "required",
        'email': { required: true, email: true },
        'mensaje': "required"
      },
      messages: {
        'nombre': "Por favor ingrese su nombre",
        'email': "Ingrese una dirección de e-mail válida",
        'mensaje': "Por favor, ingrese su mensaje o consulta"
      },
      debug: true,
      errorElement: "label",
      submitHandler: function(form){
          alert('Los datos seran enviados');
          form.submit();
      }
   });
});
//-->
</script>
<style>
		label { 
      color: #000; 
      font-size: 1em; 
      line-height: 140%; 
      margin: 10px 0 .2em 90px; 
      display: block; 
    }
 
    .error-message, label.error { 
      color: #bb0000; 
      margin: 0;  
      display: block; 
      font-size: 0.5em; 
      font-weight:bold; 
    }
</style>
 
<form id="form" name="form" method="post"  action="proceso.php">
	<table width=500>
    <tr> 
        <td><label for="ContactName">nombre:</label><td><input name="nombre" type="text" class="textField" maxlength="255" value="" id="ContactName" />
    </tr>
    <tr>
        <td><label for="ContactRecipient">email:</label><td><input name="email" type="text" class="textField " value="" id="ContactRecipient" />
    </tr>
    <tr>
        <td><label for="ContactPhone">fono:</label><td><input name="telefono" type="text" class="textField" maxlength="255" value="" id="ContactPhone" />
    </tr>
    <tr>
       <td><label for="ContactMessage">mensaje:</label><td><textarea name="mensaje" cols="20" rows="3" class="textArea" id="ContactMessage" ></textarea>
    </tr>
    <tr>
        <td>&nbsp;<td><center><input type="submit" value="enviar datos"></center>
    </tr>
</form>

Como veis el codigo presenta ciertas caracteristicas que empezare a describir, al menos las mas importantes:

$(“#form”).validate({ .- Aqui debeis indicar la id del formulario a validar.
event: “blur”.- Aqui se establece el evento con el que se disparara la validacion, esto es util porque cuando te aparezcan los mensajes de validacion y empeceis a completar los campos y hagas el blur() se iran validando.
rules: .- Aqui se definen las reglas para los campos, recordar ponerle id’s a los campos a validar.
messages:.- Aqui los mensajes que apareceran cuando dejeis un campo sin validar.
submitHandler.- Aqui podeis definir las acciones a realizar cuando la validacion sera correcta.

Pues como veis es bastante sencillo, solo claro procura repetir el ejemplo e ir cambiando cosillas para que veas resultados. Bueno ahora os paso el PHP que recibiria los datos, no es gran cosa, pero os servira para completar la idea.

proceso.php

1
2
3

<?php
echo "Llegaron los datos --> Nombre:".$_REQUEST[nombre]."/e-mail:".$_REQUEST[email]."/Telefono:".$_REQUEST[telefono];
?>

Listo.. ¡ezto e to chiquillo!

Pruebalo y que os aproveche.

ver ejemplo

Hola Amigos del Jquery.

Jquery UI es una libreria que contiene permite utilizar un diversos plugins y widgets que potencializan el uso de Jquery en nuestras aplicaciones web, no contare toda la historia de JQuery UI, pero si adelantare que actualmente se usa mas IU que Interface, pues tiene librerias actualizadas y efectos mas espectaculares pero no por eso es mejor que Interface, sino digamos que “mas guay”

Bueno veremos hoy como implementar rapidamente un calendario con esta libreria, como siempre os dare la ruta para que podais descargar los recursos..

Descargarte las libreria

DatePicker

Es de mucha utilidad un calendario para que se puedan insertar fechas en formularios, y hay cien millones de formas de hacerlo con mas o menos codigo, pero veamos como implementarlo sin muchas historias, luego veremos como ir personalizando algunas opciones.

1
2
3
4
5
6
7
8
9
10
11
12
13

<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
 
<script type="text/javascript">
	$(function() {
		$("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' });
	});
</script>
 
<div class="demo">
  <p>Date: <input id="datepicker" type="text"></p>
</div>

Aqui tenemos una caja de texto y a esta se le da una “id=datepicker”, la cual desde el script se le aplica el efecto “datepicker” al pinchar sobre ella, si te encuentras en un pais hispanohablante creo que te servira el formato ‘dd-mm-yy’ pero si estas en un pais angloparlante, te servira el formato que sale por defecto ‘mm-dd-yy’ ¡y si no estas en este planeta, pajaro! pues preguntale a algun marciano que formato usan haa! pajaro!.

ver ejemplo