tadarank afiliados

19 abril, 2007

Micox na Alemanha, nos EUA e no Japão

Maaais um post rápido (tô cheio de serviço 'uai').

No meu blog em ingrêis, no código do upload, tenho trocado idéia com um cara chamado Fritz.
Hoje ele me manda um email agradecendo e dizendo que meu script auxiliou pra caramba o chat online dele a fazer uploads sem atrapalhar a conversa.

Não sei se já tinha falado também, mas o senhor miCRoSCoPiC^eaRthLinG fez um plugin conversor pro Wordpress usando minha solução pro innerHTML-select-option e também agradeceu publicamente.

Só tenho a dizer que postar meus códigos em inglês é muito mais gratificante.
Lá o pessoal reconhece a ajuda e o serviço de forma muito mais rápida e transparente.
Nada dessa cultura arcaica que a maioria dos desenvolvedores brazucas têm de esconder o código e guardar pra sí só como se ele tivesse feito tudo sozinho.
Nada de retirar os créditos do código.
Nada de mentir pro chefe falando "olha o que eu fiz", sendo que pegou o script da net.

Lá o agradecimento é público.

Em poucos dias de elmicoxcodes (e com poucos códigos) tive uma repercussão surpreendente, com gente até do Japão.
O conselho do vovô desta vêz é: "Se você tem oportunidade de postar seus códigos em inglês, faça".

Eu só não mudo de vez pro elmicoxcodes porque meu inglês é péssimo. Sorte de vocês huaehauhehu.

Brincadeira pessoal, aqui eu posso falar abobrinha, lá acho que não é uma boa.

Até a próxima. Quando eu acabar este freela vai ter muito código novo por aqui.

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

11 abril, 2007

htmlEntities, array_search e strip_tags para JavaScript

Ae pessoal, tô cheio de serviço, fazendo um freela aí pra uma empresa de gravação telefônica, por isso tô meio sumido.

Pra que vocês não pensem que me sequestraram, vou postar umas duas funções que desenvolvi enquanto estava fazendo o site desta empresa. Rapidim pra saberem que (ainda) tô vivo.

Coisas simples, mas úteis às vezes: Array_search e htmlEntities para Java Script (lembram-se dessas funções do PHP?).

Estas funções também foram postadas por mim no novo portal temporário do iEvolution ('temporário' pois temos um concurso pra que os users façam o design do portal). Este portal tem uma filosofia inovadora de que todo mundo pode ser colunista-colaborador, basta postar seu tutorial no fórum respectivo.
Quisemos (ou estamos tentando) fazer um portal-fórum bem 'à lá Web 2.0'.

Bem, também tô devendo um post agradecendo as ajudas que todos me deram. Já achei um ótimo serviço de hospedagem-domínio e um ótimo designer.
Depois eu faço esta postagem e migro pro novo El Micox. O tempo tá curto.

Bora lá.

htmlEntities para Javascript

Postado originalmente em: htmlEntities para Javascript
Quase igual a do PHP, só que pra javascript.

Às vezes é necessário agente converter alguns caracteres acentuados para sua entidade HTML correspondente.
Assim você não precisa ficar quebrando muito a cabeça com o charset. HTMLEntities são entendidos geral.

Quem mexe com PHP já conhece bem uma função que faz isso: htmlEntities.

Quem precisar de algo mais ou menos equivalente pra JavaScript, eu fiz uma funçãozinha aqui.
A diferença principal da minha função é que eu transformo via número do código ASCII da letra.

Por exemplo: no htmlEntities do PHP o 'ã' irá virar ã
Na minha função abaixo irá virar ä

No final, fique tranquilo, irá aparecer o 'ã' normalmente na página (de acordo com meus cálculos).

Teste aí e veja:

function htmlEntities(texto){
       //by Micox - elmicox.blogspot.com - www.ievolutionweb.com
    var i,carac,letra,novo='';
    for(i=0;i<texto.length;i++){
        carac = texto[i].charCodeAt(0);
        if( (carac > 47 && carac < 58) || (carac > 62 && carac < 127) ){
            //se for numero ou letra normal
            novo += texto[i];
        }else{
            novo += "&#" + texto[i].charCodeAt(0) + ";";
        }
    }
    return novo;
}

Exemplo de uso:

document.getElementById('div_teste').innerHTML = htmlEntities('coração de porquio');

array_search para Javascript

Mais uma função baseada no PHP.
Agora é a array_search pra javascript.

Esta função procura por um valor em um array e retorna sua chave correspondente caso seja encontrado

function array_search(busca,oarray){
     //by Micox - elmicox.blogspot.com - www.ievolutionweb.com
    //ve se determinado valor existe no array e retorna sua chave
    for(var i in oarray){
        if(oarray[i]==busca){return i;}    
    }
    return false;
}

Exemplo (procuro o valor arroz dentro do array comidas e retorno sua chave):

var onde_esta_o_arroz = array_search('arroz', comidas);

Strip tags em javascript

Extra-post rapidim: strip_tags em javascript (baseada neste post).

Tira tags HTML de uma string.

var stringa = '<b>teste</b> <em>teste2</em>';
function strip_tags($text){
 return $text.replace(/<\/?[^>]+>/gi, '');
}
alert(strip_tags(stringa)); //vai mostrar 'teste teste2'

Acabou, agora vou sumir novamente pra terminar meus jobs.
Té mais macacada. Bugs, comenta ae. Dúvidas, vocês já sabem onde se deve perguntar né?

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

03 abril, 2007

Criatividade e conhecimento (e jogos JavaScript)

Vendo o resultado do concurso dos 4K planejado pelo Elcio para fazer propaganda pra Visie, não pude deixar de ficar impressionado com o que a união de criatividade e conhecimento é capaz de criar com 4K. Realmente o Michel Humberto tá de parabéns pela criatividade.

Aproveitando que agente tá falando de jogos em JavaScript mesmo, bora postar alguns ae pra vocês matarem o tempo (e estudarem o código fonte se forem nârds mesmo):

Update: Sites Indicados nos comentários:

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

Blogging from heaven

Depois de ficar um tempo sem ler meus feeds, ontem fiquei sabendo que um dos blogueiros que eu lia e que lia o El Micox faleceu.

É triste ficar sabendo de uma coisa dessas.

Não o conhecia muito, tinha trocado alguns emails com ele, lido alguns comments dele aqui e comentado lá no blog dele (que eu lia muito - foi um dos meus primeiros feeds cadastrados).

Bem, só o que podemos falar é: Esteja em paz, Aldemir.

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

02 abril, 2007

Accordion Menu (menu sanfona)

Opa pessoal, desculpe o sumiço. Em breve posto os ótimos resultados que tive no meu pedido de ajuda. Muita gente mesmo. Valeus povo.

Agora um tutorialzinho rápido pra saberem que tô vivo e usando JQuery. Convertam-se também! Amém.

Tutorial de como fazer um accordion menu (menu sanfona) rapidamente e de forma não obstrusiva, crossbrowser (IE, FF, OP) e com pouca digitação de código.
Pergunta: "a tradução seria 'menu acordeão' ?!?".

Clique aqui pra ver uma página de demonstração do accordion menu .

Este tutorial foi postado inicialmente no fórum iEvolution. Cadastre-se, contribua, encha de perguntas lá. Vou ficar esperando.
O tuto foi adaptado de uma videoaula do site do oficial do JQuery.

Came to work soldier:

1) Você tem sua página com sua lista dt-dd-dl normal:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
 <title>DL Demo</title>
 <style>
 body { font-family: Arial; font-size: 16px; }
 dl { width: 300px; }
 dl,dd { margin: 0; }
 dt { background: #F39; font-size: 18px; padding: 5px; margin: 2px; }
 dt a { color: #FFF; }
 dd a { color: #000; }
 ul { list-style: none; padding: 5px; }
 </style>
</head>

<body>
<dl>
 <dt><a href="/">jQuery</a></dt>
 <dd>
 <ul>
  <li><a href="/src/">Download</a></li>
  <li><a href="/docs/">Documentation</a></li>
  <li><a href="/blog/">Blog</a></li>

 </ul>
 </dd>
 <dt><a href="/discuss/">Community</a></dt>
 <dd>
 <ul>
  <li><a href="/discuss/">Mailing List</a></li>
  <li><a href="/tutorials/">Tutorials</a></li>

  <li><a href="/demos/">Demos</a></li>
  <li><a href="/plugins/">Plugins</a></li>
 </ul>
 </dd>
 <dt><a href="/dev/">Development</a></dt>
 <dd>
 <ul>

  <li><a href="/src/">Source Code</a></li>
  <li><a href="/dev/bugs/">Bug Tracking</a></li>
  <li><a href="/dev/recent/">Recent Changes</a></li>
 </ul>
 </dd>
</dl>
</body>
</html>

2) Você baixa o jquery.

3) Você inclui o arquivo externo do jquery no seu documento.

<script type="text/javascript" src="jquery.js"></script>

4) Adiciona este script ao head da sua página:

 <script>
 $(document).ready(function(){
  $("dd:not(:first)").hide();
  $("dt a").click(function(){
   $("dd:visible").slideUp("slow");
   $(this).parent().next().slideDown("slow");
   return false;
  });
 });
 </script>

5) Prontim. Totalmente não obstrusivo, limpo, rápido, bonito, etc etc blábláblá.

Aposto que se interessou pela JQuery heim? Veja uma introdução sobre o bixo aqui também (link pedido descaradamente pelo meu 'padrinho' no jquery Vitor Prado heuaeh - mas o site do cara é bom mesmo pra aprender. Passeia lá).

Dúvidas? Manda pro fórum que agente gosta de responder. Somos doidos. Eu não respondo por email :-)

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

Resultado! Concursos