Tooltip Helper para Rails sem Javascript
É muito comum precisarmos exibir explicativos, legendas ou qualquer tipo de informação extra mas sem poluir o layout do site ou sistema.
Para este problema tão recorrente temos as tooltips, que todos já devem conhecer.
Em desenvolvimento web existem centenas de formas de criar tooltips, quase todas atreladas a algum tipo de javascript. Como por exemplo:
Só que muitas vezes não quero ter que usar Javascript para isto, quero só uma tag que seja exibida com rollover. E isto é bem simples de se fazer:
A solução acima é uma adaptação do proposto no site CSS Globe, e basicamente é um link (ou qualquer outra tag que aceite hover) com uma outra tag (no caso um span) com display:none (dizendo que não deve ser exibida) que é alterado no hover para display:block. Simples.
Também acrescentei um onclick=”return false;” no link, para garantir que se o usuário clicar no elemento a url não mude.
Simples mas querendo ou não temos que escrever um pouco, e como programador bom é programador preguiçoso, criamos um helper no Rails para poupar tempo:
Normalmente coloco o método acima no arquivo application_helper.rb do Rails, pois vou usar este helper em toda a minha aplicação.
Feito isto podemos agora chamar em nossas views do Rails desta forma:
<%= help_tooltip "<b>ex.: Lipsum Design LTDA</b><br/>Este nome ..." %>
O restuldo seria algo como a imagem abaixo:
Para concluir, um spec em Rspec de como garantir que este método funcione da forma correta:
Vale lembrar que se você usar algum Framework de Javascript como Jquery, seria bem simples acrescentar efeitos através da classe tip.
Comentário
CATEGORIAS
HomeDesign
SEO
Empreendimento
Cifras
Ruby e Rails
Flex
Photoshop
Flash
XHTML/CSS
JavaScript
Variados
Database
Firefox
Projetos
3D
Projetos
TextMate
Smalltalk
Mac
Livros
ARQUIVO
08/2010 (5)07/2010 (2)
06/2010 (4)
05/2010 (4)
04/2010 (4)
03/2010 (5)
02/2010 (7)
01/2009 (4)
12/2009 (7)
11/2009 (4)
10/2009 (10)
09/2009 (7)
08/2009 (6)
07/2009 (12)
06/2009 (5)
05/2009 (6)
04/2009 (9)
03/2009 (14)
02/2009 (18)
01/2009 (14)
12/2008 (20)
11/2008 (18)
10/2008 (9)
09/2008 (12)
08/2008 (6)
07/2008 (12)
06/2008 (10)
05/2008 (15)
04/2008 (19)
Eventos e mais eventos
comentado por Jonathas Sampaio
Eventos e mais eventos
comentado por Alison Souza
Eventos e mais eventos
comentado por Daniel Lopes
Eventos e mais eventos
comentado por Jonathas Sampaio
Curso de Rails 3.0
comentado por hiago