jQuery Forum

I use several selectMenu to filter a table. I've item option with image and/or text

I use this code for this :

2. $("select.TFOlstJquery").TFOiconSelectImg({
3.             create: function (event, ui) {
4.                 var widget = $(this).TFOiconSelectImg("widget"); var $SpanTxt = widget.children(":last"); var elem = $(this).children(":first"); var styl = elem.data("style"); var HasTxt = ($.trim(elem.text()).length > 0);
5.                 if (HasTxt && styl) { $SpanTxt.addClass("TFOselectmenu-textDecalTxt") } else { $SpanTxt.removeClass("TFOselectmenu-textDecalTxt") }
6.                 if (styl) { $span = $('<span class="' + (HasTxt ? "TFOSizeImgTxtSelected" : "TFOSizeImgOnlySelected") + ' TFOOptlstFiltreImg"> ').appendTo($SpanTxt); $span.attr("style", styl); }
7.                 if ($(this).hasClass("lstHeader")) { widget.css({ 'width': '' }); widget.addClass("lstHeader") }
8.             },
9.             select: function (event, ui) {
10.                 var widget = $(this).TFOiconSelectImg("widget"); var $SpanTxt = widget.children(":last"); var elem = ui.item.element; var styl = elem.data("style"); var HasTxt = ($.trim(elem.text()).length > 0);
11.                 if ((HasTxt && styl) || elem.hasClass("FiltreFaux") || elem.hasClass("FiltreVrai")) { $SpanTxt.addClass("TFOselectmenu-textDecalTxt") } else { $SpanTxt.removeClass("TFOselectmenu-textDecalTxt") }
12.                 if (styl || elem.hasClass("FiltreFaux") || elem.hasClass("FiltreVrai")) {
13.                     var $span = $('<span class="' + (HasTxt ? "TFOSizeImgTxtSelected" : "TFOSizeImgOnlySelected") + ' TFOOptlstFiltreImg">').appendTo($SpanTxt);
14.                     if (styl) { $span.attr("style", styl); } else if (elem.hasClass("FiltreFaux")) { $span.addClass("FiltreFaux") } else if (elem.hasClass("FiltreVrai")) { $span.addClass("FiltreVrai") }
15.                 }
16.             },
17.             change: function (event, ui) { if ($(this).hasClass("TFOlstFiltreImg")) { GetRowsTFO(nameW); } }            
18.         }).TFOiconSelectImg("menuWidget");
19. 
    

It's run. But when I want to minimize the width of my selectMenu, I see in debugger an ul element is generated. and a width is fixed. In result when I click on my list, the options are widther than my selected item list.

If debugging is the art of removing bugs ... then program is the art of creating