Mootools Calendar

  • 24/06/2008
  • 10:37 pm
  • unijimpe

Hoy les presente un plugin para Mootools el cual les permitirá insertar rápidamente un calendario en nuestros formularios y con un resultado altamente atractivo y profesional. Se trata de Calendar una clase que permite incluir un selector de fecha no-obstrusivo y accesible.

Como usar Mootools Calendar
Lo primero es descargar la ultima versión de esta librería en calendar.js, además de ello es necesario tener Mootools el cual lo pueden descargar desde mootools.js, luego de ello debes crear un archivo CSS con los estilos que se aplicarán al calendario.

El siguiente paso es adjuntar las librerías Javascript a nuestro HTML y posteriormente los archivos CSS que contienen los estilos para nuestra página y nuestro calendario.

HTML:
  1. <!-- Incluimos el HTML -->
  2. <link href="styles.css" rel="stylesheet" type="text/css">
  3. <link href="calendar.css" rel="stylesheet" type="text/css">
  4. <!-- Incluimos los Javascript -->
  5. <script type="text/javascript" src="js/mootools.js"></script>
  6. <script type="text/javascript" src="js/calendar.js"></script>

El siguiente paso es crear nuestro formulario en el cual debemos incluir un campo de texto el cual contendrá a nuestro selector de fechas.

HTML:
  1. <input type="text" name="fecha" id="fecha" size="16">

Finalmente inicializamos el Calendario con una llamada al objeto Calendar el cual recibe como parámetros el identificador del campo al cual deseamos asignar el calendario y luego el formato en el cual deseamos se muestren las fechas.

HTML:
  1. <script type="text/javascript">
  2. window.addEvent('domready', function() {
  3.       myCal = new Calendar({ fecha: 'd/m/Y' });
  4. });
  5. </script>

Luego unimos todos los elementos para obtener el código final para mostrar un selector de fechas en nuestros formulario, todo de forma rápida y sencilla. Esta inicialización lo hacemos en el evento domready que es cuando se ha terminado de interpretar el html de nuestro web.

HTML:
  3. <title>Mootools Calendar</title>
  4. <link href="styles.css" rel="stylesheet" type="text/css">
  5. <link href="calendar.css" rel="stylesheet" type="text/css">
  6. <script type="text/javascript" src="js/mootools.js"></script>
  7. <script type="text/javascript" src="js/calendar.js"></script>
  8. <script type="text/javascript">
  9. window.addEvent('domready', function() {
  10.    myCal = new Calendar({ fecha: 'd/m/Y' });
  11. });
  12. </script>
  13. </head>
  15. <h3>AGREGAR GASTO </h3>
  16. <form method="post" name="registro">
  17. ...
  18. Fecha:
  19. <input type="text" name="fecha" id="fecha" size="16">
  20. ...
  21. </form>
  22. </body>
  23. </html>

Desde luego lo que queda en adelante es agregarle los estilos de acuerdo al diseño de nuestro web y adecuarlo al formulario que tenemos. Les dejo un ejemplo en moocalendar y finalmente los archivos fuente de este ejemplo para que lo descarguen.

Posts Relacionados

Trabajo: Web Developer

  • 23/06/2008
  • 1:01 am
  • unijimpe

Bluemetal, empresa interactiva, con presencia en Estados Unidos, Chile, Italia y Perú, especializada en el desarrollo de soluciones para Internet y medios digitales, está requiriendo personal idóneo para ocupar el puesto de Desarrollador Web.

Descripción
Los candidatos deberán tener una experiencia no menor de 3 años en el desarrollo de Webs dinámicas y/o aplicaciones.

Es preferible si el postulante tiene algún titulo de Analista y/o programador de sistemas, pero no es requisito indispensable.

El puesto involucrara trabajar con el equipo de producción y desarrollo para construir sitios Web, aplicaciones y mantenimientos de proyectos ya existentes.

Actualmente no se consideran candidatos internacionales por lo que el postulante debe residir en Lima, Perú.

Requisitos
Se requiere de las siguientes características:

  • Experiencia de 2+ años en PHP
  • Experiencia de 2+ años en diseño de base de datos
  • Experiencia de 2+ años en HTML/XHTML/DHTML/JavaScript/AJAX
  • Experiencia con MySQL
  • Conocimiento y experiencia con sistemas de código/control de versiones
  • Experiencia en los sistemas operativos Windows/Linux y servidores Web.
  • Familiaridad en la integración de Adobe Flash (ActionScript 1, 2 y 3) y lenguajes de servidor.

¿Cómo Postular?
Los candidatos favor de enviar Curriculum Vitae a: employee@bluemetalcorp.com o publicar Curriculum Vitae en: http://www.bluemetalcorp.com/#jobs.

Posts Relacionados

Enviar email multiple con PHP

  • 23/06/2008
  • 12:37 am
  • unijimpe

En algunas ocasiones nos topamos con la necesidad de enviar email a una lista de correo, esto lo podemos hacer utilizando la librería PHPMailer el cual nos permite enviar emails con algunas opciones avanzadas para este tipo de labores.

Extraer datos de los destinatarios
Sea que tenemos una lista de clientes registrados en una base de datos tienda en la tabla clientes y deseamos enviarle un comunicado a cada uno de ellos de forma personalizada. Lo primero que tenemos que hacer es realizar la consulta a la base de datos y extraer los datos de estos clientes.

PHP:
  1. mysql_connect("localhost", "usuario", "password");
  2. mysql_select_db("tienda");
  3. $result = mysql_query("SELECT nombres, email FROM clientes");
  4. while ($row = mysql_fetch_array($result)) {
  5.    // echo $row["nombres"];
  6. }

Integrando con PHPMailer
El siguiente paso es hacer el envío de los correos, para ello primero incluimos la clase class.phpmailer.php, definimos los datos del remitente y creamos el mensaje personalizado en html y texto a enviar a la lista.

PHP:
  1. require("class.phpmailer.php");
  2.  
  3. $mail = new PHPMailer();
  4. $mail->Host = "smtp1.example.com";
  5. $mail->From = "list@domain.com";
  6. $mail->FromName = "List manager";
  7. $mail->Subject = "Subject del correo";
  8.  
  9. mysql_connect("localhost", "usuario", "password");
  10. mysql_select_db("tienda");
  11. $result = mysql_query("SELECT nombres, email FROM clientes");
  12. while ($row = mysql_fetch_array($result)) {
  13.     // HTML body
  14.     $body = "Hola <strong>".$row["nombres"]."</strong>, ";
  15.     $body.= "<p>Les comunicamos el nuevo servicio... <p>";
  16.     $body.= "<em>List manager</em>";
  17.     // Text body
  18.     $text = "Hola ".$row["nombres"].", \n\n";
  19.     $text.= "Les comunicamos el nuevo servicio...\n\n";
  20.     $text.= "List manager";
  21.     // Configurar Email
  22.     $mail->Body = $body;
  23.     $mail->AltBody = $text;
  24.     $mail->AddAddress($row["email"], $row["nombres"]);
  25.     // Enviar el email
  26.     if(!$mail->Send()) {
  27.         echo "Error al enviar a: " . $row["email"] . "<br>";
  28.     }
  29.     $mail->ClearAddresses(); 
  30. }

Nótese que incluimos la dirección del destinatario con el método AddAddress en donde le pasamos el email y el nombre de la persona a la que deseamos enviar el email y finalmente utilizamos ClearAddresses el cual elimina las email a los cuales se ha enviado anteriormente el mensaje, de esta forma le llegará a cada usuario una mensaje único si necesidad de mostrar a quienes mas se esta enviando el mensaje.

Observaciones
En el caso que se quiera enviar a listas muy grandes, se deben cambiar algunos parámetros de configuración de PHP por ejemplo el tiempo de ejecución para que no se detenga el envío si el tiempo de proceso excede el tiempo de configuración. Una solución es hacer el envío en bloques de 500 o en bloques de 1000 por vez por ejemplo con lo cual no se superará el tiempo limite.

Finalmente les dejo los archivos fuente para que lo descarguen y realicen sus propias pruebas.

Posts Relacionados