scottjehl
1507d51c98
no longer need this class addition
2012-01-13 17:30:50 +07:00
scottjehl
fbd5e2b77a
code style
2012-01-13 17:30:50 +07:00
scottjehl
eac0b7d3c7
class name was body instead of overlay. Fixed
2012-01-13 17:30:49 +07:00
toddparker
a6dc847474
SetScrollBack to 10 (from 250), CSS tweaks to table
2012-01-13 17:30:49 +07:00
toddparker
97ff127a1c
Turned maxTransitionWidth to false by default
...
Useful for testing, we may set this back to a value once we've seen
more feedback. Improved the comment a bit.
2012-01-13 17:30:49 +07:00
Mat Marquis
b52551d9a3
Updated 3d transform test to accomodate FF10.
2012-01-13 17:30:49 +07:00
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
jblas@adobe.com
d4c7123c85
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-13 17:25:55 +07:00
John Bender
0c006605d1
obviate the need for stub definition of define when using vanilla /js require
2012-01-13 17:25:54 +07:00
John Bender
b3048e4be5
switch to explicit false check to avoid undefined issues
2012-01-13 17:25:54 +07:00
John Bender
799c0b6b5b
ensure defaultTransitionHandler is defined after the navigation has been loaded
2012-01-13 17:25:53 +07:00
John Bender
fe32fd5b17
ensure defaultTransitionHandler is defined after the navigation has been loaded
2012-01-13 17:25:53 +07:00
Mat Marquis
3d62715b3c
Fixing navigation bug caused by dialog markup changes.
2012-01-13 17:25:52 +07:00
Mat Marquis
20b0434207
Moved .ui-dialog to element wrapping dialog header/content/footer, switched overlay non-theming class to .ui-dialog-page.
2012-01-13 17:25:52 +07:00
Mat Marquis
eb9968c2b6
Partial dialog refactor, in progress.
2012-01-13 17:25:52 +07:00
Mat Marquis
6e5d454880
Ensured the hover delay only applies to touch devices, logic that was mysteriously absent from my previous commit.
2012-01-13 17:25:51 +07:00
Mat Marquis
00b328b6cb
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.
2012-01-13 17:25:50 +07:00
zachleat
ebcf7a62c3
This might be a little overzealous, but I think the outline around the entire flip switch looks better than the clipped handle outline.
2012-01-13 17:25:50 +07:00
zachleat
e19ee8d953
Fix for browsers with JavaScript but without box-shadow enabled. outline: 0; outline-width: 2px; doesn't work, requires an outline-style to be set.
2012-01-13 17:25:50 +07:00
zachleat
3ca5a8a85e
Per @toddparker's comment, added boxshadow to link buttons. Also changed focus class on sliders to add to the handle, while excluding the toggle switch.
2012-01-13 17:25:50 +07:00
zachleat
0c722fb8f7
Nerf, you guys use tabs.
2012-01-13 17:25:50 +07:00
zachleat
5cc81797ba
First stab at more consistent focus classes on form elements, using .ui-focus. Links will still contain outline property.
2012-01-13 17:25:50 +07:00
Jake Boone
5f4c0a4914
Remove ui-btn-down class on scrollstart
2012-01-13 17:25:50 +07:00
Gabriel Schulhof
ee7d94068b
[custom select] Use $(window).width() and not window.innerWidth - same for height
2012-01-13 17:25:47 +07:00
Ghislain Seguin
3cf6c65b88
Changed $.extend to be non destructive
2012-01-13 17:25:47 +07:00
Ghislain Seguin
02baaf67f7
Expose jquery.mobile as an AMD module if running in an AMD env
2012-01-13 17:25:46 +07:00
Ghislain Seguin
09c709ef0f
Added dep on buttonMarkup
2012-01-13 17:25:46 +07:00
Ghislain Seguin
c7b81d3e59
Named the module for testability
2012-01-13 17:24:55 +07:00
Ghislain Seguin
adda6b7638
Added dep on page and page.sections (for nested lists)
2012-01-13 17:24:54 +07:00
Ghislain Seguin
e27ddb8c4a
Added dep on textinput
2012-01-13 17:24:54 +07:00
Ghislain Seguin
fbab839995
Added dep on grid
2012-01-13 17:24:54 +07:00
John Bender
797378b1af
fix bug to allow pagebeforecreate bindings to prevent enhancement
2012-01-13 17:24:51 +07:00
John Bender
66a818223a
added page and page section dependencies to custom select
2012-01-13 17:24:51 +07:00
John Bender
526ee3453b
added dialog to custom select deps
2012-01-13 17:24:51 +07:00
John Bender
ac6eb10913
alpha order deps
2012-01-13 17:24:51 +07:00
John Bender
7dc692dc3a
add transition dep to navigation
2012-01-13 17:24:51 +07:00
John Bender
7a4c507e96
add page and listview dep to custom select
2012-01-13 17:24:51 +07:00
Ghislain Seguin
517c9588ca
Added dep on "jquery.mobile.buttonMarkup" wherever needed
2012-01-13 17:24:50 +07:00
Ghislain Seguin
e419648b44
Added temporary dependency on mobile.widget
2012-01-13 17:24:50 +07:00
Gabriele Rabbiosi
b0fb85a38d
Substituted wrong semicolon with comma inside a list of variable
...
declaration
2012-01-13 17:24:50 +07:00
John Bender
18f4d3d5e0
fix improperly camel cased module references
2012-01-13 17:24:50 +07:00
Ghislain Seguin
fdc51cfdfb
Fixed casing
2012-01-13 17:24:50 +07:00
Ghislain Seguin
c6e49f7b07
Discovered r.js' pragmas use them instead of the hacky solution provided by amd-stripper.js
2012-01-13 17:24:49 +07:00
Ghislain Seguin
f3e3121166
Specified more dependencies
2012-01-13 17:23:19 +07:00
Ghislain Seguin
6f13267af7
Moved r.js and require.js to external
2012-01-13 17:21:45 +07:00
Ghislain Seguin
5299b7ef44
Use original r.js, externalized stripping of define/require to amd-stripper.js
2012-01-13 17:21:45 +07:00
Ghislain Seguin
43de7d9c32
Added amd-stripper.js
2012-01-13 17:21:45 +07:00
Ghislain Seguin
6efb8eb9b2
Updated AMD stripping regexp
2012-01-13 17:21:44 +07:00
Ghislain Seguin
c6b6dff530
Not much, really
2012-01-13 17:21:27 +07:00
Ghislain Seguin
9a4ec07b62
Renamed r.js to r-jqm.js
2012-01-13 17:21:26 +07:00
Ghislain Seguin
c9cdf7f984
Fixed deps
2012-01-13 17:21:26 +07:00