MSDropDown: applying the style on both Drop down and ListBoxes as well

Question

We are using msDropDown plugin to theme drop down control in the page. The plugin was downloaded from www.marghoobsuleman.com

We don't have to apply any function in document.ready or anywhere just adding below reference does it's job.

<script src="../Scripts/jquery.dd.js" type="text/javascript"></script>

But it it applying the style to list boxes as well. here is the script source:

http://www.keendevelopers.in/jquery.dd.js

Is there any way to avoid them applying on List boxes? To avoid this we tried giving css class "elelistbox" to all Listboxes.

 <asp:ListBox ID="ListITProgramming" runat="server" CssClass="listViewStyle elelistbox"
                                                        SelectionMode="Multiple" OnDataBound="ListITProgramming_DataBound"></asp:ListBox>

Can anyone help?

you don't want to apply the style 'msDropDown()' to the list boxes right? — Bhavesh Kachhadiya, Dec 06 '13 at 10:18

score 0 · Answer 1 · answered Dec 06 '13 at 10:34

I have tried your requirement and as per that following code will help to solve your issue.

$(document).ready(function(){

           setTimeout(function () {
               $("select[class!='elelistbox']").each(function (i) {
                    //alert($(this).attr('class'));
                    // do your stuff
                    $(this).msDropDown();
               })
           }, 500);

       });

score 0 · Accepted Answer · answered Dec 24 '13 at 13:53

I fixed it. I have added one condition to check the "elelistbox" class in jquery.dd.js file.

$.fn.extend({
        msDropDown: function(settings)
        {
            return this.each(function()
            {
                if (!$(this).hasClass('elelistbox')){
                    if (!$(this).data('dd')){
                        var mydropdown = new dd(this, settings);
                        $(this).data('dd', mydropdown);
                    };
                };
            });
        }
});

MSDropDown: applying the style on both Drop down and ListBoxes as well

2 Answers2