Insertar fechas en MySQL

El formato más común para insertar una fecha en MySQL es “Y-m-d”. Para logar esto desde PHP basta con:

$Fecha = date("Y-m-d");

Teniendo nuestra fecha en el formato correcto podemos pasarla a nuestro Stored Procedure o utilizarla para formar nuestro Query (en dado caso no se olviden de prevenir la inyección SQL). Les dejo unos ejemplos de otros formatos también aceptados.

// http://dev.mysql.com/doc/refman/5.0/es/using-date.html
mysql> INSERT INTO nombre_de_tabla (idate) VALUES (19970505);
mysql> INSERT INTO nombre_de_tabla (idate) VALUES ('19970505');
mysql> INSERT INTO nombre_de_tabla (idate) VALUES ('97-05-05');
mysql> INSERT INTO nombre_de_tabla (idate) VALUES ('1997.05.05');
mysql> INSERT INTO nombre_de_tabla (idate) VALUES ('1997 05 05');
mysql> INSERT INTO nombre_de_tabla (idate) VALUES ('0000-00-00');

mysql> SELECT idate FROM nombre_de_tabla WHERE idate >= '1997-05-05';
mysql> SELECT idate FROM nombre_de_tabla WHERE idate >= 19970505;
mysql> SELECT MOD(idate,100) FROM nombre_de_tabla WHERE idate >= 19970505;
mysql> SELECT idate FROM nombre_de_tabla WHERE idate >= '19970505';

Sumar días, meses, años a una fecha en PHP

Ok, los ejemplos los mostrare sumando un mes a la fecha pero para días o años es básicamente lo mismo.

Primera opción

La forma más sencilla es la siguiente, solo toma una línea de código y ya.

echo date("m/d/Y", strtotime("09/17/2011 +1 month"));

También podemos hacerlo si tenemos la fecha en una variable.

$Fecha = "09/17/2011";
echo date("m/d/Y", strtotime("$Fecha +1 month"));

Para sumarle a la fecha del sistema sería similar.

echo date("m/d/Y", strtotime(date("m/d/Y")." +1 month"));

Incluso podemos sumar días, semanas, horas, etc.

//http://php.net/manual/es/function.strtotime.php
echo strtotime("now"), "\n";
echo strtotime("10 September 2000"), "\n";
echo strtotime("+1 day"), "\n";
echo strtotime("+1 week"), "\n";
echo strtotime("+1 week 2 days 4 hours 2 seconds"), "\n";
echo strtotime("next Thursday"), "\n";
echo strtotime("last Monday"), "\n";

Segunda opción

Un poco más extensa pero aun sencilla. Lo mejor es que si algún valor se sale de rango (por ejemplo 14 meses) automáticamente nos incrementa los años.

$FechaArreglo = explode("/", date("m/d/Y", strtotime("09/17/2011")));
$Fecha = mktime(0, 0, 0, $FechaArreglo[0]+1, $FechaArreglo[1], $FechaArreglo[2]);
echo date("m/d/Y", $Fecha);

Con la fecha del sistema es un poco más sencillo.

$Fecha = mktime(0, 0, 0, date("m")+1, date("d"), date("Y"));
echo date("m/d/Y", $Fecha);

Tercera opción

Sumarle segundos a una fecha. Esta es una buena opción si queremos incrementar segundos, minutos, horas o incluso días a una fecha. Para sumar meses o años tendríamos que tener ciertas consideraciones ya que no todos los meses tienen el mismo número de días.

$Fecha = strtotime("09/17/2011")+(60*60*24);
echo date("m/d/Y",$Fecha);

Obtener la última ID insertada en una tabla con Autoincrement para MySQL

Hay ocasiones en las que queremos obtener la última ID insertada en una tabla la cual hemos especificado con Autoincrement, ya sea para para insertarla en otra tabla (una relación) o por ejemplo para generar un link dinámicamente (pagina.php?articulo=123). En ciertas circunstancias bastaría con un simple “Select ID From Tabla1 Where CampoUnico=ValorInsertado” donde CampoUnico podría ser Email o Nombre de usuario. Pero ¿qué pasa si la tabla en cuestión no tiene campos con valores únicos?

Bueno por esta razón lo más recomendable es usar LAST_INSERT_ID(), un método (como su nombre lo indica) que nos regresa la última ID insertada en nuestra tabla para un campo Autoincrement. Su objetivo vendría siendo el mismo que @@identity de Microsoft SQL Server.

LAST_INSERT_ID vs MAX(id)

Investigando un poco por internet nos podemos topar con otro método (Muy malo para la situación que tenemos planteada hoy) el cual consiste en seleccionar la ID de valor más alto “Select MAX(id) From tabla1” y digo malo porque si otro usuario inserto un nuevo registro, nuestro Select nos podría regresar la ID de alguien más. A diferencia de LAST_INSERT_ID que le regresa el valor deseado a cada Conexión.

Código

Bueno aquí esta lo que seguramente les interesa, un ejemplo:

INSERT INTO Tabla1(Titulo) VALUES("dddd");
SELECT LAST_INSERT_ID();

Caso especial

Hay un caso un poco raro en el que LAST_INSERT_ID podría no funcionar. Cuando estaba haciendo este post y quise probar el código en otro archivo .php apareció algo muy raro, en uno no funcionaba el LAST_INSERT_ID y en el otro archivo si (aclaro, no era problemas de conexión o algo por el estilo por que las otras consultas, como Insert, si funcionaban). En ambos archivos llamaba al mismo StoredProcedure (sin parámetros), de modo que el problema no era tanto de código SQL. Googleando un poco nos podemos dar cuenta de que esto le a pasado a más de uno, si este es tu caso, la solución es muy sencilla: Asigna el valor de LAST_INSERT_ID a una variable. A continuación el ejemplo:

DECLARE IdUltima INT;
INSERT INTO Tabla1(Titulo) VALUES("dddd");
SET IdUltima = -1;
SELECT LAST_INSERT_ID() INTO IdUltima;
SELECT IdUltima;

Building "Windows 8"

Herramientas de desarrollo en IE9

Por ahí en un foro me pidieron que si les podía explicar cómo usar las herramientas de desarrollo de Internet Explorer. Bueno aquí está un mini tutorial.

1 - Entra a la página con la que estés trabajando (en este caso google.com)
2 - Presiona F12 o ve al menú Herramientas y selecciona Herramientas de desarrollo o has click en el engrane (esquina sup der) y has click en Herramientas de desarrollo
3 - Has click sobre el botón que tiene un apuntador
4 - En la página has click sobre el elemento que quieres inspeccionar

Listo, a continuación puedes ver el código fuente de tu página, puedes cambiar valores de los atributos de las etiquetas, puedes ver los estilos que tiene cada etiqueta, puedes cambiar estos valores o desactivarlos y todos los cambios que hagas se reflejan inmediatamente en la página.

También puedes ver y depurar el código JavaScript y agregar atributos. A continuación dejo algunas imágenes para que quede todo más claro.

Submenús siempre visibles en Joomla 1.6

Hoy traigo algo sencillo pero rápido de lograr y efectivo. Se trata de los submenús en Joomla específicamente en la versión 1.6, cabe mencionar que en adelante estaré trabajando con esta versión.

La mayoría de los menús que tenemos que realizar son simple ítems de menú y ya, pero de vez en cuando nos vamos a topar con la necesidad de crear submenús, en Joomla es fácil de lograr pero hay algunos pequeños detalles que no son tan obvios como el hecho de que los submenús no son siempre visibles.

No importa si hemos hecho que nuestro submenú aparezca y desaparezca con CSS y DISPLAY:NONE para la pseudo-clase HOVER, en ciertas paginas (como la página principal por ejemplo) los submenús no son visibles pero ¿por qué? La respuesta es sencilla, en esta parte Joomla no ha generado el código para el submenú, es decir, el submenú todavía no existe, por eso DISPLAY:BLOCK nunca funcionara.

Si deseas que tus submenús siempre estén visibles (y por visible me refiero a que el submenú exista y no que no lo podamos ver con display:none) hay que hacer lo siguiente:

- En el administrador de Joomla ir a Extensiones/Gestor de módulos
- Hacer click sobre Menú principal (o el menú que deseemos)
- A la derecha, en opciones básicas en “mostrar elementos del Menú secundario” seleccionar si
- Guardar

Para aquellos que no utilicen CSS para mostrar y ocultar el submenú con HOVER, sabrán más fácil a que me refiero.

Como crear una plantilla para Joomla 1.6

Si ya habías desarrollado sitios web utilizando el manejador de contenidos Joomla en su versión 1 o 1.5 y recién estas empezando a utilizar la versión 1.6 probablemente empieces con dolores de cabeza al darte cuenta de que los Templates no son compatibles. Por esta razón he decidido hacer esta pequeña guía sobre cómo crear una plantilla para Joomla 1.6 desde cero!. De modo que no importa si ya tenías experiencia o apenas vas empezando con Joomla y justo en la versión 1.6, espero que les sirva a todos.


Lo primero es crear una carpeta con el nombre de la plantilla (en este ejemplo el nombre es jplan_ PlantillaPrueba). Dentro de esta carpeta debemos de crear un archivo llamado templateDetails.xml (siempre debemos de usar este nombre) con un contenido más o menos como el siguiente (adecuándolo a las necesidades de cada quien):

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">

<extension version="1.6" type="template" client="site">

                <name>jplan_ PlantillaPrueba </name>

                <creationDate>11 Marzo 2011</creationDate>

                <author>José Sotero Vibriezca Venegas</author>

                <authorEmail>jose@miviaweb.com</authorEmail>

                <authorUrl>http://www.miviaweb.com</authorUrl>

                <copyright>Copyright (C) 2011. All rights reserved.</copyright>

                <license>--Aquí va la licencia que cada quien quiera dar--</license>

                <version>1.6.0</version>

                <description>Plantilla para joomla 1.6 desarrollada por www.miviaweb.com</description>

                <files>

                               <folder>style</folder>

                               <folder>images</folder>

                               <folder>script</folder>

                               <filename>index.php</filename>

                               <filename>templateDetails.xml</filename>

                               <filename>template_preview.png</filename>

                               <filename>template_thumbnail.png</filename>

                </files>

                <positions>

                               <position>position-0</position>

                               <position>position-1</position>

                               <position>position-2</position>

                               <position>position-3</position>

                               <position>position-4</position>

                               <position>position-5</position>

                               <position>position-6</position>

                               <position>position-7</position>

                               <position>position-8</position>

                               <position>position-9</position>

                               <position>position-10</position>

                               <position>position-11</position>

                               <position>position-12</position>

                               <position>position-13</position>

                               <position>position-14</position>

                </positions>

</extension>

Bueno creo que cada línea del contenido XML anterior se explica por sí sola, aun así les daré una breve descripción. Lo más importante a cambiar es NAME (nombre de su plantilla) y todo lo de FILES (son libres de agregar o quitar todos los archivos o carpetas que su diseño y plantilla requieran) siempre y cuando mantengan los archivos (index.php, templateDetails.xml, template_preview.png y template_thumbnail.png). Datos personales como AUTHOR, CREATION DATE, LICENCE, DESCRIPTION pues no son esenciales para cambiar aun así es bueno que lo hagan para referencia de ustedes mismo. Para los que no tienen experiencia con el diseño de plantillas para Joomla, es recomendable que los POSITION los mantengan como están, ya que estas son las posiciones que se usaran para desplegar los contenidos en la página.

Si conforme avanza el desarrollo de la plantilla agregan más archivos o posiciones, no se olviden de regresar a templateDetails.xml y agregar los FILE o POSITION correspondientes.

Ahora debemos agregar los archivos template_preview.png y template_thumbnail.png, cada uno es la imagen de como se ve nuestro sitio (si no cuentan con dichas imágenes, este paso lo pueden realizar al final, solo no se les olvide jejeje).

A continuación debemos crear las carpetas especificadas en templateDetails.xml (en este caso: style, images y script) y dentro de cada una agregar los archivos .css, .js y archivos de imagen que requiera nuestro diseño.

Finalmente lo más importante. El archivo index.php

<?php

                // No direct access.

                defined('_JEXEC') or die('Restricted access');

?>

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

<html xmlns='http://www.w3.org/1999/xhtml' xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >

<head>

    <jdoc:include type="head" />

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/jplan_PlantillaPrueba/style/estilo.css" type="text/css" />

    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/jplan_PlantillaPrueba/script/archivo.js"></script>

   

                <meta http-equiv='Content-Type' content='text/html; charset=windows-1252' />

                <title>Plantilla de prueba desarrollada por www.miviaweb.com</title>

</head>

<body>

<div>

                <div class='Header'>

                contenido del Header

                </div>

                <div class='menu_tab'>                                    

                               <jdoc:include type="modules" name="position-0" /><!--HORNAV-->

                </div>

    <div id='main_content'>

                               <!-- Left Content -->

                               <div id='left_content'>

            <jdoc:include type="modules" name="position-1" />

            <jdoc:include type="message" />

                                               <jdoc:include type="component" /><!--CONTENT-->

        </div>

   

                               <!-- Right Content -->

        <div id='right_content'>

                <jdoc:include type="modules" name="position-2" /><!--SIDEBAR-->

        </div>

       

                               <!-- Footer -->

                               <div class='footer'>

                                               contenido del Footer

                               </div>

    </div>

</div>

</body>

</html>

En el lugar donde ubiquen la etiqueta jdoc de tipo component (<jdoc:include type="component" />) es donde se desplegaran los artículos que publiquemos. Las etiquetas jdoc de tipo modules (<jdoc:include type="modules" name="position-0" />) sirven para establecer las posiciones donde queramos desplegar diferentes modulos en la página. Si se fijan el atributo NAME corresponde con los POSITION del archivo templateDetails.xml

Como verán es una plantilla muy sencilla (si se fijan no estamos utilizando ni parámetros, ni Idiomas ni Fuentes), no profundizaremos más en esto ya que tratar de cubrir todo sobre este tema resultaría en un post muy largo además de que provocaría que los menos avanzados se pierdan.

El diseño de index.php también es muy sencillo, ustedes lo pueden hacer tan complicado como deseen. Hay más cosas que le pueden agregar a este archivo, para ello échenle un vistazo a la documentación de Joomla y al archivo index.php de alguna plantilla como beez5 que viene con Joomla 1.6

Tutorial Empezando con Java – 01 creando un proyecto

Bueno, para todos aquellos que deseen iniciarse en la programación con el lenguaje Java aquí les tengo una pequeña guía que les servirá como referencia para no perderse. Lo primero que se necesita es decidir que IDE utilizaremos, existen algunas  opciones pero para este tutorial hemos decidido utilizar Eclipse ya que este entorno de desarrollo integrado (IDE) es gratuito y multiplataforma nos vendrá perfecto. Para descargarlo diríjanse a http://www.eclipse.org/downloads/

- Una vez instalado Eclipse, hacer click sobre File/New/Java Project

- En la ventana “New Java Proyect”, en el campo “Proyect name” escribir el nombre que le deseamos dar al proyecto, en este caso “Tutorial01”

- Presionar el botón “Finish”

- Ahora debemos crear nuestra primera clase para ello hacer click sobre File/New/Class

- En la ventana “New Java Class”, escribir en el campo “Name” el nombre de la clase, en este caso “MiClase”

- Presionar el botón “Finish”

Nuestro primer programa en Java será el clásico HOLA MUNDO, para ello crearemos una simple ventana vacía con el título “HOLA MUNDO”.

import javax.swing.*;
public class MiClase
{
 public static void main(String [] args)
 {
  MiFrame frame = new MiFrame();
 }
}
class MiFrame extends JFrame
{
 public MiFrame()
 {
  setTitle("HOLA MUNDO");
  setSize(500, 500);
  setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  setVisible(true);
 }
}

Bueno en realidad no hay mucho que explicar y aquellos que ya tengan experiencia con la programación saben a lo que me refiero. La primera línea sirve para importar el paquete Swing, este contiene componentes que nos ayudan a crear interfaces graficas como marcos, botones, tablas, etc.

Después, en la clase principal agregamos el evento main y dentro de esta declaramos la variable frame de tipo MiFrame. A continuación definimos la clase MiFrame la cual hereda de JFrame y dentro de esta definimos un constructor (con el mimo nombre que la clase) y fijamos algunos valores, como el título, el tamaño, visible.

Creo que eso es suficiente para nuestro primer ejemplo. Hasta luego

Centrar un div horizontalmente

En el post anterior les mostraba como alinear un div verticalmente hacia abajo. Ok pero ¿para centrarlo horizontalmente? Bueno también es sencillo. Debemos de fijar las siguientes propiedades CSS: Al div contenedor del div que deseamos centrar la propiedad TEXT-ALIGN la ponemos en CENTER, al div que deseamos centrar fijamos la propiedad MARGIN al valor 0 AUTO. Con esto queda nuestro div centrado, pero su contenido también (y lo más probable es que no deseemos esto), si este es tu caso al div centrado también debes de agregarle la propiedad TEXT-ALIGN a LEFT o RIGHT (como desees).

Pues eso es todo. Aquí también te dejo un ejemplo para que lo pruebes por ti mismo:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Untitled Document</title>

    <style type="text/css">

.content

{

width:600px;

height:600px;

background-color:#FFC;

/*---*/

text-align:center;

}

.info

{

width:300px;

height:300px;

background-color:#CCF;

/*---*/

margin:0 auto;

text-align:left;

}

</style>

</head>

<body>

<div class="content">

<div class="info">texto centrado</div>

</div>

</body>

</html>

Alinear un DIV hacia abajo

Si deseas que un div este alineado verticalmente hacia abajo solo necesitas 3 estilos con CSS y todo queda muy bien. Primero debes de fijar la propiedad POSITION del contenedor a RELATIVE, luego al div que deseas alinear hacia abajo las propiedades BOTTOM a 0px y POSITION a ABSOLUTE. Eso es todo, sencillo ¿no?

Aquí les dejo un ejemplo de como seria implementado:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Untitled Document</title>

    <style type="text/css">

.content

{

position:relative;

height:500px;

}

.copyright

{

bottom: 0px; 

position: absolute;

}

</style>

</head>

<body>

<div class="content">

<p>texto texto texto texto texto texto texto</p>

    

    <div class="copyright">Copyright Copyright Copyright Copyright Copyright</div>

</div>

</body>

</html>

Dar formato al código en Dreamweaver

¿Copiaste código de alguna página de internet y se pegó todo un desastre? Aquí tengo un tip para que en segundos quede todo solucionado.

En Dreamweaver en el menú Commands / Apply Source Formatting

Problema solucionado, espero que les sirva.

Saludos.

Crear una paleta de colores

Kuler es una herramienta de adobe que permite tanto extraer una paleta de colores de una imagen (como mostrábamos en el post anterior) o crearla tú mismo. Adicionalmente kuler te muestra varias paletas prediseñadas por otros usuarios.

Esta herramienta es muy sencilla de utilizar, simplemente entras en http://kuler.adobe.com y presionas “Create”, en “Select a rule” tienes 7 opciones, selecciona la que más se adecue a tus necesidades.

En el círculo de colores mueve lo puntos seleccionando los colores que desees y hasta que estés satisfecho. Para cada color puedes aumentar o disminuir el brillo en la barra que está justo debajo.

Finalmente aquí están 2 páginas que te pueden servir de utilidad:

http://www.imageandart.com/tutoriales/teoria/esquemas_color/index.html es una sencilla página donde te da una pequeña descripción de cada esquema básico del color, así como un ejemplo.

Color in motion es una interesante página donde de forma muy creativa te muestra las propiedades de cada color, es una buena forma de saber por ejemplo que sentimientos representa cada color, o que color debes usar si quieres transmitir sensación de comodidad, calor, educado, formal, etc.

Como extraer la paleta de colores de una imagen

¿Eres de los que tiene problemas a la hora de elegir colores para una página web? ¿O simplemente deseas extraer la paleta de colores de una imagen? Bueno esta herramienta te puede facilitar mucho al vida, simplemente seleccionas la imagen que desees y le das “Upload and process” y listo! Te muestra el color dominante de la imagen, así como una paleta de colores con los 10 más comunes. Adicionalmente te da la opción de descargarla en 2 formatos.

Ha si, la herramienta online se llama: whats its color

Métodos abreviados

Para los usuarios avanzados los métodos abreviados les pueden facilitar mucho la vida. Si eres de los que odia tener que dejar el teclado para agarrar el mouse, los siguientes son algunos de los métodos abreviados que manejo y te pueden ser de utilidad. Cabe destacar que este post lo estaré actualizando constantemente.

PHOTO SHOP

Ctrl + N         - Nuevo
Ctrl + Alt + j  - Nueva capa
Ctrl + Alt + i  - Tamaño de imagen
Ctrl + Alt + c - Tamaño del lienzo (o canvas)
Ctrl + D         - Deseleccionar
Shift + Ctrl + X - Liquify
V                   - Mover
M                  - Seleccionar
C                   - Recortar (Crop)
G                   - Bote de pintura (Rellenar)
T                   - Texto
J                    - Herramienta de parche

INTERNET EXPLORER 9

Ctrl + W        - Cerrar la pestaña actual
Alt + Enter     - Navegar a la direccion escrita en una pestaña nueva (debes tener el cursor en la barra de dirrecciones)

VISUAL STUDIO

Ctrl + M + O    - Contraer el codigo
F5                     - Start debugging
Ctrl + F5           - Start (No debugging)
Shift + F5         - Stop debugging
Ctrl + Shift + F5 - Restart
Ctrl + Alt + Q    - Quick Watch
Alt + F7             - Cambiar entre tools
Alt + Shift + F7  - Cambiar entre tools inverso
Ctrl + Alt + S     - Server explorer
Ctrl + Alt + X     - Tool Box
Shift + Alt + D    - Data Sources
Ctrl + Shift + S   - Save All
Ctrl + Shift + B   - Build Solution
F3                      - Buscar siguiente
Ctrl + T              - Desplazar el caracter anterior a la derecha
Ctrl + Shift T      - Desplaza la palabra a la derecha
Ctrl + Alt + B     - Todos los Breakpoints

Olvidaste la contraseña del administrador de Joomla?

Si tienes un sitio web en Joomla y olvidaste la contraseña del usuario administrador (de hecho este truco funciona para cualquier usuario) no desesperes, hay una solución. Simplemente has lo siguiente:

1.- Inicia sesión en PhpMyAdmin (si no tienes el usr y el password de MySQL vas por mal camino :p ). Si es un sitio local y no tienes PhpMyAdmin lo puedes bajar de http://www.phpmyadmin.net . si tienes contratado un hosting, desde el cPanel puedes acceder a PhpMyAdmin

2.- Selecciona la base de datos de Joomla

3.- En la tabla ‘Users’, selecciona el usuario que te interesa y cambia el valor del campo ‘Password’ por lo siguiente: ‘af9083d4b82dbc0745b124db3b3cf15d:M0WuLowO4rtRTddG’

Este montón de letras raras es en realidad la palabra ‘admin’ encriptada con MD5 (Joomla 1.5 encripta ‘palabra clave’+salt con MD5).

4.- Una vez hecho este cambio inicia sección en el ‘Administrator’ con el usuario ‘admin’ (o el que sea si le cambiaste de nombre) y la contraseña ‘admin’

Cuando puedas entrar de nuevo al administrador de Joomla, No olvides cambiar la contraseña por una más fuerte.