Limitando números de caracteres em um textarea

Uma das coisas mais “chatinhas” de se fazer, são as benditas validações, principalmente de limitar quantidades de caracteres em um determinado campo.

Isso ficou mais simples usando o um pluggin jQuery, como nessa página de exemplo: DEMO

O seu HTML deve ficar assim:

continuar lendo

Sliders interessantes com jQuery

Exiba as imagens do seu site de uma maneira diferente e suave com este plugin.

Veja o exemplo

continuar lendo

Validando formulário com Javascript

Maneira rápida e prática para validar seus campos vazios e emails por javascript.
Sempre é válido lembrar que é importante a validação CLIENTE e principalmente a SERVIDOR.

Este código servirá para todos os seus formulários: continuar lendo

Classe CRUD

Pessoal segue o exemplo de uma classe CRUD que particularmente uso.
Mas primeiramente aqui vai a classe de conexão que usaremos nesta classe CRUD.

continuar lendo

Cadastro basico utilizando Classes com PHP

Olá, neste post iremos aprender um pouco sobre programação orientada a objetos (POO) em PHP.
Iremos fazer um cadastro simples de cliente.

Começamos com a classe Base, que é a classe responsável pela conexão com o banco de dados,
segue ela abaixo toda comentada para melhorar o entendimento.

continuar lendo

Manual do Webdesigner

NetBeans 6.9

Nova versão do NetBeans, o NetBeans 6.9 é um ótimo editor para desenvolvimento de projetos orientado a objetos, com auto-complete de métodos, funções e variáveis.

Para download do NetBeans 6.9, clique aqui!!!

PS: Na pagina de download há a opção de download conforme a necessidade do programador, evitando uma possível perda de desempenho da maquina.

Php Designer 7 + Keygen

Este é um bom editor para desenvolver em PHP, com auto-complete de funções e variáveis, também pode servir para várias outras linguagens, como Javascript, Perl, VBScript, SQL, Phyton, Java, C#, Ruby, também pode ser usado para HTML e CSS.

Para baixar o PHP Designer 7, clique aqui

Eventos jQuery

  • blur():jQuery. Dispara o evento blur (perda de foco) para cada elemento selecionado.
  • blur(função):jQuery. Associa uma função ao evento blur (perda de foco) para cada elemento selecionado.
  • change():jQuery. Dispara o evento change (alteração) para cada elemento selecionado.
  • change(função):jQuery. Associa uma função ao evento change (alteração) para cada elemento selecionado.
  • click():jQuery. Dispara o evento click (clique) para cada elemento selecionado.
  • click(função):jQuery. Associa uma função ao evento click (clique) para cada elemento selecionado.
  • dblclick():jQuery. Dispara o evento dblclick (duplo clique) para cada elemento selecionado.
  • dblclick(função):jQuery. Associa uma função ao evento dblclick (duplo clique) para cada elemento selecionado.
  • error():jQuery. Dispara o evento error (erro) para cada elemento selecionado.
  • error(função):jQuery. Associa uma função ao evento error (erro) para cada elemento selecionado.
  • focus():jQuery. Dispara o evento focus (foco) para cada elemento selecionado.
  • focus(função):jQuery. Associa uma função ao evento focus (foco) para cada elemento selecionado.
  • keydown():jQuery. Dispara o evento keydown (pressão sobre uma tecla) para cada elemento selecionado.
  • keydown(função):jQuery. Associa uma função ao evento keydown (pressão sobre uma tecla) para cada elemento selecionado.
  • keypress():jQuery. Dispara o evento keypress (pressão sobre uma tecla e sua liberação) para cada elemento selecionado.
  • keypress(função):jQuery. Associa uma função ao evento keypress (pressão sobre uma tecla e sua liberação) para cada elemento selecionado.
  • keyup():jQuery. Dispara o evento keyup (liberação de tecla) para cada elemento selecionado.
  • keyup(função):jQuery. Associa uma função ao evento keyup (liberação de tecla) para cada elemento selecionado.
  • load(função):jQuery. Associa uma função ao evento load (carregamento) para cada elemento selecionado.
  • mousedown(função):jQuery. Associa uma função ao evento mousedown (pressão do botão do mouse) para cada elemento selecionado.
  • mouseenter(função):jQuery. Associa uma função ao evento mouseenter (mouse passa a estar sobre um elemento) para cada elemento selecionado.
  • mouseleave(função):jQuery. Associa uma função ao evento mouseleave (mouse deixa de estar sobre um elemento) para cada elemento selecionado.
  • mousemove(função):jQuery. Associa uma função ao evento mousemove (movimentação do mouse) para cada elemento selecionado.
  • mouseout(função):jQuery. Associa uma função ao evento mouseout (mouse deixa de estar sobre um elemento) para cada elemento selecionado. Mouseout dispara quando o ponteiro do mouse “entra” ou “sai” de um elemento-filho, enquanto o mouseleave não.
  • mouseover(função):jQuery. Associa uma função ao evento mouseover (mouse passa a estar sobre um elemento) para cada elemento selecionado. Mouseover dispara quando o ponteiro do mouse “entra” ou “sai” de um elemento-filho, enquanto o mouseenter não.
  • mouseup(função):jQuery. Associa uma função ao evento mouseup (liberação do botão do mouse) para cada elemento selecionado.
  • resize(função):jQuery. Associa uma função ao evento resize (redimensionamento) para cada elemento selecionado.
  • scroll(função):jQuery. Associa uma função ao evento scroll (rolagem) para cada elemento selecionado.
  • select():jQuery. Dispara o evento select (seleção) para cada elemento selecionado.
  • select(função):jQuery. Associa uma função ao evento select (seleção) para cada elemento selecionado.
  • submit():jQuery. Dispara o evento submit (envio de dados de formulário) para cada elemento selecionado.
  • submit(função):jQuery. Associa uma função ao evento submit (envio de dados de formulário) para cada elemento selecionado.
  • unload(função):jQuery. Associa uma função ao evento unload (descarregamento) para cada elemento selecionado.

MSN no seu próprio site

As vezes é necessário além de colocar um formulário para CONTATO em um site, também colocar o MSN do cliente para atendimento ONLINE, para isso é necessário poucos passos para conseguir:

  1. Acesse o site http://settings.messenger.live.com/applications/WebSettings.aspx
  2. Faça o login com o seu Passport
  3. Marque o checkbox “permitir que as pessoas vejam o seu status do Messenger em sites e enviem mensagens para você”. Como na imagem:

  4. Clique em “Salvar”
  5. Clique na guia “Criar HTML” e escolha suas preferências visuais e funcionais.
  6. Copie o HTML que será gerado e cole na página que quiser.