En que consiste?

Su implementación en PHP consiste en no incluir las clases a utilizar en nuestro proyecto.

Como las reconoce?

De esto se trata Lazy Loading, cuando necesitas de una clase es recien cuando la llama. Este proceso lo realizamos con la función mágica que trae PHP5 __autoload($nombreClase), en un POST anterior escribí un completo ejemplo para su uso.

Que de bueno tiene este patrón?

Al no incluir todas las clases el inicio de cada pagina php, estamos ahorrando un proceso, ganando un poco de performance y obteniendo un código mas limpio en nuestra aplicación.

Ejemplo de Código

primero cambiaremos nuestras Clases con el mismo nombre del archivo(como en Java).
Si tenemos una Clase Clientes(), nuestro archivo podría llamarse Clientes.php, Clientes.class.php, ClientesClass.php, lo importante es que el nombre de la clase aparezca completo en el archivo.

function __autoload($class_name)
{
	//direfentes rutas separas por ","
    $include_path = '/lib,/include,/class';
    $include_path_tokens = explode(',', $include_path);

    foreach($include_path_tokens as $prefix)
    {
      $path[0] = $prefix . '/' . $class_name . '.php';
      $path[1]= $prefix . '/' . $class_name . '.class.php';

      foreach($path as $thisPath)
      {
        if(file_exists($thisPath))
        {
          require_once $thisPath;
          return;
        }
      }
    }
}

Con esto nos olvidaremos de muchos includes que bajan la performance en nuestras aplicaciones.

Recursos

• __autoload
• Lazy Loading

Para este ejemplo tendremos que descargar el plugin e incluirlo en el head de nuestra pagina.

<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.shiftcheckbox.js"></script>

Luego incluimos el código que relizara todo el proceso mediante el class del checkbox.

$(document).ready (
	function () {
  	$.shiftcheckbox.init('shiftchk');
});

Ahora tendremos que poner el class ’shiftchk’ a las casillas de verificación.

<input name="chk1" value="1" class="input shiftchk" type="checkbox">1 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">2 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">3 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">4 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">5 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">6 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">7 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">8 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">9 Item<br>
<input name="chk1" value="1" class="input shiftchk" type="checkbox">10 Item<br>

Eso es todo lo necesario, código limpio, no obstrusivo en nuestra web.

Recursos

• Ver Demo
• Descarga script

Este ejemplo se realizara con dos librerías muy usadas, Mootools y jQuery.

Ejemplo con jQuery 1.2.6

Primero tienes que descargar esta versión de jQuery y colocarla en el head de tu pagina web, luego colocar este script también en el head.

$(document).ready(function()
{
	$('a.nodo').hover(function()
    {
		$(this).animate({ paddingLeft: '20px' },400);
	},
    function()
    {
		$(this).animate({ paddingLeft: 0 }, 400);
	});
});

Ejemplo con MooTools 1.2

Para este caso descargar Mootools 1.2 y colocarlo dentro del head de nuestra pagina web, el siguiente script al contrario con el de jQuery tendremos que colocarlo justo antes de cerrar la etiqueta body (</body>).

$$('a.nodo').each(
    function(el)
    {
        var fx = new Fx.Morph(el,{ duration:300, link:'cancel' });
        el.addEvents(
        	{
                'mouseenter':function()
                { fx.start({ 'padding-left': 20 }); },
                'mouseleave':function()
                { fx.start({ 'padding-left': 0 }); }
        	}
        );
    });

Recursos

• Demo
• Descarga Script
• Mootools 1.2
• jQuery 1.2.6

Para este ejemplo utilizaremos jQuery_1.2.6, la descargamos y la incluimos en nuestra pagina html.

<script src="js/jquery-1.2.6.js" type="text/javascript"></script>

Luego abrimos otra etiqueta de script y copiamos este código que es el que realizara el copiado.

(function($) {
    $.copy = function(t) {

        var ruta = "swf/copy.swf"

        if (typeof t == 'undefined')
        {
            t = '';
        }

        var i = '<embed src="' + ruta + '" FlashVars="clipboard=' ;
         	i += encodeURIComponent(t) ;
            i += '" width="0" height="0" ';
            i += 'type="application/x-shockwave-flash"></embed>';

        if ($('#flashcopier').length == 0)
        {
            $('body').append('<div id="flashcopier">' + i + '</div>')
        }
        else
        {
            $('#flashcopier').html(i)
        }
    }
})(jQuery);

Ahora para probar podemos incluir dentro del body una caja de texto y un link que copie el texto ingresado en la caja.

<input type="text" id="copiame" name="copiame" value="Texto Copiado" />
<a href="javascript:$.copy($('#copiame').val())">Copiar Texto</a></div>

Recursos

• Demo
• Descarga

Recursos

• Descargas

left: Nos devolverá los n primeros caracteres de una cadena

String.prototype.left = function(n){

  var s = this.toString()

  if(n>s.length)
  {
      n=t.length
  }

  return s.substring(0, n)
}

right: Nos devolverá los n últimos caracteres de la cadena

String.prototype.right = function(n){

  var s = this.toString()
  var t=s.length

  if(n>t)
  {
      n=t
  }

  return s.substring(t-n, t)
}

mid: Nos devolverá una cadena desde la posición n, con c caracteres

String.prototype.mid = function(n, c){

  // Si c = 0 devolver toda la cadena desde la posición
  var s = this.toString()

  // Si sólo se pasan los dos primeros argumentos
  if(arguments.length<2) {
      c=s.length-n+1
  }
  if(c<1) {
      c=s.length-n+1
  }
  if(n+c >s.length) {
     c=s.length-n+1
  }
  if(n>s.length) {
      return ""
  }

  return s.substring(n-1,n+c-1)
}

strReverse: Nos devuelve la cadena invertida

String.prototype.strReverse = function(){

  var s = this.toString()
  var i=s.length
  var t=""

  while(i>-1){
      t=t+ s.substring(i,i+1)
      i--
  }

  return t
}

contains: Nos devuelve true si encuentra la cadena

String.prototype.contains = function(t) {

  return (this.indexOf(t) >= 0)
}

countOf: Devuelve el numero de ocurrencias de la cadena

String.prototype.countOf = function(char) {

  var count = 0
  var len = this.toString.length

  if(char.length > len) { return 0 }
  for (i = 0; i < len; i++) {
      (this.charAt(i)==char) ? count++ : ''
  }

  return count
}

numberPart: Nos devuelve la parte numérica de una cadena alfanumérica

String.prototype.numberPart = function() {

  return this.replace(/[^0-9|.|-]/g, '')
}

ucFirst: Nos devolverá la cadena con la primera letra en mayúsculas

String.prototype.ucFirst = function () {
    str = this.toString();
    var f = str.charAt(0).toUpperCase();
    return f + str.substr(1, str.length-1);
}

ucWords: Nos devolverá la cadena con la primera letra de cada palabra en mayúsculas

String.prototype.ucWords = function () {
     str = this.toString();
    return (str+'').replace(/^(.)|\s(.)/g, function ( $1 ) { return $1.toUpperCase ( ); } );
}

Recursos

• Clase String Javascript

Browsershots hace capturas de pantallas de su diseño web en distintos navegadores. Es un servicio de código abierto creado por Johann C. Rocholl. Cuando usted envía su dirección web, es añadida a la cola de trabajos. Un número de computadoras distribuídas abrirá su sitio web en su navegador. Luego se harán capturas de pantallas y se cargarán aquí en el servidor central.

Como funciones?

Pues entras a la web y solo tienes que poner la url de la pagina web que deseas testear, siguiente paso es elegir que Sistemas Operativos quieres que lo prueben, y que navegadores para cada sistema Operativo, y le das click en Enviar.

Ahora nos darán una url de acceso directo para revisar los resultados de la consulta. Esta url tiene una expiración. Finalmente nos devolverán las capturas de pantalla según las opciones elegidas. (Ver resultados para Craftyman.net)

Muy útil verdad?

Recursos

• Documentación
• Pagina Oficial

FEBE(Firefox Environment Backup Extension) permite hacer rápidamente copias de seguridad de sus extensiones, temas, historial, cookies, etc, en Firefox.

Características

• Programación de copias automáticas.
• Recordatorio de copias de seguridad.
• Copias de seguridad definidas por el usuario.
• Archivos de ayuda incluidos.
• FEBE 6.0 usa los componentes nativos de Firefox para comprimir.
• Envíe sus copias automáticamente a su Box.Net con un único click.
• Puede hacer copia rápidamente de extensiones en modo individual.
• Permite restaurar una copia de seguridad.

Tipos de Backup

FEBE permite 2 tipos básicos de copias de backup.

Selectivo

Aquí podemos escoger que partes de Firefox se harán backups.

Perfil Completo

Esta opción simplemente hara un backup completo de todo Firefox.

Copias de seguridad programadas

FEBE puede programar una copia de seguridad cada día, semana, mes, o simplemente no realizar el backup automatico.

Realiza los backups en tu box.net

Otra opción mas que ofrece FEBE, es realizar tus backups en línea, en tu cuenta de Box.net.

Recursos

• Descarga FEBE
• Pagina Oficial

Detectar Función

function existeFuncion($nombreFuncion)
{
	if(function_exists($nombreFuncion))
	{
		return "Función $nombreFuncion existe!";
	}
	else
	{
		return "Función $nombreFuncion disponible!";
	}
}
//ejemplo
echo existeFuncion('getListados');

Detectar Clase

function existeClase($nombreClase)
{
	if(class_exists($nombreClase))
	{
		return "Clase $nombreClase existe!";
	}
	else
	{
		return "Clase $nombreClase esta disponible";
	}
}
//ejemplo
echo existeClase('Articulo');

Javascript Trim como metodos

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}

String.prototype.ltrim = function() {
	return this.replace(/^\s+/,"");
}

String.prototype.rtrim = function() {
	return this.replace(/\s+$/,"");
}

// ejemplo trim, ltrim y rtrim
var cad = "  Metodo trim(),ltrim(),rtrim() ";
alert("*" + cad.trim() + "*");
alert("*" + cad.ltrim() + "*");
alert("*" + cad.rtrim() + "*");

Javascript Trim como funciones Stand-Alone

function trim(cad)
{
	return cad.replace(/^\s+|\s+$/g,"");
}

function ltrim(cad)
{
	return cad.replace(/^\s+/,"");
}

function rtrim(cad)
{
	return cad.replace(/\s+$/,"");
}

// ejemplo trim, ltrim y rtrim
var cad = " funciones trim,ltrim,rtrim  ";
alert("*" + trim(cad) + "*");
alert("*" + ltrim(cad) + "*");
alert("*" + rtrim(cad) + "*");

Compatibilidad

Las funciones anteriormente explicadas hacen el uso de expresiones regulares, que son compatibles con JavaScript 1.2 + o JScript 3.0 +. Si se requiere funciones para versiones antiguas de Javascript 1.0, aqui dejo las funciones compatibles para antiguas versiones.

function ltrim(str)
{
	var k = 0;

	for(k = 0; k < str.length && isSpace(str.charAt(k)); k++);
	return str.substring(k, str.length);
}

function rtrim(str)
{
	var j=str.length-1

	for(j=str.length-1; j>=0 && isSpace(str.charAt(j)) ; j--) ;
	return str.substring(0,j+1);
}

function trim(str)
{
	return ltrim(rtrim(str));
}

function isSpace(charToCheck)
{
	var whitespaceChars = " \t\n\r\f";
	return (whitespaceChars.indexOf(charToCheck) != -1);
}