How can i find out the size of a cell with javascript

Question

I have a popup that pops up right underneathe a so it looks like the (don\'t ask why). on 1024 *760 its the same width as the tab

Answer 1

var element = document.getElementById('whatever');
//or however you want to get the element
var width;
if (typeof element.clip !== "undefined") { width = element.clip.width; } 
else {
    if (element.style.pixelWidth) { width = element.style.pixelWidth; } 
    else { width = element.offsetWidth; } 
} 

Answer 2

jQuery is ideal if you can use it.

$('#popupId').width( $('#cellID').width() );

or you might need to use outerWidth(), depending on your needs.

Answer 3

try this ... let me know if it helps

Col Header one Col Header two abc xyz

<script language="javascript" type="text/javascript" >
    $(document).ready(function () {
        var tableWidth = $('#testTable').outerWidth();
        var thOneWidth = $('#testTable th.#one').outerWidth();
        var thTwoWidth = $('#testTable th.#two').outerWidth();

        alert('Table width : ' + tableWidth + ' \n' + 'Table Col One width : ' + thOneWidth + ' \n' + 'Table Col Two width : ' + thTwoWidth + ' \n');
    });
</script>

Answer 4

With jQuery, you could use $('td').outerWidth(); You would likely need to add a class to the TD element in order to specify it with your jQuery selector. By the way, this jQuery method uses the outerWidth property "baked in" to JS, but jQuery is easier :)