Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The correct properties are <code>offsetHeight</code> (not heightOffset) and <code>offsetWidth</code> (not widthOffset).<br> Those properties should correctly return the sizes you're after, because the children would expand the elements to fit, assuming overflow is set to visible. There's no need to calculate the sizes of the children in any situation.</p> <p><code>offsetHeight</code> and <code>offsetWidth</code> aren't part of any standard but most browsers seem to have them implemented anyway.</p> <p>Since you're having problems with Safari and offsetHeight, maybe you could try the <code>getClientRects()</code> method:</p> <p><a href="http://www.quirksmode.org/dom/tests/rectangles.html" rel="nofollow noreferrer">http://www.quirksmode.org/dom/tests/rectangles.html</a></p> <pre><code>var dims = links[i].getClientRects()[0]; var width = dims.right - dims.left; var height = dims.bottom - dims.top; </code></pre> <p>Can't say I've ever used <code>getClientRects()</code>, however. It sounds like the results may be closer to clientWidth and clientHeight.</p> <p><strong>FURTHER EDIT</strong><br> I figured out a workaround. The following does not work:</p> <pre><code>&lt;a href="#"&gt; &lt;img onclick="press(event);" src="http://sstatic.net/so/img/logo.png" alt="" /&gt; &lt;!-- onclick handler alerts with size 250x15 --&gt; &lt;/a&gt; </code></pre> <p>But wrapping a <code>&lt;span&gt;</code> tag around the <code>&lt;img&gt;</code> tag, like so:</p> <pre><code>&lt;a href="#"&gt;&lt;span&gt; &lt;img onclick="press(event);" src="http://sstatic.net/so/img/logo.png" /&gt; &lt;!-- onclick handler alerts with size 250x61 --&gt; &lt;/span&gt;&lt;/a&gt; </code></pre> <p>Fixes the problem. At least, it does in Chrome but like I said before Chrome and Safari share the WebKit rendering engine, so it should work for Safari too. </p>
    singulars
    1. This table or related slice is empty.
    1. POjavascript: finding the absolute size of an anchored link
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USAndy E
    1. USAndy E
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjavascript: finding the absolute size of an anchored link
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTDownMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COI ran some tests and I don't think what you say is true. I also attached some code - maybe there is something wrong with it.
      singulars
      1. PO
      1. USAlex1987
    2. CO@Alex1987: Which browsers have you tested it in? It works fine in IE6-8 but Chrome returns an incorrect value for offsetHeight. I don't have Firefox or Opera installed on this machine though so I can't test in those. I suspect this is a bug in Chrome, though. Read https://developer.mozilla.org/en/Determining_the_dimensions_of_elements for a detailed explanation of offset dimensions.
      singulars
      1. PO
      1. USAndy E
    3. COSafari and mobileSafari (on the iphone) - also return incorrect values for offsetHeight!!
      singulars
      1. PO
      1. USAlex1987
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload