Blog do Adriano Meira - Uma ajudinha para desenvolvedores e web designers. Uma ajudinha para desenvolvedores e web designers.
  • Usando a função Ajax ($.ajax) do jQuery

    Olá pessoal, me desculpem a sumida pois faculdade e trabalho é complicado mas nestas férias vou compensar. Vamos ao trabalho então, neste post vou mostrar como é simples usar a função ajax do jQuery como exemplo retornar o valor de itens de um carrinho,após ser clicado no produto. Para que usar? Esta função serve para que você possa resgatar dados de uma página externa sem que tenha que recarregar ("dar refresh")  na página aberta, um exemplo seria ao clicar em um botão "pesquisar" normalmente a página seria recarregada e mostraria o resultado, com o ajax do jQuery ao clicar apareceria uma mensagem de carregando e em seguida o resultado apareceria sem recarregar a página. Recomendações? Tome muito cuidado com acentuação, aconselho a usar codificação UTF-8 para voltar valores, mas cuidado ao usar a função em excesso pois se o usuário desabilitar o javascript nada vai funcionar, recomendo para usar para coisas simples como retoranar um valor de itens no carinho, envio de e-mail, gravar dados no banco etc... Como debugar? Para debugar eu uso o Plugin Firebug do Firefox, porém em sua versão mais antiga ele pode nos fornecer o caminho,  existe outros plugins de jQuery que montar um local para debugar , fique a vontade para fazer sua pesquisa. Mãos a massa! Ok então como disse vamos criar uma página onde temos as imagens dos produtos e ao clicar nelas é adicionado ao carrinho que é mostrado em outra parte do site,  aqui vamos nós em um exemplo simples acompanhe
  • Selecionando texto em uma página com jQuery

    E ae pessoal, beleza? Esse é o meu primeiro post aqui nesse site desse grande web designer que é o Adriano meu brother do trampo. Seguinte, eu tinha a seguinte missão, criar um mega-menu, só que ele iria ter muita, muita informação mesmo, ia tipo ocupar a página inteira, o Adriano deu a ideia de colocar um campo para pesquisa de texto dentro desse mega-menu, o que eu achei fantástico porém sem saber a solução. Depois de um bom tempo da proposta dessa ideia, peguei um livro de jQuery que eu já tinha a um bucado de tempo, por falar nisso podem comprar é muito bom mesmo, é da Novatec e chama-se jQuery, A Biblioteca do Programador JavaScript de Maurício Samy Silva (dono do site Maujor.com). Link para o livro: http://novatec.com.br/livros/jquery2/. E este livro contém um capítulo apenas para seletores, dentre estes um mi chamou muito a atenção: o seletor seletorjQuery:contains(texto). Onde seletorjQuery seria o atributo dentro do qual você iria procurar, por exemplo $('#divExemplo'); :contains(texto) é uma função exclusiva da biblioteca jQuery e não é prevista na CSS3, que procura dentro do seletorjQuery qualquer ocorrência do texto digitado.
  • Trocando CSS e gravando em cookies com jQuery (Stylesheet Switcher)

    Olá pessoal um dia desses precisava gravar uma mudança de um elemento e que mesmo atualizando o navegador ou entrando lá depois isso ficasse de acordo com a última alteração, logo me surgiu a intenção de gravar isso num banco mas ai pensei e se outro usuário remover esta condição não daria certo. Então pensei em cookies e achei algo bem bacana que compartilho com vocês, com um pouco de jQuery e este plugin conseguimos gravar num cookie uma condição, checa-la e aplica-la.
  • JQuery UI – User Interface

    Pessoal para quem procura uma boa documentação de jQuery para interfaces de usuário (UI) tá ai um excelente grupo delas, mas afinal o que é e para que serve o UI? Meu caro isso é simples, imagine fazer um sistema bem grande mas ai você fica naquela briga de fazer os botões todos iguais e redondinhos em todos os navegadores e descobre que o Explorer 6 mais uma vez lhe prejudicou... Aquela div que aparece o calendário tá desalinhada... então não se preocupe de uma olhadinha neste site e confira algumas coisas bacanas como: Selectable - Aqui você pode deixar as linhas de sua tabela seleciona com um clique. Rezizable - Redimensione facilmente seu elemento para caber mais informações ou comprimir espaço. Accordion - Nem preciso dizer né... só que este já vem comum CSS bunitinho. Autocomplete - Este é novo por lá, muito útil em formulários de busca. Dialog - Sensacional veja no menu ao lado sobre Modal Form. E muito mais! Sem contar que você poderá utilizar vários temas, escolha um que se encaixe na sua aplicação!
  • Menu acordeon (sanfona) com jQuery

    Olá pessoal desculpem a demora surgiu um grande problema para eu resolver, tenho que refazer todo o sistema administrativo dos meus clientes, por isso a falta de tempo. Mas vamos lá hoje vou mostrar como é fácil e rápido fazer um menu acordeon (sanfona) com jQuery. Para começar vamos para o HTML e CSS assim você poderá controlar melhor o estilo, o estilo aqui em questão bem como o HTML são ilustrativos fique a vontade para modificar ou fazer da sua melhor forma.
  • Rapidinhas do jQuery

    Olá pessoal eu sigo um cara no twitter (@usejquery) que posta muita coisa legal confiram aqui algumas rapidinhas dele fraga ai os links: 1. Sketch Pad 2. Isso não é flash! 3. ketchup plugin, validação
  • jQAPI – Documentação alternativa para jQuery 1.4.1

    Pessoal no meu twitter encontrei um link bem interessante, um site que traz a documentação do jQuery 1.4.1 com boa apresentação e suporrte de Browser muito bacana, vale a peba conferir, uma dica, se não souber inglês de um pulinho no tradutos do google que fica tudo bem! http://jqapi.com/
  • Carregando dados no Select com jQuery e Ajax

    Olá pessoal como diria o bom e velho Exterminador  "i'll be back!", ao poucos vou terminando de ajustas as coisas da casa e postar coisas novas, então vamos lá. Sabe quando você precisa de carregar algum(s) dados em um campo de selecet do seu documento e acha aqueles códigos enormes de ajax? Pois seus problemas acabaram!
Page 2 of 3
1 2 3

Publicidade e outros

Marcadores de Página Magnético

 

Leia e Liberte pelo BookCrossing.com ...