Boteco Digital

Javascript

Como sabemos o Google Maps é um excelente serviço, embora ele nos permite inserir um mapa através de um iframe, o real potencial está na sua API de javascript que permite marcar pontos no mapa, pegar coordenadas, traçar rotas, transformar endereços em coordenadas de latitude e longitude. Vamos então começar inserindo um mapa em nossa página utilizando a API e para isso precisamos inserir a biblioteca do Google Maps: Agora vamos criar uma função que será chamada no onload da […]

mais
Javascript JQuery

Olá pessoal, como os posts sobre AJAX estão ficando bem populares no boteco resolvi fazer mais. Vocês devem lembrar do post que falei sobre AJAX com jQuery mas daquela forma não é possível enviar arquivos, pois para isso o navegador precisa ter suporte a e XMLHttpRequest Level 2 e se não tiver uma técnica bastante utilizada é com iframes(que possue certas limitações), como isso é muito complicado é sempre melhor utilizar um plugin e o mais simples e eficiente que […]

mais
Javascript 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 […]

mais
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 […]

mais
JQuery Web

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 […]

mais
Javascript JQuery Web

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 […]

mais
Javascript Web

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 […]

mais
Javascript JQuery Web

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 […]

mais
Javascript 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 […]

mais