Exposing onFocus/onBlur events about jquery-manifest

[jstayton]

Hey Vlad,

That is a very cool effect. I think you can achieve it as well without too much effort.

If you're not using autocomplete (Marco Polo), adding focusin and focusout event callbacks on div.mf_container — after you've initialized Manifest on the input — makes it easy to add and remove the class:

$('#input').manifest('container')
  .focusin(function () {
    $(this).addClass('mf_focused');
  })
  .focusout(function () {
    $(this).removeClass('mf_focused');
  });

If you're using Marco Polo, however, the input blurs and gains focus again whenever a result is selected by mouse, which will likely cause an unwanted flicker effect. I do keep track of what I call "pseudo-focus" within the code, however, so it shouldn't be too difficult to provide hooks into those events. (I do already provide a onFocus callback, but no onBlur.)

Let me know what you think. Thanks!

Justin

[callmevlad]

Hey Justin,

Ah, I didn't notice the onFocus callback. I am using Marco Polo, so I'm going to play around a bit to see if I can get around the flicker you mentioned.

Thanks again,
Vlad

[jstayton]

Cool. Let me know how it works out. I'll close this for now, but feel free to continue replying here.

Justin

[jstayton]

Hey Vlad,

I've added an onBlur event callback in v1.5.0 of Marco Polo, which is bundled with the latest version of Manifest (v1.2.1). That may work better to hook into for what you're trying to do.

Justin

[callmevlad]

Justin,

Holy cow, how did I miss your comment??? I ended up playing around on my own, but taking a look at your changeset it looks much cleaner - I'm going to give it a shot and let you know how it goes. Thanks!!!

Vlad

[callmevlad]

Justin,

Thanks very much for the new version of Marco Polo - it worked like a charm. Looks like the focus/blur tracking is spot on, and the control I ended up creating (preview here: http://i.imgur.com/qKZX9.png) focuses naturally as if it were a regular text input field. Thanks again!

Vlad

[jstayton]

Awesome! Looks great!

Justin