Tooltip: recursos e formas de criar

Uma dica de ferramenta é uma mensagem de texto que ocorre quando você posiciona o ponteiro do mouse sobre um controle. Essas mensagens geralmente podem ser encontradas em vários recursos da Internet ao preencher campos de formulário, ler documentos com abreviatura, etc. Dicas semelhantes também são encontradas para funcionários de várias organizações ao preencher documentos e relatórios enviados eletronicamente. As sugestões de pop-up são criadas com um objetivo: fornecer informações adicionais e ajudar o usuário a entender o que ele está lidando. Criando-os difere dependendo de onde este item será colocado.

Primeiro vamos tentar entender como as dicas são criadas no campo analítico de atividade, muitas vezes usando uma variedade de tabelas e gráficos.

Exemplo de criação de uma dica de ferramenta na tabela:

– abra o documento no modo editável ou no modo de desenvolvimento;

– adicionar um novo controle a ele (isto pode ser uma imagem, uma caixa de texto, um retângulo);

– Clique com o botão direito do mouse no mouse do mouse, selecione "Propriedades e formatação" na lista que aparece após esta lista e, em seguida, uma janela com o mesmo nome abre;

– selecione a opção "Geral", localizada à esquerda, no campo "Tooltip" que aparece depois disso, digite o texto que precisamos, que será exibido nele;

– clique em "OK" para terminar de editar o documento.

A situação é completamente diferente com as dicas que são aplicadas nas páginas dos sites. Eles são criados por desenvolvedores web, como uma regra, aqueles que fazem o layout do site, ou seja, traduzindo seu layout para idiomas que são compreensíveis para qualquer navegador de internet moderno. Para tais fins, uma biblioteca especial de jquery é usada com mais freqüência, a ajuda pop-up com ela pode ser criada rapidamente o suficiente. Esta biblioteca como documento separado é facilmente e facilmente conectada ao documento html principal da página do site. Dependendo da intenção do designer, as dicas podem diferir em tamanho, cor, modo de aparecer na tela do usuário. Uma dica de ferramenta padrão é freqüentemente usada para atrair a atenção dos visitantes para quaisquer portais sérios (médicos, de construção) e é uma pequena janela com texto dentro dele.

Você pode criar uma dica de ferramenta com folhas de estilo em cascata (css) sem usar a biblioteca jquery. Css é um idioma formal para descrever a aparência de um documento. Com sua ajuda, as páginas do site assumem um formulário originalmente concebido pelo designer. As folhas de estilo em cascata permitem que você altere a aparência de qualquer elemento da página, sua posição em relação à janela do navegador e outros elementos, faça esses elementos de acordo com o layout do site, esconda-os e assegure sua aparência conforme necessário. O documento CSS, como regra, é retirado do documento principal da página do site e está conectado a ele usando uma etiqueta especial.

Tooltip: jquery ou css?

Dicas criadas com o uso de css, podem ser diferentes na excelente originalidade do design externo. Ao mesmo tempo, o uso de bibliotecas jquery permite que você aplique efeitos especiais ao elemento. Além disso, a conexão da biblioteca é um processo intensivo em mão-de-obra e não exige muito tempo. Como criar uma dica de ferramenta na página de um site, cada especialista decide por si mesmo. Além disso, o usuário médio deste site, como regra geral, não pensa em como exatamente os elementos constituintes foram criados. Por sinal, sobre as vantagens do uso de bibliotecas jquery, por que reinventar a roda, se você puder apenas melhorar ligeiramente o que já foi inventado?