Hello,

I was wondering what the best way would be to get border, padding, and margin of a given element, regardless how they were defined in the stylesheet – please see what I have so far:

 

What happens, if the border is not set like this for instance: border-left-width but like this: border: 10px solid….

 

            _getOffsetDim: function(el) {

                        if (!$(el)) return false;

                        var oDim = []

                        oDim['width']  = (

                                                                                                                                    parseInt(el.getStyle('border-left-width'))             +

                                                                                                                                    parseInt(el.getStyle('border-right-width'))             +

                                                                                                                                    parseInt(el.getStyle('padding-left'))                   +

                                                                                                                                    parseInt(el.getStyle('padding-right'))                  +

                                                                                                                                    parseInt(el.getStyle('margin-left'))                    +

                                                                                                                                    parseInt(el.getStyle('margin-right'))                  

                                                                                                                         );

                        oDim['height'] = (

                                                                                                                                    parseInt(el.getStyle('border-top-width'))                         +

                                                                                                                                    parseInt(el.getStyle('border-bottom-width')) +

                                                                                                                                    parseInt(el.getStyle('padding-top'))                               +

                                                                                                                                    parseInt(el.getStyle('padding-bottom'))          +

                                                                                                                                    parseInt(el.getStyle('margin-top'))                                +

                                                                                                                                    parseInt(el.getStyle('margin-bottom'))         

                                                                                                                         );

           

                        return oDim;    

           

            },

 

Thank you in advance for your input.

_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

Reply via email to