Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

change text color only of user entered string in AJAX extended textbox

$
0
0

Not sure if I should post this in the jquery forum or elsewhere but since I am extending a texbox control with AJAX Autocomplete I thought I would start here.

I have successfully implemeted an autocomplete text box where once the user enters 3 characters my database returns a list of records that begin with the first 3 characters entered by the user.

I then changed this feature to use some Fuzzy logic so that the strings that returned contain no less than the 3 characters entered by the user and progressively becomes a shorter more refined list as the user enters a more specific search string.

I then used the inlcluded CSS class of the Autocomplete control to change the backgorund color and selected item color in the extended texbox.

<asp:AutoCompleteExtender 
                    ID="TextBox1_AutoCompleteExtender" 
                    runat="server" 
                    DelimiterCharacters="" 
                    Enabled="True" 
                    EnableCaching="True" 
                    ServiceMethod="GetCompletionList" 
                    ServicePath="~/search/strngSrch.asmx" 
                    TargetControlID="TextBox1" 
                    UseContextKey="True" 
                    CompletionSetCount="30" 
                    CompletionInterval="10"
                    MinimumPrefixLength="2"
                    CompletionListItemCssClass="itemHighlighted" 
                    CompletionListHighlightedItemCssClass="itemHighlighted1">                    </asp:AutoCompleteExtender>

What I would like to do now is change the color of the text ONLY in each string (list item) that matches what the user is entering after 3 or more characters have been entered.

I have been searching for something like this on the web for 2 days and have not found a similar solution. My efforts have become more than frustrating.

User Enters:  fish

Results list should look like:

Fishing

NewFishing licenses

RenewFishing License

Fish and hatchery lists

If anyone has any links or similar type of solution I would be very pleased to look it over.

This functionality could best be compared to searching for a text string in a PDF where the word background is highlighted yellow for each occurance within the doc. I don't care if it turns the background a different color ONLY behind the text the user entered, or changes the text color.

thanks,


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>