Categorias

Efeito Hightlight em palavras igual ao Google

Milhares de sites na internet utilizam o efeito Hightlight em suas páginas, principalmente em páginas de resultado de buscas e pesquisas. Por exemplo, com uma palavra ou frase que é utilizada para a busca no resultado este mesmo critério de busca aparece destacado.
Esse efeito Hightlight, é utilizado, por exemplo, nas páginas de cache do Google.

Com este código é possível criar este efeito Hightlight em suas páginas de forma rápida e prática.

A utilização do código é muito simples, basta passar 3 parâmetros:

Nome da função: doDestacaTextoBusca
Parametros:
textoBusca: Texto a ser destacado
textoObj: Objeto da página em que o Hightlight será aplicado. Uma DIV ou SPAN, por exemplo
ehFrase (opcional): Trata o parâmetro textoBusca como Frase.

Exemplo de chamada:
doDestacaTextoBusca(“palavra destaque”, objDestaque)




Highlight de Textos igual ao Google







Escolha a palavra: 

Site para programadores com codigos fonte, noticias, video aulas, downloads, artigos e tutorias. Tudo sobre Web. ASP, PHP, .NET, JSP, ABAP, JavaScript, ActionScript DHTML, XHTML, CSS, Web Standards/Tableless, mySQL, SQL, Photoshop, Flash MX e muito mais. Utilize a palavra "codigo" como exemplo pois há neste texto muitas repetições de codigo, assim é possível ver a palavra codigo em destaque diversas vezes.

Arquivos para Download:

destacaTexto.js