Javascript

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 – 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…)