Question

I have a popup that pops up right underneathe a <th> so it looks like the <td> (don’t ask why). on 1024 *760 its the same width as the table header cell, but on 1280 it’s not as wide. How can i wirte a script to find out the width of my <th>? (I’m using jQuery.)

edit:

<th id="telephoneTH" width="25%" >
<span  id="telephoneSpan" class="headerShortDetails">Telephone</span><span onclick="showContactPopup();"  class="infoSpans"> ${bean.phoneNumber}</span>
</th>


var width2 = $('#telephoneTH').outerWidth();
alert(width2);

error: ‘null’ is null or not an object

Answer 1

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 🙂