jQuery().waiting(), deixando o tempo carregamento menos constrangedor

jQuery().waiting(), deixando o tempo carregamento menos constrangedor

Blog Javascript

Boa noite pessoal,

A coisa mais chata que vemos acontecer nas mais diversas aplicações WEB espalhadas mundo a fora, é um layout todo bagunçado devido ao tempo de carregamento da página, e ainda no pior dos casos é quando o navegador não terminou de baixar todos os arquivos CSS e/ou JS e o usuário clica em um botão AJAX que resulta um erro ou página em branco…isto é foda horrível, mas muitas vezes não é culpa do desenvolvedor ou designer, mas as vezes a infra do usuário final banda larga da Oi seja muito lenta…mesmo assim isto é algo que tem ser tratado durante o desenvolvimento ou então nas fases de testes. Continue reading

jQuery.wysiwyg e o bug com o jQuery.validate

Blog Javascript

Boa noite pessoal,

Para quem usa o plugin jQuery.wysiwyg e se deparou com o problema de que o jQuery.validate não está passando pelo seu textarea que foi sobrescrito pelo jQuery.wysiwyg, saiba que existe uma alternativa marota para adicionar alguma validação ainda com o jQuery.validate.

Basicamente o jQuery.validate ignora a validação em campos ocultos ‘hidden’, logo como o jQuery.wysiwyg esconde o seu textarea sobre o editor rico a validação acaba furando. Uma alternativa é passar um argumento ignore ao construtor do jQuery.validate para aceitar os campos ocultos do formulário: Continue reading

Plugin jQuery para um editor wysiwyg

Blog Javascript

Bom dia a todos,

Para quem deseja um editor wysiwyg que seja leve e flexível e que não seja o TinyMCE, tem o plugin ‘WYSIWYG jQuery Plugin‘. Ele é bem mais simples que o TinyMCE e utiliza muito bem a API do jQuery, também é possível de configurar as funcionalidades que aparecem e também de podermos criar e registrar novas funcionalidades, como por exemplo um upload de imagens. Abaixo tem um exemplo de como usar: Continue reading

Ferramenta para validar HTML no Google Chrome

Javascript

Boa tarde a todos,

Gosto muito de usar o Firefox, só que estou achando ele muito pesado e por isso estou tentando utilizar somente o Google Chrome aqui na minha estação de trabalho. Conforme eu uso vou procurando ferramentas que eu tinha no Firefox e que pra mim são importantíssimas, como por exemplo o Firebug e o HTML Validator.

O HTML Validator funciona perfeitamente para o Windows, só que no Linux é uma novela, devido as dependências com as bibliotecas do C++ na versão 5.  Demorei um tempo para conseguir fazer rodar na versão 4 do Firefox e agora veio uma atualização e foi para a 5, assim começei a procurar para o Chrome, achei o HTML Validator só que ele somente valida sites que estão rodando na WEB e não em endereço local, e agora ?

Assim procurando lá no Web Store do Chrome achei o Validity que funciona muito bem, após vocẽ instalar vocẽ precisa marcar uma opção para que ele mostre os erros de HTML no console do Chrome, assim ele atende 100% a validação dos seus documentos HTML.

Extensão Validity no Google Chrome.

Para download da extensão segue o endereço abaixo:

https://chrome.google.com/webstore/detail/bbicmjjbohdfglopkidebfccilipgeif

Abraços e até a próxima.

Mostrar uma mensagem durante o carregamento do sistema com jQuery

Javascript

Boa tarde a todos,

Para quem desenvolve para o ambiente WEB alguma vez já se deparou com algum problema gerado por uma requisição AJAX que deu problema devido ao conteúdo da página ter sido totalmente carregado. Para amenizar esse nós podemos colocar uma mensagem sobreposta ao conteúdo da página avisando ao usuário que o conteúdo está sendo carregado. Continue reading

Manipular a URL e QueryString de um form antes do submit com o jQuery

Blog Javascript

Bom dia a todos,

Hoje consegui fazer mais uma modificação DOM interessante com o jQuery, no caso foi uma dúvida que me surgiu enquando eu desenhava um relatório aqui. Como que faço para alterar a URL da action de um form antes do seu submit com o jQuery ?

Por sinal é bem simples de modificar através do uso dos gatilhos do jQuery. Em resumo precisamos fazer o seguinte: Continue reading