TAG | JavaScript
29
Remendo no Firefox mais atrapalha do que ajuda
Sem comentários · Post por Petter Rafael em Dicas, JavaScript
A alguns meses atrás a Mozilla precisou adicionar um remendo na linha Firefox 3.x, isso porque scripts JavaScript mal feitos ou estrategicamente programados para isso podiam entrar em colapso e travar todo o browser.
E como o Firefox trabalha com abas, imagine o tamanho do problema.
E a solução mais viável e inteligente seria o Firefox isolar a thread de cada aba, assim como o Chrome já faz, e assim quando um site travar todas as outras abas ficariam protegidas.
Só que esta solução é complexa demais para ser implementada em um minor update e teremos que esperar a versão 4 do Firefox para ver isso.
Mas a Mozilla nos brindou com um quebra-galho que mais atrapalha do que ajuda.
Agora quando o processamento de um script JavaScript ultrapassar 10 segundos o browser irá emitir um aviso sobre o script lento e se queremos continuar a execução ou cancelar.
Pronto, tudo resolvido na terra do Panda de Fogo, ou não!
Esse processo é anacrônico, mais confunde o usuário (ainda mais os leigos do que realmente ajuda) e em alguns diversos casos mesmo você optando por continuar a execução o Firefox faz o script se perder atrapalhando ou mesmo impedindo o correto funcionamento de toda a página.
Qual a solução definitiva?
Não precisamos chegar ao ponto extremo de utilizar a bomba do Internet Explorer, então temos que optar para o Opera (quem ninguém utiliza) ou ir para o Chrome que parece ser o caminho mais natural para os usuários do Firefox e que estão insatisfeitos.
Fica aqui a dica para o uso do Chrome.
E para você Mozilla, melhor sorte da próxima vez.
![[del.icio.us]](http://images.del.icio.us/static/img/delicious.small.gif){kind=small}
Leia mais:
14
Chamando um script PHP a partir da página com JQuery
Sem comentários · Post por Petter Rafael em JQuery, JavaScript
Imagine a seguinte necessidade, você tem um formulário HTML, e conforme o usuário vai preenchendo os dados é preciso alterar os dados dos campos seguintes desse mesmo formulário.
Essa tarefa pode ser realizada, utilizando somente PHP, porém será necessário alguns reloads no formulário que pode irritar algum usuário mais exigente e ainda teremos que criar uma série de controles para isso.
Qual a solução então?
Podemos utilizar JQuery para isso.
Como vimos nas máscaras utilizar JQuery além de simples pode deixar sua aplicação Web muito mais elegante e funcional, vamos ao exemplo.
Supondo que eu queira retornar o campo rua (que contém o nome da rua) após consultar o CEP informado pelo usuário. Começaremos pelo script HTML que gera o formulário Web. Vamos criar um div e colocar em seu id a string “retorno”.
<input type="text" name="cep" id="cep" value="<?php echo $cep; ?>" size="10" maxlength="10" /> <input type="button" name="cCep" id="cCep" value="Procurar" onclick="javascript:return chCEP(2, document.novoCliente.cep)"/> <div id="retorno"></div>
No exemplo acima podemos observar que o botão “Procurar” dispara uma função JavaScript, o conteúdo dessa função é o seguinte:
function chPage(acao, campo){ jQuery(function($){ $("#retorno").load("buscaCep.php", {acao: acao, cep: campo.value} ); }); }
Viram o pulo do gato nessa função?
Ela dispara o script PHP buscaCep.php passando duas variáveis via POST, a primeira é a variável acao e a outra cep.
Essas duas variáveis servem para que o script PHP execute uma consulta a um banco de dados qualquer e retorne HTML puro, ou seja, o seu retorno seria:
<input name="rua" id="rua" value="Rua pesquisada" />
E essa parte da função JavaScript - $(“#retorno”) - serve para indicar em qual objeto do formulário o HTML de retorno será inserido.
Viram que interessante, de uma página HTML que é na verdade um formulário HTML eu chamo e executo um script PHP e consigo inserir em tempo de execução o HTML retornado do script PHP sem a necessidade de reload em todo o formulário.
Leia mais:
Continuando a falar das facilidades de desenvolvimento trazidas com a JQuery, vou explicar como fazer de forma simplificada como fazer máscaras utilizando a JQuery. Observem o código abaixo:
jQuery.noConflict(); jQuery(function($){ $("#cnpj").mask("99.999.999/9999-99"); $("#cep").mask("99.999-999"); });
Perceberam a facilidade?
Funciona da seguinte forma:
A primeira linha tem a função de evitar conflitos com outros scripts JQuery ou JavaScript puro que você possa ter na sua página.
A segunda linha iniciamos a função na sintaxe do JQuery.
A terceira linha temos o ID do nosso elemento HTML que irá receber a mascara (no caso é um text) e em seguida definimos a máscara, sem nenhum segredo, sem códigos miraculosos.
Sem mais nada.
Simples e funcional em todos os browsers modernos.
Leia mais:
Eu não sou muito fã de frameworks, até porque um framework pode engessar de forma desnecessária a sua aplicação e você fica dependente da ferramenta para prestar manutenção e/ou atualizar sua aplicação, porém em alguns casos temos que tirar o chapéu para um framework.
É o caso do JQuery, que é um framework para JavaScript que tem por finalidade diminuir a complexidade de desenvolvimento de software web e minimizar a incompatibilidade do código JavaScript entre navegadores, além de possuir a possibilidade de implementação segura de efeitos e CSS via adoção de plugins.
Com o JQuery podemos abranger máscaras, validações complexas em formulários até mesmo efeitos de transição entre páginas, tudo isso sem a grande preocupação de desenvolvedores JavaScript que é a compatibilidade do código-fonte entre os diversos navegadores disponíveis no mercado.
A sua instalação é simples, podemos fazer o download da versão de produção do próprio site do JQuery e depois para utilizar ele em uma página basta utilizar a seguinte linha na tag HTML header:
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
Leia mais:
internet · JavaScript · JQuery · Webdesign · webdesigner
