Commit graph

1952 commits

Author SHA1 Message Date
scottjehl
d1edb4f98c better comment 2012-01-10 12:50:44 +07:00
scottjehl
0dd88f4f88 implemented fallback transition definitions for non-3D-supporting browsers, for all transitions except "fade". By default, these are all set to fall back to "fade", and they'll fall back to "none" if 3D is unsupported and no fallback is defined. They can be overridden at mobileinit, like any other jQM default. 2012-01-10 12:50:44 +07:00
Mat Marquis
0b80c12778 Updated page transition scripting/support test to allow for Firefox. 2012-01-10 12:50:22 +07:00
scottjehl
69558f2cbd Added a new core option called maxTransitionWidth, which defaults to 1000. Accepts any number or false value. If it's not false, the handler will use a "none" transition when the window width is wider than the specified value. This is useful because transitions get very wonky on wider screens. 2012-01-10 12:50:22 +07:00
scottjehl
70ef725952 removed "none" transition handler from Nav.js. Updated the new out-in transition handler so that it supports "none" transitions in addition to our new default css3 animation sequence. The new transition handler is set as the default, and available publicly as $.mobile.defaultTransitionHandler and $.mobile.transitionHandlers["default"]. 2012-01-10 12:50:21 +07:00
scottjehl
c37ad79ed0 updated make and concat files for new transition handler 2012-01-10 12:50:05 +07:00
scottjehl
bc2b4faf0b renamed the new transition handler transition.js 2012-01-10 12:49:52 +07:00
scottjehl
fd236692ea lowercased 2012-01-10 12:48:58 +07:00
scottjehl
f72eb291f6 woops. add it whether it's supported or not :) 2012-01-10 12:48:57 +07:00
scottjehl
965f7e2681 add class for 3d transform support 2012-01-10 12:48:57 +07:00
scottjehl
0cafec13bd fixed a typo in the query 2012-01-10 12:48:57 +07:00
scottjehl
f80d855847 Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported). 2012-01-10 12:48:57 +07:00
scottjehl
72fe72f772 added new filename to make and combiner files 2012-01-10 12:48:57 +07:00
scottjehl
86dfe99a1b changed filename 2012-01-10 12:48:40 +07:00
scottjehl
42bcd90a47 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-10 12:48:40 +07:00
scottjehl
d01da49798 brought back the height settings, and fixed a typo between addClass and removeClass 2012-01-10 12:48:40 +07:00
scottjehl
cb151b5d9a don't use pre transitioning class, or viewport class for this transition handler. Instead, activate page early, then scroll to desired spot, and transition in. In order to make this work, I had to add an argument to the end of the promise, letting navigation know that the page is already focused, so don't do it over again. This should make for a smooth transition from point-a to point-b, without a visible scroll jump. Needs testing! 2012-01-10 12:48:39 +07:00
scottjehl
f46135b6fd add back viewport transitioning class 2012-01-10 12:48:39 +07:00
scottjehl
cb49d27006 don't scroll at the end. scroll halfway through instead 2012-01-10 12:48:39 +07:00
scottjehl
a73e04bf19 an attempt at simplification. not there yet... 2012-01-10 12:48:22 +07:00
scottjehl
594eb7b37c added fade out in transition handler 2012-01-10 12:44:42 +07:00
scottjehl
9afa2eaa5e changed filename 2012-01-10 12:43:11 +07:00
scottjehl
9aea79e744 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-10 12:43:11 +07:00
scottjehl
10a65c9d78 brought back the height settings, and fixed a typo between addClass and removeClass 2012-01-10 12:43:11 +07:00
scottjehl
445d11c704 don't use pre transitioning class, or viewport class for this transition handler. Instead, activate page early, then scroll to desired spot, and transition in. In order to make this work, I had to add an argument to the end of the promise, letting navigation know that the page is already focused, so don't do it over again. This should make for a smooth transition from point-a to point-b, without a visible scroll jump. Needs testing! 2012-01-10 12:43:11 +07:00
scottjehl
955a37f1e8 add back viewport transitioning class 2012-01-10 12:43:10 +07:00
scottjehl
c72595c462 don't scroll at the end. scroll halfway through instead 2012-01-10 12:43:10 +07:00
scottjehl
0a267cea64 position loader fixed by default, then check if it's positioned correctly and if not, switch to an absolute positioned scheme, with updates on scroll (or scrollstop in iOS 4). 2012-01-10 12:43:10 +07:00
Todd Parker
41d63056c6 All new loader hotness
Created a new loader that has a circle baked into the animated gif so
there's less of a chance of artifacts in bad browsers. The edge is
chunky because it's a gif but then added 1px of padding to the loader
parent and that the border-radius can smooth this out in iOS. Actually
looks sharp in Android too because of interaction effects between these
rounded corners. Loader spin is faster and more compressed (16 colors).
Removed the body-a class on the spinner since we're just setting this to
flat black = one less gradient to render.
2012-01-10 12:43:10 +07:00
scottjehl
47bf7a9d38 an attempt at simplification. not there yet... 2012-01-10 12:43:10 +07:00
scottjehl
0a3be2ecf3 default transition type goes to fade 2012-01-10 12:43:10 +07:00
Todd Parker
dac79b5cfa Loader design tweaks
Removed the spin class from the loader container, tweaked opacity and
added slight glow to bottom of loader, increased padding. Downloaded a
fresh loader image.
2012-01-10 12:43:09 +07:00
scottjehl
b820de1afc removed code to set css3transitionhandler as the default 2012-01-10 12:43:09 +07:00
scottjehl
f5dd6fb8ea added fade out in transition handler file 2012-01-10 12:43:09 +07:00
scottjehl
597e6bd07a added fade out in transition handler 2012-01-10 12:40:23 +07:00
scottjehl
195d4dc47e removed commented out line 2012-01-10 12:40:23 +07:00
scottjehl
821df23a7d Much of the scripting in nav.js's transitionPages function was tied to the animation sequence for our css3transitionhandler. For example, the order was, scroll to top, run transitions, then scroll to the remembered location of the new page (there's more involved, but that's the gist of it). If we want to expand beyond this sequence, much of that scripting needs to move to the css3transitionhandler itself, and also to our "none" transition handler, which comes with nav model.
This commit moves all that logic into the transition handlers, and should provide a better starting point for adding different transition sequences, such as fade-out, scroll, fade-in.

In the process of making this change, the reFocus function was made public as $.mobile.focusPage.
2012-01-10 12:40:23 +07:00
Ghislain Seguin
42c9409660 Fixed wrong line break 2012-01-06 17:14:48 -08:00
Mat Marquis
d7afc8aa78 Added download builder metadata. 2012-01-06 19:31:31 -05:00
jblas@adobe.com
1a5224047b Fix for issue #2933 - get_orientation() and hence getScreenHeight() doesn't work on some devices
It seems that some device/browser vendors use window.orientation values 0 and 180 to denote the "default" orientation. For iOS devices, and most other smart-phones tested, the default orientation is always "portrait", but in some Android and RIM based tablets, the default orientation is "landscape".

- Modified the orientationchange plugin so that it injects a landscape orientation media query into the document to figure out what the initial orientation is, it then makes adjustments to a portrait_map if necessary, so that we can properly decode the window.orientation value whenever get_orientation() is called.
2012-01-06 10:19:04 -08:00
John Bender
0b1829967d obviate the need for stub definition of define when using vanilla /js require 2012-01-04 14:21:57 -08:00
John Bender
22504c7613 switch to explicit false check to avoid undefined issues 2012-01-04 13:14:43 -08:00
John Bender
95073892f0 Merge branch 'amd' 2012-01-04 12:24:33 -08:00
John Bender
8ea0bddccc ensure defaultTransitionHandler is defined after the navigation has been loaded 2012-01-04 11:46:35 -08:00
John Bender
6e8433d395 ensure defaultTransitionHandler is defined after the navigation has been loaded 2012-01-04 11:38:32 -08:00
Mat Marquis
f5794cf7c8 Fixing navigation bug caused by dialog markup changes. 2012-01-04 11:27:52 -05:00
Mat Marquis
9b3aefae84 Moved .ui-dialog to element wrapping dialog header/content/footer, switched overlay non-theming class to .ui-dialog-page. 2012-01-03 18:16:29 -05:00
Mat Marquis
1ffc6b007e Partial dialog refactor, in progress. 2012-01-03 18:16:23 -05:00
Mat Marquis
5b9ca5caf0 Ensured the hover delay only applies to touch devices, logic that was mysteriously absent from my previous commit. 2011-12-30 15:58:56 -05:00
Mat Marquis
171be28a22 Added slight delay before application of hover/down classes on touch devices, to prevent unintentional hover-ish behavior when the user intent is to scroll. 2011-12-30 15:24:46 -05:00