0 Compartilhamentos 548 Views

Efeito Hightlight em palavras igual ao Google

3 de janeiro de 2007

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)

Arquivos para Download:

destacaTexto.js

Carregando...

Você pode se interessar

O que é o FLoC e como ele afeta sua privacidade na internet?
Artigos
14 visualizações
Artigos
14 visualizações

O que é o FLoC e como ele afeta sua privacidade na internet?

Carlos L. A. da Silva - 5 de maio de 2021

Federated Learning of Cohorts é uma API proposta pelo Google para substituir os cookies, mas ela também oferece problemas

Como planejar e construir um projeto de programação
Artigos
242 visualizações
Artigos
242 visualizações

Como planejar e construir um projeto de programação

Carlos L. A. da Silva - 19 de abril de 2021

O desenvolvedor full stack Peter Lynch revela seu método de preparação para qualquer projeto, de forma simples e direta para iniciantes e veteranos.

15 ferramentas de desenvolvimento para melhorar sua produtividade em 2021 sem gastar nada
Artigos
353 visualizações
Artigos
353 visualizações

15 ferramentas de desenvolvimento para melhorar sua produtividade em 2021 sem gastar nada

Carlos L. A. da Silva - 2 de abril de 2021

O cenário de desenvolvimento está em constante mudança e muitas vezes uma ferramenta nova pode agilizar muito seu trabalho.

Deixe um Comentário

Your email address will not be published.

Mais publicações

A tecnologia por trás do deep fake de Deep Nostalgia
Artigos
335 visualizações
335 visualizações

A tecnologia por trás do deep fake de Deep Nostalgia

Carlos L. A. da Silva - 22 de março de 2021
Como se tornar um Engenheiro DevOps em 2021
Artigos
314 visualizações
314 visualizações

Como se tornar um Engenheiro DevOps em 2021

Carlos L. A. da Silva - 1 de março de 2021
Seus dados vazaram. E agora?
Artigos
285 visualizações
285 visualizações

Seus dados vazaram. E agora?

Carlos L. A. da Silva - 19 de fevereiro de 2021