Archive for category Tips
Cerrar ventana modal al hacer Click fuera de la ventana en FlashBuilder
Posted by Shogoki in Programación, Tips on January 26, 2010
Una de las mejores funcionalidades de FlashBuilder y ActionScript3 es la clase PopUpManager que nos permite mostrar ventanas a los usuarios bien sea modales o no; a veces simplemente queremos dar la opción al usuario de cerrar la ventana al hacer click fuera de esta, al estilo de los PopUps hechos con JQuery y gracias al Evento MOUSE_DOWN_OUTSIDE de la clase FlexMouseEvent podemos hacerlo, como vemos en el siguiente ejemplo:
Puedes ver y descargar el código fuente mediante el menú del botón derecho
Que hacer cuando tu sitio es marcado como malicioso
Si tienes un sitio Web y este es señalado como un sitio que puede afectar el equipo del usuario que lo visite como la imagen de mas abajo y el sitio lo hace es vender “muebles”(por ejemplo) seguro pensaras:
WTF?!?! pero si mi sitio no es para descargar software malicioso o__O .
Esto es debido a que tu pc esta infectada con algún virus y al subir algún archivo vía FTP a tu servidor subiste una copia del virus.
Al estar el virus en tu servidor lo que hace es insertar código html en todos los archivos index y home de cualquier extensión entre las etiquetas <body> y </body>, este código en los dos casos que he visto lo que hace es agregar un ifame y llamar una pagina que se encuentra en otro servidor.
Ejemplo del código:
<!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>
<title>Ejemplo</title>
</head>
<body>
<iframe frameborder="0" onload="if (!this.src){ this.src='URL externo'; this.height='0'; this.width='0';}">qfmhtowbkedyblfscqtlcmxickfnrxm</iframe>
</body>
</html>
Cuando Google detecta este tipo de ataque en tu sitio lo que hace es colocar en el resultado de cada búsqueda en donde aparezca tu sitio el texto “Este sitio puede dañar tu equipo” debajo del link. Si el usuario ignora el mensaje Google mostrara de nuevo un mensaje informado que el sitio al que intenta entrar puede dañar su equipo si da click al link desde el resultado de la búsqueda.
Si entras directamente colocando el dominio del sitio en tu navegador Firefox, Chrome o Safari te mostrará un mensaje diciendo que el sitio es peligroso y te preguntaran si quieres continuar.
En caso que te suceda esto a continuación unos pasos a seguir para solventar este problema:
- Bajar todos los archivos del servidor y luego eliminar todo el contenido en el servidor. Si estas en Windows lo mas probables es que al descargar los archivos infectados tu antivirus los detecte e intente eliminarlos.
- Cambiar el password del usuario FTP que utilizas para conectarte al servidor.
- Revisar todos los archivos index o home (html, php, etc) en busca de algún iframe que no haya sido colocado por ti.
- Subir el sitio de nuevo.
- Ir al sitio de Webmaster Tools de Google agregar tu sitio si aun no lo has hecho, y solicitar que reevaluación tu sitio web.
El tiempo máximo que he esperado es de 24 horas luego de limpiar el sitio y enviarle la notificación a Google pero podría ser menos.
Configurar Eclipse para trabajar con Android en Ubuntu
Posted by Psycho in Plugins, Programación, Tips on July 1, 2009
En este
tip explicare como configurar nuestro entorno de desarrollo en el IDE Eclipse y poder crear aplicaciones destinadas a
Android, el cual es el sistema operativo para móviles de Google, el cual es su siguiente paso para conquistar el mundo U_U
Para que Eclipse funcione necesitamos tener instalado el JRE en nuestra máquina y el SDK para poder crear aplicaciones Java, ambos se pueden encontrar e instalar desde Synaptic.
Instalado el Java JRE y SDK descargamos del sitio oficial de Eclipse una de las siguientes de versiones: Eclipse Classic, Eclipse IDE for Java Developers o Eclipse IDE for Java EE Developers, en mi caso trabajo con la ultima. Descargado Eclipse abrimos el archivo .zip y extraemos la carpeta eclipse y la colocamos en cualquier parte de nuestros sistema de archivos.
El siguiente paso es descargar el SDK de Android, que para objetivo de este tip descargaremos la versión para Linux. Ya descargado lo descomprimimos en cualquier parte de nuestro sistema de archivos, en mi caso lo guarde en la carpeta opt que se encuentra en la raíz del sistema operativo.
Y por ultimo descargamos el plugin de Android para Eclipse el cual se llama ADT.
Listos con los archivos necesarios vamos a la consola y colocamos el siguiente comando:
gedit ~/.bashrc
Se abrirà el editor de texto con el archivo colocado en la consola y agregamos las siguientes líneas al final del archivo:
#Android SDK
export PATH=${PATH}:/opt/android_sdk_1.5/build/tools
Ahora solo quedaría instalar el plugin ADT en Eclipse. Abrimos Eclipse y en el menú vamos a Help > Install New Software > Add > Archive y seleccionamos el archivo que contiene el archivo del plugin.
Por ultimo nos dirigimos a Windows > Preferencias > Android. y seleccionamos la ruta en donde se encuentra el SDK de Android, en mi caso /opt/android_sdk_1.5/.
Listo! ahora tenemos nuestro entorno para el desarrollo de aplicaciones para Android.
NOTA: Para la fecha en que escribo esto la versión mas reciente de Eclipse es Galileo(versión 3.5)
export PATH=${PATH}:/opt/android_sdk_1.5/build/tools
Comando rm en Linux
Para las personas que se animan a probar Ubuntu en su PC se daran cuenta que muchas cosas que se realizan en modo visual como crear, borrar, mover, copiar, etc directorios, se pueden hacer también en la consola(shell) del sistema operativo.
El utilizar comandos en la consola no es algo del otro mundo, con buscar un poco de información en Internet se puede encontrar bastante o solo con escribir man seguido del comando en la consola podremos obtener información de dicho comando, ejemplo:
man rm
El comando rm nos permite eliminar archivos o directorios en linux, ejemplo:
sudo rm imagen.jpg sudo rm directorio
Cuando tenemos una carpeta en Linux que contenga archivos o subdirectorios dentro y deseamos eliminarla con todo su contenido adentro mediante el comando rm, la consola nos va a indicar que no se puede eliminar el directorio debido a que no se encuentra vacío.
Suponiendo que tenemos un directorio llamado documentos con una carpeta llamada texto con documentos de texto adentro y otro directorio llamado hojas con hojas de calculo adentro y colocamos el comando rmdir documentos nos va a aparecer un mensaje indicándonos que no se puede eliminar el directorio debido a que no se encuentra vacío, ejemplo:
sudo rm documentos/ rmdir: failed to remove `documentos/': Directory not empty
Para poder realizar esto solo debemos colocar antes de la carpeta que queremos eliminar los parametros -rf la carpeta y su contenido, ejemplo
sudo rm -rf documentos
rm -f: no preguntar antes de remover archivos de sólo lectura.
rm -r: remueve subdirectorios recursivamente.
rm -i: preguntar si cada archivo o directorio debería ser removido.
Convertir archivos MP3 en audio CD con k3b automaticamente
Posted by Psycho in Sistemas Operativos, Tips on February 18, 2009
Hace no mucho me cambie a Kubuntu y aun estoy probando e instalando aplicaciones en el OS, comparando KDE con Gnome me quedo con KDE un rato largo U_U pero hablar de este gestor de escritorio es harina de otro costal así que voy al objetivo de este post.
El kb3 es un programa que nos permite crear CD’s y DVD’s en Kubuntu el cual seria un equivalente a Nero en Windows por ejemplo, cuando tenemos kb3 instalado sin ningún tipo de librería extra al intentar crear un CD de audio a partir de archivos en formato .mp3 nos va a informar que el único tipo de archivos que puede agregar al disco deben de estar en formato .wav.
Para solventar esto y poder agregar canciones en formato .mp3 a nuestro disco lo que tenemos que hacer es abrir Sypnaptic o Adept y buscar la librería libk3b2-extracodecs e instalarla, si eres de los que te gusta instalar vía consola escribimos en ella:
sudo apt-get install libk3b2-extracodecs
Luego de instalar la libreria abres kb3 y deberias de poder agregar archivos .mp3 a tu CD de audio y crear el disco sin problemas 
Solventar como abrir TweeDeck en Kubuntu con Kwallet
Posted by Psycho in Sistemas Operativos, Tips on February 7, 2009
Hace días que me cambie a Kubuntu y en mi curva de aprendizaje de este OS me encontré con un inconveniente intentando abrir TweetDeck.
Para el que no sepa TweetDeck es una cliente hecho en Adobe AIR que puede ser instalado en Windows, Mac o Linux para poder enviar y recibir mensajes de tu cuenta en twitter.
Lo que me pasaba era que al abrir TweetDeck no me mostraba los campos de login y password y la aplicacion parecia como congelada, llegue a pensar que tenia algún problema de configuración al iniciar la aplicación, llegue a desinstalar e instalar pero continuaba el mismo problema cuando intentaba abrirlo por segunda vez.
Para solventar esto solo hay que abrir primero el K Wallet Manager(Kwallet) y luego TweetDeck.
Listo eso es todo!, al parecer KDE toma como sensible la data que enviamos a travez de la aplicación y no pide contraselña para poder trabajar con ella.
Transparencias en CSS
Posted by El Comegente in Browsers, Programación, Tips on October 31, 2008
Hola tenia tiempo sin postear acá pero es que he estado bastante ocupado.
En fin, en este post les presento un pequeño tip de CSS que nos permite usar png’s transparentes como background y para el caso de IE6 (mi mayor pesadilla) usaremos un hack que nos permite cambiar la imagen .png por cualquier otra extensión que acepte este navegador.
Las propiedades CSS que usaremos serán:
background: transparent url(ruta_de_imagen.png); <!-- hack para IE6. Podemos usar cualquier otro tipo de imagen que acepte el navegador --> _background: url(ruta_de_imagen.gif);
Una vez que tengamos estructurado nuestro HTML:
Declaramos los div’s a los que vamos a colocarle la transparencia, por ejemplo:
#blue{
position:absolute;
background: transparent url(../images/bkg_blue.png) no-repeat;
_background: url(../images/bkg_blue.gif) no-repeat;
width:300px;
height:300px;
left: 542px;
top: 115px;
}
#red{
position:absolute;
background: transparent url(../images/bkg_red.png) no-repeat;
_background: url(../images/bkg_red.gif) no-repeat;
width:200px;
height:300px;
left: 140px;
top: 115px;
}
Ahora, vean los resultados, verán una excelente transparencia en navegadores como IE7, FireFox3.0, Opera9.0, Safari y un gif en IE6!!!!!! XDD
Al darle la propiedad position:absolute; podemos colocar el div en una posición ajustada por coordenadas y así veremos el efecto con mayor facilidad.
Acá les dejo una serie de ejemplos, espero que les sean útiles. Fueron probados en IE7, FireFox3.0, Opera9.0, Safari y el “Glorioso IE6″ xDD chau, cualquier duda pueden comentarla acá, con gusto se las respondo!!
Ver: Ejemplo 1 Ejemplo 2 Ejemplo 3
Controlar el foco de los elementos en Flash
Posted by Psycho in Programación, Tips on October 28, 2008
Suele pasar en ocasiones en que queremos que los elemento de un película en Flash (swf) responda en un cierto orden lógico sobre los elementos al presionar la tecla TAB, por ejemplo llenar los campos en un formulario en Flash.
Para lograr esto podemos utilizar la propiedad “tabIndex” disponible tanto en AS2 como en AS3, que nos permite asignarle un numero de respuesta a cada elemento. Esta propiedad aplica para clip de películas, botones y campos de textos
Ejemplo de elementos en orden no lógico:
[swfobj src="http://psycho-side.com.ve/ejemplos/05/error.swf" height="150" width="510]
Como se ve en el ejemplo anterior los elementos responden en un orden no correcto(en mi caso) ya que primero se deberla de hacer foco en los campos de nombres luego los dos apellidos, email, teléfono y por ultimo dirección, como en el ejemplo a continuación
[swfobj src="http://psycho-side.com.ve/ejemplos/05/as2/as2.swf" height="150" width="510]
Para lograr este orden de respuesta puedes hacerlo colocando estas pocas líneas de código:
Código
Llamadas a funciones en Javascript utilizando Actionscript
Posted by Psycho in Programación, Tips on September 17, 2008
Hace algún tiempo respondí un a pregunta en Cristalab en donde el usuario tenia la duda en como llamar una función en javascript que se encuentra en el mismo (X)HTML en donde se encuentra un SWF.
Realmente no es tan difícil realizar esta funcionalidad e incluso se puede utilizar JQuery y realizar llamadas al servidor con la ayuda de el, pero en este tip voy a mostrar un ejemplo sencillo de como hacer dichas llamadas tanto en AS2 como en AS3.
Lo primero que tenemos que hacer es crear un botón en el archivo .fla, tanto en AS2 como en AS3 se crea de la misma manera, dibujamos un elemento en el escenario luego lo seleccionamos, presionamos F8 seleccionamos que es un símbolo de tipo botón le damos un nombre y listo, en mi caso queda de la siguiente manera.
Crear boton
Hasta este momento mi escenario luce así
Escenario
Siempre acostumbro escribir el código AS en un capa solo para código y así no mezclar peras con manzanas (código con elementos visuales) de la siguiente manera:
Línea de tiempo
Lo que si varia es el como vamos a llamar a la función en javascript que se encuentra en el documento (X)HTML.
En AS2 el código es:
Código en AS2
En AS3 el código es:
Código en AS3
Luego en el archivo .html que contiene el SWF debe de haber una función en javascript que se llame “mostar_contenido()”
El código de prueba de la función mostrar_contenido() seria:
Codigo Javascript
Hasta aqui el ejemplo, espero en el siguiente post hacer alguna llamada utilizando JQuery
NOTA: Para probar los ejemplos te recomiendo hacerlo en un servidor de prueba(por ejemplo XAMPP) que tengas local, ya que si pruebas los archivos .html directamente en Flash pero seguridad bloqueará la llamada al javascript cuando presiones el boton.
Como ejecutar multiples instancias de Gtalk
¿Por alguna razón necesitas varias instancias de Gtalk?
¿Tienes solo una cuenta en gmail para agregar a Pley a tu lista de contactos?
Si respondiste si en alguna de las opciones anteriores este tip te será util
Para poder tener multiples instancias de Gtalk, lo único que tienes que hacer es ir al acceso directo de tu Gtalk presionar botón derecho y hacer click en propiedades.
Luego en la pestaña de “acceso directo (en mi caso Shortcut)” en donde dice Destino (Target), dejar un espacio y colocar al final /nomutex.
Ejemplo
Luego presionar aceptar y Listo! eso todo para poder tener multiples instancias del gtalk.
Gracias a Shogoki por el tip.
-
You are currently browsing the archives for the Tips category.
@psycho_vnz
