Boteco Digital

Validando formulários com JQuery-Plugin-Validation

4 Comentários Rodrigo Aramburu 30/04/2011
jquery

Apesar de ser fundamental validar as informações enviadas por um formulário no lado do servidor, também é importante validar as informações no lado do cliente evitando assim que o usuário tenha que enviar o formulário, que leva algum tempo, para saber que esqueceu de preencher um campo obrigatório. Existe um plugin para JQuery que nos facilita muito a vida, o jquery-plugin-validation que nos permite uma boa customização nas validações. Vamos aos exemplos. O modo mais fácil de validar é adicionar [...]


Leia mais...

Carregando um ComboBox com AJAX com JQuery

23 Comentários Rodrigo Aramburu 23/10/2009
jquery

Como vimos em um artigo anterior sobre AJAX é muito fácil utilizar técnicas de AJAX para tornar um site dinâmico. Hoje veremos um exemplo fácil de como selecionar um estado em um ComboBox e carregar as cidades em outro. Para começarmos termos que ter os estados e as cidades armazenadas no banco de dados que podem ser obtidas a partir do site. Para ficar mais claro colocarei as DDL abaixo. Agora que já temos as tabelas em nosso banco MySQL [...]


Leia mais...

Construindo uma Galeria de Fotos com o plugin PrettyPhoto do JQuery

7 Comentários Rodrigo Aramburu 30/06/2009
jquery

Algo que muitas pessoal tem me perguntado é como criar uma galeria de fotos bem legal. Uma que estou utilizando muito, é feita com um plugin do JQuery chamada PrettyPhoto, ela utiliza um efeito chamado lightbox, que é parecido com um POPUP, mas bem mais estiloso . Bom para começar baixe o PrettyPhoto 2.4.3 e descomacte em uma pasta. Ele é divido em 3 pastas css, js e images, para usalo você vai precisar das 3. Crie um novo documento [...]


Leia mais...

Introdução ao AJAX com JQuery

28 Comentários Rodrigo Aramburu 09/05/2009
jquery

Para quem já trabalha com internet há algum tempo esta é uma sigla bastante comum. Mas o que seria exatamente AJAX? Para começar vamos esclarecer que AJAX não é uma tecnologia e sim uma metodologia que utiliza tecnologias não tão novas assim como XML e Javascript para fazer requisições assíncronas ao servidor e com as informações retornadas modificar a página já carregada utilizando DOM para modificar-la sem recarregar todo conteúdo novamente. E com isso economizar no tráfego de internet e [...]


Leia mais...

Protegendo os e-mails da sua página contra bots

Nenhum Contentário Rodrigo Aramburu 18/04/2009
html

Há alguns anos atrás devido a um descuido mesmo coloquei o meu e-mail em um site para contato. Feito! Em uma semana já estava recebendo uma enxurrada de spam. Sim ele foi pegos pelos bots de span, para quem não sabe, existem muitos bots rodando na internet com o intuito de pegar os emails que estão disponíveis na página para enviar spam. Hoje necessitei colocar uma lista de endereços de e-mails em um site e lembrei deste triste incidente. Então [...]


Leia mais...

Animando com JQuery

4 Comentários Rodrigo Aramburu 11/04/2009
jquery

Olá pessoal como já vimos o básico para se trabalhar com a biblioteca JQuery em um artigo anterior vamos apresentar hoje alguns métodos de animação. show() e hide() Para começar vamos simplesmente esconder e mostrar um elemento da página para isso utilizamos o método hide() para esconder e o método show() para mostrá-lo. demo A maior parte dos métodos de animação da JQuery aceitam um parâmetro que define sua velocidade de animação em milissegundos. Existem também dois valores default que [...]


Leia mais...

Iniciando com JQuery

8 Comentários Rodrigo Aramburu 28/03/2009
jquery

Trabalhar com javascript sempre foi uma grande dor de cabeça dos desenvolvedores web, o principal motivo é a incompatibilidade e a dificuldade de manipular o DOM. Visando solucionar este problema surgiu uma biblioteca que facilita bastante a vida de quem trabalha com javascript a JQuery. Uma biblioteca que permite manipular e selecionar elementos do DOM de forma muito fácil. Você pode baixá-la pelo seguinte endereço jquery.js ou também pode utilizá-la pelo google pelo seguinte link “http://jqueryjs.googlecode.com/files/jquery-1.3.2.js” e deve ser inserida [...]


Leia mais...