scottjehl
f7aa71d423
if there's an overlay theme, we're going to remove it from the page container. First though, check that the incoming page isn't a dialog with the same overlay theme. If so, don't remove the class, as it'll remove it for the next one too
2012-01-13 17:29:42 +07:00
scottjehl
4f12d46945
By caching the href value to data and switching the href to a #, we can avoid address bar showing in iOS on every click. The click handler resets the href during its initial steps if this data is present. Note that the address bar will still likely drop down when you click the browser's back button. The only time the back button will not drop the address bar appears to be when the back button does not trigger a pushstate operation - so pushstate would either have to be disabled, or the page would have to be local (multipage), or the page would need to be a dialog (since then going back would only be a hashchange).
...
Still, progress.
2012-01-13 17:29:41 +07:00
scottjehl
a9cd92a978
special case for dialogs - the theme class will apply to the page container when a dialog is shown, and that class will be removed when the dialog is hidden. This allows the transition to appear to affect only the inset window portion of the dialog page.
2012-01-13 17:29:41 +07:00
Mat Marquis
d1663f1373
Added page turning transition.
2012-01-13 17:27:56 +07:00
John Bender
eb9e113911
fix timing issue where the pushstate plugin expected popstate generated hashchanges to happen before a given timeout
2012-01-13 17:27:56 +07:00
scottjehl
2ba3842997
removed old commented out code
2012-01-13 17:27:55 +07:00
scottjehl
56af997812
moved the hide loader call back to nav again
2012-01-13 17:27:54 +07:00
scottjehl
da9cbcf162
added reference to flow transition fallback
2012-01-13 17:27:54 +07:00
scottjehl
df35552be6
one too many transition js refs
2012-01-13 17:27:54 +07:00
scottjehl
f2e4aa525f
added fallback transition for flow
2012-01-13 17:27:54 +07:00
scottjehl
b742b97441
better check for supporting fallback
2012-01-13 17:27:54 +07:00
scottjehl
9bfa7d2de1
better comment
2012-01-13 17:27:54 +07:00
scottjehl
a3e776297e
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-13 17:27:53 +07:00
Mat Marquis
2f088cb2e3
Updated page transition scripting/support test to allow for Firefox.
2012-01-13 17:27:53 +07:00
scottjehl
518e3ce8cd
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-13 17:27:53 +07:00
scottjehl
f40caba625
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-13 17:27:53 +07:00
scottjehl
a7dafba9fd
updated make and concat files for new transition handler
2012-01-13 17:27:51 +07:00
scottjehl
76042018ff
renamed the new transition handler transition.js
2012-01-13 17:27:51 +07:00
scottjehl
86e059465a
lowercased
2012-01-13 17:27:50 +07:00
scottjehl
49724f94b9
woops. add it whether it's supported or not :)
2012-01-13 17:27:50 +07:00
scottjehl
cf85b4229a
add class for 3d transform support
2012-01-13 17:27:50 +07:00
scottjehl
9470239581
fixed a typo in the query
2012-01-13 17:27:50 +07:00
scottjehl
1e8a7c520e
Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported).
2012-01-13 17:27:50 +07:00
scottjehl
3c3448d553
added new filename to make and combiner files
2012-01-13 17:27:49 +07:00
scottjehl
c3d2e70802
changed filename
2012-01-13 17:27:49 +07:00
scottjehl
b203c266e4
changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically.
2012-01-13 17:27:49 +07:00
scottjehl
b7838a8a62
brought back the height settings, and fixed a typo between addClass and removeClass
2012-01-13 17:27:49 +07:00
scottjehl
edfea0ae22
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-13 17:27:49 +07:00
scottjehl
2ee3dd2a5e
add back viewport transitioning class
2012-01-13 17:27:49 +07:00
scottjehl
b698d55ca1
don't scroll at the end. scroll halfway through instead
2012-01-13 17:27:49 +07:00
scottjehl
126846070d
an attempt at simplification. not there yet...
2012-01-13 17:27:49 +07:00
scottjehl
6e9da8e90f
added fade out in transition handler
2012-01-13 17:27:48 +07:00
scottjehl
a8416daa06
changed filename
2012-01-13 17:27:48 +07:00
scottjehl
4d6f341a57
changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically.
2012-01-13 17:27:48 +07:00
scottjehl
4bc2bb8616
brought back the height settings, and fixed a typo between addClass and removeClass
2012-01-13 17:27:48 +07:00
scottjehl
d68d8ff53a
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-13 17:27:48 +07:00
scottjehl
7141ad8b6f
add back viewport transitioning class
2012-01-13 17:27:48 +07:00
scottjehl
5217ad7df3
don't scroll at the end. scroll halfway through instead
2012-01-13 17:27:03 +07:00
scottjehl
cde86da912
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-13 17:27:03 +07:00
Todd Parker
ad2f977ca8
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-13 17:27:02 +07:00
scottjehl
ab32d0850b
an attempt at simplification. not there yet...
2012-01-13 17:27:02 +07:00
scottjehl
5da1f11c4b
default transition type goes to fade
2012-01-13 17:27:02 +07:00
Todd Parker
7c160b77af
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-13 17:27:02 +07:00
scottjehl
b46b4220dc
removed code to set css3transitionhandler as the default
2012-01-13 17:27:01 +07:00
scottjehl
e830f6221b
added fade out in transition handler file
2012-01-13 17:27:01 +07:00
scottjehl
eda70bd3b3
added fade out in transition handler
2012-01-13 17:27:01 +07:00
scottjehl
6a28fd4b13
removed commented out line
2012-01-13 17:27:01 +07:00
scottjehl
7a8821fb71
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-13 17:27:01 +07:00
Ghislain Seguin
22ec6cf3ed
Fixed wrong line break
2012-01-13 17:26:21 +07:00
Mat Marquis
42536ecafe
Added download builder metadata.
2012-01-13 17:26:21 +07:00
