Ho recentemente effettuato un'evidenziazione molto semplice con jQuery e un plug-in highlight. Ecco come si presenta:Evidenzia parole di ricerca come Chrome con jQuery
$ ('myButton') clicca (function() {
$ ('body') highlight ($ ('# myInputText') val());...
});
Ma mi chiedo come posso fare l'evidenziazione di Chrome, intendo evidenziare le lettere ogni volta che digito una lettera nella casella di testo senza inviare. Penso che forse usi un evento di keyup ... Qualche idea?
Grazie Andy, ho cambiato 'questo [0]' a 'cercare [i]' nel codice e funziona se c'è un solo tag 'p'
$(document).ready(function(){
var search = ['p', 'div', 'span'];
$("#highlighter").bind('keyup', function(e){
var pattern = $(this).val();
$.each(search, function(i){
var str = search[i];
var orgText = $(str).text();
orgText = orgText.replace(pattern, function($1){
return "<span style='background-color: red;'>" + $1 + "</span>"
});
$(str).html(orgText);
});
});
});
grazie mille. codice molto utile! – ilkin