Efeito Hightlight em palavras igual ao Google - JavaScript - DHTML (Efeitos)
DHTMLEfeitosGoogleJavaScript
HomeC�digo FonteJavaScript - DHTMLEfeitos
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: doDestacaTextoBuscaParametros: - 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)
Escolha a palavra: <input type="text" value="codigo" size="25" name="busca" /><input type="button" onClick="doDestacaTextoBusca(document.getElementById('busca').value, teste)" value="Destacar Texto" />
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.
ArquivoTipoTamanhoHits destacaTexto.jsArquivo JS1,3 Kb2247
denunciar danilodk comentou em 20/5/2011
s� que preciso que ao fazer uma nova busca ele apague a marca��o anterior, mais foi muito bom!
denunciar usertop comentou em 27/1/2010
denunciar akcire comentou em 15/9/2009
Como apagar o anteior?
Muito bom esse c�digo, s� que preciso que ao fazer uma nova busca ele apague a marca��o anterior.Como posso fazer?Obrigada!
denunciar ricardo comentou em 8/3/2007
felismente nao achei nenhum erro e funcionou perfeito.
denunciar lype2303 comentou em 9/2/2007
Cont�m alguns erros
O script � realmente muito bom, mas cont�m alguns erros.... mas � muito f�cil dar uma ajeitada nele...