martes 30 de octubre de 2007

Quitar marcos y activar Flash en IE

Resulta muy molesto que debido a problemas de intereses ahora el IE (Internet Explorer) bloquee de alguna manera los Flash de las paginas web obligandonos a activarlo con un click encima de la animación o bien presionando la barra espaciadora o Enter para que quede disponible para usarlo.

Se conocen varios hacks para evitar esto, a mi el que me ha funcionado muy bien es este metodo:
1.- Descargar el archivo flashobject.js

2.- Agregar la incursion del mismo en la pagina asi:
<type="text/javascript" src="flashobject.js"></script>
Entre las etiquetas <HEAD></HEAD>

3.- Llamar a nuestro flash con el siguiente codigo:
<id="top">
<!--Flash -->
</div>
<type="text/javascript">
var mymovie = new FlashObject("top.swf", "top", "750", "350", "7", "");
mymovie.addParam("menu", "false");
mymovie.write("top");
</script>

cambiando lo que esta en negritas y que se refiere al archivo, ancho y alto respectivamente y listo, el flash deberá ahora mostrarse sin el molesto marco ni tener que activarlo.

Etiquetas:


Ver tema completo

viernes 7 de julio de 2006

"Includes" con JS usando XML

Muchas veces tenemos paginas en servidores que no soportan los Server Side Includes, con este script podemos agregar una pagina como un include pero siendo Client Side Include :-D .

NOTA: Algunos servidores, sobretodo gratuitos marcan un error con este script, por lo que no se garantiza que a todos les sirva

Para instalar el script coloca lo siguiente entre las etiquetas <head></head>

<script type="text/javascript">
function include(xUrl,xId) {

var xmlhttp = false;

/*@cc_on @*/

/*@if (@_jscript_version >= 5)

// JScript gives us Conditional compilation, we can cope with old IE versions.
// and security blocked creation of the objects.

try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}

/*@end @*/

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}

xmlhttp.open("GET", xUrl,true);
xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4) {
document.getElementById(xId).innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null)

}
</script>



Y ahora llamamos la funcion asi:
<div id="'xjam"></div>
<script type="text/javascript">
include('contenido.htm', "xjam");
</script>


Donde cambiaremos el archivo a incluir que es lo marcado en negritas

Etiquetas: , , , , , ,


Ver tema completo

lunes 3 de julio de 2006

Skype - A llamar al mundo

Quizas la mayoria ya hayan oido hablar de el, para los que no les informo que este es uno de los tantos programas que estan saliendo al mercado para realizar llamadas por internet. Pero ¿A que se debe el exito de este programa especifico?.

DESCARGAR AQUI

Una de las razones podria ser, que como dicen algunos, el que pega primero pega dos veces y aunque quizas no fue el primero si fue uno de los primeros en apostarle en grande a esta nueva tecnologia que esta creciendo de muchas maneras actualmente, otra de las razones es la tecnologia que usa Skype, la tecnologia P2P.

Del Skype pues te puedo decir que lo he probado tanto en llamadas locales como internacionales y la calidad de sonido es muy buena, lo he probado con auriculares y microfono en uno y el unico comentario es que a veces se escucha algo de eco en las llamadas pero tambien es cierto que hay varios foros donde enseñas a configurarlo para evitar al maximo esto, yo lo probe tal cual como lo descarga todo mundo y con la configuracion predeterminada, habria ahora que probarlo ya pulida esta parte.

El programa funciona como un mensajero tipo Messenger, puedes chatear con tus contactos de manera tradicional pero tambien puedes hablar con ellos "por telefono" de manera gratuita, ya si requieres o deseas hacer llamadas a telefonos fijos o celulares entonces la llamada ya tiene un precio, mismo que siempre sera mucho mas barato que el telefono convencional.

¿Como lo hacen?
Quizas uno de los secretos de Skype es que lo que realmente usa este programa para las llamadas es un sistema llamado P2P y no la VOIP, pero ¿que es esto?:
La mayoría de las aplicaciones de voz a través de IP (VoIP) no funcionan con servidores de seguridad ni dispositivos NAT (traducción de direcciones de red). Casi todos los usuarios de banda ancha cuentan con dispositivos NAT o servidores de seguridad y, por lo tanto, no pueden utilizar aplicaciones de VoIP. Skype no es una típica aplicación de VoIP: es telefonía P2P. Debido a su diseño avanzado, funciona con casi todos los servidores de seguridad y dispositivos NAT.

Esto es una de las grandes ventajas de este programa especifico.

Las llamadas que he realizado son dentro de mi misma ciudad (Guadalajara Mexico) y de mi ciudad a la ciudad de Lima Peru, obtuve un credito para probar el programa, tenia us$0.64 de , realice 2 llamadas a Peru de 8 y 7 minutos respectivamente y mi saldo actual es de us$0.16, es decir, esas llamadas me costaron us$0.48, e mi moneda local (peso mexicano) es algo asi como un poco mas de $5, es decir que 15 minutos internacionales me costaron $5 pesos, la verdad no tengo idea de cuanto cueste en mi compañia telefonica pero pues supongo que sera un "poco" mas caro.

Actualmente estan saliendo al mercado aparatos para que no requieras de una computadora para usar este sistema, lo que seria excelente ya que hay unos telefonos tipo celular, pero que las llamadas que hagas te saldran mucho mas baratas, hay que esperar, vienen cosas muy interesantes en este tema y estaremos al pendiente de ellas para informarles.

El programa actualmente a la hora de escribir este tema estaba en la version 2.5 que incluye entre otras cosas:
- Llamas a telefonos convencionales
- Envio de mensajes SMS (A celulares)

De las llamadas realizadas estos son los precios ya cobrados:

Destino
Tarifa x minuto
Duracion
Precio
USA $0.021 07:05 $0.168
USA $0.021 00:07 $0.021
USA $0.021 00:24 $0.021
USA $0.021 :07:00 $0.147
Peru-Lima $0.030 07:27 $0.240
Peru-Lima $0.030 07:54 $0.240
Mexico-Guadalajara $0.031 00:22 $0.031
Chile-Santiago $0.021 00:50 $0.021

Y el programa esta en constante actualizacion con mejoras siempre interesantes, te invito a que lo pruebes y comentes que te parece.



Ver tema completo

Llego Windows Live Messenger

Bueno, llego la nueva version del messenger, misma que ya esta disponible en este nuevo giro que dio MSN a todos sus productos ahora como base al diseño Live.com.

DESCARGAR AQUI

Del mensajero pues esta bonito, trae varias cosas buenas y otras no tanto, por ejemplo:
Nuevo diseño - No cambio mucho al anterior, solo algunos detallitos
Carpetas compartidas - Todavia no les veo un uso pero parece algo bueno :-D
Algo muy bueno es que integro algo asi como mensaje en espera, es decir, puedes escribirle un mensaje a un contacto que no este conectado y cuando este se conecte le llega dicho mensaje, algo como lo que ya manejaban otros como el de Yahoo.

Algo que no me gusto para nada es que yo antes, en versiones anteriores cuando queria escribirle a alguien de manera rapida o saber cuales de mis contactos estaban conectados sin abrir todo el Messenger le daba click derecho al iconito a un lado del reloj y despues en Enviar un mensaje instantaneo y ahi me aparecian mis contactos conectados solamente, ahora aparecen todos, a manera de listado y solo cambia el color del monito de los que si estan conectados.

Les pongo la informacion proporcionada directamente por MSN Live:
Qué es
Windows Live™Messenger será el MSN Messenger de próxima generación. Tendrá todo aquello que te encanta de Messenger (lista de contactos, iconos gestuales y acceso instantáneo a tus amigos a través de textos, voz y vídeo), además de nuevas formas para conectarte y compartir documentos con una facilidad casi mágica. Como de costumbre, la descarga de Messenger y la utilización de la mayoría de sus funciones es gratis.

Lo que podrás hacer
• Enviar todos los guiños e iconos gestuales habituales, además de otros nuevos geniales.
• Mantener conversaciones de texto, voz y vídeo en tiempo real .*
• Compartir más fácilmente documentos de todo tipo con la característica Carpetas para compartir.
• Realizar llamadas gratuitas entre PC con otros usuarios de Messenger.
*Los interlocutores deben tener cámaras Web, altavoces y micrófonos compatibles.

Requisitos del sistema
• PC multimedia.
• Procesador Pentium a 233 MHz (500 MHz recomendado).
• Microsoft Windows XP.
• Mínimo 128 MB de RAM (256 MB recomendado).
• Hasta 50 MB de espacio en el disco duro para la instalación, 15 MB para ejecutar el programa.
• Microsoft Internet Explorer versión 6 SP1 o posterior instalado en el equipo, pero no es necesario que sea el explorador predeterminado.
• Resolución de pantalla 800 x 600 como mínimo.

Preguntas más frecuentes
¿Qué son las Carpetas para compartir?
Carpetas para compartir es una característica nueva y sencilla para compartir fotos, documentos y archivos con los contactos de Messenger. Podrás crear una Carpeta para compartir simplemente haciendo clic en el nombre de un contacto en Messenger. Haciendo esto, se generará una copia idéntica de los archivos, tanto en tu equipo como en el de tu contacto y se creará una Carpeta para compartir a la que podrás tener acceso desde Messenger y en el escritorio.

Con el correo electrónico ya puedo compartir documentos, dónde está la diferencia
Para compartir fotos y documentos, la Carpeta para compartir será más sencilla de utilizar que el correo electrónico. En la Carpeta para compartir, cada vez que se agrega, modifica o elimina un archivo, estos cambios se sincronizarán en la carpeta que compartes con la otra persona. Por otra parte, el icono de Carpeta para compartir en Messenger se iluminará sobre un contacto para indicar cuándo se actualizó una Carpeta para compartir. Para compartir archivos bastará con arrastrar y soltar, es más sencillo que las funciones "enviar archivo" y "guardar como" que ya conoces de Messenger.

Las Carpetas para compartir se utilizarán de forma muy similar a las carpetas de un PC, por lo que entenderás inmediatamente su funcionamiento. Al igual que en Windows, podrás arrastrar y soltar, obtener vistas diferentes de archivos, copiar, pegar, etc. Podrás obtener acceso a la Carpeta para compartir desde el escritorio y gestionar los archivos cuando estés en línea o sin conexión. Una Carpeta para compartir no necesita prácticamente instalación o configuración y realiza eficazmente la sincronización de archivos sin complicaciones.


Ver tema completo

jueves 22 de junio de 2006

PNG y sus transparencias en IE

De muchos es sabido que el IE no trabaja bien las transparencias de los archivos PNG que las contengan, esta es una de las tantas fallas del IE, pero pues todo tiene solucion y esta es algo facil de implementar y corregir, existen PNG's que podemos usar como imagenes dentro de la pagina o bien como fondos, para ambos casos tenemos las mismas opciones
  1. Usar GIF's aunque perdamos calidad
  2. Utilizar otro navegador como el Mozilla Firefox y tirar el IE a la basura
  3. Implementar un pequeño script para solucionar esta falla
Para la opcion 1 pues habria que tener en cuenta que el archivo GIF no te dara la calidad de los PNG's, ademas de que estos solo soportan un canal de transparencia, por lo que no podrias hacer degradados transparentes.

Para la segunda pues que mas quisieramos los diseñadores que pudiera tomarse como una opcion, en realidad hay mucha gente que usa el navegador que viene con su sistema operativo y no le interesa probar algun otro por mejor que pueda ser, asi que por lo pronto optaremos por la tercera opcion.

Este script lo que hace es que si el navegador es el IE aplique a los PNG automaticamente un filtro Alpha para las transparencias, como comento arriba, no hay mas que hacer mas que pegar esto, el script lo hace todo solo :-D

<!--[if gte IE 5.5000]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->



Otra de las opciones de uso de un PNG es para fondos, esto se puede solucionar con lo siguiente entre las etiquetas head:

<style type="text/css">
<!--
#fondo {
background-image:url(logoGDE.png)
}
* html #fondo {background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logoGDE.png', sizingMethod='crop')
background:;
}

-->
</style>


* html Esto hace que se ponga un fondo para unos navegadores y ese mismo con un filtro al IE

Hay que cambiar
logoGDE.png por la imagen de fondo que vamos a usar

En la tabla se pone id="fondo" yo lo puse en una tabla, si se pone en la etiqueta <table> y la tabla tiene bordes sobrepondra la imagen a los bordes, si se pone en el <td> no.

Probado en: Firefox 1.5 Opera 8.54 IE 6

De esto se puede ver un ejemplo en www.cristovivo.com/prueba.html que a lo mejor no es la mas estetica pero muestra lo anterior

Espero les sirva ademas de que tambien espero sus comentarios al respecto, esta es una de las grandes preguntas que siempre rondan en los foros.


Ver tema completo

Agregar contador gratuito en webs

He creado un simple contador de visitas para agregar a cualquier pagina web de manera facil y configurable, dicho contador podra ir evolucionando en mejoras, esta es la version 1 asi que puede que mas adelante saque mas versiones con mas funciones y caracteristicas ademas de diseños, un ejemplo del contador es como el mostrado en mi blog, del lado derecho apenas arriba del logo del blog.

Para agregar este contador a cualquier sitio solo hay que agregar una pequeña linea de javascript y configurar algunas cosas, es facil y rapido, aqui una descripcion:

Script a agregar:
<script src="http://www.creandowebs.com/contador.asp?user=paginaweb.com&
tv=Visitante&fn=Arial,Verdana&sz=11&bd=yes&c=000099"><script>

(Nota todo va en una sola linea, se corta por espacio)

donde configuraremos lo que esta marcado en negritas.
user=paginaweb.com por la pagina donde estara el contador, es importante cambiar esto para poder tener un contador unico para cada sitio.

tv=Visitante es el texto que aparecera justo antes de la cantidad de visitas, ejemplo:
Visitante 0202

fn=Arial,Verdana es la(s) fuente(s) a utilizar.
algunas opciones: pueden ser tahoma, Trebuchet MS o cualquiera que uses en tu sitio

sz=11 es el tamaño de la fuente en pixeles, el tamaño 11 equivale a mas o menos al tamaño 2
Opciones: numero valido para el tamaño deseado de fuente

bd=yes si es yes el texto aparecera en negritas, si no quieres esto cambialo por no
Opciones: yes (fuente en negritas) no (fuente normal)

c=000099 es el color del texto en valor hexadecimal
Algunas colores:
Blanco=ffffff
Negro=000000
Azul=0000ff
Rojo=ff0000
Verde=00ff00

Esto es todo, el script debe pegarse en la parte donde queramos que aparezca el contador, les informo que el contador esta programado para contar visitas usando sesiones, esto lo que ocaciona es que sean visitas reales, es decir, si alguien se hagarra haciendo clicks o recargando la pagina solo se generara una visita (si el usuario tiene activas las cookies por que las sessiones usan esto).


Ver tema completo

lunes 12 de junio de 2006

SpreadSheels, ultima gracia de Google

Una de las empresas mas importantes en innovaciones tecnologicas esta ampliando su cartera de servicios, me refiero a Google, acabo de checar y usar su nueva joyita, el SpreadSheets que no es otra cosa que una hoja de calculo en linea, para los que sabemos de programacion web entendemos que esto es una maravilla de programacion y de funcionalidad.

Puede ahora uno tener sus hojas de calculo en linea, modificarlas, borrarlas, crearlas, exportarlas, etc y todo con casi las mismas funciones de por ejemplo Excell, o por lo menos muchas de las mas comunes, espero que pronto todos puedan usar esta maravillosa herramienta que aun esta en fase de pruebas y aun asi ya me sorprendio.

Esperemos que cuando se abra a todo publico se hayan agregado mas funciones, que ya de por si son sufucientes para lo basico, ademas de que cuenta con un buen numero de formulas para los trabajos cotidianos, y sobretodo que cuenta con el soporte de Google, estos que cada dia sorprenden con sus creaciones y servicios.

Seguire disfrutando de este servicio y ya les comentare algunas cosas interesantes sobre ella.

Suscribanse a http://6gr.spreadsheets.google.com para recibir su invitacion a probar el servicio y espero sus comentarios sobre la misma, ya en proximos post extendere las funciones de esta y otras herramientas, software, paginas y articulos interesantes que ire probando, suerte.

Fil. 4:13


Ver tema completo