I'd like to know how to highlight some text within an input box; simple example, let's say I want to highlight all the terms starting by "@" while typing.
All the terms are retrieved from a remote autocomplete suggestions list.
The problem I'm facing is this input box, because I can't add html tags around the text and therefore can't make css on those specific terms...
Thanks for your help !
Cheers!
You can use .select method in jQuery... Here is a simple example.
$(input).focus(function() { this.select(); }); OR
$('input').click(function() { // the select() function on the DOM element will do what you want this.select(); }); 
.select() is not a jQuery method, rather it's native JavaScript. The proof is in your example. this within your jQuery callback handler is the event.target object, which is nothing more than a vanilla DOM element object. Here, the target is an input element that was clicked. this.select() is a a DOM API method , not a jQuery function.This, I hope, is what your after.
First take a look at highlightTextarea. Made by Julien L
With this you can do the following:
$("textarea").highlightTextarea({ words: ["\\B@\\w+"], color: "lightblue", id: "mark" }); The regex \\B@\\w+ assert position at an non word boundary (\B), followed by a @ and matches everything that falls under \w.
[ \t] before the '@', or else words that CONTAIN an '@' will be half highlighted!
\s and not \t? \t is a tab character.