Blog do Adriano Meira - Uma ajudinha para desenvolvedores e web designers. Uma ajudinha para desenvolvedores e web designers.
06/06/2010

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.
Olá pessoal depois de ver que muita gente se interessou pelo carregamento de dados em um select usando o método "load" do jQuery (veja aqui o post sobre) que tal usar uma função mais refinadas e mais segura, vamos usar o método POST e GET, mas qual a diferença?
Um dia desses uma amiga aqui no serviço estava procurando um padrão de repetição para o fundo do site da mão dela, onde seria preto com bolinhas brancas como aqueles vestidos antigos (lembra da música "era um biquíni de bolinha..." ), daí procurei e achei uma solução bacana que quero compartilhar com vocês e falar um pouco sobre padrões de repetição.
Algum tempo atrás fiz um post sobre fontes personalizadas no seu site, para lembrar veja aqui o post, bom daí pensei em usar duas fontes diferentes em um layout e descobri que é possível e muito fácil, vou mostrar a vocês.
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.
  • Foto (imagem) com borda arredondada

    Que tal dar um trato nas suas fotos? Colocar uma borda arredondada bacana? Faça isso de forma simples e rápida com o site da RoundPic é muito simples basta fazer upload de foto imagem ou colocar o link de onde ela está, na tela de configuração você poderá: Escolher qual o canto que deseja colocar. Largura e Altura da Imagem (pode deixar que ele faça a proporção exata da imagem). Escolher uma qualidade adequada. O Tamanho da borda. A cor de fundo da imagem ou se ela for transparente. E por fim renomear a imagem. Bacana não? Se você procura um editor de imagens mais complexo, experimente esse aqui.
  • 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.
  • Editor de Fotos on-line

    Para quem quer fazer aquele ajuste na sua foto sem ter que instalar e comprar a licença do Photoshop tá ai uma boa solução on-line e grátis, é o Pixlr Free Editor, essa ferramenta proporciona coisas fantásticas encontradas no Photoshop como Correção de Olhos Vermelhos, carimbos, degrade entre outras coisas, há detalhes bacana tem a versão em português!
  • Máscara de imagens – Borda Arredondada

    Imagine que você criou aquele layout com borda arredondada pra tudo que é lado, todo espertinho usou o plugin do jQuery Corner, mas ai a galeria de imagens (ou fotos) do seu cliente é dinâmica, vem de um banco de dados, como colocar as bordas arredondadas?? Não se desespere o "Mago do CSS", o Mr. M lhe ajudará! Vejam a mágica aqui
Page 3 of 5
1 2 3 4 5

Publicidade e outros

Marcadores de Página Magnético

 

Leia e Liberte pelo BookCrossing.com ...