Posts da categoria jQuery

jQuery Chat estilo Gmail

Chat script usando jQuery, PHP e MySQL. No estilo do Gmail e do Facebook. Muito fácil de configurar e usar.

Principais características:

  • Botão para minimizar e fechar para as conversas;
  • Janelas de chat localizadas na parte inferior direita;
  • Mantem as conversas abertas, inclusive o conteúdo delas, quando ocorre refresh na página;
  • Auto resize e auto scrolling para as janelas.

chat-gmail

Site: http://anantgarg.com/2009/05/13/gmail-facebook-style-jquery-chat/

Demo: http://anantgarg.com/chat/samplea.php

Licença: parecida com a GPL license (uso para propósitos não comerciais).

jQuery UI Accordion Menu

Plugin jQuery que cria um menu sanfona. Permite você definir os elementos que inicialmente vão aparecer fechados ou abertos. Permite também customizar animações.

jquery-ui-accordion

Site: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/

Demo: http://jquery.bassistance.de/accordion/demo/

Licença: License MIT e GPL.

jQuery Accordion Menu

Menu sanfona, ou accordion menu, construído com jQuery. O comportamento básico é mostrar um submenu (e fechar o outro) quando se clica ou passa o mouse sobre o link do menu principal.

accordion-menu-jquery

Site: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

Demo: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

Licença: Não especificada.

Menu estilo Apple com jQuery

Menu no estilo do site da Apple construído com jQuery. Possui um efeito quando o mouse fica sobre um link, ele se abre, aparecendo um ícone.

menu-apple

Site: http://www.kriesi.at/archives/apple-menu-improved-with-jquery

Demo: http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html

Licença: Não especificada.

jQuery Dock Menu na lateral da página

Painel que fica recolhido na lateral da página e  “aparece” quando passamos o mouse sobre ele.

É dividido em abas laterais, onde cada uma abre seu respectivo menu. Esse menu pode ser “congelado” (dock significa doca, estaleiro) quando se clica no link dock. Ao clicar em undock ele volta ao estado original.

Pode-se fazer isso com todos os menus disponíveis. Permite uma navegação agradável, intuitiva e funcional ao mesmo tempo.

dock-lateral

Site: http://www.jankoatwarpspeed.com/post/2009/06/01/Advanced-docking-using-jQuery.aspx

Demo: http://www.jankoatwarpspeed.com/examples/AdvancedDocking/

Licença: Não especificada.

jQuery Dock no topo da página

Painel que fica recolhido no topo da página e “aparece” quando passamos o mouse sobre ele.

dock-topo

Site: http://www.queness.com/post/241/dock-content-tutorial-with-jquery-and-jquery-easing-plugin

Demo: http://www.queness.com/resources/html/dock/index.html

Licença: Não especificada.

jQuery Dock no rodapé da página

Painel que fica recolhido no rodapé da página e “aparece” quando passamos o mouse sobre ele.

dock-bottom

Site: http://www.queness.com/post/281/jquery-dock-menu-tutorial-revisitdock-at-bottom

Demo: http://www.queness.com/resources/html/dockbottom/index.html

Licença: Não especificada.

jQuery Auto Completar

jqac é um script de auto completar com jQuery. Script fácil de configurar e usar. Algumas características:

  • Possui um scroll na lateral para rolagem;
  • Suporte a multiplas sugestões;
  • Conteúdo pode ser carregado via Ajax.

jqac_snapshot

Site: http://code.google.com/p/jqac/

Demo: http://www.cs.bgu.ac.il/~ygleyzer/files/utils/jqac/jqac_example.html

Licença: Apache License 2.0.

Medir senha com Ajax

Script para medir a força da senha com Ajax e jQuery. Fácil de usar e configurar.

ajax-meter

Site: http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Demo: http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Licença: MIT License.

jQuery Password Strength Meter

Plugin jQuery que mede uma senha. Medir no sentido de qualidade, força da mesma.

O script centraliza num algoritimo que define uma variável score. Essa variável recebe pontos através de algumas regras pré determinadas.

pass-strength-meter

Site: http://phiras.wordpress.com/2007/04/08/password-strength-meter-a-jquery-plugin/

Demo: http://phiras.googlepages.com/PasswordStrengthMeter.html

Licença: Creative Commons Attribution 3.0 Unported License.