jQuery UI Autocomplete com ColdFusion e Ajax

On 9 de outubro de 2014, in CFML, JavaScript, jQuery, by andersonstraube

Neste post veremos como utilizar o Autocomplete do jQuery UI com um componente ColdFusion utilizando ajax.

A ideia principal é buscar uma pessoa pelo termo informado no campo, com o retorno do ajax podemos popular o campo e exibir abaixo o ID e o nome da pessoa. Utilizaremos o JSON como formato dos dados.

Continue reading »

Tagged with:  

jQuery.each()

On 9 de outubro de 2014, in JavaScript, jQuery, by andersonstraube

Neste post pretendo explicar um pouco da utilização da função each() presente no jQuery. Esta é sem dúvida uma das funções mais utilizadas e mais úteis do jQuery.

Basicamente, a função each() é usada para manipulação de elementos DOM, loop de array’s, propriedades de objetos, entre outros…

Veremos alguns exemplos práticos onde a utilização dela é útil.

Continue reading »

Tagged with:  

Objeto literal em JavaScript

On 9 de outubro de 2014, in JavaScript, by andersonstraube

Neste post pretendo explicar um pouco sobre como trabalhar com objetos em javascript, mais especificamente com Objetos Literais.

Objetos Literais são conjuntos de propriedades com um ou mais elementos que contém valores setados, esses valores podem ser tipos primitivos da linguagem (string, array, integer) ou objetos. Uma das grandes vantagens em utilizar objetos literais é a possibilidade de usarmos Singleton uma vez que esses objetos não podem ser instanciados.

Vamos aos exemplos:

Continue reading »

Tagged with:  

É comum termos dúvidas sobre a performance de um determinado código, se um loop está otimizado ou não – se fizer uma alteração vai diminuir o tempo de execução, entre outras coisas…

Para sanar essas dúvidas nós podemos usar o console do navegador, para tanto basta criar um identificador para que ele calcule o tempo de execução, veja no exemplo abaixo:

Continue reading »

Tagged with:  

Carregar arquivo javascript dinamicamente

On 22 de março de 2012, in JavaScript, by andersonstraube

Muitas vezes precisamos carregar arquivos javascript dinamicamente (sob demanda) para uma melhor performance do front-end pois normalmente só utilizamos aquele arquivo em uma determinada situação, se o usuário clicar em um botão específico, etc.. Quando isso é feito precisamos ter um controle de quando esse arquivo foi carregado e já está pronto para ser usado.

Neste exemplo nós iremos carregar a lib jQuery dinamicamente. O código está auto-explicativo:

Continue reading »

Tagged with: