Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>In order to fix this problem of needing to add a setter to <code>outerHeight()</code> in versions of jQuery that didn't already support it, I simply added the <a href="https://github.com/jupiterjs/jquerymx/blob/master/dom/dimensions/dimensions.js#L72" rel="nofollow">following helper</a> provided by <a href="http://jquerypp.com/" rel="nofollow">jQuery++</a>. </p> <pre><code>var weird = /button|select/i, //margin is inside border getBoxes = {}, checks = { width: ["Left", "Right"], height: ['Top', 'Bottom'], oldOuterHeight: $.fn.outerHeight, oldOuterWidth: $.fn.outerWidth, oldInnerWidth: $.fn.innerWidth, oldInnerHeight: $.fn.innerHeight }; /** * @add jQuery.fn */ $.each({ /** * @function outerWidth * @parent dimensions * Lets you set the outer width on an object * @param {Number} [height] * @param {Boolean} [includeMargin=false] Makes setting the outerWidth adjust * for margin. Defaults to false. * * $('#hasMargin').outerWidth(50, true); * * @return {jQuery|Number} If you are setting the value, returns the jQuery wrapped elements. */ width: /** * @function innerWidth * @parent dimensions * Lets you set the inner height of an object * @param {Number} [height] */ "Width", /** * @function outerHeight * @parent dimensions * Lets you set the outer height of an object where: &lt;br/&gt; * &lt;code&gt;outerHeight = height + padding + border + (margin)&lt;/code&gt;. * @codestart * $("#foo").outerHeight(100); //sets outer height * $("#foo").outerHeight(100, true); //uses margins * $("#foo").outerHeight(); //returns outer height * $("#foo").outerHeight(true); //returns outer height with margins * @codeend * When setting the outerHeight, it adjusts the height of the element. * @param {Number|Boolean} [height] If a number is provided -&gt; sets the outer height of the object.&lt;br/&gt; * If true is given -&gt; returns the outer height and includes margins.&lt;br/&gt; * If no value is given -&gt; returns the outer height without margin. * @param {Boolean} [includeMargin] Makes setting the outerHeight adjust for margin. * @return {jQuery|Number} If you are setting the value, returns the jQuery wrapped elements. * Otherwise, returns outerHeight in pixels. */ height: /** * @function innerHeight * @parent dimensions * Lets you set the outer width on an object * @param {Number} [height] */ "Height" }, function(lower, Upper) { //used to get the padding and border for an element in a given direction getBoxes[lower] = function(el, boxes) { var val = 0; if (!weird.test(el.nodeName)) { //make what to check for .... var myChecks = []; $.each(checks[lower], function() { var direction = this; $.each(boxes, function(name, val) { if (val) myChecks.push(name + direction+ (name == 'border' ? "Width" : "") ); }) }) $.each($.curStyles(el, myChecks), function(name, value) { val += (parseFloat(value) || 0); }) } return val; } //getter / setter $.fn["outer" + Upper] = function(v, margin) { var first = this[0]; if (typeof v == 'number') { first &amp;&amp; this[lower](v - getBoxes[lower](first, {padding: true, border: true, margin: margin})) return this; } else { return first ? checks["oldOuter" + Upper].call(this, v) : null; } } $.fn["inner" + Upper] = function(v) { var first = this[0]; if (typeof v == 'number') { first&amp;&amp; this[lower](v - getBoxes[lower](first, { padding: true })) return this; } else { return first ? checks["oldInner" + Upper].call(this, v) : null; } } //provides animations var animate = function(boxes){ return function(fx){ if (fx.state == 0) { fx.start = $(fx.elem)[lower](); fx.end = fx.end - getBoxes[lower](fx.elem,boxes); } fx.elem.style[lower] = (fx.pos * (fx.end - fx.start) + fx.start) + "px" } } $.fx.step["outer" + Upper] = animate({padding: true, border: true}) $.fx.step["outer" + Upper+"Margin"] = animate({padding: true, border: true, margin: true}) $.fx.step["inner" + Upper] = animate({padding: true}) }) </code></pre> <p>Very happy with this find! Hopefully it can help someone else. Cheers!</p>
    singulars
    1. This table or related slice is empty.
    1. POjQuery outerHeight() Bug - Doesn't work properly below ver. 1.8.3
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USnorsewulf
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjQuery outerHeight() Bug - Doesn't work properly below ver. 1.8.3
      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. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThis doesn't accept an `outerHeight` value of `auto`, but that's something that can be worked around. Still a great option if in this scenario. Also make sure to watch your CSS just in case you're using `box-sizing` which is make the calculations incorrect.
      singulars
      1. PO
      1. USnorsewulf
    2. CO+1 Good effort.
      singulars
      1. PO
      1. USSelvakumar Arumugam
 

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