Plugin JQuery Tooltip – gaTooltip

Olá Pessoal

Desenvolvi esse plugin para mostrar uma ToolTip de forma simples. Apesar de ter vários desenvolvidos pela internet, não encontrei nenhum de forma simples, eficiênte e que me agradasse, então resolvi desenvolver.
Estou publicando para possam utilizar e modificar.

DOWNLOAD do código completo com exemplo

Para visualizar, clique aqui

Forma de utilizar:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>gaToolTip</title>
		<style type="text/css">
			body { font-family:Arial; font-size:12px; }
			#gaTool { background-color:#EFEFEF; border:1px solid #F00; color:#000; }
			.gaTool { color:#F00; font-weight:bold; }
        </style>    

		<script type=text/javascript src="http://code.jquery.com/jquery-1.6.min.js"></script>
        <script type=text/javascript src="query.gatooltip-1.0.js"></script>

		<script type="text/javascript">
          $(document).ready(function(){
              $(".gaTool").gaToolTip();
          });
        </script>
    </head>   
    <body>
    	<h1>gaToolTip - Passe o mouse sobre as palavras em vermelho</h1>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo <span class="gaTool" title="Demostração ToolTip">ligula</span> eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis <span class="gaTool" title="?">parturient montes</span>, nascetur ridiculus mus.</p>
    </body>
</html>

Qualquer sugestão ou bugs que encontrarem, se possível me informem.

Até a próxima.

Gostar disto:

Be the first to like this .

This entry was posted on 12 12UTC Maio 12UTC 2011, 23:42 and is filed under JQuery, Plugin, Tooltip. You can follow any responses to this entry through RSS 2.0. Pode deixar um comentário ou um trackback no seu próprio site.

#1 by Paulo on 11 11UTC Agosto 11UTC 2011 - 13:51

Olá.
Quando a propriedade “Title” possui mais de uma palavra o Tooltip exibe apenas a 1a palavra

Abs

Comentar
- #2 by mateusgamba on 15 15UTC Agosto 15UTC 2011 - 08:51
  
  Olá Paulo
  
  Até então que eu utilizo, funciona para frases grandes, textos também fiz testes e funciona.
  
  Você pode verificar o exemplo que lá tem um com 2 palavras
  
  Qualquer coisa, dá um toque ai
  
  flw
  
  Comentar
#3 by Jessica on 20 20UTC Janeiro 20UTC 2012 - 22:12

Olá, já tentei colocar seu código na minha página do wordpress mas não consigo fazer com que esta apareça.
O WP suporta o tooltip? Ou será que não estou fazendo direito?

Comentar
- #4 by Jessica on 20 20UTC Janeiro 20UTC 2012 - 22:13
  
  OBS: ele funciona normal quando está numa página simples “.html”
  
  Comentar
- #5 by mateusgamba on 25 25UTC Janeiro 25UTC 2012 - 07:46
  
  Olá
  Em relação ao wordpress, não vou consegui te ajudar, mas funcina sim em html
  
  Comentar