1

Does any one know what jquery plugin was used in this page of trulia.com in the refine search section. I think this is a good selectbox plugin and i've googled it and with no luck. I would really like to use this. Thanks in advance.

KiiroSora09
  • 2,247
  • 18
  • 21
  • If you mean that big green element with `Bed`- and `Bath`-selectboxes, it seems they don't use any plugin for those, just pure HTML and some CSS. – Teemu Apr 16 '12 at 10:44

2 Answers2

1

I have peeked into the code on trulia.com, and it does not look like they are using a plugin. It is simply an ordinary selectbox, which is styled with wrapper elements.

There are some code in the polarbear-home.js javascript file, which sets/removes focus to the select. 

$(".select-wrapper>select").bind("focusin", function (c) {
    $(this).prev().addClass("focus")
});
$(".select-wrapper>select").blur(function (c) {
    $(this).prev().removeClass("focus")
});

But, my guess is, that this is no public available plugin, but some wrapper styling, and some some js/jquery code to do the focus/unfocus styling.

aaberg
  • 2,253
  • 15
  • 14
  • Sir thanks a lot. I'm new to webdevelopment. How I wish I could make plugins like those, A hybrid select/dropdown/range input would just be superb. – KiiroSora09 Apr 23 '12 at 10:05
0

Try out SelectBoxIt. I just released it last week. DailyJS also wrote about it here http://dailyjs.com/2012/04/24/jquery-roundup/

Greg Franko
  • 1,780
  • 15
  • 14
  • Wow, this is really good. Thanks sir. I would try to use this awesome jQuery plugin. Have not explored it yet though but does this support text input aside from the options on the dropdown? It would be very fantastic if it does. Sorry for the much delay reply, had a very bad internet connection problem. – KiiroSora09 May 02 '12 at 08:53
  • Currently you can put text that is different from the options by setting the defaultText option. In the 0.6.0 release (will be out tomorrow), you will also be able to specify text by adding an HTML 5 data attribute to the original HTML Select Box Element. – Greg Franko May 02 '12 at 14:36