2 * jQuery @VERSION - New Wave Javascript
4 * Copyright (c) 2007 John Resig (jquery.com)
5 * Dual licensed under the MIT (MIT-LICENSE.txt)
6 * and GPL (GPL-LICENSE.txt) licenses.
12 // Map over jQuery in case of overwrite
13 if ( typeof jQuery != "undefined" )
16 var jQuery = window.jQuery = function(a,c) {
17 // If the context is global, return a new object
18 if ( window == this || !this.init )
19 return new jQuery(a,c);
21 return this.init(a,c);
24 // Map over the $ in case of overwrite
25 if ( typeof $ != "undefined" )
28 // Map the jQuery namespace to the '$' one
31 var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#(\w+)$/;
33 jQuery.fn = jQuery.prototype = {
35 // Make sure that a selection was provided
38 // Handle HTML strings
39 if ( typeof a == "string" ) {
40 var m = quickExpr.exec(a);
41 if ( m && (m[1] || !c) ) {
42 // HANDLE: $(html) -> $(array)
44 a = jQuery.clean( [ m[1] ], c );
48 var tmp = document.getElementById( m[3] );
50 // Handle the case where IE and Opera return items
51 // by name instead of ID
53 return jQuery().find( a );
65 return new jQuery( c ).find( a );
67 // HANDLE: $(function)
68 // Shortcut for document ready
69 } else if ( jQuery.isFunction(a) )
70 return new jQuery(document)[ jQuery.fn.ready ? "ready" : "load" ]( a );
74 a.constructor == Array && a ||
76 // HANDLE: $(arraylike)
77 // Watch for when an array-like object is passed as the selector
78 (a.jquery || a.length && a != window && !a.nodeType && a[0] != undefined && a[0].nodeType) && jQuery.makeArray( a ) ||
92 get: function( num ) {
93 return num == undefined ?
95 // Return a 'clean' array
96 jQuery.makeArray( this ) :
98 // Return just the object
102 pushStack: function( a ) {
104 ret.prevObject = this;
108 setArray: function( a ) {
110 Array.prototype.push.apply( this, a );
114 each: function( fn, args ) {
115 return jQuery.each( this, fn, args );
118 index: function( obj ) {
120 this.each(function(i){
121 if ( this == obj ) pos = i;
126 attr: function( key, value, type ) {
129 // Look for the case where we're accessing a style value
130 if ( key.constructor == String )
131 if ( value == undefined )
132 return this.length && jQuery[ type || "attr" ]( this[0], key ) || undefined;
138 // Check to see if we're setting style values
139 return this.each(function(index){
140 // Set all the styles
141 for ( var prop in obj )
143 type ? this.style : this,
144 prop, jQuery.prop(this, obj[prop], type, index, prop)
149 css: function( key, value ) {
150 return this.attr( key, value, "curCSS" );
154 if ( typeof e != "object" && e != null )
155 return this.empty().append( document.createTextNode( e ) );
158 jQuery.each( e || this, function(){
159 jQuery.each( this.childNodes, function(){
160 if ( this.nodeType != 8 )
161 t += this.nodeType != 1 ?
162 this.nodeValue : jQuery.fn.text([ this ]);
168 wrapAll: function(html) {
170 // The elements to wrap the target around
171 jQuery(html, this[0].ownerDocument)
173 .insertBefore(this[0])
176 while ( elem.firstChild )
177 elem = elem.firstChild;
185 wrapInner: function(html) {
186 return this.each(function(){
187 jQuery(this).contents().wrapAll(html);
191 wrap: function(html) {
192 return this.each(function(){
193 jQuery(this).wrapAll(html);
198 return this.domManip(arguments, true, 1, function(a){
199 this.appendChild( a );
203 prepend: function() {
204 return this.domManip(arguments, true, -1, function(a){
205 this.insertBefore( a, this.firstChild );
210 return this.domManip(arguments, false, 1, function(a){
211 this.parentNode.insertBefore( a, this );
216 return this.domManip(arguments, false, -1, function(a){
217 this.parentNode.insertBefore( a, this.nextSibling );
222 return this.prevObject || jQuery([]);
226 var data = jQuery.map(this, function(a){ return jQuery.find(t,a); });
227 return this.pushStack( /[^+>] [^+>]/.test( t ) || t.indexOf("..") > -1 ?
228 jQuery.unique( data ) : data );
232 var $this = this.add(this.find("*"));
233 if (jQuery.browser.msie) {
234 // Need to remove events on the element and its descendants
235 $this.each(function() {
237 for (var type in this.$events)
238 this._$events[type] = jQuery.extend({},this.$events[type]);
243 var r = this.pushStack( jQuery.map( this, function(a){
244 return a.cloneNode( true );
247 if (jQuery.browser.msie) {
248 $this.each(function() {
249 // Add the events back to the original and its descendants
250 var events = this._$events;
251 for (var type in events)
252 for (var handler in events[type])
253 jQuery.event.add(this, type, events[type][handler], events[type][handler].data);
254 this._$events = null;
258 // copy form values over
259 var inputs = r.add(r.find('*')).filter('select,input[@type=checkbox]');
260 $this.filter('select,input[@type=checkbox]').each(function(i) {
261 if (this.selectedIndex)
262 inputs[i].selectedIndex = this.selectedIndex;
264 inputs[i].checked = true;
267 // Return the cloned set
271 filter: function(t) {
272 return this.pushStack(
273 jQuery.isFunction( t ) &&
274 jQuery.grep(this, function(el, index){
275 return t.apply(el, [index]);
278 jQuery.multiFilter(t,this) );
282 return this.pushStack(
283 t.constructor == String &&
284 jQuery.multiFilter(t, this, true) ||
286 jQuery.grep(this, function(a) {
287 return ( t.constructor == Array || t.jquery )
288 ? jQuery.inArray( a, t ) < 0
295 return this.pushStack( jQuery.merge(
297 t.constructor == String ?
299 t.length != undefined && (!t.nodeName || t.nodeName == "FORM") ?
305 return expr ? jQuery.multiFilter(expr,this).length > 0 : false;
308 val: function( val ) {
309 if ( val == undefined ) {
313 // We need to handle select boxes special
\r if ( jQuery.nodeName(elem, "select") ) {
\r var index = elem.selectedIndex,
315 options = elem.options,
316 one = elem.type == "select-one";
318 // Nothing was selected
\r if ( index < 0 )
321 // Loop through all the selected options
\r for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
322 var option = options[i];
\r if ( option.selected ) {
\r // Get the specifc value for the option
\r var val = jQuery.browser.msie && !option.attributes["value"].specified ? option.text : option.value;
324 // We don't need an array for one selects
\r if ( one )
327 // Multi-Selects return an array
\r a.push(val);
\r }
\r }
330 // Everything else, we just grab the value
\r } else
331 return this[0].value.replace(/\r/g, "");
334 return this.attr( "value", val );
337 html: function( val ) {
338 return val == undefined ?
339 ( this.length ? this[0].innerHTML : null ) :
340 this.empty().append( val );
343 replaceWith: function( val ) {
344 return this.after( val ).remove();
348 return this.pushStack( Array.prototype.slice.apply( this, arguments ) );
352 return this.pushStack(jQuery.map( this, function(elem,i){
353 return fn.call( elem, i, elem );
357 andSelf: function() {
358 return this.add( this.prevObject );
361 domManip: function(args, table, dir, fn) {
362 var clone = this.length > 1, a;
364 return this.each(function(){
366 a = jQuery.clean(args, this.ownerDocument);
373 if ( table && jQuery.nodeName(this, "table") && jQuery.nodeName(a[0], "tr") )
374 obj = this.getElementsByTagName("tbody")[0] || this.appendChild(document.createElement("tbody"));
376 jQuery.each( a, function(){
377 if ( jQuery.nodeName(this, "script") ) {
379 jQuery.ajax({ url: this.src, async: false, dataType: "script" });
381 jQuery.globalEval( this.text || this.textContent || this.innerHTML || "" );
383 fn.apply( obj, [ clone ? this.cloneNode(true) : this ] );
389 jQuery.extend = jQuery.fn.extend = function() {
390 // copy reference to target object
391 var target = arguments[0] || {}, a = 1, al = arguments.length, deep = false;
393 // Handle a deep copy situation
394 if ( target.constructor == Boolean ) {
396 target = arguments[1] || {};
399 // extend jQuery itself if only one argument is passed
407 for ( ; a < al; a++ )
408 // Only deal with non-null/undefined values
409 if ( (prop = arguments[a]) != null )
410 // Extend the base object
411 for ( var i in prop ) {
412 // Prevent never-ending loop
413 if ( target == prop[i] )
416 // Recurse if we're merging object values
417 if ( deep && typeof prop[i] == 'object' && target[i] )
418 jQuery.extend( target[i], prop[i] );
420 // Don't bring in undefined values
421 else if ( prop[i] != undefined )
425 // Return the modified object
430 noConflict: function(deep) {
433 window.jQuery = _jQuery;
437 // This may seem like some crazy code, but trust me when I say that this
438 // is the only cross-browser way to do this. --John
439 isFunction: function( fn ) {
440 return !!fn && typeof fn != "string" && !fn.nodeName &&
441 fn.constructor != Array && /function/i.test( fn + "" );
444 // check if an element is in a XML document
445 isXMLDoc: function(elem) {
446 return elem.documentElement && !elem.body ||
447 elem.tagName && elem.ownerDocument && !elem.ownerDocument.body;
450 // Evalulates a script in a global context
451 // Evaluates Async. in Safari 2 :-(
452 globalEval: function( data ) {
453 data = jQuery.trim( data );
455 if ( window.execScript )
456 window.execScript( data );
457 else if ( jQuery.browser.safari )
458 // safari doesn't provide a synchronous global eval
459 window.setTimeout( data, 0 );
461 eval.call( window, data );
465 nodeName: function( elem, name ) {
466 return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase();
469 // args is for internal usage only
470 each: function( obj, fn, args ) {
472 if ( obj.length == undefined )
474 fn.apply( obj[i], args );
476 for ( var i = 0, ol = obj.length; i < ol; i++ )
477 if ( fn.apply( obj[i], args ) === false ) break;
479 // A special, fast, case for the most common use of each
481 if ( obj.length == undefined )
483 fn.call( obj[i], i, obj[i] );
485 for ( var i = 0, ol = obj.length, val = obj[0];
486 i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}
492 prop: function(elem, value, type, index, prop){
493 // Handle executable functions
494 if ( jQuery.isFunction( value ) )
495 value = value.call( elem, [index] );
497 // exclude the following css properties to add px
498 var exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i;
500 // Handle passing in a number to a CSS property
501 return value && value.constructor == Number && type == "curCSS" && !exclude.test(prop) ?
507 // internal only, use addClass("class")
508 add: function( elem, c ){
509 jQuery.each( (c || "").split(/\s+/), function(i, cur){
510 if ( !jQuery.className.has( elem.className, cur ) )
511 elem.className += ( elem.className ? " " : "" ) + cur;
515 // internal only, use removeClass("class")
516 remove: function( elem, c ){
517 elem.className = c != undefined ?
518 jQuery.grep( elem.className.split(/\s+/), function(cur){
519 return !jQuery.className.has( c, cur );
523 // internal only, use is(".class")
524 has: function( t, c ) {
525 return jQuery.inArray( c, (t.className || t).toString().split(/\s+/) ) > -1;
529 swap: function(e,o,f) {
531 e.style["old"+i] = e.style[i];
536 e.style[i] = e.style["old"+i];
540 if ( p == "height" || p == "width" ) {
541 var old = {}, oHeight, oWidth, d = ["Top","Bottom","Right","Left"];
543 jQuery.each( d, function(){
544 old["padding" + this] = 0;
545 old["border" + this + "Width"] = 0;
548 jQuery.swap( e, old, function() {
549 if ( jQuery(e).is(':visible') ) {
550 oHeight = e.offsetHeight;
551 oWidth = e.offsetWidth;
553 e = jQuery(e.cloneNode(true))
554 .find(":radio").removeAttr("checked").end()
556 visibility: "hidden", position: "absolute", display: "block", right: "0", left: "0"
557 }).appendTo(e.parentNode)[0];
559 var parPos = jQuery.css(e.parentNode,"position") || "static";
560 if ( parPos == "static" )
561 e.parentNode.style.position = "relative";
563 oHeight = e.clientHeight;
564 oWidth = e.clientWidth;
566 if ( parPos == "static" )
567 e.parentNode.style.position = "static";
569 e.parentNode.removeChild(e);
573 return p == "height" ? oHeight : oWidth;
576 return jQuery.curCSS( e, p );
579 curCSS: function(elem, prop, force) {
580 var ret, stack = [], swap = [];
582 // A helper method for determining if an element's values are broken
584 if ( !jQuery.browser.safari )
587 var ret = document.defaultView.getComputedStyle(a,null);
588 return !ret || ret.getPropertyValue("color") == "";
591 if (prop == "opacity" && jQuery.browser.msie) {
592 ret = jQuery.attr(elem.style, "opacity");
593 return ret == "" ? "1" : ret;
596 if (prop.match(/float/i))
599 if (!force && elem.style[prop])
600 ret = elem.style[prop];
602 else if (document.defaultView && document.defaultView.getComputedStyle) {
604 if (prop.match(/float/i))
607 prop = prop.replace(/([A-Z])/g,"-$1").toLowerCase();
608 var cur = document.defaultView.getComputedStyle(elem, null);
610 if ( cur && !color(elem) )
611 ret = cur.getPropertyValue(prop);
613 // If the element isn't reporting its values properly in Safari
614 // then some display: none elements are involved
616 // Locate all of the parent display: none elements
617 for ( var a = elem; a && color(a); a = a.parentNode )
620 // Go through and make them visible, but in reverse
621 // (It would be better if we knew the exact display type that they had)
622 for ( a = 0; a < stack.length; a++ )
623 if ( color(stack[a]) ) {
624 swap[a] = stack[a].style.display;
625 stack[a].style.display = "block";
628 // Since we flip the display style, we have to handle that
629 // one special, otherwise get the value
630 ret = prop == "display" && swap[stack.length-1] != null ?
632 document.defaultView.getComputedStyle(elem,null).getPropertyValue(prop) || "";
634 // Finally, revert the display styles back
635 for ( a = 0; a < swap.length; a++ )
636 if ( swap[a] != null )
637 stack[a].style.display = swap[a];
640 if ( prop == "opacity" && ret == "" )
643 } else if (elem.currentStyle) {
644 var newProp = prop.replace(/\-(\w)/g,function(m,c){return c.toUpperCase();});
645 ret = elem.currentStyle[prop] || elem.currentStyle[newProp];
651 clean: function(a, doc) {
653 doc = doc || document;
655 jQuery.each( a, function(i,arg){
658 if ( arg.constructor == Number )
659 arg = arg.toString();
661 // Convert html string into DOM nodes
662 if ( typeof arg == "string" ) {
663 // Fix "XHTML"-style tags in all browsers
664 arg = arg.replace(/(<(\w+)[^>]*?)\/>/g, function(m, all, tag){
665 return tag.match(/^(abbr|br|col|img|input|link|meta|param|hr|area)$/i)? m : all+"></"+tag+">";
668 // Trim whitespace, otherwise indexOf won't work as expected
669 var s = jQuery.trim(arg).toLowerCase(), div = doc.createElement("div"), tb = [];
672 // option or optgroup
673 !s.indexOf("<opt") &&
674 [1, "<select>", "</select>"] ||
676 !s.indexOf("<leg") &&
677 [1, "<fieldset>", "</fieldset>"] ||
679 s.match(/^<(thead|tbody|tfoot|colg|cap)/) &&
680 [1, "<table>", "</table>"] ||
683 [2, "<table><tbody>", "</tbody></table>"] ||
685 // <thead> matched above
686 (!s.indexOf("<td") || !s.indexOf("<th")) &&
687 [3, "<table><tbody><tr>", "</tr></tbody></table>"] ||
689 !s.indexOf("<col") &&
690 [2, "<table><tbody></tbody><colgroup>", "</colgroup></table>"] ||
692 // IE can't serialize <link> and <script> tags normally
693 jQuery.browser.msie &&
694 [1, "div<div>", "</div>"] ||
698 // Go to html and back, then peel off extra wrappers
699 div.innerHTML = wrap[1] + arg + wrap[2];
701 // Move to the right depth
705 // Remove IE's autoinserted <tbody> from table fragments
706 if ( jQuery.browser.msie ) {
708 // String was a <table>, *may* have spurious <tbody>
709 if ( !s.indexOf("<table") && s.indexOf("<tbody") < 0 )
710 tb = div.firstChild && div.firstChild.childNodes;
712 // String was a bare <thead> or <tfoot>
713 else if ( wrap[1] == "<table>" && s.indexOf("<tbody") < 0 )
716 for ( var n = tb.length-1; n >= 0 ; --n )
717 if ( jQuery.nodeName(tb[n], "tbody") && !tb[n].childNodes.length )
718 tb[n].parentNode.removeChild(tb[n]);
720 // IE completely kills leading whitespace when innerHTML is used
721 if ( /^\s/.test(arg) )
722 div.insertBefore( doc.createTextNode( arg.match(/^\s*/)[0] ), div.firstChild );
726 arg = jQuery.makeArray( div.childNodes );
729 if ( 0 === arg.length && (!jQuery.nodeName(arg, "form") && !jQuery.nodeName(arg, "select")) )
732 if ( arg[0] == undefined || jQuery.nodeName(arg, "form") || arg.options )
735 r = jQuery.merge( r, arg );
742 attr: function(elem, name, value){
743 var fix = jQuery.isXMLDoc(elem) ? {} : jQuery.props;
745 // Safari mis-reports the default selected property of a hidden option
746 // Accessing the parent's selectedIndex property fixes it
747 if ( name == "selected" && jQuery.browser.safari )
748 elem.parentNode.selectedIndex;
750 // Certain attributes only work when accessed via the old DOM 0 way
752 if ( value != undefined ) elem[fix[name]] = value;
753 return elem[fix[name]];
754 } else if ( jQuery.browser.msie && name == "style" )
755 return jQuery.attr( elem.style, "cssText", value );
757 else if ( value == undefined && jQuery.browser.msie && jQuery.nodeName(elem, "form") && (name == "action" || name == "method") )
758 return elem.getAttributeNode(name).nodeValue;
760 // IE elem.getAttribute passes even for style
761 else if ( elem.tagName ) {
763 if ( value != undefined ) {
764 if ( name == "type" && jQuery.nodeName(elem,"input") && elem.parentNode )
765 throw "type property can't be changed";
766 elem.setAttribute( name, value );
769 if ( jQuery.browser.msie && /href|src/.test(name) && !jQuery.isXMLDoc(elem) )
770 return elem.getAttribute( name, 2 );
772 return elem.getAttribute( name );
774 // elem is actually elem.style ... set the style
776 // IE actually uses filters for opacity
777 if ( name == "opacity" && jQuery.browser.msie ) {
778 if ( value != undefined ) {
779 // IE has trouble with opacity if it does not have layout
780 // Force it by setting the zoom level
783 // Set the alpha filter to set the opacity
784 elem.filter = (elem.filter || "").replace(/alpha\([^)]*\)/,"") +
785 (parseFloat(value).toString() == "NaN" ? "" : "alpha(opacity=" + value * 100 + ")");
789 (parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100).toString() : "";
791 name = name.replace(/-([a-z])/ig,function(z,b){return b.toUpperCase();});
792 if ( value != undefined ) elem[name] = value;
798 return (t||"").replace(/^\s+|\s+$/g, "");
801 makeArray: function( a ) {
804 // Need to use typeof to fight Safari childNodes crashes
805 if ( typeof a != "array" )
806 for ( var i = 0, al = a.length; i < al; i++ )
814 inArray: function( b, a ) {
815 for ( var i = 0, al = a.length; i < al; i++ )
821 merge: function(first, second) {
822 // We have to loop this way because IE & Opera overwrite the length
823 // expando of getElementsByTagName
825 // Also, we need to make sure that the correct elements are being returned
826 // (IE returns comment nodes in a '*' query)
827 if ( jQuery.browser.msie ) {
828 for ( var i = 0; second[i]; i++ )
829 if ( second[i].nodeType != 8 )
830 first.push(second[i]);
832 for ( var i = 0; second[i]; i++ )
833 first.push(second[i]);
838 unique: function(first) {
839 var r = [], num = jQuery.mergeNum++;
842 for ( var i = 0, fl = first.length; i < fl; i++ )
843 if ( num != first[i].mergeNum ) {
844 first[i].mergeNum = num;
856 grep: function(elems, fn, inv) {
857 // If a string is passed in for the function, make a function
858 // for it (a handy shortcut)
859 if ( typeof fn == "string" )
860 fn = eval("false||function(a,i){return " + fn + "}");
864 // Go through the array, only saving the items
865 // that pass the validator function
866 for ( var i = 0, el = elems.length; i < el; i++ )
867 if ( !inv && fn(elems[i],i) || inv && !fn(elems[i],i) )
868 result.push( elems[i] );
873 map: function(elems, fn) {
874 // If a string is passed in for the function, make a function
875 // for it (a handy shortcut)
876 if ( typeof fn == "string" )
877 fn = eval("false||function(a){return " + fn + "}");
881 // Go through the array, translating each of the items to their
882 // new value (or values).
883 for ( var i = 0, el = elems.length; i < el; i++ ) {
884 var val = fn(elems[i],i);
886 if ( val !== null && val != undefined ) {
887 if ( val.constructor != Array ) val = [val];
888 result = result.concat( val );
896 var userAgent = navigator.userAgent.toLowerCase();
898 // Figure out what browser is being used
900 version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
901 safari: /webkit/.test(userAgent),
902 opera: /opera/.test(userAgent),
903 msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
904 mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
907 var styleFloat = jQuery.browser.msie ? "styleFloat" : "cssFloat";
910 // Check to see if the W3C box model is being used
911 boxModel: !jQuery.browser.msie || document.compatMode == "CSS1Compat",
913 styleFloat: jQuery.browser.msie ? "styleFloat" : "cssFloat",
917 "class": "className",
919 cssFloat: styleFloat,
920 styleFloat: styleFloat,
921 innerHTML: "innerHTML",
922 className: "className",
924 disabled: "disabled",
926 readonly: "readOnly",
927 selected: "selected",
928 maxlength: "maxLength"
933 parent: "a.parentNode",
934 parents: "jQuery.parents(a)",
935 next: "jQuery.nth(a,2,'nextSibling')",
936 prev: "jQuery.nth(a,2,'previousSibling')",
937 siblings: "jQuery.sibling(a.parentNode.firstChild,a)",
938 children: "jQuery.sibling(a.firstChild)",
939 contents: "jQuery.nodeName(a,'iframe')?a.contentDocument||a.contentWindow.document:jQuery.makeArray(a.childNodes)"
941 jQuery.fn[ i ] = function(a) {
942 var ret = jQuery.map(this,n);
943 if ( a && typeof a == "string" )
944 ret = jQuery.multiFilter(a,ret);
945 return this.pushStack( jQuery.unique(ret) );
951 prependTo: "prepend",
952 insertBefore: "before",
953 insertAfter: "after",
954 replaceAll: "replaceWith"
956 jQuery.fn[ i ] = function(){
958 return this.each(function(){
959 for ( var j = 0, al = a.length; j < al; j++ )
960 jQuery(a[j])[n]( this );
966 removeAttr: function( key ) {
967 jQuery.attr( this, key, "" );
968 this.removeAttribute( key );
970 addClass: function(c){
971 jQuery.className.add(this,c);
973 removeClass: function(c){
974 jQuery.className.remove(this,c);
976 toggleClass: function( c ){
977 jQuery.className[ jQuery.className.has(this,c) ? "remove" : "add" ](this, c);
980 if ( !a || jQuery.filter( a, [this] ).r.length )
981 this.parentNode.removeChild( this );
984 while ( this.firstChild )
985 this.removeChild( this.firstChild );
988 jQuery.fn[ i ] = function() {
989 return this.each( n, arguments );
993 jQuery.each( [ "height", "width" ], function(i,n){
994 jQuery.fn[ n ] = function(h) {
995 return h == undefined ?
996 ( this.length ? jQuery.css( this[0], n ) : null ) :
997 this.css( n, h.constructor == String ? h : h + "px" );