Viviendo de los bits

Buscar contenido dentro de un feed o rss especifico

2010-09-24T21:23:00.000-07:00

Hola a todos, este post va dirigido a personas que tienen un blog y han querido poner un gadget de busqueda sin que salga el famoso mensajito "con la tecnologia de google", no me malentiendan la busqueda es utilizando el motor de google pero sin el famoso logo, para hacer esto vamos a utilizar el API de google para Feeds los que deseen saber mas pueden entrar a la siguiente direccion http://code.google.com/apis/ajax/playground/?exp=libraries#find_feed sino tambien pueden bajar mi ejemplo al final del post.

Simplemente tenemos que modificar una linea de codigo del javascript para variar el ejemplo para que busque en nuestro blog(excepto si deseas agregarle algo de diseño con css), en mi caso yo ya lo tengo implementado en mi blog al costado izquierdo abajo de mi perfil.

En mi ejemplo customizado tendrian que variar la siguiente linea:


var query = 'site:humancompiler.blogspot.com '+document.getElementById('c4').value;

Solo deben reemplazar la URL de mi blog por su blog o dominio con una fuente rss, a continuacion pueden bajar mi ejemplo completo, para ponerlo en su blog solo deben poner esa pagina con un iframe, para probar mi ejemplo busquen cualquier palabra que contenga algun post de mi blog.

Formatear un input tipo text a entero, o con 2 decimales, o con separador de n caracteres en n caracteres

2010-09-23T08:14:00.000-07:00

Hola a todos, despues d eun largo tiempo de ausencia retomo la blogosfera para compartir algo con lo que estruve lidiando esta semana, se me presento el problema de formatear una caja de texto para que acepte solo numeros enteros y otra caja de texto para q acepte numeros con n decimales, les explicare el codigo a usar y al final del articulo dejare los archivos para que descarguen los ejemplos.

Primero veremos el ejemplo para numero entero:

Javascript a utilizar:


function validarEntero(valor){
//intento convertir a entero.
//si era un entero no le afecta, si no lo era lo intenta convertir
valor = parseInt(valor)
//Compruebo si es un valor numérico
if (isNaN(valor)) {
//entonces (no es un numero) devuelvo el valor cadena vacia
return ""
}else{
//En caso contrario (Si era un número) devuelvo el valor
return valor
}
}
function validarFormulario(){
//extraemos el valor del campo
textoCampo = window.document.formul.texto.value
//lo validamos como entero
textoCampo = validarEntero(textoCampo)
//colocamos el valor de nuevo
window.document.formul.texto.value = textoCampo
}

Y dentro del tag body ponemos el objeto input dentro de un form:


< method="post" name="formul" action="">
Teclea un número:
< id="texto" onkeyup="validarFormulario()" onchange="validarFormulario()" name="texto">
< /form>

Ahora veremos el ejemplo para numero con 2 decimales, para esto hago la observacion que el usuario no ingresara el punto decimal por ejemplo si se desa ingresar 45.68 el usuario solo tecleara 4568 y el punto se añadira automaticamente, otro ejemplo si se desa ingresar 45.6 el usuario debera teclear solamente 4560 y se añadira el punto automaticamente.

Javascript a utilizar:


function format(input)
{
var num = input.value.replace(/\./g,'');
if(!isNaN(num)){
if(num.length>2)
{
num=num.substring(0,num.length-2)+'.'+num.substring(num.length-2);
}
input.value = num;
}

else{ alert('Solo se permiten numeros');
input.value = input.value.replace(/[^\d\.]*/g,'');
}
}

Y dentro del tag body ponemos el objeto input dentro de un form:


< form>
< type="text" id="c4" name="c4" runat="server" onkeyup="format(this)" onchange="format(this)">
< /form>

Bueno aqui les dejo los ejemplos a descargar, por tiempo no les comente el codigo del separador pero les dejo el archivo es el tercer archivo. Saludos y espero que les sirva, agradecer no cuesta nada, comenten si les gusto el post...

Como Obtener El Navegador Web y La Versión usando PHP

2009-11-16T15:06:00.001-08:00

Es clasico toparse con problemas de diseño en web, especificamente con internet explorer 6 por lo que a continuación les recomiendo usar dos funciones, la primera es para obtener el nombre del navegador web desde el que se accede y la otra es para obtener la version de este, estas funciones son muy útiles a la hora de diferenciar contenidos debido al renderizado de cada cliente web.

-Función para obtener el nombre del navegador:


function get_user_browser()
{
   $u_agent = $_SERVER['HTTP_USER_AGENT'];
   $ub = '';
   if(preg_match('/MSIE/i',$u_agent))
   {
       $ub = "ie";
   }
   elseif(preg_match('/Firefox/i',$u_agent))
   {
       $ub = "firefox";
   }
   elseif(preg_match('/Safari/i',$u_agent))
   {
       $ub = "safari";
   }
   elseif(preg_match('/Chrome/i',$u_agent))
   {
       $ub = "chrome";
   }
   elseif(preg_match('/Flock/i',$u_agent))
   {
       $ub = "flock";
   }
   elseif(preg_match('/Opera/i',$u_agent))
   {
       $ub = "opera";
   }
 
   return $ub;
}

-Función para obtener la versión del navegador:


function gbversion()
{
  $Name="";
  $Version=""; 
        $browsers = array("firefox", "msie", "opera", "chrome", "safari",
                            "mozilla", "seamonkey",    "konqueror", "netscape",
                            "gecko", "navigator", "mosaic", "lynx", "amaya",
                            "omniweb", "avant", "camino", "flock", "aol");
        $Agent = strtolower($_SERVER['HTTP_USER_AGENT']);
        foreach($browsers as $browser)
        {
            if (preg_match("#($browser)[/ ]?([0-9.]*)#", $Agent, $match))
            {
                $Name = $match[1] ;
                $Version = $match[2] ;
                break ;
            }
        }  
  return $Version;
}

-Como en mi caso el problema solo se daba cuando usaba internet explorer 6 use el siguiente codigo:


if(get_user_browser()=="ie" && gbversion()=="6.0")
{
 echo "hacer ie6";
}
else
{
 echo "hacer otro";
}

Emoticonos de Pyong y Onion

2009-08-20T09:10:00.001-07:00

Bueno les contaré que recien tuve que formatear mi pc, pues necesitaba instalar programas que no corrian en windows vista asi que tuve que poner windows xp y todos mis iconos del msn desaparecieron. Despues de haber asegurado mi información no me habia dado cuenta de ese detalle y pues me puse a buscar iconos de nuevo en el internet, me acordé de los q más usaba y decidí buscar al zorrito rojo(Pyong) que es muy famoso y al otro personaje que inicialmente me parecía un fantasma pero me dí con la sorpresa que era una cebolla blanca(Onion). Son los iconos mas expresivos y cheveres que pude encontrar ahi se los dejo espero que sean de su agrado...

Descargar gifs de onion

Descargar gifs de pyong

Crear Reportes Gráficos Con Google Visualization

2009-07-31T09:26:00.000-07:00

La semana pasada me tope con un requerimiento particular, este consistia en crear un reporte gráfico(especificamente un pie chart) pero sin usar controles predefinidos en dll y pues digamos que ahora la gente no esta dispuesta a perder mucho tiempo, encontré dos curiosas alternativas dadas por google una es Google Visualization y la otra es Google Chart las dos son buenas sin embargo elegí la primera por que daba mejor vistosidad por su contenido y manejo de eventos. Mientras en Google Charts se consigue generar una imagen estática, en Google Visualization se consigue una animación, por ejemplo se puede dar click en una sección del pie chart y se puede observar el detalle. El resultado fue así, aunque esta es solo es la captura de pantalla del html...
Las lineas que genere son las siguientes:

data.addRows(5);
data.setValue(0, 0, 'Willy');
data.setValue(0, 1, 27);
data.setValue(1, 0, 'Cesar');
data.setValue(1, 1, 10);
data.setValue(2, 0, 'Harold');
data.setValue(2, 1, 5);
data.setValue(3, 0, 'Jorge');
data.setValue(3, 1, 8);
data.setValue(4, 0, 'Marco');
data.setValue(4, 1, 7);

El 5 de la primera linea es el numero de areás que va tener el pie chart, por cada registro se añaden dos lineas por ejemplo para willy se añaden estas dos lineas

data.setValue(0, 0, 'Willy');
data.setValue(0, 1, 27);

siendo la primera el nombre y la segunda el valor recuperado, el porcentaje lo calcula el mismo web service de google no deben preocuparse en generar eso. En este caso el ejemplo es estático sin embargo se pueden generar estas lineas desde cualquier lenguaje como java, php, asp o c sharp.

A continuación dejo el código ejemplo... Saludos
Descargar Ejemplo

Don Xumas conoce a Dari

2009-05-29T06:03:00.001-07:00

Como dijo el cura recien ampayado no es bueno que el hombre este solo y xumas no es la excepción asi que...

Antivirus

2009-05-06T07:03:00.000-07:00

Don Xumas tuvo unas breves vacaciones por el dia del trabajo, pero ya esta reincorporandose de nuevo a la rutinaria vida laboral y lo demuestra publicitando su nuevo producto...

Envidia Móvil

2009-04-21T10:19:00.000-07:00

Móviles con dos chips... Yo también quiero uno!

Comic Don Xumas

2009-04-15T08:21:00.001-07:00

A partir de hoy empezaré una nueva etapa de mi blog, aunque la primera fue muy corta y solo la visitaban mis amigos ja... Además ya hay muchos blogs dedicados a la tecnología y al internet(demasiados!!!), asi que les dejo mi primer dizque comic, como dijeron por ahi una imagen vale mas que mil palabras... en especial para los analfabetos...

Control Captcha en 3D(más entendible)

2009-03-26T08:23:00.000-07:00

Hay muchos que hemos visto el sistema de códigos captcha, más conocido como las letras deformes que tienes que poner en algunas web antes de registrarte, suscribirte a un servicio o enviar un sms. Pero recientemente se ha implementado un nuevo sistema captcha que consiste en escoger objetos en 3d que se muestran en posiciones aleatorias, realmente los objetos son más fáciles de identificar que las letras retorcidas y son más efectivos teniendo en cuenta que ya hay sistemas que pueden romper el captcha alfanumerico.

Existen sitios que ya han implementado este sistema como el que les dejo a continuación yuniti, habrá que estudiar un poco el código de este nuevo sistema... hasta la próxima :)

Hacer Autompletar Con Google Suggest Queries

2009-03-20T08:24:00.000-07:00

Para quienes se han topado con el problema de tener el requerimiento de realizar una búsqueda con sugerencias en alguna web, para ser más especifico realizar sugerencias al teclear en una caja de texto, pues aqui les dejo una sencilla solución al problema se trata de un servicio de google que se llama suggest queries, este devuelve una lista de posiblidades para autompletar el texto a buscar, pueden customizar el ejemplo a su gusto... Servidos :)

Descargar Ejemplo

Tira Ecol (Humor para entendidos...)

2009-03-12T07:29:00.000-07:00

Estaba buseando una vez más por la red, buscando algo de humor geek para alegrar un poco mi día, pues la presión de los papeles pal bachillerato me tienen estresado completamente(creo que ni cuando tenia flaca tenia que esperar tanto... wtf) en fin... ahi les dejo las que mas llamaron mi atención :D, Para ver en tamaño completo hagan click en la imagen...

La web principal de esta tira es http://www.tiraecol.net/modules/comic/ diviertanse...

Imágenes, Iconos de Aplicación y Diseño Web

2009-03-10T13:07:00.001-07:00

Como ya es costumbre estaba el lunes con mucho sueñito(no diré por que...), y pues empeze muy temprano a recorrer la blogosfera y encontre una web interesante dedicada al diseño, me pareció muy chevere por que hay iconos para aplicaciones, fondos para web y los infaltables templates, en resumen todo lo que necesita un diseñador que no necesita reinventar la polvora para llegar a obtener un buen producto en el ciberespacio...

Bueno señores... servidos, ahi les dejo el enlace http://www.deviantart.com/ y también algunas imagenes que llamaron mi atención.

Haciendo efectos con tus imagenes en la web

2009-03-10T09:52:00.000-07:00

Ante todo les doy la bienvenida a mi primer blog en el cual comentaré acerca de los últimos acontecimientos tecnológicos, algunos otros jocosos, curiosos y también algunos furiosos para hacer trabajar al higado de cuando en vez osea del tipo wtf de microsiervos(Para los que no estan familiarizados con este termino esto equivale a... Que carajos tenian en la cabeza cuando lo hicieron!?)
Bueno esta es la primera entrada... asi que por ser la primera en esta omitiré los comentarios polémicos y empezaré compartiendo una web en la que pueden aplicar efectos a sus fotos directamente en la web sin tener que instalar ni bajar ninguna aplicación y evitarse el rollo de ver como lo harian en el paint(o el gimp en mi caso :D), a continuación les dejo algunas de las que hize con mi foto...

La web en la que pueden alucinar con su fotos es la siguiente http://funphotobox.com/