tehwebmaster

Medidor PageRank en tu sitio Web

2009-02-09T08:28:00.000-08:00

Antes utilizaba MiPageRank.com pero parece que murio, asi que me puse a hacer mi propio medidor de PageRank, y como me quedo bonito (modesto yo) lo puse para que cualquiera lo pueda usar...

En c0wa.com/pagerank hay que poner la direccion del sitio, elegir el estilo y copiar el codigo HTML, simple.

Cambiar target en links externos

2009-02-08T07:00:00.000-08:00

Este script permite al usuario seleccionar si quiere que los links externos se abran en una nueva ventana o no, cambiando el target de forma dinamica con Javascript.

// uso tb_toggle(target), ej: tb_toggle('_blank');
function tb_toggle(x) {
        var links = document.getElementsByTagName('a');
        loc = location.href.split(/\//)
        for (i = 0; i < links.length; i++) {
            link = links[i].href.split(/\//)
            if (loc[2] != link[2]) {
                    links[i].target = x;
            }
        }
}

Un ejemplo con un checkbox seria:

<input type="checkbox" onclick="if (this.checked) tb_toggle('_blank'); else tb_toggle('')" /> Abrir links externos en una nueva ventana

Ver demo

Clase PHP para calcular PageRank

2009-02-08T05:36:00.000-08:00

Buscando algun metodo para calcular el PageRank no encontre demasiada informacion... Lo mas interesante fue una clase escrita por Patxi Echarte de EsLoMas.com, pero del año 2006 y ya no funciona por unos cambios en Google... Me tome la libertad de modificar dos lineas para que funcione, pero los creditos son para el...

<?php
/**
* Google PageRank number for a URL
*
*  LICENCE
*  ========
*   copyright (c) 2000 Patxi Echarte [patxi@eslomas.com]
*
*   This program is free software; you can redistribute it and/or
*   modify it under the terms of the GNU Lesser General Public License
*   version 2.1 as published by the Free Software Foundation.
*
*   This library is distributed in the hope that it will be useful,
*   but WITHOUT ANY WARRANTY; without even the implied warranty of
*   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*   GNU Lesser General Public License for more details at
*   http://www.gnu.org/copyleft/lgpl.html
*
*   You should have received a copy of the GNU General Public License
*   along with this program; if not, write to the Free Software
*   Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*
* @package GooglePageRank
* @version $Id: GooglePageRank.class.php,v 1.0 2006/10/04 $
* @author Patxi Echarte <patxi@eslomas.com>
*/
class GooglePageRank {
   
   var $_GOOGLE_MAGIC = 0xE6359A60;
   
   var $_url = '';
   
   var $_checksum = '';
   
    /**
   * Constructor
    *
    * @access public
    */
   function GooglePageRank($url)
   {
      $this->_url = $url;
   }
   
   function _strToNum($Str, $Check, $Magic)
   {
      $Int32Unit = 4294967296;  // 2^32
   
      $length = strlen($Str);
      for ($i = 0; $i < $length; $i++) {
         $Check *= $Magic;
         //If the float is beyond the boundaries of integer (usually +/- 2.15e+9 = 2^31),
         //  the result of converting to integer is undefined
         //  refer to http://www.php.net/manual/en/language.types.integer.php
         //if (is_float($Check)) {
         if ($Check >= $Int32Unit) {
            $Check = ($Check - $Int32Unit * (int) ($Check / $Int32Unit));
            // - 2^31
            $Check = ($Check < -2147483647) ? ($Check + $Int32Unit) : $Check;
         }
         $Check += ord($Str{$i});
      }
      return $Check;
   }
   
   function _hashURL($String)
   {
      $Check1 = $this->_strToNum($String, 0x1505, 0x21);
      $Check2 = $this->_strToNum($String, 0, 0x1003F);
   
      $Check1 >>= 2;
      $Check1 = (($Check1 >> 4) & 0x3FFFFC0 ) | ($Check1 & 0x3F);
      $Check1 = (($Check1 >> 4) & 0x3FFC00 ) | ($Check1 & 0x3FF);
      $Check1 = (($Check1 >> 4) & 0x3C000 ) | ($Check1 & 0x3FFF);   
   
      $T1 = (((($Check1 & 0x3C0) << 4) | ($Check1 & 0x3C)) <<2 ) | ($Check2 & 0xF0F );
      $T2 = (((($Check1 & 0xFFFFC000) << 4) | ($Check1 & 0x3C00)) << 0xA) | ($Check2 & 0xF0F0000 );
   
      return ($T1 | $T2);
   }
   
   function checksum()
   {
      if($this->_checksum != '') return $this->_checksum;
   
      $Hashnum = $this->_hashURL($this->_url);
   
      $CheckByte = 0;
      $Flag = 0;
   
      $HashStr = sprintf('%u', $Hashnum) ;
      $length = strlen($HashStr);
   
      for ($i = $length - 1;  $i >= 0;  $i --) {
         $Re = $HashStr{$i};
         if (1 == ($Flag % 2)) {
            $Re += $Re;
            $Re = (int)($Re / 10) + ($Re % 10);
         }
         $CheckByte += $Re;
         $Flag ++;
      }
   
      $CheckByte %= 10;
      if (0 !== $CheckByte) {
         $CheckByte = 10 - $CheckByte;
         if (1 === ($Flag%2) ) {
            if (1 === ($CheckByte % 2)) {
               $CheckByte += 9;
            }
            $CheckByte >>= 1;
         }
      }
   
      $this->_checksum = '7'.$CheckByte.$HashStr;
      return $this->_checksum;
   }
   
   /**
   * obtiene la url donde obtener la información del pagerank
   * @access public
   */
   function pageRankUrl()
   {
      return 'http://toolbarqueries.google.com/search?client=navclient-auto&ch='
            .$this->checksum().'&q=info:'.$this->_url.'&features=Rank&num=100&filter=0';
   }
   
   /**
   * devuelve el pagerank para la url indicada o -1 si error
   * @access public
   */
   function getPageRank()
   {
      $fh = @fopen($this->pageRankUrl(), "r");
      if($fh)
      {
         $contenido = '';
         while (!feof($fh)) {
           $contenido .= fread($fh, 8192);
         }
         fclose($fh);
   
         list(,,$pr) = split(":", $contenido);
         if ($pr >= 0 and $pr <= 10) return $pr;
      }
      return -1;
   }
   
}
?>

Para utilizarlo seria algo asi:

<?
    include('gpr.class.php');
    $gpr = new GooglePageRank($url);
    $gpr->getPageRank();
?>

Aviso al clickear en un enlace externo

2009-02-03T21:07:00.000-08:00

Este script avisara que estamos dejando la pagina y si pregunta si deseamos continuar al hacer click en cualquier enlace externo, al igual que hace Hotmail con los vinculos dentro de un correo.

message = 'Este enlace hace referencia a un sitio Web externo. ¿Desea continuar?'; // edita esta linea para cambiar el mensaje

window.onload = function() {
  var links = document.getElementsByTagName('a');
  loc = location.href.split(/\//)
  for (i = 0; i < links.length; i++) {
    link = links[i].href.split(/\//)
    if (loc[2] != link[2]) {
      links[i].onclick = function() {
        if (!confirm(message)) return false;
      }
    }
  }
}

Ver demo

AJAX, primeros pasos

2009-02-03T04:55:00.000-08:00

AJAX es una tecnica para desarrollar sitios Web interactivos. Permite realizar cambios y acciones en las paginas sin necesidad de recargarlas. Esto aumenta la interactividad y la usabilidad de las aplicaciones.

Con la siguiente funcion se pueden hacer llamados a otros sitios y mostrar el resultado en el div deseado:

// doajax('accion', 'output', 'imagen de carga')
// ej: doajax('vote.php?id=5', 'result5', 'loading.gif')

IE = document.all?true:false

if (IE) {
  http = new ActiveXObject('Microsoft.XMLHTTP');
}
else {
  http = new XMLHttpRequest();
}

function doajax(action, output, loading) {
  document.getElementById(output).innerHTML = '';
  http.onreadystatechange = function() {
    if(http.readyState == 4) {
      document.getElementById(output).innerHTML = http.responseText;
    }
  }
  http.open("GET", action, true);
  http.send(null);
}

Ver demo

Y de regalo, un sitio para crear imagenes de 'cargando' al mejor estilo web 2.0: ajaxload

Drag de objetos muy simple con Javascript (arrastrando cosas)

2009-02-03T03:55:00.000-08:00

Como no encontre ningun script para hacer drag de objetos sencillo hice uno propio. Su uso es muy simple, solo hay que agregar onmousedown="start_drag()" a casi cualquier item de la pagina (y position: absolute en el css)

Script

// ejemplo: <input type="button" value="hello world" onmousedown="start_drag()" style="position: absolute" />

IE = document.all?true:false

function drag_start(x) {
  drag_object = x;
  drag_object.focus();
}

document.onmousedown = function (e) {
  if (!e) var e = window.event;
  if (typeof drag_object != 'undefined') {
    if (IE) {
      xoffset = e.x-drag_object.offsetLeft;
      yoffset = e.y-drag_object.offsetTop;
    }
    else {
      xoffset = e.layerX;
      yoffset = e.layerY;
    }
    return false;
  }
}

document.onselectstart = function () {
  if (typeof drag_object != 'undefined') {
    return false;
  }
}

document.onmousemove = function (e) {
  if (!e) var e = window.event;
  if (typeof drag_object != 'undefined') {
    drag_object.style.left =  e.clientX - xoffset + 'px';
    drag_object.style.top = e.clientY - yoffset + 'px';
  }
}

document.onmouseup = function () {
  delete drag_object;
}

Ver demo

Descarga videos YouTube

2009-02-01T17:37:00.000-08:00

A continuación un pequeño sketch de un código que nos permite extraer la URL del video.


<?
if (!ereg("^http://[a-zA-Z]*\.youtube\.com", $_GET['file']))
  die("Ooops!");

$t = file($_GET['file']);

$k = array_values(preg_grep("/var fullscreenUrl/", $t));
ereg("\?(.*)\'", $k[0], $s);
$r = $s[1];
echo '<a href="http://www.youtube.com/get_video?'.$r.'">Get video!</a>';
?>

Resaltar los terminos de la busqueda

2009-01-31T10:26:00.000-08:00

Este script permite resaltar los terminos que coinciden con la busqueda de Google que hizo llegar al visitante.
Para utilizarlo es necesario agregar el siguiente codigo al principio del archivo:

<?
function highlight($buffer) { global $query; return (eregi_replace($query, '<strong>'.$query.'</strong>', $buffer)); }
if (stristr(getenv('HTTP_REFERER'),'google') and preg_match('/q=([^&$]+)/i', getenv('HTTP_REFERER'), $match)) { $query = urldecode($match[1]); ob_start('highlight'); } else { echo '<a href="?q=hola+que+tal">hola</a>'; }
?>

Y al final del archivo agregar la siguiente linea:
<? ob_end_flush(); ?>

Verificar seguridad de una contraseña con Javascript

2009-01-31T08:21:00.001-08:00

Este codigo se agrega a cualquier pagina y verificara de forma automatica si las contraseñas son seguras a medida que el usuario las ingresa. Se encuentra configurado para validar passwords de entre 5 y 20 caraceters, alfanumericos y que contengan variaciones para considerarlos seguros, de todas formas esto es configurable.

<script>
  pw_min = 5; // caracteres minimos para validar
  pw_max = 20; // caracteres maximos para validar
  pw_invalid = 'red'; // color de password invalido
  pw_insecure = 'yellow'; // color de password valido pero inseguro
  pw_secure = 'green'; // color de password valido y seguro
  pw_validate = /^[a-z0-9]+$/i; // regexp para validar password

  document.onkeyup = function() {
   if (typeof pw_focus != 'undefined') {
    if (pw_focus.value.length < pw_min || pw_focus.value.length > pw_max) bcolor = pw_invalid;
    else if (!pw_validate.test(pw_focus.value)) bcolor = pw_invalid;
    else if (pw_focus.value.toLowerCase() == pw_focus.value || pw_focus.value.toUpperCase() == pw_focus.value) bcolor = pw_insecure;
    else if (/^[a-z]+$/i.test(pw_focus.value) || /^[0-9]+$/i.test(pw_focus.value)) bcolor = pw_insecure;
    else bcolor = pw_secure;
    pw_focus.style.backgroundColor = bcolor;
   }
  }
  window.onload = function() {
   var inputs = document.getElementsByTagName('input');
   for (i = 0; i < inputs.length; i++) {
    if (inputs[i].type == 'password') {
     inputs[i].onfocus = function() {
      pw_focus = this;
     }
     inputs[i].onblur = function() {
      delete pw_focus;
     }
    }
   }
  }
</script>

Ver demo

Teclado virtual por seguridad

2009-01-30T21:20:00.000-08:00

Los teclados virtuales son utilizados en las webs de algunos bancos como un elemento de seguridad, su fundamento es que asi evitan que los datos del home banking sean robados con un keylogger o un troyano. Para agregarle la misma funcion a tu sitio se puede usar vkey, un teclado virtual en javascript.
Descarga el archivo a continuacion que contiene los archivos de vkey, la ayuda para instalarlo y un demo:

Descargar vkey.zip (3KB) / Ver demo

Resize de una imagen en PHP con GD

2009-01-30T11:30:00.000-08:00

Este script toma una imagen jpg y crea un thumbnail on the fly especificandole el ancho y alto maximo.

< c0wa.com/code/resize.php?img=hola-manola.jpg&w=200&h=300 >

<?

// resize.php?img=imagen.jpg&w=ancho_maximo&h=alto_maximo

if (!file_exists($_GET['img']) or substr($_GET['img'], -3, 3) != 'jpg') die('not found or unsupported type');
if (!is_numeric($_GET['w'])) die('max width type missmatch');
if (!is_numeric($_GET['h'])) die('max height type missmatch');
$img = $_GET['img']; $mw = $_GET['w']; $mh = $_GET['h'];

list($w, $h) = getimagesize($img);
$dx = $w/$mw; $dy = $h/$mh;

if ($dx > $dy) { $nw = $mw ; $nh = $h/$dx; }
else { $nw = $w/$dy; $nh = $mh; }

$tn = ImageCreateTrueColor($nw,$nh);
$src = imagecreatefromjpeg($img);
imagecopyresized($tn, $src, 0, 0, 0, 0, $nw, $nh, $w, $h);
header('Content-type: image/jpeg');
imagejpeg($tn);

?>

Generador de contraseñas htpasswd en PHP

2009-01-30T10:40:00.000-08:00

Simple pero útil generador de contraseñas htpasswd en PHP usando crypt.

<?
 if ($_GET['q']) echo crypt($_GET['q'], base64_encode($_GET['q'])).'<br><br>';
 echo '<form method="get"><input type="text" id="q" name="q" value="'.$_GET["q"].'" /><br /><input type="submit" /></form>';
?>

Ver demo

Una alternativa mas contra los ataques de sql injection

2009-01-30T08:07:00.000-08:00

La idea principal es codificar desde el lenguaje source (php) los 'parametros' del query, para que luego sea decodificado en el lenguaje target (sql).
Al codificar los parametros en valores hexadecimal, evitaremos de esa manera el intento de injectar codigo sql.

Veamos un ejemplo, la siguiente linea es vulnerable a ataques de sql injection:

$r = mysql_query("SELECT * FROM s WHERE id = ".$_GET['id']."");

La manera en que procedemos es aplicar bin2hex al parametro ($_GET['id'), y luego decodificarlo desde MySQL utilizando la directiva UNHEX:

$r = mysql_query("SELECT * FROM s WHERE id = UNHEX('".bin2hex($_GET['id'])."')");

De cualquier manera, esta solucion es visualmente molesta para ser utilizada en muchos queries, por lo cual seria conveniente implementar una funcion que haga este trabajo de manera automatica (algo asi como un sprintf que internamente genere un sql query protegido).

reference: logikk.com.ar

Proteger directorios con .htaccess y .htpasswd

2009-01-30T07:41:00.000-08:00

Podemos proteger carpetas en nuestro servidor usando estos dos archivos. Lo primero que necesitamos es crear un archivo que se llame .htaccess con el siguiente contenido:

AuthUserFile <ruta al archivo de password>
AuthName <texto de la ventana>
AuthType Basic

require user <usuarios autorizados>

Es conveniente que el archivo de password se encuentre fuera del alcance de los navegantes, es decir fuera de public_html. El texto de la ventana aparecera en la ventana de login, normalmente se pone el nombre del sitio o la descripcion de lo que la carpeta protegida contiene. Los usuarios autorizados pueden ser uno o mas, y deben estar separados por espacios.
Un ejemplo completo:

AuthUserFile /home/marco/.htpasswd
AuthName tehwebmaster.blogspot.com
AuthType Basic

require user marco

Ahora es necesario crear el archivo .htpasswd que tendra la lista de usuarios y sus contraseñas, y subirlo al directorio donde especificamos anteriormente.
El formato utilizado en .htpasswd es usuario:clave_encriptada, y cada usuario va en una linea nueva. Por ejemplo:
marco:dGRkPurkuWmW2
Para encriptar una clave usa nuestro generador de claves htpasswd.

Parsear facil XML con PHP

2009-01-29T19:52:00.000-08:00

Esta es la forma que utilizo para parsear XML con PHP, a mi entender la mas bonita y sencilla. Lo haremos utilizando xml_parse_into_struct que parsea el contenido de un archivo XML a un array.
Para el ejemplo vamos a realizar una búsqueda con la API de Yahoo:

<?

// xml_parser.php - ejemplo de parser Yahoo search - tehwebmaster.blogspot.com
// uso: xml_parser.php?q=search_query

if (!empty($q)) {

 $xml = xml_parser_create();

 $file = fopen("http://search.yahooapis.com/WebSearchService/V1/webSearch?appid=YahooDemo&results=10&query=".urlencode($q), "r");

 while (!feof($file)) $data .= fread($file, 8192);

 xml_parse_into_struct($xml, $data, $values, $tags);
 xml_parser_free($xml);

 foreach($tags as $k => $v) {
  if ($k == "TITLE") {
   $count = 0;
   foreach($v as $k2 => $v2) {
    $titles[$count] = $values[$v2]['value'];
    $count++;
   }
  }
  if ($k == "SUMMARY") {
   $count = 0;
   foreach($v as $k2 => $v2) {
    $descs[$count] = $values[$v2]['value'];
    $count++;
   }
  }
  if ($k == "CLICKURL") {
   $count = 0;
   foreach($v as $k2 => $v2) {
    $urls[$count] = $values[$v2]['value'];
    $count++;
   }
  }
  if ($k == "DISPLAYURL") {
   $count = 0;
   foreach($v as $k2 => $v2) {
    $durls[$count] = $values[$v2]['value'];
    $count++;
   }
  }
 }

 for($count = 0; $count <= (count($titles)-1); $count++) {
  echo "<a href=\"$urls[$count]\">$titles[$count]</a><br />$descs[$count]<br /><span style=\"font-size: 10px; color: #0C3;\">$durls[$count]</span>";
 }

}

?>

Descargar xml_parser.zip (713B)

Overlay de una imagen en PHP con GD

2009-01-29T11:06:00.000-08:00

Este script permite posicionar una imagen sobre otra pudiendo definir los margenes y la posicion de la imagen. Muy util para agregar copyright a nuestras fotos para que no las roben.

< c0wa.com/code/overlay.php?img=hola-manola.jpg >

<?

// overlay.php
// uso: overlay.php?img=background_image

// setup
$overlay['path'] = 'overlay.png'; // direccion de la imagen
$overlay['position'] = 'right bottom'; // posicion x y
$overlay['margin'] = '30 20'; // margen x y


// script (no editar)

$img = $_GET['img'];

if (!file_exists($img)) die('background image not found');

$bge = substr($img, -3, 3);

if ($bge == 'jpg') $bg = imagecreatefromjpeg($img);
elseif ($bge == 'png') $bg = imagecreatefrompng($img);
elseif ($bge == 'gif') $bg = imagecreatefromgif($img);
else die('background image unsupported type');

if (!file_exists($overlay['path'])) die('overlay image not found');

$ole = substr($overlay['path'], -3, 3);

switch ($ole) {
 case 'jpg':
  $ol = imagecreatefromjpeg($overlay['path']);
  break;
 case 'png':
  $ol = imagecreatefrompng($overlay['path']);
  break;
 case 'gif':
  $ol = imagecreatefromgif($overlay['path']);
  break;
 default:
  die('overlay image unsupported type');
}

$bgw = imagesx($bg); $bgh = imagesy($bg);
$olw = imagesx($ol); $olh = imagesy($ol);
imagealphablending($bg, true);
list($posh, $posv) = split(' ', $overlay['position']);
list($mx, $my) = split(' ', $overlay['margin']);
 
if ($posh == 'left') $x = $mx;
elseif ($posh == 'center') $x = $bgw / 2 - $olw / 2;
elseif ($posh == 'right') $x = $bgw - $olw - $mx;
else die('horizontal position is not valid');

if ($posv == 'top') $y = $my;
elseif ($posv == 'middle') $y = $bgh / 2 - $olh / 2;
elseif ($posv == 'bottom') $y = $bgh - $olh - $my;
else die('vertical position is not valid');

imagecopy($bg, $ol, $x, $y, 0, 0, $olw, $olh);

header('Content-type: image/jpeg');
header('Content-Disposition: filename='.$img);
imagejpeg($bg);
imagedestroy($bg);
imagedestroy($ol);

?>

Descargar overlay.zip (53.6kb)