Eric Hynds - Latest Comments

Re: Using Deferreds in jQuery 1.5

Stif Labarque — Thu, 10 May 2012 12:02:47 -0000

Thanks, this post has been very useful

Re: A Recursive setTimeout Pattern

Jean-Marc Giorgi — Mon, 07 May 2012 06:04:35 -0000

Hi Colin,

I came across your article while looking for an elegant way of sending jQuery.ajax requests recursively.

I modified your code a little for a more "packaged" presentation.
I used it to display a long list of database records without making the user wait.

Thanks again (modified code attached)

var poller = {
 
    failed: 0,
    success_count: 0,
 
    interval: 5000,
 
    init: function(){
       setTimeout(
           jQuery.proxy(this.getData, this),
           this.interval
       );
       },
 
   getData: function(){
       var self = this;
 
       jQuery.ajax({
           url        : 'foo.htm',
           success    : jQuery.proxy(self.successHandler, self)
           error    : jQuery.proxy(self.errorHandler, self)
       });
   },
 
    // => Handle Success
    successHandler : function( response ){

          if( response === "failure" ){
              this.errorHandler();
          } else {
            ++this.success_count;
              this.init();
          }
      },

   errorHandler: function(){
       if( ++this.failed < 10 ){
          this.interval += 1000;
          this.init();
       }
   }
};
 
poller.init();

Re: jQuery UI MultiSelect Widget

Manan Shah — Tue, 01 May 2012 14:07:35 -0000

How can I refresh value with server side code?

In my code I want to refresh value based on new database query result. In demo they have shown how to refresh value from client side but not server side. Any type of help is appreciable.

Re: jQuery UI MultiSelect Widget

Amarnath Chatterjee — Mon, 30 Apr 2012 05:56:33 -0000

could not make it working in jsfiddle .. ?? Only two files i need to include rite ? minified JS and CSS .. from the source links you supplied , I included the files, added Jquery 1.7.2, Jquery UI .. but its not rendering

Re: jQuery UI MultiSelect Widget

Sebastian Giraldo — Thu, 26 Apr 2012 19:13:27 -0000

Hi,

Congratulations in advance, very good tool!!

I would like to make a contribution to the continuous improvement of the tool.
I have found a problem when trying to place the 'MultiSelect' inside TabContainer control (AjaxControlToolkit). In the first TabPanel, the 'MultiSelect' works OK; but when the 'Multiselect' is located in another TabPanel this is displayed incorrectly.
Attached some pictures that describe the error.

Thank you very much for your feedback.

Re: jQuery UI MultiSelect Widget

Elias Obadia — Mon, 23 Apr 2012 16:28:16 -0000

Please can anybody give a sample on how to use:
/* menu */.ui-multiselect-menu.myClass {}

Re: jQuery and Performance: What is ‘this’?

Mukti Studios — Sat, 21 Apr 2012 01:34:03 -0000

Thanks for the update.There is a scope to reach out for the best with the power of information in our hands that i got from your post.
website development

Re: jQuery UI MultiSelect Widget

Mike Bates — Thu, 19 Apr 2012 18:08:30 -0000

This is a great plugin, unfortunately it doesn't seem to work on iPad. If there are lots of options a scroll bar appears. That doesn't happen on the ipad, so you can only see the first 6 options.

First image is from chromiunm, second is from ipad.

*** After some research I found that the ipad does not show scroll bars for scrolling elements, instead you use two fingers to scroll it***

Re: A jQuery UI Growl/Ubuntu-like Notification Widget

xxistar — Wed, 18 Apr 2012 23:45:29 -0000

made a modification where u can define more than one css style, and specify message type ( alert, success, etc)

call it as follows:

create("withIcon", {
                        title:'Sucess!',
                        text:'Ticket has been created. Done.',
                        icon:'' },{
                        expires: false,
                        type: 'success' // or alert, etc
                    });

on line 39....

create: function(template, msg, opts){
      if(typeof template === "object"){
        opts = msg;
        msg = template;
        template = null;
      }

      classes = [];

      switch(opts.type) {
      default:
      case 'alert':

        classes['main'] = 'ui-notify';
        classes['message'] = 'ui-notify-message';
        classes['message-style'] = 'ui-notify-message-style';
        classes['message-click'] = 'ui-notify-click';
        console.log('alert:',classes);
        break;
      case 'success':

        classes['main'] = 'ui-success';
        classes['message'] = 'ui-success-message';
        classes['message-style'] = 'ui-success-message-style';
        classes['message-click'] = 'ui-success-click';

        console.log('success:',classes);
        break;
      }

      var tpl = this.templates[ template || this.keys[0]];

      // remove default styling class if rolling w/ custom classes
      if(opts && opts.custom){
        tpl = $(tpl).removeClass(classes['message-style']).wrap("<div></div>").parent().html();
      }

this.openNotifications = this.openNotifications || 0;

      // return a new notification instance
      note = new $.ech.notify.instance(this)._create(msg, $.extend({}, this.options, opts), tpl);

      $('.ui-notify').attr('class',classes['main']+' '+classes['message-style']);

      return note;
    }

Re: jQuery UI MultiSelect Widget

Kayla — Wed, 18 Apr 2012 15:34:31 -0000

Hi, thanks for the widget.

My boss thinks that the "x" for close is confusing when you want to close the menu, and thinks it means cancel all your selections...

Is there any way we can customize this part?

Re: jQuery UI MultiSelect Widget

Fabio Ottaviani — Wed, 18 Apr 2012 11:07:33 -0000

I did a variation in "_setMenuWidth" function to set the minimum width of the select and leave the width free.

m.css({'min-width': width || this.button.outerWidth()});
instead of:
m.width( width || this.button.outerWidth() );

Re: jQuery UI MultiSelect Widget

Elias Obadia — Tue, 17 Apr 2012 12:30:35 -0000

HI Eric, I have a ajaxToolkit:ModalPopupExtender (dialog) that has your multidropdown, but when the user clicks your multi-dropdown is "below" the modalpoup, only you can see the part of the dropdown that extend beyond the modalpopup, how can I do that your dropdown will appear on top of the modalpopup?

Thansk!

Re: Using Deferreds in jQuery 1.5

Reddy_s — Mon, 16 Apr 2012 14:39:24 -0000

great article on
Using Deferreds in jQuery 1.5

Re: A New And Improved jQuery Idle Timeout Plugin

Chris Hough — Fri, 13 Apr 2012 18:30:34 -0000

Outstanding plug in man! thank you so much for posting.

Re: jQuery UI MultiSelect Widget

Shipranigam — Thu, 12 Apr 2012 09:21:22 -0000

Hi Eric , Sebastian,
I am facing the same prpblem when I add more than 1000 entries in a select box, it show a error message in IE that "Stop running the script.A script in this page causes IE to run slowly.If its continues to run your computer may become unresponsive"
Your help will be highly appreciated.

Best Regards,
Shipra

Re: jQuery UI MultiSelect Widget

Ondřej Klement — Tue, 10 Apr 2012 09:22:16 -0000

Hi Eric,

first, i'd like to say it is a very nice plugin. I am having just one little issue with it. I am using filter add-on. When i search for an item using the filter and then i click check all button, heading says that only visible (filtered) items has been checked, but actually all items has been checked, because when i submit the form, all items are in the array.

Is there any hotfix for this behauviour?

Thx a lot.

Re: jQuery UI MultiSelect Widget

hellowahab — Tue, 10 Apr 2012 03:43:11 -0000

This plugin seem worth working with.

Thanks

Great work eric

Re: jQuery UI MultiSelect Widget

Daniel_EG — Wed, 04 Apr 2012 06:53:13 -0000

Hi Eric,

Great plugin! I really love this! But I'm in the same situation than Sebastian Roland, I want to use your multiselect in a really long database... about 30000 entries!

It's possible to improve the plugin for our cases? Not print all options to select one could help me, just search for one and print just this, or similar options I think could be fine.

Wait for your feedback and Thank you in advance!

Daniel

Re: jQuery UI MultiSelect Widget

Sebastian Roland — Thu, 22 Mar 2012 09:39:58 -0000

Hi Eric,

we really like your plugin. It just works beatifully.
The problem we have is that in some cases we have roundabout
1500 entries in a selectbox, which causes the plugin really really long to initialize.

Do you have any ideas for us where we can start to enhance the initializing speed,
especially on older IE browsers?

Your feedback will be very much appreciated.

Thank you in advance.

Best regards,
Sebastian

Re: jQuery UI MultiSelect Widget

Leslie Jordaan — Thu, 22 Mar 2012 06:39:12 -0000

Wow !

Nice work. I discovered a small bug that only exists in IE 8.
When you click and drag to select the text in the filter textfield and you accidently hold in left mouse button you add the 'ui-hover-state' to any labels on the form

I just added your ui-multiselect class to contain the adding of the .addClass("ui-state-hover") to labels inside the widget.

Old code
.delegate("label","mouseenter.multiselect",function(){

Fix
.delegate("ui-multiselect label","mouseenter.multiselect",function(){

Thanks again for this great widget :D

Best regards,

Leslie

Re: jQuery Related (Dependent) Selects Plugin

marc wilson — Mon, 12 Mar 2012 09:13:53 -0000

Hi, Eric. Someone has just pointed me to this plugin, and it's very neat indeed.
I'm not that good with jQuery yet, so forgive me if this is a n00b question:
I have a site where I want to use chained selects- it's for a car site.
So, what I want to do is to have, initially, a hierarchy of three boxes - make,model,variant
e.g. select BMW and you get 525,535,635 etc. Select 535 and you get I, I Auto, SE, SE Auto. So far, so good.
However, once you've selected to this level, I want to populate a *raft* of other dropdowns - colour, price range, mileage, distance.. is there a simple way to trigger *multiple* boxes on one box change?

Re: jQuery UI MultiSelect Widget

Ljubisav Ćurčić — Sun, 11 Mar 2012 23:47:37 -0000

when calling method "uncheckAll", class "ui-state-active" stays for radio, so right now i have to define event uncheckAll like this to remove style
uncheckAll: function(event, ui){$("#select").multiselect("widget").find(".ui-state-active").removeClass('ui-state-active');}

Re: jQuery UI MultiSelect Widget

Ljubisav Ćurčić — Sat, 10 Mar 2012 15:12:41 -0000

$('#country').change(function() {
$('#state').multiselect("disable");
if($(this).val() && $(this).val().length==1){
$('#state').load('dropdowns.php', {'country[]':[$(this).val()]}, function(){$('#state').multiselect("refresh")});
$('#state').multiselect("enable");
}
});

Re: jQuery UI MultiSelect Widget

guru rajan — Sat, 10 Mar 2012 06:09:11 -0000

i have solved this issue

my textbox id is "test"

my code is $('#ui-multiselect-test-option-'+i+'').attr('checked', false);

Here i can be a for loop with the total count of options inside the select tag
if it is done all the checked boxes will be unchecked

Re: jQuery UI MultiSelect Widget

Namida Pip — Wed, 07 Mar 2012 08:46:41 -0000

*great*

♥

Just made a simple modification, added the option "buttonWidth" (defaults to false) and changed the function _setButtonWidth to use the longest width if false, buttonWidth otherwise

if(!o.buttonWidth){ //current code}else width = o.buttonWidth;