Eu já vi de tudo no plugin do accuweater do firefox, mas assim???

Se hoje já foi insuportavelmente quente, nem quero imaginar amanhã! Socorro!

Ainda bem que há pelo menos PREVISÃO de chuva para quinta-feira, pois até semana passada, não havia se quer previsão de chuvas! E já faz mais de 40 dias que não cai uma unica gota de chuva por aqui.

[ Ouvindo: ‘Pete Townshend – Let My Love Open The Door (1980)‘ ]

Tava conversando com um amigo no ICQ agora a pouco e surgiu o seguinte diálogo:

—————————————————————————————————–
xxx, 29/08/2012 17:05:43:
peguei meu chip da claro e piquei em 300 pedaços.

xxx, 17:05:46:
Puta que pariu.

xxx, 17:05:54:
Que operado CHATA do caralho.

xxx, 17:06:10:
Me manda mensagens IDIOTAS de 5 em 5 minutos.

xxx, 17:06:16:
Que raiva !

xxx, 17:06:36:
Quero ver eles mandarem SPAM agora, com o chip picado em 300 pedaços, quero ver …
——————————————————————————————————-

Como diria o Bezerra da Silva: Malandro é Malandro, Mané é Mané!

Todas operadoras foram OBRIGADAS pela Asnatel a disponibilizar um meio/caminho de saída das mensagens publicitária.

Todas por SMS, envie a palavra Sair para o numero correspondente:

Claro: 888

Oi: 55555

Tim: 4112

Claro e TIM, alternativamente, você pode (tentar, pois nem sempre vem com numero válido) responder qualquer mensagem deles com a palavra PARAR ou só a letra P.

Assim sendo, cantemos a musica do Bezerra da Silva: Malandro é Malandro…

Já tem alguns anos que eu comprei alguns barômetros antigos no mercado lixo. O primeiro deles eu comentei aqui neste post. Ele tinha um pequeno defeito que expliquei ai no post e como foi feito o conserto… Já faz tempo! Isso foi em 2004.

O fato é que depois deste ai, eu comprei outros dois, mas do modelo que é conhecido por aqui como “barômetro viola ou violão” devido ao seu formato peculiar.

Estes em geral tem no mínimo 3 instrumentos: Termômetro, barômetro e higrômetro. Alguns tem como “bônus” um relógio.

O segundo eu não me lembro de ter feito fotos, ou comentado dele aqui no blog, este estava perfeito, impecável! Já o terceiro nem tanto… estava (e ainda esta!) cheio de problemas.

– Termômetro quebrado
– Relógio que não funciona direito (esta assim até hoje)
– Falta da chave de corda do relógio (fiz em 2oo6)

O relógio, até hoje não achei ninguém que se habilite a consertá-lo, sem me arrancar os dois rins. Apesar de ser um relógio dos mas safados, ninguém quer mexer. Um dia eu mesmo tento arrumar.

Mas o termômetro era algo que eu fiquei pensando em como resolver. Inicialmente procurei um termômetro de boa qualidade que fosse mais ou menos do mesmo tamanho do original. Mas isso é praticamente impossível. Dai acabei comprando um maior, mas muito bom, da Incoterm.

Ai a questão ficava por conta de COMO refazer a escala do termômetro, mas de forma muito similar a original.

Na época acabei redesenhando a escala no CorelDRAW e a idéia era fazer por silkscreen, ou mandar alguém fresar a escala em uma CNC num pedaço de policarbonato, preencher os sulcos com tinta preta e pintar o fundo de dourado.

Só que essa idéia nunca foi pra frente   por não saber onde, ou pra quem mandar esse serviço.

Semana passada não sei qual o motivo esse barômetro voltou a minha cabeça e fiquei matutando um jeito de fazer a escala. Dai… deu um estalo! Porque não tentar laminar a escala, impressa a laser em uma régua de policarbonato? Já usamos isso para fazer placas de circuito impresso. Porem sabemos que a placa de fenolite ou fibra de vidro é mais tolerante ao calor, e o policarbonato nem tanto.

Como o policarbonato não é muito tolerante a temperatura, tive que tomar alguns cuidados. O primeiro deles foi imprimir em um papel que o toner não fixe muito bem. O truque foi usar aquele papel encerado que sobra das folhas de etiqueta adesiva. Imprimi isso na Lexmark T632 (que por sinal preciso falar dela depois, a substituta da minha fiel escudeira, HP 4 Plus).

Para laminar aumentei a velocidade de arrasto do laminador ao máximo que dava e diminui um pouco a temperatura. Fiz uma prova em um pedaço de policarbonato qualquer a aqui e tcham! Funcionou!

Porem se olhar bem de perto da pra ver que apareceram umas pequenas trincas na superfície do policarbonato, talvez fosse melhor ter usado uma temperatura mais baixa ainda ou aumentar mais ainda a velocidade de arrasto. Mas no final até que o rachadinhos deram um aspecto “old” a escala.

Dai faltava apenas pintar o fundo com tinta dourada mais ou menos na cor da original. Só que tem que ser pintado a spray ou revolver de pintura, pois o solvente da tinha ataca o toner, e ele derrete, se pintar a pincel, vai melecar tudo, vai estragar a impressão (eu testei no pedaço que imprimi com prova).

E… veja como ficou depois de montado no barômetro.

Talvez muita gente não saiba que já existiu placa Sound Blaster Live falsificada. E agora a pouco, acabei de descobrir que o Tabajara não sabia disso, que existe Sound Blaster falsificada.

Eu já sabia e inclusive tenho uma placa dessas falsificada e uma original.

A falsa usa o codec de áudio* controlador Ensonic ES1373 raspado e recarimbado como EMU10K que é o chip original da SB Live! É muito fácil diferenciar a falsa da original. Basta olhar o chipão de áudio da placa:  EMU10K.

(* na verdade o codec é  mesmo nas duas placas, o pequeno chip da Sigmatel, STAC9721T, logo acima do EMU10K)

Se ele for retangular, é falsa, se for quadrado, é original, veja a foto abaixo:

Esse ai é um close dos chips.

Abaixo veja a placa original e a falsa por inteiro.

Original:

Falsa:

Bom… o Tabajara me perguntou porque falsificariam uma placa dessas? Pra isso basta voltar alguns anos atrás, quando essas placas foram lançadas, e lembrar que uma SB Live! não custava o mesmo preço (baratinho) de uma porcaria de uma placa com chipset “crystal“.

Tem uma coisa que anda me deixando pasmo!  São os SMS enviados pela própria TIM.

Saca só o “nível” das mensagens:

1º Fato: Todo escrito em miguxês… “vc”,  “p/”, “Eh”, “msg” e por a vai!

Pra arrematar, a total falta de acentuação. CACETE! Estamos em 2012! A época onde se escrevia mensagens sem acentuação porque dava a maior zica já ficou pra trás faz uns 15 anos.

Eu me pergunto, como que uma empresa pode usar um modo jocoso de escrita destes? Onde fica o bom português?

2º Fato: Leia a primeira mensagem, e leia a que recebi 10 minutos depois. Não tem ninguém lá que confere as mensagens informativas antes de enviar? Isso ai daria pra fazer um barulho interessante…

Eu fico horrorizado quando vejo esse tipo de escrita (o levantado no 1º fato) por empresas grandes e sérias, que deveriam prezar pelo profissionalismo.

É óbvio e ululante que enviei uma reclamação para a ouvidoria da TIM, agora se vão responder e/ou tomar providências, eu não sei.

Veja como deveriam ser os anúncios de algumas empresas/produtos/serviços.

   

   

   

   

   

   

   

   

   

   

   

AVISO: tudo o que eu tenho e usei para o conserto do meu netbook, apos muita garimpagem, está disponível neste post aqui.

LEIA TUDO ANTES DE FAZER QUALQUER COISA!

Os arquivos são disponibilizados SEM QUALQUER GARANTIA. Eles serviram para recuperar o meu netbook, isso não quer dizer que pode servir para o seu netbook, assim é por sua conta e risco. Não me responsabilizo se você estragar seu netbook tentando traduzir o windows, por exemplo.

E um ultimo aviso. Não dou qualquer suporte aos arquivos aqui disponibilizados. Ou seja,você deve usar por usa conta e risco, se não souber o que está fazendo, não souber utilizar ou não tiver as ferramentas necessárias, não baixe os arquivos e não me pergunte como se faz.

Para baixar os arquivos, basta clicar em cima do titulo de cada capítulo. Alguns arquivos estão hospeadados em link externo no 4shared. Quando o arquivo contiver senha, estará explicito logo abaixo do link para download.

Ditto, vamos lá!

1) uboot-wm8505.bin

Este foi o arquivo que usei para recuperar a flash SPI corrompida. Ele deve ser gravado na memória 25G40.

Claro que para “enfiá-lo” dentro da flash SPI, você vai precisar de um gravador de eprom e um adaptador SOIC8 -> DIP.

Obviamente que um sujeito DESESPERADO se vira, dá seus pulos, faz gambiarra… veja como me virei ai ao lado.

Ah! E antes que alguém pergunte:

NÃO DÁ PRA GRAVAR ESSE ARQUIVO DIRETAMENTE PELO NETBOOK!

Tem que arrancar (dessoldar) a flash SPI e fazer no gravador de eprom MESMO…

2) Tradução do Windows CE 6 para português.

O Windows CE em português, podemos chamar de uma “gambiarra”, visto que é apenas uma tradução de alguns arquivos. A tradução usa os arquivos com extensão MUI.

Para tradução, basta extrair os arquivos do pacote acima dentro da pasta WINDOWS Flash Disk, mande sobreescrever as pastas Windows e Program Files.

Dentro da pasta Program Files há alguns arquivos de tradução que fiz, para outros programas. Se você os tiver, eles serão traduzidos. Confira o nome das pastas dentro de Programan Files, caso sera diferente da sua, copie os arquivos para as pastas correspondentes.

Feito isso, reinicie o netbook clique em START, Settings, Control Panel, e clique no ícone Regional Settings.

Na janela que vai abrir, clique na aba User Interface Language e mude a caixa de seleção para Portuguese (Brazil). Clique em OK e reinicie o neetbook.

Mude também as configurações da aba Regional Settings para Portuguese (Brazil).

Com isso o Windows CE já vai estar em português. Observe que a tradução não é 100%, algumas poucas janelas mais escondidas (outras nem tanto) podem permanecer em inglês, um exemplo é a tela de desligamento, que permanece em inglês, mas isso não representa problemas.

Ah!!! Os ícones e atalhos do painel de controles e menu iniciar também não são traduzidos automaticamente, estes deverão ser traduzidos manualmente.

3) Windows CE6 WM8505 – Português Brasil – Completinho.

NOTA. Arquivo com SENHA: www.crashcomputer.tk

Como eu disse logo ai atrás, não existe beeeem um Windows CE em português e sim na verdade uma tradução em cima do original em inglês, usando os arquivos MUI (Multi Language Resources). Porém se você formatou o drive interno do netbook e/ou perdeu o windows CE, no link acima tem o arquivo que utilizei em meu netbook. Este ai esta hospedado em link externo no 4shared devido ao tamanho.

Em primeiríssimo lugar! Ao atualizar ou instalar o Windows, esteja com a bateria do netbook TOTALMENTE CARREGADA, e deixe o carregador CONECTADO e LIGADO A TOMADA! JAMAIS INTERROMPA uma instalação em andamento. Foi dessa forma (interrompendo uma instalação em curso) que eu corrompi a Flash SPI do meu netbook.

A instalação deve ser feita a partir do cartão SD. Use um cartão SD limpo, sem nenhum arquivo, extraia os arquivos do pacote e copie a pasta SCRIPT para dentro do cartão, o nome da pasta TEM QUE SER ESSE e TEM QUE ESTAR NA RAIZ do cartão.

Insira o cartão no netbook, dê boot e cruze os dedos! Se tudo der certo você deve ver a tela de abertura do Windows CE6, e vai rodar um script no modo texto avisando da atualização, com o seguinte texto:

WM8508+ES8328 by Gradius- Atualizacao do sistema em 5 segundos.

Deixe rolar. Não interrompa, não desligue.

O Windows CE vai entrar em CHINÊS, sim, em chinês, está correto, ele deve abrir uma janelinha dizendo “Is Auto Format Flash Disk”, com  um contador regressivo… NÃO FAÇA NADA, NÃO APERTE NADA, NÃO CLIQUE EM NADA! O script se vira, formata a Flash Disk e vai iniciar a cópia dos arquivos.

Fique de olho na barra de progresso. Deve levar uns 6 minutos para copiar todos os arquivos.

Se durante a cópia acontecer algum erro, desligue o netbook e tente novamente, se o erro persistir, troque o cartão SD, se ainda assim persistir, não sei o que pode ser, não tenho como lhe ajudar.

Assim que a cópia terminar, você verá a mensagem:

Upgrade completed! Please remove sd card before system reset!

Traduzindo: Upgrade completo. Remova o cartão sd ANTES de resetar o sistema.

Remova o cartão! Se deixar ele inserido, o upgrade vai iniciar novamente quando você ligar netbook. Desligue o Netbook, pra isso pressione o botão desligar por 5 segundos, até a tela apagar.

Ligue o netbook, se você fez tudo certinho, vai ver a tela de abertura do windows CE 6.0 (a que está ai em cima a direita), após alguns segundos uma barra de progresso dizendo “Loading device drivers…” e mais alguns segundos, a área de trabalho do Windows CE.

Este é o pacote de instalação que compilei para a minha instalação. É a versão do Windows CE 6.0 mais RECHEADA de programas que você vai encontrar.

PODE SER que este pacote não sirva para qualquer netbook WM8505, porque o fabricante pode ter usado uma placa diferente da minha, com outro chipset, com outros dispositivos, assim sendo pode ser que não funcione se for diferente, por falta dos drivers corretos.

EU NÃO TENHO OUTRA VERSÃO DO WINDOWS CE 6 QUE SIRVA PARA OUTROS MODELOS. Só tenho essa que foi a que usei no meu netbook.

4) Windows CE6 WM8505 – Inglês, o original que vem no netbook

Neste arquivo tem um “dump” do WinCE que veio originalmente no netbook. Esta em inglês e com toda a tralha que já veio de fabrica. Pra instalar basta seguir tudo o que já falei ai no capitulo 3, onde explico como instalar o WinCE em porgutuês. As instruções são as mesmas.

5) GadGet WM PLG em Português e com todas as capitais do Brasil.

Além de traduzido e com as capitais do Brasil, eu acrescentei mais 5 skins para o relógio e troquei o banner para um do fórum Netbook CE. Clicando no banner você será redirecionado para o fórum.

Considere isso um BÔNUS. Basta copiar por cima do original e pronto. O link esta hospedado no 4shared.

6) Arquivos, programas, jogos, gadgets, etc.

Procure no Google, fóruns, eMule, 4shared, etc.

[ Ouvindo: ‘Simply Red – Your Mirror (1992)‘ ]

É o frio!!!

Olha só quanto bateu a mínima hoje de madrugada aqui:

Foi a temperatura mais baixa que registrei até agora em 2012 aqui.

Claro que não é o “shopping center” que você esta pensando

Eu e mais dois amigos aqui da cidade, que também gostam de eletrônica, dizemos que nosso shopping center são centros de reciclagem (nome bonito pra ferro-velho). E de fatos nos divertimos muito nesses passeios.

Como segunda-feira foi feriado no estado de São Paulo (revolução constitucionalista de 1932), resolvemos dar um passeio na cidade vizinha aqui, mineira, de Poços de Caldas, já que lá não era feriado e estaria tudo funcionando normalmente. Visitamos duas reciclagens e até que a viagem foi proveitosa, veja só.

Na primeira dela fomos muito bem atendidos por uma mocinha, que nos levou a um pequeno comodo onde estavam sucatas de informática, o que mais tinha lá eram monitores de tubo, e ela inclusive comentou que não sabe o que fazer com aquilo, pois não é material que eles conseguem reciclar.

Mas mesmo no pouco que tinha, eu encontrei isso, misturado no meio de uma caixa de cabos:

Legal né? Uma chave torx T-10 da Belzer que tá com a ponta um pouco ralada, mas nada que uma pequena desbastada com cuidado em uma pedra bem fina e muita água não resolva, um descascador de cabos dos muito safados e um alicate de crimpar bem melhorzinho do que os dois que eu tenho aqui (dos mais baratinhos). O alicaate de crimpar tinha um problema, faltava um pino que apoia um dos braços da catraca. O “Tio Patinhas” que o usou pela ultima vez perdeu o pino e colocou um … palito de fosforos! no lugar do pino. Claro que não estava funcionando direito e por isso foi descartado.

Só que euzinho que não sou burro, fiz um pino novo. Bastou um prego do mesmo diametro do pinos, cortei a ponta e a cabeça, e coloquei no lugar. Funcionando como novo!

Revirando mais um pouco ainda em outra caixa com muitas peças plasticas de maquinas IBM, achei isso aqui:

Sim, um floppy USB da IBM/Lenovo! Detalhe! Funcionado perfeitamente e ainda por cima com a bolsinha de transporte. E um detalhe importante pelo menos pra mim, ele lê e formata discos de 720KB!

Tudo por uma mixaria que nem vou falar pra não despertar a ira dos “invejosos” (viu tabajara?)

Já no segundo, este estava bem mais pra ferro-velho mesmo, nesse tinha até mesmo uma carcaça de uma fuselagem de uma avião! Neste fomos também muito bem atendidos por um velhinho simpático. Aqui a garimpagem foi mais pobre, mas nem por isso eu não sai sem nada.

Sim, sim, um ISD1420, um chip gravador de voz. Isso estava em alguma coisa que certamente falava ehehe, só que não deu pra saber o que era, pois era só um pedaço de placa com alguns CI’s. Felizmente todos estavam soquetados, e eu tirei o ISD e dois LM386 (que nem precisa de foto, coisinha carne-de-vaca).

E no meio das reviranças, achei isso aqui:

Alguns vão se perguntar: WFT?

Sim, é um chuveiro Lorenzetti Tradição modelo Luxo. Um desse novo (já todo de ABS) custa em média uns R$120,00 aqui na minha cidade. Esse ai é o modelo um pouco mais antigo, de 3 temperaturas, mas é todinho de lata.  Eu devia ter tirado uma foto dele, do jeito que ele veio, todo emporcalhado, mas só lembrei disso depois que já tinha desmontado tudo e lavado.

Pra funcionar, preciso comprar um diafragma, uma resistência e os pinos das chaves de temperatura. Isso tudo não deve passar de R$20,00.

Um detalhe misterioso, é que todo bendito chuveiro deste modelo que acho nos ferr0-velho, estão todos sem a tampa dos contatos! Por sorte eu tenho uma tampa que peguei em outra ocasião, que por sinal achei somente ela. Os restos mortais do chuveiro (que era de ABS) não prestava pra mais nada.

Ah… ele me custou R$5,00 lá no ferro-velho.

Alguns vão dizer, mas… um chuveiro velho desses? Sim, eu gosto desse chuveiro, e o que esta lá em casa é um Lorenzetti Tradição, mas do modelo antigão, que já esta pedindo uma reforma não é de hoje, a ultima que ele ganhou foi a uns 18 anos. Quero ver um desses chuveiros de plástico durar isso tudo!

[ Ouvindo: ‘Simply Red – Your Mirror (1992)‘ ]

Trago a vocês um pequeno mas interessante código que desenvolvi para fazer um seletor de cores, que fiz para usar em um editor (estilo blog) que estou fazendo para uso próprio.

Porque estou trazendo isso pra cá?

Porque não consegui achar nada parecido, feito puramente em HTML, CSS e Java Script. Se é que existe, esta muito bem escondido ou eu não soube perguntar corretamente para o google.

Dividi o código em 3 partes, vamos a elas, uma de cada vez, e com uma pequena explanação sobre elas.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Color Picker</title>
    <script type="text/javascript" src="color-picker.js"></script>
    <link rel="stylesheet" href="color-picker.css" type="text/css">
  </head>
  <body>
    <table border="0" width="180">
      <tr>
        <td>
          <p class="title" align="center">
            <b>Color Picker</b>
          </p>
        </td>
      </tr>
      <tr>
        <td align="center">
          <table cellspacing="5" class="colorpick">
            <tr>
              <td id="C01" onclick="cl('C01');"></td>
              <td id="C02" onclick="cl('C02');"></td>
              <td id="C03" onclick="cl('C03');"></td>
              <td id="C04" onclick="cl('C04');"></td>
              <td id="C05" onclick="cl('C05');"></td>
              <td id="C06" onclick="cl('C06');"></td>
              <td id="C07" onclick="cl('C07');"></td>
              <td id="C08" onclick="cl('C08');"></td>
            </tr>
            <tr>
              <td id="C09" onclick="cl('C09');"></td>
              <td id="C10" onclick="cl('C10');"></td>
              <td id="C11" onclick="cl('C11');"></td>
              <td id="C12" onclick="cl('C12');"></td>
              <td id="C13" onclick="cl('C13');"></td>
              <td id="C14" onclick="cl('C14');"></td>
              <td id="C15" onclick="cl('C15');"></td>
              <td id="C16" onclick="cl('C16');"></td>
            </tr>
            <tr>
              <td id="C17" onclick="cl('C17');"></td>
              <td id="C18" onclick="cl('C18');"></td>
              <td id="C19" onclick="cl('C19');"></td>
              <td id="C20" onclick="cl('C20');"></td>
              <td id="C21" onclick="cl('C21');"></td>
              <td id="C22" onclick="cl('C22');"></td>
              <td id="C23" onclick="cl('C23');"></td>
              <td id="C24" onclick="cl('C24');"></td>
            </tr>
            <tr>
              <td id="C25" onclick="cl('C25');"></td>
              <td id="C26" onclick="cl('C26');"></td>
              <td id="C27" onclick="cl('C27');"></td>
              <td id="C28" onclick="cl('C28');"></td>
              <td id="C29" onclick="cl('C29');"></td>
              <td id="C30" onclick="cl('C30');"></td>
              <td id="C31" onclick="cl('C31');"></td>
              <td id="C32" onclick="cl('C32');"></td>
            </tr>
            <tr>
              <td id="C33" onclick="cl('C33');"></td>
              <td id="C34" onclick="cl('C34');"></td>
              <td id="C35" onclick="cl('C35');"></td>
              <td id="C36" onclick="cl('C36');"></td>
              <td id="C37" onclick="cl('C37');"></td>
              <td id="C38" onclick="cl('C38');"></td>
              <td id="C39" onclick="cl('C39');"></td>
              <td id="C40" onclick="cl('C40');"></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td align="center">
          <p align="left">
            <span class="exsmall">&nbsp;&nbsp;&nbsp;ou digite o valor (hex)</span>
          </p>
        </td>
      </tr>
      <tr>
        <td align="center">
          <input type="text" name="PutColor" id="PutColor" size="6" maxlength="6">&nbsp;&nbsp;&nbsp;<input class="admbox" type="button" tabindex="4" value="OK" onclick="putColor();">
        </td>
      </tr>
    </table>
  </body>
</html>

No código HTML, existe uma tabela que é quem “desenha” a caixa com os botões coloridos. Antes que alguém venha no blá blá blá div isso, div aquilo, trabalhar com tabelas neste caso foi muito mais fácil e proporcionou um código menor e exigiu uma ginástica beeeem menor no arquivo CSS como pode ser visto abaixo.

CSS:

/*********************************************************
Color Picker
©2012 by Luciano Sturaro
Permitido o uso desde que citada a fonte.
*********************************************************/
p.title, span.title {
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-weight: bold;
}

p.exsmall, span.exsmall {
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 0.6em;
}

table.colorpick {
  border: 0px;
  border-collapse: separate;
  border-spacing: 5px;
  empty-cells: show;
}
table.colorpick td {
  border: 1px solid #999999;
  width: 11px;
  height: 12px;
  font-size: 0.1em;
  cursor: pointer;
}

#C01 { background-color: #000000; }
#C02 { background-color: #993300; }
#C03 { background-color: #333300; }
#C04 { background-color: #003300; }
#C05 { background-color: #003366; }
#C06 { background-color: #000080; }
#C07 { background-color: #333399; }
#C08 { background-color: #333333; }
#C09 { background-color: #800000; }
#C10 { background-color: #FF6600; }
#C11 { background-color: #808000; }
#C12 { background-color: #008000; }
#C13 { background-color: #008080; }
#C14 { background-color: #0000ff; }
#C15 { background-color: #666699; }
#C16 { background-color: #808080; }
#C17 { background-color: #FF0000; }
#C18 { background-color: #FF9900; }
#C19 { background-color: #99CC00; }
#C20 { background-color: #339966; }
#C21 { background-color: #33CCCC; }
#C22 { background-color: #3366FF; }
#C23 { background-color: #800080; }
#C24 { background-color: #999999; }
#C25 { background-color: #FF00FF; }
#C26 { background-color: #FFCC00; }
#C27 { background-color: #FFFF00; }
#C28 { background-color: #00FF00; }
#C29 { background-color: #00FFFF; }
#C30 { background-color: #00CCFF; }
#C31 { background-color: #993366; }
#C32 { background-color: #C0C0C0; }
#C33 { background-color: #FF99CC; }
#C34 { background-color: #FFCC99; }
#C35 { background-color: #FFFF99; }
#C36 { background-color: #CCFFCC; }
#C37 { background-color: #CCFFFF; }
#C38 { background-color: #99CCFF; }
#C39 { background-color: #CC99FF; }
#C40 { background-color: #FFFFFF; }

Todas as cores são definidas apenas no arquivo CSS, sendo muito simples de alterar as cores padronizadas para qualquer valor de sua preferencia. Basta alterar o valor nos ID #Cxx e pronto, já será alterada na tabela que gera os botões e será a nova cor passada ao clicar nos botões.

Não foi por acaso, essa paleta de cores foi copiada do editor do WordPres eheh.

Java Script:

// Color Picker
// ©2012 by Luciano Sturaro
// Permitido o uso desde que citada a fonte.

function getstyle(obj, cAttribute) {if (obj.currentStyle) {
  this.getstyle = function (obj, cAttribute) {return obj.currentStyle[cAttribute];};
} else {
  this.getstyle = function (obj, cAttribute) {return window.getComputedStyle(obj, null)[cAttribute];};}
 return getstyle(obj, cAttribute);
}

function cl(value) {
  var tryId = document.getElementById(value);
  var color = getstyle(tryId, 'backgroundColor');
  var m = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(color);
  var color = m ? '#' + (1 << 24 | m[1] << 16 | m[2] << 8 | m[3]).toString(16).substr(1) : color;
  var color = color.toUpperCase();

  alert('<font color="' + color + '">Teste</font>');

}

function putColor() {
  var color = document.getElementById("PutColor").value;
  var color = '#' + color.toUpperCase();
  var regColorcode = /^(#)?([0-9a-fA-F]{3})([0-9a-fA-F]{3})?$/; //Valida codigo de cor

  if (color!='#') {
    if(regColorcode.test(color) == false) {
      alert('Codigo de cor inválido!');
      return false;
    }

  alert('<font color="' + color + '">Teste</font>');

  }
}

O javascript captura a cor de fundo dos elementos da tabela, que passam a comportar-se como se fossem botões.

Existe uma certa ginástica nesse codigo, porque os navegadores usam métodos diferentes de captura, retornando valores em formatos diferentes. O IE retorna o valor diretamente em hexadecimal (#rrggbb, já o firefox, chrome e opera, retornam o valor no formato rgb(rrr, ggg, bbb), sendo necessário uma pequena função com expressão regular para converter o valor de rgb decimal para hexadecimal.

Para usar, basta modificar as linhas onde tem os ALERT (linhas 19 e 34 do java script) para jogar a string para a sua função/código/whatever.

Testei esse código no firefox, opera e chrome, e até mesmo no tranqueira do IE6 e funcionou muito bem! E o código pode não ser a coisa mais linda do mundo, mas funciona redondinho, e o W3C não reclama do HTML e muito menos do CSS, esta tudo feito conforme manda os padrões.

Se quiser usar alguma cor esdruxúla, basta digitar na caixinha e clicar no OK. Existem apenas duas condições de tratamento de erro nessa caixinha, que cercam todas as possibilidades.

A) se digitar um código errado (valores válidos: 0-9, A-F), ou incompleto, dá um alerta de cor inválida.
B) clicar no ok sem entrar valor, mantendo a caixa em branco, nada acontece.

Ah! Na caixa deve ser digitado somente o valor em hexadecimal, não precisa inserir o simbolo #. Ele é inserido automaticamente pelo script.

Tanto faz digitar em maiúsculas o minusculas, o script já passa os valores para maiúsculas.

Você pode fazer um test-drive do código clicando aqui.

Gostou? Usou? Clica nas @#$@#%$ das estrelinhas ali em cima e comente!

[ Ouvindo: ‘Nick Heyward – Tell Me Why (Rare Original Version) (1988)‘ ]