Esses dias minha querida namorada me mandou um link de um caça palavras do Supernatural e só depois fui ver que tinha sido feito com o meu querido Javascript :), muito bom diga-se de passagem!

Foi feito com jQuery e a idéia ficou muito boa. Você também tem a possibilidade de criar seu próprio caça palavras mandando as informações para eles.

Visitem, é muito bacana.

Caça Palavras do Supernatural

Abs,

Chapoo!

Eu prefiro saber como foi feito ou no meu caso fazer a lógica “do zero” e fazer do meu jeito.

Estou disponibilizando uma classe estática que faz Fade in e Fade out de objetos HTML para ser usada, entendida, melhorada e porque não criticada?

Podem Ficar a vontade, testem e quaisquer dúvidas comentem.

Baixe o exemplo:

Fade (ZIP) ou Fade (RAR)

Abs,
Chapooo!

Só que “tentar” validar não faz mal a ninguém por isso vou disponibilizar por aqui um script em Javascript de validação de CNPJ que pode ser usado para uma validação preventiva no seu formulário.

O script não é de autoria própria e estou colocando apenas para oferecer ajuda a quem precisar validar um CNPJ.

Baixar o exemplo: Validação CNJP

Espero que ajude!

Abs,
Chapoo

Muita gente diz que não gosta de Javascript porque sempre passa nervoso :p, mas quem gosta de verdade se diverte com ele. Falando em diversão… pra quem não gosta de programar, que tal jogar os joguinhos feitos em Javacript (DHTML)? É isso mesmo vejam a criatividade e divirtam-se com os joguinhos feitos em Javascript do site Dinamic Drive.

Quem sabe não inspira você a criar alguns, hein?

Abs.,
Chapoo

Só para tirar a dúvida de algumas pessoas vou mostrar como é fácil “executar” javascript no php, mas para ficar bem claro o Php apenas irá escrever o código e o navagador faz o resto! Não podemos falar que o php se comunica com o javascript.

Bom, vamos lá! Para exemplificar, você pode no seu código php mandar uma mensagem em javascript para o usuário ao final do seu script, veja:

echo "<script type='text/javascript'>";
echo "    alert('Sucesso!');";
echo "    location.href = '/'; ";
echo " </script>";

Abs.,
Chapoo

Esta é uma discussão que acontece há algum tempo e quando comecei com Javascript sempre fiquei decepcionado com o que encontrei por ai, mas não foi tão ruim como parece, pois pegando todas as idéias me ocorreu uma!

Respondendo a pergunta… A resposta é sim, é muito fácil incluir um arquivo via “include” em Javascript. Podemos usar o DOM (exemplo que irei mostrar), Ajax (não gosto!), document.write e etc.

O problema não está na inclusão do arquivo em sua página, você pode fazer diversas funções que adicione um js só que o problema não é este. O que acontece é que quando precisamos executar um script, por exemplo, ao carregar a página e chamar uma função de um desses “includes”, vai falhar, pois não conseguem carregar os arquivos em tempo de execução como a tag padrão SCRIPT consegue!

Mas dá pra usar? Sim!

Se você quer organizar o seu código e usar uma função que inclua arquivos você pode, mas fique atento aos scripts que você irá incluir. Você pode incluir scripts que contenham validações de formulários, funções de menus animados e etc.

Segue um pacote com o exemplo, clique aqui para baixar!

Mas, lembre-se nunca inclua um arquivo e tente executar suas funções ao mesmo tempo, infelizmente não vai funcionar como esperado (em todos os browsers).

Conclusão:
Use com moderação!

Ah… Não estou falando de Frameworks talvez eles atendam isso!?

Abs.,
Chapoo

Quando se referimos a uma variável global (uma variável fora das funções) podemos usar ou não a palavra “var”, pois não existe diferença funcional e sim por causa do escopo. Agora se você quer utilizar em uma função uma variável com o mesmo nome de outra que já é declarada como global e não declarar com o “var” você estará alterando a variável global. Se você quer que o valor da variável seja usada apenas dentro do escopo da sua função, então utilize a palavra “var”.

Neste exemplo a função altera o valor da variável global:

<script type="text/javascript">
    var variavelGlobal = 'Variavel Global';

    function alteraValor() {
        variavelGlobal = 'Variavel Global Alterada';
    }

    alteraValor();

    alert(variavelGlobal);
</script>

Neste outro a função apenas declara uma variável de mesmo nome, porém é usada apenas no escopo da função:

<script type="text/javascript">
    var variavelGlobal = 'Variavel Global';

    function alteraValor() {
        var variavelGlobal = 'Variavel Global Alterada';
    }

    alteraValor();

    alert(variavelGlobal);
</script>

Abs,
Chapoo

Algumas pessoas procuram na internet com fazer um scroll ou uma barra de rolagem e mencionam fazer com o php, está errado!

Gostaria de explicar que o scroll não tem ligação com o php e sim somente com o javascript, no máximo com o css que irá ajudar você a decorar o seu scroll. Segue como fazer um scroll para html “Fazendo um scroll personalizado e simples“.

Dúvidas é só falar!

Abs,
Chapoo

Segue uma classe que a muito tempo queria colocar mas por alguns detalhes não tinha como. É uma classe que serve para redimensionar objs html.

Para testar, baixe o arquivo zipado.

Neste script estou usando uma classe estática Rel onde é util para várias outras coisas.

Baixar o arquivo redimensionar

Bom, até mais!

Abs,
Chapoo

A pouco, desenvolvendo uma nova classe, me deparei com um problema chato.

Seguem as Situações:

Tinha numa classe, no método [this.iniciar] um código que seria executado quando um evento ocorresse, mas ao passar o método para o evento, das duas uma: Ou Conseguia pegar o evento e o escopo era perdido (situação 1) ou tinha o escopo (usando o Delegate) porém não tinha o evento :( (situação 2). Segue abaixo os exemplos:

Situação 1:

...
this.iniciar = function() {
    document.onmousemove = this.verifica;
}

this.verifica = function(e) {
    // Tenho o evento mas não tenho o escopo
}
...

Situação 2:

...
this.iniciar = function() {
    document.onmousemove = Delegate.create(this, this.verifica, Array(''));
}

this.verifica = function(e) {
    // Tenho o escopo mas não tenho o evento
}
...

Consegui resolver o problema da seguinte maneira:

NomeDaClasse = function() {
    with(this) {
        ...
        this.iniciar = function() {
            document.onmousemove = this.verifica;
        }

        this.verifica = function(e) {
            // Tenho o evento
            // Tenho o escopo
            teste(); // Não use o this.teste();
        }

        this.teste = function() {
            alert('Estou no escopo');
        }
        ...
    }
};

Imaginei que usando o with poderia ser uma luz e não acreditei que isso funcionaria até testar!!!

Obs.:
- No exemplo acima, se você usar o [this] dentro do evento, ou seja, dentro do método [this.verifica] você estará no escopo do objeto [document].
- Se você tiver uma função fora da classe com o nome idêntico de algum método da classe não vai dar conflito, porém você não vai acessar a função externa também!

Abs,
Chapooo!