Re: [Rails-spinoffs] how to get border, padding, and margin of a given element

Thomas Fuchs Mon, 31 Jul 2006 07:48:53 -0700

Just a reminder: be aware of the fact that stuff like border, padding, margin, etc. take units other than pixels.

-Thomas

Am 31.07.2006 um 16:43 schrieb Marco M. Jaeger:

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

Thomas Fuchs

wollzelle

http://www.wollzelle.com

questentier on AIM

madrobby on irc.freenode.net

http://www.fluxiom.com :: online digital asset management

http://script.aculo.us :: Web 2.0 _javascript_

http://mir.aculo.us :: Where no web developer has gone before

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

Re: [Rails-spinoffs] how to get border, padding, and margin of a given element

Reply via email to