[drupal-devel] [feature] Improved styling of autocomplete matches

[Thox]

Issue status update for http://drupal.org/node/24932

 Project:      Drupal
 Version:      cvs
 Component:    base system
 Category:     feature requests
 Priority:     normal
 Assigned to:  Anonymous
 Reported by:  Thox
 Updated by:   Thox
 Status:       patch

Steven, originally I used an underline, then I used bold. Is it right to
use <strong> if the style might be completely different?


I'm hoping to get the server side to use even less bandwidth. In the
future, I'd like to remove the drupal_implode_matches function and get
the folksonomy field working based on client-side code. This would
remove duplicate data on the vast majority of autocomplete callbacks.


A suggestion was made in #drupal that the delay should be adjustable
(either at coding time or with a simple admin control). The other
suggestion, which appeals more to me, is to get the javascript to run a
timer and adjust the suggestions delay based on the response time of the
requests.




Thox



Previous comments:
------------------------------------------------------------------------

June 13, 2005 - 19:07 : Thox

Attachment: http://drupal.org/files/issues/autocomplete_8.patch (1.39 KB)

I'd like the autocomplete matches to be underlined (or styled in some
way) so that users can see which part of the strings returned was
actually matched. See Screenshot [1].
[1] http://photos14.flickr.com/19139302_0acb27f00d_o.png




------------------------------------------------------------------------

June 20, 2005 - 10:04 : Thox

Attachment: http://drupal.org/files/issues/autocomplete_9.patch (1.38 KB)

Using bold instead of underline is much more effective. See screenshot
[2] or my usual autocomplete demo page [3].


New patch attached.
[2] http://photos16.flickr.com/20434923_0760dbda6c_o.png
[3] http://brandedthoughts.co.uk/story/drupal-autocomplete-demo




------------------------------------------------------------------------

June 20, 2005 - 15:47 : Chris Johnson

Very nice feedback.  On your demo page, I like the icon in the text
field that indicates active "matching."


One small bug (it seems).  Typing "c" alone gets me a list of matches,
but the last (bottom) entry has a piece of javascript appended to it
with a line through it.


Using Firefox 1.04 on Windows 2000.


Similar bug, but with several lines of javascript fragments in the
match box, appears using MSIE 6 on Windows 2000.




------------------------------------------------------------------------

June 20, 2005 - 19:57 : Steven

+1 on the idea, but wouldn't it be better to have the highlighting be
done in a themable function on the server side?


For one thing, it makes it more flexible. But also, the displayed
values can contain HTML, so there might be conflicts with HTML tags in
there if you do a blind search and replace on the client-side. Think
icons/thumbnails, Google Suggest-style popularity counts/indicators,
etc.


If bloating the ajax data is a concern, then perhaps the default
themable should use <strong> instead of .




------------------------------------------------------------------------

June 20, 2005 - 20:07 : Steven

...instead of <span class="match">.


By the way Chris, the animated icon is called the throbber and it is
part of core.