Categorias: javascript, ajax, jquery

Issue time05:03:42, por mrxrsd Email 3151 visualizações
Categorias: javascript, jquery

Um dos problemas que enfrentamos quando usamos Ajax e jQuery é o momento que devemos realizar o binding do eventos. Uma das maneiras é colocar o código para ser executado a cada postback.

Leia mais »

Tags: jquery, js
Issue time02:45:48, por mrxrsd Email 342 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 176 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 969 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:19:00, por mrxrsd Email 1472 visualizações
Categorias: jquery, design, css

Empolgado com a ultima lição de jQuery, vi uma técnica chamada spriteNav e resolvi fazer uma implementação usando jQuery, depois vou ver se faço um plugin para facilitar o uso.

Leia mais »

Tags: css, design, jquery
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 time11:18:35, por mrxrsd Email 1506 visualizações
Categorias: php, ajax, zend

Irei mostrar uma abordagem de validação de formulário em AJAX utilizando o Zend Framework. Iremos fazer uso da própria classe de validação do Zend, o Zend_Validate. Você deve estar se perguntando qual é a vantagem de fazer a validação via ajax.

Sinceramente? Com o uso do Zend_Form, é quase nula, pois ele faz o controle dos dados para você, mas quem não se habituou com o uso do Zend_Form, fazer o controle dos dados após o post quando dá erro de validação é realmente entediante, nessa hora que entra o ajax.

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 429 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 time11:17:20, por mrxrsd Email 644 visualizações
Categorias: php, ajax

Irei mostrar como fazer uma página que é um pequeno sistema de PDV, estou utilizando PHP e Zend Framework, estaremos utilizando AJAX para evitar o post a cada novo produto. Quem não conhece o framework é bom conferir um post do felipe tonello que é uma ótima explicação. Confira aqui http://felipetonello.com/blog/2007/02/28/zend-framework-para-um-php-mais-poderoso/

Leia mais »

Busca

Assine nosso Blog

Fazemos parte do Grupo

Hot Topics