jQuery Forum

In jquery UI core I see the following :

// $.ui.plugin is deprecated.  Use the proxy pattern instead.

 Can someone point my to the pattern and an example using it  described here ?

Thank

I want to create a widget that takes an image as an option, and then loads it and then calls a callback specified by a option, so you would call it like so ...

$(...).loadimage({

      image_to_load:"/images/abc.jpg",
      image_loaded: function() {
          //  do something .....
      }
})

I have the following code but it doesn't seem to fire the callback...


$.widget("loadimage", {
    // default options
    options: {
        image_to_load: ""
    },

     create: function(){
            this._display_image();
      },

    _display_image: function() {
      var self = this;
      $('#image').attr('src',this.options.image_to_load).load( function ()  {
                    self._trigger("image_loaded", null, this.data);
       });
    },

  destroy: function() {
        $.Widget.prototype.destroy.apply(this, arguments);
        // default destroy

    }
});

What am I doing wrong ?


Also I have qUnit tests which are failing ..

test("callbacks occurance count", function() {

    expect(1);

    var imageloaded_c = 0
;
    $('#abc').loadimage({

        image_loaded: function() { imageloaded_c++;   },
        image_to_load: "../../images/000.jpg"
       
    });
   
    // Pause the test first 
        stop();
        setTimeout(function() {
                  equals(imageloaded_c, 1, "loaded callback should happen exactly once");
                  start();
          }, 1000);



});

How does one create a button with h an icon just on the right , no icon on the left