BoxOver - Insira Dicas (ToolTips) sem complicação

Quinta-feira, 21 de Junho de 2007. 10:02:27
Análises, Programação, Web |

Começando o dia, programação, design e tudo mais na fábrica de software. A dica do dia é uma pequena biblioteca em JavaScript/DHTML que permite inserir de forma simples dicas (ToolTips) em seu site ou mesmo blog.

Para quem não identificou, o ToolTip é quando você passa o cursor sobre uma estrutura do site e o abre-se uma pequena tela com alguma informação. Tá bom… não ficou claro ainda?! Vou ter que desenhar? OK… sem problema…

Descrito o que a função faz, vamos falar como inserir no seu site/blog.
O primeiro passo é baixar o arquivo. Para isso acesse o site do sistema:
boxover.swazz.org

Em seguida é preciso instalar o arquivo. Nada muito complicado…basta abrir o arquivo que terá os tooltips e inserir o código:

<script src=”BoxOver.js” mce_src=”BoxOver.js”></script>

Feito isso a página estará apta para exibir tooltips.

Para inserir os tooltips, basta adicionar um div no local onde você deseja e usar as tags que o sistema cria dentro do title da mesma.

O exemplo da imagem foi gerado com o código:

<DIV TITLE=”header=[header text] body=[body text]” STYLE=”BORDER: #558844 1px solid;WIDTH:200px;HEIGHT: 75px”>
My div with some text inside.  Move over me to see my tooltip.
</DIV>

Para mais exemplos acesse:
http://boxover.swazz.org/example.html