[jQuery] Re: Plugin method

[Olivier Percebois-Garve]

Thanks alot Richard

I finally came up with the following (makes a nested list of checkboxes and
their labels behave like a tree):


-Olivier

(function($){
$.fn.treeview = function(o){
var defaults = {
minus:
'url(style/site/interface/public/treeview/minus.gif) 0 0 no-repeat',
plus:
'url(style/site/interface/public/treeview/plus.gif) 0 0 no-repeat'
};
var opt = $.extend(defaults, o);
var $uls = $('ul', this);

var setparentbg = function(o){
if ($(o).css('display') != 'none')
$(o).parent().children('label').css({background: opt.minus});
else
$(o).parent().children('label').css({background: opt.plus});
}

//add plus / minus icons
$uls.each(function(i, o){
setparentbg($(o));
});

//set behavior
$('li', this).each(function(i, o){
if ($('ul', o).length != 0){
 $(o).children('label').toggle(

function(){

$(o).children('ul').hide('slow');

$(o).children('label').css({background: opt.plus});

},

function(){

$(o).children('ul').show('slow');

$(o).children('label').css({background: opt.minus});

}

);
}
});

}
})(jQuery);







On Feb 7, 2008 3:50 PM, Richard D. Worth [EMAIL PROTECTED] wrote:


 On Feb 7, 2008 6:54 AM, Olivier Percebois-Garve [EMAIL PROTECTED]
 wrote:

  $li.each(function(o, i){
  $(o).setBg();
  });
 

 I think you want:

 $li.each(function(i, o) {
   setBg(o);
 });

 -or-

 $li.each(function() {
   setBg(this);
 });

 Also, on the documentation for each():

 http://docs.jquery.com/Core/each

 I noticed i comes first, o second.

 - Richard

[jQuery] Re: Plugin method

[Richard D. Worth]

On Feb 7, 2008 6:54 AM, Olivier Percebois-Garve [EMAIL PROTECTED] wrote:

 $li.each(function(o, i){
 $(o).setBg();
 });


I think you want:

$li.each(function(i, o) {
  setBg(o);
});

-or-

$li.each(function() {
  setBg(this);
});

Also, on the documentation for each():

http://docs.jquery.com/Core/each

I noticed i comes first, o second.

- Richard