Si si, lo se, no tiene nada que ver con flash pero igual lo pongo.. jeje . Todos aquellos que tengan un Blog y les guste el Poker el registro es gratis

I have registered to play in the PokerStars World Blogger Championship of Online Poker!This Online Poker Tournament is a No Limit Texas Holdem event exclusive to Bloggers.

Registration code: 4883841

Últimamente tenia un poco, por no decir demasiado abandonado el blog, esto se debe a que he tenido demasiado trabajo, en verdad no saben cuanto. :S. En fin.

Por lo pronto he actualizado el Blog a la versión 2 de WordPress y he añadido un par de plugins que mejoran un poco el diseño del sitio.

Los visitantes frecuentes notaran que el titulo de los post ha cambiado. Se ven bien ¿cierto? .

Por ahora es todo lo nuevo, pero estén pendientes ya que es muy posible que la semana entrante se abra el registro para todos aquellos que quieran ser BETA-TESTERS de la versión 3 de computadora.de. El único requisito para ello es tener una cuanta activa. así que si no tienes tu cuenta y quieres ser beta-tester saca tu cuenta ahora.

Saludos

La segunda generación de componentes de Flash como todas sabemos son completamente personalizables, aunque hay veces que es un dolor de “muelas” hacerlo

Particularmente el Datagrid tiene varias opciones, hoy hablare un poco de la costumizacion de los headers, utilizando el headerRenderer, para aquellos familiarizados con el datagrid sabrán que existe el cellRenderer, bueno pues esto es lo mismo solo que aplicado a los headers del datagrid, además de que su implementación es mas simple, ya que no tenemos que pelearmos con los Items, etc etc..

Bien, lo que haremos es que nuestro DataGrid en lugar de mostrar texto muestre una imagen y al hacer rollOver sobre ella que nos aparezca un toolTip descriptivo.

Lo primero es tener un DataGrid común y ponerle algunos datos. (Me saltare algunas explicaciones basicas. )
[as]

/*::::::::::::::::::::::::::::::::::::::::::::::::*/
//Estilo Header
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
var headerStyles = new CSSStyleDeclaration();
headerStyles.setStyle(“fontFamily”, “Verdana”);
headerStyles.setStyle(“fontSize”, 11);
headerStyles.setStyle(“color”, 0×000000);
IntanceName.setStyle(“headerStyle”, headerStyles);
IntanceName.setStyle(“headerColor”, 0xffffff);
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
//Algunos toques de diseño.
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
data.setStyle(“fontFamily”, “Verdana”);
data.setStyle(“fontSize”, 11);
data.setStyle(“color”, 0×000000);
data.setStyle(“vGridLines”, false);
data.setStyle(“alternatingRowColors”, [0xffffff, 0xf7f7f7]);
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
//Metemos algunos Datos y ponemos tamaños a las celdas
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
data.addColumn(“image1″);
data.addColumn(“Nombre”);
data.addColumn(“Otra”);
data.addColumn(“Una”);
data.addColumn(“image2″);
data.getColumnAt(0).width = 30;
data.getColumnAt(1).width = 100;
data.getColumnAt(2).width = 50;
data.getColumnAt(3).width = 100;
data.getColumnAt(4).width = 30;
var n = “un texto”;
var o = [];
for (i=0; i<15; i++) {
var item_obj:Object = {image1:random(3)+1, name:n, Otra:i, Una:n+" "+i, image2:random(3)+1};
o.push(item_obj);
}
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
//Poblamos el datagrid
/*::::::::::::::::::::::::::::::::::::::::::::::::*/

data.dataProvider = o;

[/as]

Hasta aquí no hay sorpresas todo es conocido ¿Cierto? Esto nos mostrara el típico datagrid.

Bien, ahora, al igual que con los cellRenderer debemos indicar que columnas tendrán el headerRendered esto se hace así:

[as]

data.getColumnAt(0).headerRenderer = "ImageHeader";
data.getColumnAt(4).headerRenderer = "ImageHeader";

[/as]

En este caso la primera y la quinta columna llevaran imagen.

Ahora falta hacer nuestro headerRenderer que es una clase aparte de nuestro SWF.

Lo primero es hacer un Clip vació en el escenario, ponerle nombre de Linkage que será el mismo que asignamos al datagrid[as]

data.getColumnAt(4).headerRenderer = "ImageHeader";

[/as]

En este caso es: “ImageHeader” y asignarle al clip el path hacia la clase de nuestro headerRenderer

Ahora nuestra clase que es la mas importante.

[as]
import mx.core.UIComponent
class ImageHeader extends UIComponent
{
//Definimos los Clips que usaremos
private var icon_mc : MovieClip;
private var toolClip : MovieClip;
public function ImageHeader ()
{
}
public function createChildren (Void) : Void
{
}
/*
Con la funcion size acomodamos nuestras imagenes
Dependiendo del tamaño de la celda, esta funcion se ejecuta
cada vez que el usuario modifica el tamalo de la celda
*/
public function size (Void) : Void
{
icon_mc._x = (__width-icon_mc._width) / 2;
icon_mc._y = 0
}
/*
Esta es la funcion mas importante ya que es la que se encarga de colocar
la imagen es su lugar y crear los eventos.
A direfencia del CellRenderer aqui solo recibimos un parametro que es el
nombre del header con ello podemos poner direntes imagenes segun el header

icon_mc = createObject(“post”, “post”, 50)

El metodo createObject hace lo mismo que el metodo attachMovie. asi que no explicare que es lo que hace. =)

Verificamos el nombre del header y dependiendo de el attachamos una u otra imagen
al igual que con los eventos segun el nombre del header ejecutamos una u otra accion.

Simple, no? no le veo mayor ciencia
*/
public function setValue (str : String) : Void
{
switch(str){
case “image1″:
icon_mc = createObject(“post”, “post”, 50)
break
case “image2″:
icon_mc = createObject(“comment”, “comment”, 50)
break
}
icon_mc.onRollOver = function (){
switch(str){
case “image1″:
_parent.tooltip(“Este es la Primer Imagen“)
break
case “image2″:
_parent.tooltip(“Este es la Segunda Imagen“)
break
}
}
icon_mc.onRollOut = function (){
_parent.killTip();
}
size ();
}
/*Estas son las funciones para nuestro Tolltip*/
public function tooltip (msg : String)
{
toolClip.removeMovieClip ();
var tf = new TextFormat();
tf.font = “Verdana”
tf.size = 10;
toolClip = _root.createEmptyMovieClip(“tool_tip”, 99999);
toolClip.createTextField(“label_txt”, 0,0,0,0,10)
toolClip.label_txt.autoSize = true;
toolClip.label_txt.multiline = true
toolClip.label_txt.html = true
toolClip.label_txt.border = true
toolClip.label_txt.borderColor = “0×999999″
toolClip.label_txt.background = true;
toolClip.label_txt.backgroundColor = “0xCFF1FB”
toolClip.label_txt.htmlText = msg;
toolClip.label_txt.selectable = false
toolClip.label_txt.setTextFormat(tf)
toolClip._x = ( ( Stage.width-_root._xmouse ) < toolClip._width) ? (_root._xmouse-toolClip._width-10) : _root._xmouse+10
toolClip._y = _root._ymouse
}
public function killTip(){
toolClip.removeMovieClip();
}
}

[/as]

Como queda nuestro DataGrid? asi....

[FLASH]http://klr20mg.com/wp-content/uploads/2006/05/ImageHeader.swf,350,320[/FLASH]

Por ultimo y no por ello menos importante aqui esta el Ejemplo con los Archivos.

Enjoy..

Christian Van Der Henst me invito a postear algo sobre este tema, y es un tema interesante. ¿Cual fue tu primer pagina web? ¿Como fueron las circunstancias que te llevaron a hacerla?

En lo personal después de ser un usuario poco regular de Internet en algún chat algún “spammer” lanzo el famoso y ya añejo mensaje de ¿Quieres ganar dinero desde casa da click aquí?. No teniendo gran cosa que hacer en aquel momento di click a dicho enlace, no recuerdo bien el como me podía hacer millonario trabajando desde mi casa, pero ese enlace me llevo a geocities y en uno de los tantos banner que mostraba aquella pagina había uno que decía mas o menos así ¿quieres tu propia pagina web, da click aquí? Bien, pues me inscribí y recibí mi cuenta y mi URL. Ahora no recuerdo cual era pero era como de 50 caracteres . En fin deje pasar el tiempo, no le di demasiada importancia el hecho de que podía publicar mi pagina.

Unas semanas después platicando con un amigo de la preparatoria comentábamos el hecho y como cualquier puberto “caliente” jeje.. me dice, “Por que no publicas una pagina porno”, Si, mi primera pagina web fue de porno.. después de días navegando por la web y de robar fotos de aquí y de allá tenia una colección digna de cualquier pornógrafo empedernido.. (Ahora me da pena aceptarlo).

En fin, ahora que ya tenia la materia prima del sitio necesitaba algunas imágenes (GIFS animados) que sirvieran de menú.. de nuevo al hurto, visitaba paginas buscando dichos gifs hasta que un día al dar click derecho sobre una “animación“ que me gusto mucho me salio un mensajillo de “About Macromedia Flash 4” pensé “no se puede salvar el gif”, pero repito esta animación no se parecía en lo mas mínimo a ninguna de las que había visto. Di click en el mensaje y ohhh sorpresa llegue a macromedia.

Para no hacer el cuento mas largo. Resumo en que, Aquella pagina porno que estaba haciendo nunca llego a ver la luz y me metí de lleno a Flash. Estuve casi un año y medio picandole a Flash en ese tiempo Flash 5 y de ahí a la fecha no lo he soltado.

Pensándolo bien, mi primer pagina que vio la luz, fue una llamada arbeitstudio que era mi intento de negocio de diseño de paginas web y servicio de hosting. El cual duro menos de 2 meses.. jeje..

Y ustedes, ¿Cual fue su primera pagina? Y sobre todo, lo mas interesante de este tema es ¿Como fueron las circunstancias que te llevaron a hacerla?

El objetivo de este blog como el de la mayoria de la comunidad Flashera es compartir conociomientos y/o experiencias para facilitar el trabajo de los demas.

En lo personal dejo los ejemplos en linea (SWF) con sus respectivos FLA’s, estos archivos los pueden descargar y utilizarlos como quieran, aun y cuando estos esten bajo la licencia Attribution-NonCommercial-ShareAlike 2.0 aunque repito, pueden hacer lo que quieran con ellos, realmente ninguno de mis ejemplos es para que se hagan ricos..

A que va todo esto, El dia de hoy me encuentro que un sitio esta utilizando un ejemplo de mi autoria (Calendario), hasta aqui no hay problema,

Lo que realmente me molesto es que la persona o personas que crearon dicho sitio web no tuvieran por lo menos la decencia de publicar el SWF y subirlo a su server. Si no que, linkearan directamente el SWF desde mi servidor.

No es que me haga falta el ancho de banda
No es que el ejemplo sea maravilloso

Si no que ellos mismos en su sitio publican lo siguiente

“Puedes hacer un uso comercial en Internet de esta obra

Bajo las siguientes condiciones:

Reconocimiento: Debes reconocer y citarnos como autores y, en el caso de que seas una página web, enlazar a la URL original.”

Repito, no es que quiera reconocimiento ni mucho menos pero vamos, hay que tener un poquito de decencia no creen

Pero bueno, no me quedo mas remedio que poner una “marca de agua” y colocar un texto que dice que es un SWF de ejemplo