Tags: javascript

Issue time02:45:48, por mrxrsd Email 340 visualizações
Categorias: javascript, jquery

O VsDocs, que permite o uso de intellisense no Visual Studio, do jQuery 1.3.1 acaba de ser atualizado no site, atualizem as suas IDE.

Link para Download: aqui

Edit:

Pra quem não sabe como habilitar o intellisense do jQuery no Visual Studio, visite o blog do felipe pimentel.

Issue time02:16:09, por mrxrsd Email 175 visualizações
Categorias: javascript, jquery

Depois de um longo hiato, estou aqui de volta. A equipe do jQuery acaba de lançar a versão 1.3, que conta com uma nova engine de seleção de elementos e outras novas funcionalidades, também temos agora uma documentação mais detalhada e de fácil navegação da API.

Confira:

http://api.jquery.com

http://www.jquery.com

Issue time02:32:48, por mrxrsd Email 968 visualizações
Categorias: javascript, jquery, design, css

o jQuery possui uma coleção de "utilitários" para facilitar algumas operações que para ser feito com javascript leva as vezes algumas linha de código, irei apresentar algumas dessas utilidades aqui.

jQuery.browser

Podemos obter informações do browser através do $.browser

Exemplo:

Javascript:

if ($.browser.msie){
        alert('Você está usando o Internet Explorer versão:' + jQuery.browser.version);
}

Alem disso, também possui uma série de comandos para operações de string que não existem no javascript, como por exemplo o trim.

Javascript:

var palavra = 'Olá, sinta-se em casa';

var palavra_sem_espaco = $.trim(palavra); // 'Olá,sinta-seemcasa'

Funções de Array

Vamos imaginar que temos essas duas coleções:

Javascript:

var vetor = [ "abacate", "banana", "pera", "uva" ];

var hash = { fruta: "melao", numero: "dois", futebol: "carioca" };

$.each(container, callback)

Podemos iterar sobre essas coleções com o $.each

Exemplo:

Javascript:

$.each(vetor, function(i,val){
                        alert("Posicao :" i + ", valor:" + val);
               });
                                               
$.each(hash, function(key,val){
                        alert(key + " = " + val);
                });

$.inArray(chave,array)

Retorna a posição do elemento no array.

Javascript:

$.inArray("banana",vetor) // retornará 1

$.merge(array1,array2)

Javascript:

$.merge( [0,1,2], [2,3,4] ); // [0,1,2,2,3,4]

Caso deseje unir os vetores porém filtrando os duplicados, utilize o $.unique.

$.unique(array)

Javascript:

$.unique([0,1,2,2,3,4]); // [0,1,2,3,4]

$.extend(alvo,fonte1,fonte2,fonteN)

var alvo = { nome: "Tom Brady", idade: "25" };

var fonte = { time: "Patriots" };

Javascript:

$.extend(alvo,fonte); //  { nome: "Tom Brady", idade: "25", time: "Patriots" }
Issue time03:27:29, por mrxrsd Email 427 visualizações
Categorias: javascript, jquery, design, css

Nós vimos nas lições anteriores como se seleciona um objeto, altera seu posicionamento e seus atributos, hoje iremos ver como se faz para adicionar eventos aos elementos. Cada browser trata o evento de uma forma e nisso que o jQuery nos facilita, ele proporciona uma api cross-browser para tratamento de eventos.

Leia mais »

Issue time06:16:20, por mrxrsd Email 3842 visualizações
Categorias: javascript, jquery, design, css





Além das diversas funcionalidades que o jQuery nos proporciona ele conta com vários plugins, acredito que seja por isso que ele se tornou tão interessante como é hoje.

Um desses plugins é o InnerFade, que é capaz de criar transições de elementos css, podemos arrumar diversas utilidades pra isso, irei mostrar como criar um banner de transição de imagens.

Leia mais »

Issue time05:33:52, por mrxrsd Email 428 visualizações
Categorias: javascript, jquery, design, css



O uso de formulários é a forma mais comum de interação e troca de dados entre usuário-página, porém o formulário sempre obedece certos padrões e tipo de dados e quando isso não é tratado de forma eficiente podemos ter inconsistência na nossa base de dados e erros nos aplicativos.

Leia mais »

Issue time05:06:03, por mrxrsd Email 449 visualizações
Categorias: javascript, jquery

Voltamos com nossas lições de jQuery, vamos continuar vendo como se altera o contéudo dos elementos, pra quem perdeu alguma lição recomendo dar olhada:

Leia mais »

Issue time07:58:05, por mrxrsd Email 191 visualizações
Categorias: javascript, jquery, design, css

Recapitulando...

Na lição 1 aprendemos sobre o operador $ e coleções de elementos da página, na lição 2 nós vimos como podiamos iterar sobre os elementos e alterar seus atributos.

Hoje iremos ver como alterar o conteudo de um elemento.

Leia mais »

Issue time07:30:02, por mrxrsd Email 282 visualizações
Categorias: javascript

Nos ultimos meses surgiram diversas bibliotecas javascript para auxiliar o desenvolvimento 2.0, mas qual é a melhor? Realmente é uma pergunta díficil, eu diria que é a mesma resposta da pergunta "Qual IDE é melhor Eclipse ou NetBeans?", a melhor é a que você está mais habituado.

Leia mais »

Issue time13:02:48, por mrxrsd Email 304 visualizações
Categorias: javascript, jquery, design, css

Como vimos na Lição 1, o jQuery através do operador $ retorna uma coleção de elementos, assim como nas linguagens OO, podemos iterar sobre essa coleção.

Leia mais »

Busca

Assine nosso Blog

Fazemos parte do Grupo

Hot Topics