Relógio em javascript

Um pequeno relógio em javascript:

 <form name="crono" style="margin:0px;">  
      <input id="relogio" width="30" />  
      <script language="JavaScript">  
           var data = new Date();  
           function data_inicial(ano,mes,dia,hora,minuto,segundo){  
                data.setFullYear(ano)  
                data.setMonth(mes-1)  
                data.setDate(dia)  
                data.setHours(hora)  
                data.setMinutes(minuto)  
                data.setSeconds(segundo)  
           }  
           function zeros(number) {  
                if (number < 10) {   
                     number = ("0"+number);   
                }  
                return number;  
           }  
           function Relogio() {  
                var formato = zeros(data.getDate())+'/'+zeros(data.getMonth()+1)+'/'+zeros(data.getFullYear())+' '+zeros(data.getHours())+':'+zeros(data.getMinutes())+':'+zeros(data.getSeconds());  
                data.setSeconds(data.getSeconds()+1)  
                document.getElementById('relogio').value = formato;  
                setTimeout("Relogio()",1000);  
           }   
           data_inicial(2013, 09, 12, 15, 09, 05); //comente para começar com a data atual 
           Relogio();  
      </script>  
 </form>  

Utilizando jquery-ui tabs + jquery validation plugin

Quando o plugin encontra um elemento com erro, o elemento automaticamente ganha foco.
Mas quando o elemento está em uma aba que não está habilitada no momento, não acontece nada.

Pra que o elemento ganhe foco e a aba passe a ser a ativa, segue a função:

 $('#formulario').validate({  
           ignore: "",//para validar os elementos que estão nas abas desabilitadas  
           highlight: function(element, errorClass, validClass) {  
                var div = $(element).parents('.ui-tabs-panel').attr('id');//encontra a div em que está o elemento inválido  
                var index = $('#tabs ul li a').index($('a[href="#'+div+'"]')); //encontra o indice nos links  
                $("#tabs").tabs( "option", "active", index ); //seta a aba como ativa  
           }  
      });  

Pegando o máximo de memória usada pelo script, em Mb, arredondando duas casas:

 round((memory_get_peak_usage() / 1048576),2)  

Quando se usa o editor tinyMCE junto com o jquery.validate, acontece um problema que o usuário precisa clicar duas vezes no botão de salvar, por um motivo que não lembro qual é.

Pra resolver isso, precisa chamar a função triggerSave no clique no botão de enviar, mais ou menos assim:

 $('button.salvar').click(function(){  
     if (tinyMCE) tinyMCE.triggerSave();  
 });  

Validando datas em pt-br com jQuery Validate

assim:

 $.validator.addMethod(  
      "date",  
      function(value, element) {  
           var check = false;  
           var re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;  
           if( re.test(value)){  
                var adata = value.split('/');  
                var gg = parseInt(adata[0],10);  
                var mm = parseInt(adata[1],10);  
                var aaaa = parseInt(adata[2],10);  
                var xdata = new Date(aaaa,mm-1,gg);  
                if ( ( xdata.getFullYear() == aaaa ) && ( xdata.getMonth () == mm - 1 ) && ( xdata.getDate() == gg ) )  
                     check = true;  
                else  
                     check = false;  
           } else  
                check = false;  
           return this.optional(element) || check;  
      },  
      "Insira uma data válida"  
 );  

Escrevendo a data e hora atuais do servidor

Mexer com datas e php parece ser uma arte, algo que poucos dominam.

Eu, por exemplo, não sou um deles. Mas eu vou tentando.

Primeiro, precisamos setar o locale do servidor para nosso querido idioma:

 setlocale(LC_ALL, 'pt_BR.utf8'); 

Se o servidor for windows, só pra variar, tem que ser de um jeito diferente:

 setlocale(LC_ALL, 'ptb');  

Depois, usamos strftime pra escrever a data atual.

 echo strftime('%A, %d de %B de %Y, %H:%M');  

O resultado fica:
sexta-feira, 16 de agosto de 2013, 15:02

Ou algo assim

Como todo mundo sabe, uma caipirinha se faz misturando limão, cachaça e gelo.
Se trocar a cachaça por vodca, a bebida muda pra 'caipiroska'.
Mas não deveria ser 'caipivodca'? Digo, de onde surgiu a 'roska'?
Talvez se a bebida fosse inventada pelo Paulinho Moska, poderia ser CaipiMoska, o que seria mais próximo de 'caipiroska' (e mais nojento também).

Se misturar saquê, fica 'caipisaquê'. Ou seja, qualquer porcaria que se misturar com limão e gelo, vira 'caipi'+algumacoisa. Logo, pepsi com limão seria 'caipsi', e com coca-cola, 'caipicoca' (ou 'caipicola').

Ou algo assim.

Setando cabeçalhos no Apache

Às vezes, o Internet Explorer decide ignorar os cookies em iframes.
Pra resolver isso, normalmente a gente seta os cabeçalhos p3p no php, assim:

 header('p3p: CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"');  

Mas pra isso funcionar, o arquivo com esse comando deveria ser chamado em todo o sistema, o que em sistemas macarrônicos dificilmente acontece.
Nesse caso, usamos o .htaccess do Apache, na pasta mais acima que puder:

 Header set p3p 'CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"'  

A resposta, para todas requisições abaixo da pasta que estiver o arquivo, sai assim:

 p3p:CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"  

Podemos, inclusive, setar nossos próprios cabeçalhos, pra, seilá, servir como um amuleto de boa sorte:

 SecretNumbers:4, 8, 15, 16, 23 42  

Trocando obrigatoriedade de campo com jQuery Validate

Temos um campo obrigatório e, ao lado dele, um checkbox que, se estiver marcado, faz com que o campo não seja obrigatório.

A regra fica assim:

 $("#form_cadastro").validate({  
           rules: {  
                senha: {  
                     minlength:8  
                },  
                repetir_senha: {  
                     equalTo: "#senha"  
                },  
                campo_obrigatorio: {  
                      required: function(element) {  
                          return $('#campo_checkbox:checked').length < 1  
                      }  
                }  
           }  
      });  

Verificando se um e-mail existe

1 - Aprender o básico de inglês (pelo menos o técnico)
2 - http://www.webdigi.co.uk/blog/2009/how-to-check-if-an-email-address-exists-without-sending-an-email/

Fonte: http://www.webdigi.co.uk/blog/2009/how-to-check-if-an-email-address-exists-without-sending-an-email/

Time is never on my side

Pegando uma data do banco, adicionando dias e retornando ela formatada:

 $vcto = new DateTime($item['data']);  //$item['data'] contém uma data no formato YYYY-MM-DD HH:mm:ss
 $vcto->modify('+1 month');  //período de tempo para adicionar
 echo $vcto->format('d/m/Y');  //escrevendo a data no formato d/m/Y

Não sei quem inventou que as datas tem que ser escritas com o ano na frente.
Acho que isso só faz sentido se o programador acabou de acordar de um coma de seilá, 5 anos, e a primeira coisa que ele fez foi consultar a hora no servidor usando a função NOW().

Dois jquery em um

Eu sempre esqueço como se utiliza a função append() do jQuery várias vezes seguidas, então lá vai:

 $('#senha')  
                .append(  
                     $('<li>').addClass('item')  
                     .append(  
                          $('<input>').attr({type:'password',name:'senha',id:'senha'})  
                     )  
                     .append(  
                          $('<label>').text('(preencha somente se quiser trocar)').addClass('obs')  
                     )  
                )  

Outra coisa,  é quando se cria um formulário de troca de senha.
Por padrão, o Chrome vai preencher o campo da senha automaticamente, mas nem sempre ele vai preencher o campo de repetir a senha.
Aí, pra não encher o saco do usuário, que teria que digitar a senha no campo de repetir-senha, a gente coloca um valor qualquer no campo de senha e no de repetir-senha:

 <input type="password" name="senha" id="senha" class="" value="$password" />  
 <input type="password" name="repetir_senha" id="repetir_senha" class="" value="$password" />  

Depois, com jQuery, a gente limpa o value desses campos. O detalhe é que não funciona se simplesmente fizer assim:

 $(document).ready(function(){  
      $('#senha,#repetir_senha').val('')  
 })  

Precisa dar um tempo após o evento ready, senão o Chrome vai perceber e o negócio não vai funcionar. Então, precisa usar o setTimeout, para dar um atraso na execução:

 $(document).ready(function(){  
      window.setTimeout("$('#senha,#repetir_senha').val('')",100);  
 })  

História do Burrito

Nos tempos da revolução mexicana (1910 - 1921) no bairro da Bella Vista em Cd. Juarez, Chihuahua, México, havia um senhor de nome Juan Mendez que tinha uma barraquinha de comida típica mexicana perto do Rio Bravo. Esse rio separa a fronteira do México com os Estados Unidos. Do lado americano em El Paso, no bairro de Sunset Heights, viviam muitos mexicanos que haviam fugido da revolução. 

Algumas pessoas paravam à beira do Rio Bravo e conversavam com Juan. Perguntavam sobre as noticias da “Revolución” e elogiavam a sua comida. O cheiro da comida de Juan era tão gostoso que conseguia atravessar o longo rio.

Muitos mexicanos, saudosos da comida de sua terra natal, faziam encomendas a Juan. Para a comida não esfriar, ele teve a idéia de fazer tortillas de trigo grandes e colocar os recheios dentro dela (arroz, feijão, carne, etc.). Depois ele as enrolava em sacolas para mantê-las quentinhas. 

Os pedidos eram tantos que decidiu comprar um burro, pois só assim conseguiria cruzar o Rio Bravo. As comidas de Juan eram então transportadas nas costas do "burrito". 

O sucesso foi tão grande que, com o tempo, começaram a chegar mexicanos e gringos de todas as partes do Texas perguntando pela comida do "burrito".

Foi assim que o invento de Juan Mendez cruzou a fronteira e encantou não somente seus conterrâneos, mas o mundo. 

Fonte: http://www.labuenaonda.com.br/#historia-do-burrito

ParseInt no Firefox

Tive problemas com o comando parseInt no firefox.
Algumas vezes ele não retornava o valor certo, mas  sim retornava 0.
Executando isso no console do Firebug, retornou algo estranho:

 console.log(parseInt('01'));  
 console.log(parseInt('02'));  
 console.log(parseInt('03'));  
 console.log(parseInt('04'));  
 console.log(parseInt('05'));  
 console.log(parseInt('06'));  
 console.log(parseInt('07'));  
 console.log(parseInt('08'));  
 console.log(parseInt('09'));  
 console.log(parseInt('010'));  

Retornou isso:

 1  
 2  
 3  
 4  
 5  
 6  
 7  
 0 //não deveria ser 8, 9 e 10?
 0  
 8  

Segundo essse link, isso acontece porque o navegador está retornando esse valor em base 8, e não base 10.
Pra resolver isso, precisamos dizer a ele pra usar base 10:

 console.log(parseInt('01','10'));  
 console.log(parseInt('02','10'));  
 console.log(parseInt('03','10'));  
 console.log(parseInt('04','10'));  
 console.log(parseInt('05','10'));  
 console.log(parseInt('06','10'));  
 console.log(parseInt('07','10'));  
 console.log(parseInt('08','10'));  
 console.log(parseInt('09','10'));  
 console.log(parseInt('010','10'));  

Que no fim vai  retornar:

 1  
 2  
 3  
 4  
 5  
 6  
 7  
 8  
 9  
 10  

Leite em pó em javascript

a função isNaN se chama isNaN.

Calculando idade com Mysql e Javascript

Não com os dois ao mesmo tempo, obviamente.

Só pra lembrar: nunca defina o campo de data como DATETIME, a menos que tu precise contar quantos anos, dias, horas, minutos e segundos o vivente tem de existência. Se não for o caso, use apenas DATE.

 DATE_FORMAT(FROM_DAYS(TO_DAYS(CURDATE())-TO_DAYS(nascimento)), '%y') AS idade,  

Agora, com javascript:

 /*  
       * calcularIdade  
       * Calcula a idade baseada na data informada  
       * @param string string texto no formato d/m/Y  
       */  
      function calcularData(string){  
           var tmp = string.split('/');  
           var data = new Date(tmp[2], tmp[1], tmp[0]);  
           var hoje = new Date();  
           var idade = Math.floor((hoje-data) / (365.25 * 24 * 60 * 60 * 1000));  
           return idade;  
      }  

Fontes: ma.tt/2003/12/calculate-age-in-mysql/
http://stackoverflow.com/questions/5524743/jquery-age-calculation-on-date

Coisas para não se fazer quando se tem um cabide dentro da jaqueta

1 - Subir em uma moto.

Hate my life

Gerando documentação para funções no Netbeans

Basta colocar este bloco de comentários antes da definição da função:

1:  /**   
2:   * contarDiffHoras  
3:   *  
4:   * conta a diferença em horas entre a data informada e a data do sistema  
5:   * obs: sempre uma data no passado  
6:   *  
7:   * @param string $data a data para comparar no formato d/m/Y H:i  
8:   */  

Fica assim:

1:  /**   
2:   * contarDiffHoras  
3:   *  
4:   * conta a diferença em horas entre a data informada e a data do sistema  
5:   * obs: sempre uma data no passado  
6:   *  
7:   * @param string $data a data para comparar no formato d/m/Y H:i  
8:   */  
9:  function contarDiffHoras($data){  
10:       $data = date_create_from_format('d/m/Y H:i', $data);//data informada  
11:       $now = date_create();//data atual  
12:       $diff = date_diff($now, $data);//calcula a diferença entre as datas  
13:       return ($diff->format('%a') * 24) + $diff->format('%H');//calcula a diferença em horas  
14:  }  

E, no Netbeans, aparece assim:

Judgement of Heaven

If you could live your life again
Would you change a thing
Or leave it all the same?
If you had the chance again
Would you change a thing at all?
When you look back at your past
Can you say that you are proud
Of what you've done?
Are there times when you believe
That the right you thought was wrong?