Working

Coisas importantes

Subscribe to RSS feed

Conveter código rgb do firefox para o hexa NORMAL de cores

, , , ...

Eu realmente simpatizo com o Firefox, uso bastante o Firebug, é uma excelente ferramenta, enquanto o Opera Dragonfly não evolui vou usando ele para debugs mais complexos. No entanto, há algumas coisas que não dá pra entender, como por exemplo o fato do motor de javascript do Firefox considerar os valores de cores como rgb e não em hexadecimal como os demais navegadores, não sei se é o certo, mas o ideal seria que todos funcionassem da mesma forma, que nesse caso, o hexadecimal.
Ou seja a expressão:
alert(elemento.style.backgroundColor);

Deveria retornar algo como: "#FFCC00",
Mas o nosso amigo Firefox retorna algo como : "rgb(255, 204, 0)".
O mais engraçado é que se atribuir o valor hexadecimal via console do firebug, ele aceita normalmente, mas quando for retornar o valor que acabara de inserir, vai ser retornado o valor em rgb.
A solução para esse impasse é uma função que converte o valor de rgb em hexadecimal via manipulação de string mesmo, assim quando se for usar uma lógica que use cores de fundo ou cores de frente dentro do script, passe esta função e ele funcionará em todos os navegadores
function rgbConvert(str) { // parabens Firefox
	   str = str.replace(/rgb\(|\)/g, "").split(",");
	   str[0] = parseInt(str[0], 10).toString(16).toLowerCase();
	   str[1] = parseInt(str[1], 10).toString(16).toLowerCase();
	   str[2] = parseInt(str[2], 10).toString(16).toLowerCase();
	   str[0] = (str[0].length == 1) ? '0' + str[0] : str[0];
	   str[1] = (str[1].length == 1) ? '0' + str[1] : str[1];
	   str[2] = (str[2].length == 1) ? '0' + str[2] : str[2];
	   return ('#' + str.join(""));
	}

para usa-lo é muito simples:
btn1Cor = btn1.style.backgroundColor; //pega a cor de fundo
if(btn1Cor.substring(0,3)=="rgb") btn1Cor = rgbConvert(btn1Cor); //verifica se é em rgb, se for retorne a função na mesma variavel

Eu peguei essa função aqui.

Preload do Flash simples e funcional

,

Só Pra não esquecer, no primeiro frame:
total = _root.getBytesTotal();
atual = _root.getBytesLoaded();
valor = Math.floor((100*atual)/total);
porcentagem.text = valor + "%";
barra._xscale=valor;

if (total == atual){
	gotoAndPlay(3);
}
no segundo:
gotoAndPlay(1);
no terceiro frame fica toda a animação para tudo funcionar é nescessário um movie clip instanciado com o nome "barra" onde o registration seja uma extremidade e um campo de texto dinamico instanciado de "porcentagem"

Um tuto mais detalhado (bem antigo) http://img.photobucket.com/albums/v252/scgdathmaul/preloader.gif
funciona mesmo

Unidos com a Fiel!!

, ,


Capa Para o website oficial do Sport Club Corinthians Paulista, foto de Daniel Augusto Jr.

The Hope Piece

, ,


Arte feita para um duelo na extinta UVDesigner, eu ganhei mas foi um partida dura com o Deh
foi usado o Photoshop CS2, com fotos livre do DA, devidamente autorizada e brushes...