Javascript

Entendendo a diferença entre os Métodos GET e POST no PHP

É de extrema importância saber bem a diferença desses dois métodos, para que se possa utilizá-los de forma correta e na hora certa. De certa forma, os dois fazem o envio de dados através do HTTP.

(mais…)

Abrindo uma página ou foto em janela pop-up (Método window.open)

Você já deve ter se perguntado como os sites fazem para abrir uma nova janela pop-up, com tamanhos pré-definidos e retirando alguns recursos desta janela.

A resposta está aqui no método “window.open“. Vejamos a sintaxe: (mais…)

Descobrindo a resolução do usuário (Objeto “screen”)

Vamos ao estudo do Objeto “screen”, onde podemos visualizar os valores relacionado com a tela do usuário.

Este objeto tem as propriedades abaixo:

  • availHeight – Retorna a altura da tela, removendo o espaço utilizado pela barra de tarefas do Windows;
  • availWidth – Retorna a largura da tela, removendo o espaço utilizado pela barra de tarefas do Windows;
  • colorDepth – Retorna a quantidade de bits da paleta de cores para exibição das imagens;
  • height – Retorna a altura completa da tela;
  • pixelDepth – Retorna a resolução de cor (em bits por pixel) da tela;
  • width – Retorna a largura completa da tela;

(mais…)

Exibindo dia da semana, data e hora atual

Quer um javascript para exibir a data e hora como este exemplo?

Quinta, 27 de maio de 2010 – 00:53 (sim, essa é a hora que eu estou escrevendo este post…)

Bom então aqui vai o seu código que você deve jogar entre as tags <BODY>:
(mais…)

Como limpar um campo input text ao clicar

Sabe quando você vai em um site que tem um formulário que já está com o campo input texto preenchido e quando você clica nele o texto some para você poder preencher com os seus dados? É essa façanha que vou mostrar pra vocês.

Bom, eu estive dando uma pesquisada a respeito disso e vi alguns códigos na internet que não funcionavam e achei uma solução super simples e direta.
(mais…)

Carregando dados do Banco de Dados MySQL através de uma tag SELECT

Como já vimos todo o processo de criação do Objeto XMLHttpRequest e como efetuar a comunicação com o servidor através das funções de OPEN e SEND em outros posts meu, vamos agora botar um exemplo de funcionamento do AJAX, onde ele irá carregar os valores do banco de dados MysqL de acordo com o que for selecionado no <SELECT> e exibir esses dados em uma div. Funcionamento:

  1. Criar o BD e inserir os valores
  2. Fazer a listagem dentro da tag <SELECT>
  3. Ao selecionar um elemento, exibir os dados dele em uma <DIV>

Não entrarei em detalhes aqui das páginas PHP, pois não é o nosso foco, mas eu fiz o código o mais simples possível para o funcionamento. A idéia será tipo uma “Agenda de Contatos”. Iremos trabalhar com 3 arquivos:

  1. usuarios.php
  2. exibir_dados.php
  3. scripts.js (mais…)

Introdução ao AJAX – Métodos Open e Send

Irei demonstrar alguns métodos básicos para se trabalhar com o objeto XMLHttpRequest, que já demonstrei no post “Introdução ao AJAX – Objeto XMLHttpRequest“.

Tentarei ser bem objetivo e claro para quem não trabalha com programação ou está iniciando.

O que é um método?

Método é um conjunto de comandos, uma subrotina, procedimentos, ou algo tipo uma função que executa os comandos com o intuito de alterar e/ou obter uma resposta após a execução dele, manipulando algum atributo. Pode receber parâmetros por valor para serem passados aos seus comandos internos. Em resumo, são as ações que podem ser realizadas.

Agora que temos um breve entendimento do conceito de método, vamos ver quais são os métodos básicos para se trabalhar com o AJAX. Após criarmos o objeto, precisamos criar uma comunicação com o servidor para que haja a troca de dados. Iremos ver agora os métodos OPEN e SEND. (mais…)

Introdução ao AJAX – Objeto XMLHttpRequest

Vamos começar de uma forma direta, utilizando os meus conceitos.

O que é o AJAX?

A definição exata é Asynchronous JavaScript and XML. Não é nenhuma linguagem de programação nova ou metodologia, mas sim um conjunto de técnicas que estão disponíveis desde 2000.

O AJAX utiliza o objeto XMLHttpRequest, o que permite fazer o envio de dados e receber uma resposta de um servidor sem a necessidade de recarregar toda a página web. Dái que vem o termo Asynchronous (assíncrono) da definição, porque pode-se carregar dados não necessariamente ao mesmo tempo que a página é carregada, ou seja, não precisa de sincronia do carregamento dos dados da página web. (mais…)

Script: Exibir Banner por Atualização de página

Abaixo vou demonstrar um script que exibe um banner a cada atualização de página, tirando de um array de banners.

Basta modificar e inserir a quantidade de registro de banners que você deseja exibir.

(mais…)

Script: Data e hora

Como sempre muita gente pesquisa um script de data e hora, que preste, para colocar no site, irei colocar um aqui que utilizo muito e funciona bem com Firefox, IE 5 ou superior e Opera 7 ou superior.

Ele exibe a data e hora, atualizando os segundos constantemente, fazendo com que a hora seja real.

(mais…)