jquery Programming Glossary: el.css
Watching for DOM changes, the elegant way http://stackoverflow.com/questions/11491628/watching-for-dom-changes-the-elegant-way callback vals .each data.props function i data.vals i el.css data.props i el.data data if typeof this.onpropertychange object.. false temp for var i 0 i data.props.length i temp el.css data.props i if data.vals i temp data.vals i temp changed..
how can I make a div stick to the top of the screen once it's been scrolled to? http://stackoverflow.com/questions/1216114/how-can-i-make-a-div-stick-to-the-top-of-the-screen-once-its-been-scrolled-to function e el '.fixedElement' if this .scrollTop 200 el.css 'position' 'fixed' '.fixedElement' .css 'position' 'fixed' 'top'..
How to move/animate elements in from the side with Stellar.js on a vertical scroll? http://stackoverflow.com/questions/13149700/how-to-move-animate-elements-in-from-the-side-with-stellar-js-on-a-vertical-scro setTop function el newTop originalTop el.css 'top' newTop 'left' el.hasClass 'apple' originalTop newTop 0.. newTop 0 setLeft function el newLeft originalLeft el.css 'left' newLeft You'll notice it includes a ternary which only..
How can I execute multiple, simultaneous jquery effects? http://stackoverflow.com/questions/2344804/how-can-i-execute-multiple-simultaneous-jquery-effects el o.options.mode 'show' animation backgroundColor el.css 'backgroundColor' From highlight if mode 'hide' animation.opacity.. margin true 3 el.outerWidth margin true 3 if mode 'show' el.css 'opacity' 0 .css ref motion 'pos' distance distance Shift if..
jQuery Animation - Smooth Size Transition http://stackoverflow.com/questions/244758/jquery-animation-smooth-size-transition .animate next speed function animate to final dimensions el.css finish restore initial style settings if .isFunction callback..
jQuery UI Resizable alsoResize reverse http://stackoverflow.com/questions/3369045/jquery-ui-resizable-alsoresize-reverse null Opera fixing relative position if relative .test el.css 'position' .browser.opera self._revertToRelativePosition true.. .browser.opera self._revertToRelativePosition true el.css position 'absolute' top 'auto' left 'auto' el.css style .. true el.css position 'absolute' top 'auto' left 'auto' el.css style if typeof o.alsoResizeReverse 'object' o.alsoResizeReverse.nodeType..
JavaScript jQuery Animate to Auto Height http://stackoverflow.com/questions/5003220/javascript-jquery-animate-to-auto-height together var el '#first' curHeight el.height autoHeight el.css 'height' 'auto' .height el.height curHeight .animate height..
jQuery .position() strangeness while using CSS3 rotate attribute http://stackoverflow.com/questions/5078897/jquery-position-strangeness-while-using-css3-rotate-attribute alerts 37 11 setting css position attributes equal to pos el.css pos re getting position pos el.position alert pos.left ' ' pos.top..
Is there a JQuery plugin which combines Draggable and Selectable http://stackoverflow.com/questions/705250/is-there-a-jquery-plugin-which-combines-draggable-and-selectable it was selected before drag var el this off el.data offset el.css top off.top dt left off.left dl CSS Styles to be able to see..
jqGrid Column Group http://stackoverflow.com/questions/7341339/jqgrid-column-group in jquery 2132230#2132230 if .browser.mozilla Firefox el.css 'MozUserSelect' 'none' else if .browser.msie IE el.bind 'selectstart'..
Changing z-index to make a clicked div appear on top http://stackoverflow.com/questions/8568158/changing-z-index-to-make-a-clicked-div-appear-on-top
Watching for DOM changes, the elegant way http://stackoverflow.com/questions/11491628/watching-for-dom-changes-the-elegant-way function __check.call this el data props props.split func callback vals .each data.props function i data.vals i el.css data.props i el.data data if typeof this.onpropertychange object el.bind propertychange callback else if .browser.mozilla.. func timeout function __check el var data el.data changed false temp for var i 0 i data.props.length i temp el.css data.props i if data.vals i temp data.vals i temp changed true break if changed data.func data.func.call el data..
how can I make a div stick to the top of the screen once it's been scrolled to? http://stackoverflow.com/questions/1216114/how-can-i-make-a-div-stick-to-the-top-of-the-screen-once-its-been-scrolled-to offset of the document with the scrollTop function window .scroll function e el '.fixedElement' if this .scrollTop 200 el.css 'position' 'fixed' '.fixedElement' .css 'position' 'fixed' 'top' '0px' When the scroll offset reached 200 the element will..
How to move/animate elements in from the side with Stellar.js on a vertical scroll? http://stackoverflow.com/questions/13149700/how-to-move-animate-elements-in-from-the-side-with-stellar-js-on-a-vertical-scro which does something resembling what you want .stellar.positionProperty.apple setTop function el newTop originalTop el.css 'top' newTop 'left' el.hasClass 'apple' originalTop newTop 0 setLeft function el newLeft originalLeft el.css 'left' newLeft.. el.css 'top' newTop 'left' el.hasClass 'apple' originalTop newTop 0 setLeft function el newLeft originalLeft el.css 'left' newLeft You'll notice it includes a ternary which only applies the 'left' value if the element has the 'apple' class..
How can I execute multiple, simultaneous jquery effects? http://stackoverflow.com/questions/2344804/how-can-i-execute-multiple-simultaneous-jquery-effects 'backgroundColor' 'opacity' mode .effects.setMode el o.options.mode 'show' animation backgroundColor el.css 'backgroundColor' From highlight if mode 'hide' animation.opacity 0 .effects.save el props From bounce Set options var.. var distance o.options.distance ref 'top' el.outerHeight margin true 3 el.outerWidth margin true 3 if mode 'show' el.css 'opacity' 0 .css ref motion 'pos' distance distance Shift if mode 'hide' distance distance times 2 if mode 'hide' times..
jQuery Animation - Smooth Size Transition http://stackoverflow.com/questions/244758/jquery-animation-smooth-size-transition height el.height 'px' el .css cur restore initial dimensions .animate next speed function animate to final dimensions el.css finish restore initial style settings if .isFunction callback callback jQuery Commenter RonLugge points out that this..
jQuery UI Resizable alsoResize reverse http://stackoverflow.com/questions/3369045/jquery-ui-resizable-alsoresize-reverse 0 subtracting instead of adding if sum sum 0 style prop sum null Opera fixing relative position if relative .test el.css 'position' .browser.opera self._revertToRelativePosition true el.css position 'absolute' top 'auto' left 'auto' el.css.. fixing relative position if relative .test el.css 'position' .browser.opera self._revertToRelativePosition true el.css position 'absolute' top 'auto' left 'auto' el.css style if typeof o.alsoResizeReverse 'object' o.alsoResizeReverse.nodeType.. 'position' .browser.opera self._revertToRelativePosition true el.css position 'absolute' top 'auto' left 'auto' el.css style if typeof o.alsoResizeReverse 'object' o.alsoResizeReverse.nodeType .each o.alsoResizeReverse function exp c _alsoResizeReverse..
JavaScript jQuery Animate to Auto Height http://stackoverflow.com/questions/5003220/javascript-jquery-animate-to-auto-height
jQuery .position() strangeness while using CSS3 rotate attribute http://stackoverflow.com/questions/5078897/jquery-position-strangeness-while-using-css3-rotate-attribute getting position pos el.position alert pos.left ' ' pos.top alerts 37 11 setting css position attributes equal to pos el.css pos re getting position pos el.position alert pos.left ' ' pos.top alerts 14 28 View it http jsfiddle.net Antaranian 2gVL4..
Is there a JQuery plugin which combines Draggable and Selectable http://stackoverflow.com/questions/705250/is-there-a-jquery-plugin-which-combines-draggable-and-selectable we are on off what position was this element at when it was selected before drag var el this off el.data offset el.css top off.top dt left off.left dl CSS Styles to be able to see what's happening #selectable width 100 height 100 #selectable..
jqGrid Column Group http://stackoverflow.com/questions/7341339/jqgrid-column-group questions 2132172 disable text highlighting on double click in jquery 2132230#2132230 if .browser.mozilla Firefox el.css 'MozUserSelect' 'none' else if .browser.msie IE el.bind 'selectstart' function return false else Opera etc. el.mousedown..
Changing z-index to make a clicked div appear on top http://stackoverflow.com/questions/8568158/changing-z-index-to-make-a-clicked-div-appear-on-top
|