+++ /dev/null
- GNU GENERAL PUBLIC LICENSE
- Version 2, June 1991
-
- Copyright (C) 1989, 1991 Free Software Foundation, Inc.
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
- Preamble
-
- The licenses for most software are designed to take away your
-freedom to share and change it. By contrast, the GNU General Public
-License is intended to guarantee your freedom to share and change free
-software--to make sure the software is free for all its users. This
-General Public License applies to most of the Free Software
-Foundation's software and to any other program whose authors commit to
-using it. (Some other Free Software Foundation software is covered by
-the GNU Lesser General Public License instead.) You can apply it to
-your programs, too.
-
- When we speak of free software, we are referring to freedom, not
-price. Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-this service if you wish), that you receive source code or can get it
-if you want it, that you can change the software or use pieces of it
-in new free programs; and that you know you can do these things.
-
- To protect your rights, we need to make restrictions that forbid
-anyone to deny you these rights or to ask you to surrender the rights.
-These restrictions translate to certain responsibilities for you if you
-distribute copies of the software, or if you modify it.
-
- For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must give the recipients all the rights that
-you have. You must make sure that they, too, receive or can get the
-source code. And you must show them these terms so they know their
-rights.
-
- We protect your rights with two steps: (1) copyright the software, and
-(2) offer you this license which gives you legal permission to copy,
-distribute and/or modify the software.
-
- Also, for each author's protection and ours, we want to make certain
-that everyone understands that there is no warranty for this free
-software. If the software is modified by someone else and passed on, we
-want its recipients to know that what they have is not the original, so
-that any problems introduced by others will not reflect on the original
-authors' reputations.
-
- Finally, any free program is threatened constantly by software
-patents. We wish to avoid the danger that redistributors of a free
-program will individually obtain patent licenses, in effect making the
-program proprietary. To prevent this, we have made it clear that any
-patent must be licensed for everyone's free use or not licensed at all.
-
- The precise terms and conditions for copying, distribution and
-modification follow.
-
- GNU GENERAL PUBLIC LICENSE
- TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-
- 0. This License applies to any program or other work which contains
-a notice placed by the copyright holder saying it may be distributed
-under the terms of this General Public License. The "Program", below,
-refers to any such program or work, and a "work based on the Program"
-means either the Program or any derivative work under copyright law:
-that is to say, a work containing the Program or a portion of it,
-either verbatim or with modifications and/or translated into another
-language. (Hereinafter, translation is included without limitation in
-the term "modification".) Each licensee is addressed as "you".
-
-Activities other than copying, distribution and modification are not
-covered by this License; they are outside its scope. The act of
-running the Program is not restricted, and the output from the Program
-is covered only if its contents constitute a work based on the
-Program (independent of having been made by running the Program).
-Whether that is true depends on what the Program does.
-
- 1. You may copy and distribute verbatim copies of the Program's
-source code as you receive it, in any medium, provided that you
-conspicuously and appropriately publish on each copy an appropriate
-copyright notice and disclaimer of warranty; keep intact all the
-notices that refer to this License and to the absence of any warranty;
-and give any other recipients of the Program a copy of this License
-along with the Program.
-
-You may charge a fee for the physical act of transferring a copy, and
-you may at your option offer warranty protection in exchange for a fee.
-
- 2. You may modify your copy or copies of the Program or any portion
-of it, thus forming a work based on the Program, and copy and
-distribute such modifications or work under the terms of Section 1
-above, provided that you also meet all of these conditions:
-
- a) You must cause the modified files to carry prominent notices
- stating that you changed the files and the date of any change.
-
- b) You must cause any work that you distribute or publish, that in
- whole or in part contains or is derived from the Program or any
- part thereof, to be licensed as a whole at no charge to all third
- parties under the terms of this License.
-
- c) If the modified program normally reads commands interactively
- when run, you must cause it, when started running for such
- interactive use in the most ordinary way, to print or display an
- announcement including an appropriate copyright notice and a
- notice that there is no warranty (or else, saying that you provide
- a warranty) and that users may redistribute the program under
- these conditions, and telling the user how to view a copy of this
- License. (Exception: if the Program itself is interactive but
- does not normally print such an announcement, your work based on
- the Program is not required to print an announcement.)
-
-These requirements apply to the modified work as a whole. If
-identifiable sections of that work are not derived from the Program,
-and can be reasonably considered independent and separate works in
-themselves, then this License, and its terms, do not apply to those
-sections when you distribute them as separate works. But when you
-distribute the same sections as part of a whole which is a work based
-on the Program, the distribution of the whole must be on the terms of
-this License, whose permissions for other licensees extend to the
-entire whole, and thus to each and every part regardless of who wrote it.
-
-Thus, it is not the intent of this section to claim rights or contest
-your rights to work written entirely by you; rather, the intent is to
-exercise the right to control the distribution of derivative or
-collective works based on the Program.
-
-In addition, mere aggregation of another work not based on the Program
-with the Program (or with a work based on the Program) on a volume of
-a storage or distribution medium does not bring the other work under
-the scope of this License.
-
- 3. You may copy and distribute the Program (or a work based on it,
-under Section 2) in object code or executable form under the terms of
-Sections 1 and 2 above provided that you also do one of the following:
-
- a) Accompany it with the complete corresponding machine-readable
- source code, which must be distributed under the terms of Sections
- 1 and 2 above on a medium customarily used for software interchange; or,
-
- b) Accompany it with a written offer, valid for at least three
- years, to give any third party, for a charge no more than your
- cost of physically performing source distribution, a complete
- machine-readable copy of the corresponding source code, to be
- distributed under the terms of Sections 1 and 2 above on a medium
- customarily used for software interchange; or,
-
- c) Accompany it with the information you received as to the offer
- to distribute corresponding source code. (This alternative is
- allowed only for noncommercial distribution and only if you
- received the program in object code or executable form with such
- an offer, in accord with Subsection b above.)
-
-The source code for a work means the preferred form of the work for
-making modifications to it. For an executable work, complete source
-code means all the source code for all modules it contains, plus any
-associated interface definition files, plus the scripts used to
-control compilation and installation of the executable. However, as a
-special exception, the source code distributed need not include
-anything that is normally distributed (in either source or binary
-form) with the major components (compiler, kernel, and so on) of the
-operating system on which the executable runs, unless that component
-itself accompanies the executable.
-
-If distribution of executable or object code is made by offering
-access to copy from a designated place, then offering equivalent
-access to copy the source code from the same place counts as
-distribution of the source code, even though third parties are not
-compelled to copy the source along with the object code.
-
- 4. You may not copy, modify, sublicense, or distribute the Program
-except as expressly provided under this License. Any attempt
-otherwise to copy, modify, sublicense or distribute the Program is
-void, and will automatically terminate your rights under this License.
-However, parties who have received copies, or rights, from you under
-this License will not have their licenses terminated so long as such
-parties remain in full compliance.
-
- 5. You are not required to accept this License, since you have not
-signed it. However, nothing else grants you permission to modify or
-distribute the Program or its derivative works. These actions are
-prohibited by law if you do not accept this License. Therefore, by
-modifying or distributing the Program (or any work based on the
-Program), you indicate your acceptance of this License to do so, and
-all its terms and conditions for copying, distributing or modifying
-the Program or works based on it.
-
- 6. Each time you redistribute the Program (or any work based on the
-Program), the recipient automatically receives a license from the
-original licensor to copy, distribute or modify the Program subject to
-these terms and conditions. You may not impose any further
-restrictions on the recipients' exercise of the rights granted herein.
-You are not responsible for enforcing compliance by third parties to
-this License.
-
- 7. If, as a consequence of a court judgment or allegation of patent
-infringement or for any other reason (not limited to patent issues),
-conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License. If you cannot
-distribute so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you
-may not distribute the Program at all. For example, if a patent
-license would not permit royalty-free redistribution of the Program by
-all those who receive copies directly or indirectly through you, then
-the only way you could satisfy both it and this License would be to
-refrain entirely from distribution of the Program.
-
-If any portion of this section is held invalid or unenforceable under
-any particular circumstance, the balance of the section is intended to
-apply and the section as a whole is intended to apply in other
-circumstances.
-
-It is not the purpose of this section to induce you to infringe any
-patents or other property right claims or to contest validity of any
-such claims; this section has the sole purpose of protecting the
-integrity of the free software distribution system, which is
-implemented by public license practices. Many people have made
-generous contributions to the wide range of software distributed
-through that system in reliance on consistent application of that
-system; it is up to the author/donor to decide if he or she is willing
-to distribute software through any other system and a licensee cannot
-impose that choice.
-
-This section is intended to make thoroughly clear what is believed to
-be a consequence of the rest of this License.
-
- 8. If the distribution and/or use of the Program is restricted in
-certain countries either by patents or by copyrighted interfaces, the
-original copyright holder who places the Program under this License
-may add an explicit geographical distribution limitation excluding
-those countries, so that distribution is permitted only in or among
-countries not thus excluded. In such case, this License incorporates
-the limitation as if written in the body of this License.
-
- 9. The Free Software Foundation may publish revised and/or new versions
-of the General Public License from time to time. Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-Each version is given a distinguishing version number. If the Program
-specifies a version number of this License which applies to it and "any
-later version", you have the option of following the terms and conditions
-either of that version or of any later version published by the Free
-Software Foundation. If the Program does not specify a version number of
-this License, you may choose any version ever published by the Free Software
-Foundation.
-
- 10. If you wish to incorporate parts of the Program into other free
-programs whose distribution conditions are different, write to the author
-to ask for permission. For software which is copyrighted by the Free
-Software Foundation, write to the Free Software Foundation; we sometimes
-make exceptions for this. Our decision will be guided by the two goals
-of preserving the free status of all derivatives of our free software and
-of promoting the sharing and reuse of software generally.
-
- NO WARRANTY
-
- 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
-FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
-OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
-PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
-OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
-TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
-PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
-REPAIR OR CORRECTION.
-
- 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
-REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
-INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
-OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
-TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
-YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
-PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGES.
+++ /dev/null
-/*! jQuery Mobile v@VERSION jquerymobile.com | jquery.org/license */
\ No newline at end of file
+++ /dev/null
-/*
-* jQuery Mobile Framework v@VERSION
-* http://jquerymobile.com
-*
-* Copyright 2011 (c) jQuery Project
-* Dual licensed under the MIT or GPL Version 2 licenses.
-* http://jquery.org/license
-*
-*/
+++ /dev/null
-Copyright (c) 2011 John Resig, http://jquery.com/
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+++ /dev/null
-# Helper Variables
-# The command to replace the @VERSION in the files with the actual version
-HEAD_SHA = $(shell git log -1 --format=format:"%H")
-VER = sed "s/v@VERSION/$$(git log -1 --format=format:"Git Build: SHA1: %H <> Date: %cd")/"
-VER_MIN = "/*! jQuery Mobile v$$(git log -1 --format=format:"Git Build: SHA1: %H <> Date: %cd") jquerymobile.com | jquery.org/license */"
-VER_OFFICIAL = $(shell cat version.txt)
-SED_VER_REPLACE = 's/__version__/"${VER_OFFICIAL}"/g'
-SED_VER_API = sed ${SED_VER_REPLACE}
-SED_INPLACE_EXT = "whyunowork"
-deploy: VER = sed "s/v@VERSION/${VER_OFFICIAL} ${HEAD_SHA}/"
-deploy: VER_MIN = "/*! jQuery Mobile v${VER_OFFICIAL} ${HEAD_SHA} jquerymobile.com | jquery.org/license */"
-
-# The output folder for the finished files
-OUTPUT = compiled
-
-# The name of the files
-NAME = jquery.mobile
-BASE_NAME = jquery.mobile
-THEME_FILENAME = jquery.mobile.theme
-STRUCTURE = jquery.mobile.structure
-deploy: NAME = jquery.mobile-${VER_OFFICIAL}
-deploy: THEME_FILENAME = jquery.mobile.theme-${VER_OFFICIAL}
-deploy: STRUCTURE = jquery.mobile.structure-${VER_OFFICIAL}
-
-# The CSS theme being used
-THEME = default
-
-# If node is available then use node to run r.js
-# otherwise use good old rhino/java
-NODE ?= /usr/local/bin/node
-HAS_NODE = $(shell if test -x ${NODE} ;then echo true; fi)
-
-ifeq ($(HAS_NODE), true)
- RUN_JS = @@${NODE}
-else
- RUN_JS = @@java -XX:ReservedCodeCacheSize=64m -classpath build/js.jar:build/google-compiler-20111003.jar org.mozilla.javascript.tools.shell.Main
-endif
-
-# Build Targets
-
-# When no build target is specified, all gets ran
-all: css js zip notify
-
-clean:
- # -------------------------------------------------
- # Cleaning build output
- @@rm -rf ${OUTPUT}
- @@rm -rf tmp
-
-# Create the output directory.
-init:
- @@mkdir -p ${OUTPUT}
-
-# Build and minify the CSS files
-css: init
- # Build the CSS file with the theme included
- ${RUN_JS} \
- external/r.js/dist/r.js \
- -o cssIn=css/themes/default/jquery.mobile.css \
- optimizeCss=standard.keepComments.keepLines \
- out=${OUTPUT}/${NAME}.compiled.css
- @@cat LICENSE-INFO.txt | ${VER} > ${OUTPUT}/${NAME}.css
- @@cat ${OUTPUT}/${NAME}.compiled.css >> ${OUTPUT}/${NAME}.css
- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.css
- @@java -XX:ReservedCodeCacheSize=64m \
- -jar build/yuicompressor-2.4.6.jar \
- --type css ${OUTPUT}/${NAME}.compiled.css >> ${OUTPUT}/${NAME}.min.css
- @@rm ${OUTPUT}/${NAME}.compiled.css
- # Build the CSS Structure-only file
- ${RUN_JS} \
- external/r.js/dist/r.js \
- -o cssIn=css/structure/jquery.mobile.structure.css \
- out=${OUTPUT}/${STRUCTURE}.compiled.css
- @@cat LICENSE-INFO.txt | ${VER} > ${OUTPUT}/${STRUCTURE}.css
- @@cat ${OUTPUT}/${STRUCTURE}.compiled.css >> ${OUTPUT}/${STRUCTURE}.css
- # ..... and then minify it
- @@echo ${VER_MIN} > ${OUTPUT}/${STRUCTURE}.min.css
- @@java -XX:ReservedCodeCacheSize=64m \
- -jar build/yuicompressor-2.4.6.jar \
- --type css ${OUTPUT}/${STRUCTURE}.compiled.css >> ${OUTPUT}/${STRUCTURE}.min.css
- @@rm ${OUTPUT}/${STRUCTURE}.compiled.css
- # Build the theme only file
- @@cat LICENSE-INFO.txt | ${VER} > ${OUTPUT}/${THEME_FILENAME}.css
- @@cat css/themes/default/jquery.mobile.theme.css >> ${OUTPUT}/${THEME_FILENAME}.css
- # ..... and then minify it
- @@echo ${VER_MIN} > ${OUTPUT}/${THEME_FILENAME}.min.css
- @@java -XX:ReservedCodeCacheSize=64m \
- -jar build/yuicompressor-2.4.6.jar \
- --type css ${OUTPUT}/${THEME_FILENAME}.css >> ${OUTPUT}/${THEME_FILENAME}.min.css
- # Copy in the images
- @@cp -R css/themes/${THEME}/images ${OUTPUT}/
- # Css portion is complete.
- # -------------------------------------------------
-
-
-docs: init js css
- # Create the Demos/Docs/Tests/Tools
- # ... Create staging directories
- @@mkdir -p tmp/demos/js
- @@mkdir -p tmp/demos/css/themes/${THEME}
- # ... Copy script files
- @@cp compiled/*.js tmp/demos/js
- @@cp js/jquery.js tmp/demos/js
- # ... Copy html files
- @@cp index.html tmp/demos
- @@cp -r docs tmp/demos
- # ... Copy css and images
- @@cp compiled/*.css tmp/demos/css/themes/${THEME}
- @@cp -r compiled/images tmp/demos/css/themes/${THEME}
- # ... replace "js/" with "js/jquery.mobile.js"
- @@ # NOTE the deletion here is required by gnu/bsd sed differences
- @@find tmp/demos -name "*.html" -exec sed -i${SED_INPLACE_EXT} -e 's@js/"@js/jquery.mobile.js"@' {} \;
- @@find tmp/demos -name "*${SED_INPLACE_EXT}" -exec rm {} \;
- # ... Move and zip up the the whole folder
- @@rm -f ${OUTPUT}/${BASE_NAME}.docs.zip
- @@cd tmp/demos && zip -rq ../../${OUTPUT}/${NAME}.docs.zip *
- @@rm -rf ${OUTPUT}/demos && mv -f tmp/demos ${OUTPUT}
- # Finish by removing the temporary files
- @@rm -rf tmp
- # -------------------------------------------------
-
-# Build and minify the JS files
-js: init
- # Build the JavaScript file
- ${RUN_JS} \
- external/r.js/dist/r.js \
- -o baseUrl="js" \
- name=jquery.mobile \
- exclude=jquery,../external/requirejs/order,../external/requirejs/depend,../external/requirejs/text,../external/requirejs/text!../version.txt \
- out=${OUTPUT}/${NAME}.compiled.js \
- pragmasOnSave.jqmBuildExclude=true \
- wrap.startFile=build/wrap.start \
- wrap.endFile=build/wrap.end \
- findNestedDependencies=true \
- skipModuleInsertion=true \
- optimize=none
- @@cat LICENSE-INFO.txt | ${VER} > ${OUTPUT}/${NAME}.js
- @@cat ${OUTPUT}/${NAME}.compiled.js | ${SED_VER_API} >> ${OUTPUT}/${NAME}.js
- @@rm ${OUTPUT}/${NAME}.compiled.js
- ## ..... and then minify it
- ##@@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.js
- ##@@java -XX:ReservedCodeCacheSize=64m \
- ## -jar build/google-compiler-20111003.jar \
- ## --js ${OUTPUT}/${NAME}.js \
- ## --js_output_file ${OUTPUT}/${NAME}.compiled.js
- ##@@cat ${OUTPUT}/${NAME}.compiled.js >> ${OUTPUT}/${NAME}.min.js
- ##@@rm ${OUTPUT}/${NAME}.compiled.js
- # -------------------------------------------------
-
-
-# Output a message saying the process is complete
-notify: init
- @@echo "The files have been built and are in: " $$(pwd)/${OUTPUT}
- # -------------------------------------------------
-
-
-# Zip up the jQm files without docs
-zip: init css js
- # Packaging up the files into a zip archive
- @@mkdir tmp
- @@cp -R ${OUTPUT} tmp/${NAME}
- # ... And remove the Zipped docs so they aren't included twice (for deploy scripts)
- @@rm -rf tmp/${NAME}/*.zip
- @@cd tmp; zip -rq ../${OUTPUT}/${NAME}.zip ${NAME}
- @@rm -rf tmp
- # -------------------------------------------------
-
-# -------------------------------------------------
-# -------------------------------------------------
-# -------------------------------------------------
-#
-# For jQuery Team Use Only
-#
-# -------------------------------------------------
-# NOTE the clean (which removes previous build output) has been removed to prevent a gap in service
-build_latest: css docs js zip
- # ... Copy over the lib js, avoid the compiled stuff, to get the defines for tests/unit/*
- @@ # TODO centralize list of built files
- @@find js -name "*.js" -not -name "*.docs.js" -not -name "*.mobile.js" | xargs -L1 -I FILENAME cp FILENAME ${OUTPUT}/demos/js/
-
-# Push the latest git version to the CDN. This is done on a post commit hook
-deploy_latest:
- # Time to put these on the CDN
- @@scp -qr ${OUTPUT}/* jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/latest/
- # -------------------------------------------------
-
-# TODO target name preserved to avoid issues during refactor, latest -> deploy_latest
-latest: build_latest deploy_latest
-
-# Push the nightly backups. This is done on a server cronjob
-deploy_nightlies:
- # Time to put these on the CDN
- @@scp -qr ${OUTPUT} jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/nightlies/$$(date "+%Y%m%d")
- # -------------------------------------------------
-
-# Deploy a finished release. This is manually done.
-deploy: init css js docs zip
- # Deploying all the files to the CDN
- @@mkdir tmp
- @@cp -R ${OUTPUT} tmp/${VER_OFFICIAL}
- @@scp -qr tmp/* jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/
- @@rm -rf tmp/${VER_OFFICIAL}
- @@mv ${OUTPUT}/demos tmp/${VER_OFFICIAL}
- # Create the Demos/Docs/Tests/Tools for jQueryMobile.com
- # ... By first replacing the paths
- @@ # TODO update jQuery Version replacement on deploy
- @@find tmp/${VER_OFFICIAL} -type f \
- \( -name '*.html' -o -name '*.php' \) \
- -exec perl -pi -e \
- 's|src="(.*)${BASE_NAME}.js"|src="//code.jquery.com/mobile/${VER_OFFICIAL}/${NAME}.min.js"|g;s|href="(.*)${BASE_NAME}.css"|href="//code.jquery.com/mobile/${VER_OFFICIAL}/${NAME}.min.css"|g;s|src="(.*)jquery.js"|src="//code.jquery.com/jquery-1.7.1.min.js"|g' {} \;
- # ... So they can be copied to jquerymobile.com
- @@scp -qr tmp/* jqadmin@jquerymobile.com:/srv/jquerymobile.com/htdocs/demos/
- # Do some cleanup to wrap it up
- @@rm -rf tmp
- @@rm -rf ${OUTPUT}
- # -------------------------------------------------
-
-
+++ /dev/null
-jQuery Mobile Framework
-=======================
-[Official Site: http://jquerymobile.com](http://jquerymobile.com)
-
-[Demos and Documentation](http://jquerymobile.com/test/)
-
-How to build your own jQuery Mobile CSS and JS files
-====================================================
-Clone this repo and build the js and css files (you'll need Git and Make installed):
-
- git clone git://github.com/jquery/jquery-mobile.git
- cd jquery-mobile
- make
-
-A full version and a minified version of the jQuery Mobile JavaScript and CSS files will be created
-in a folder named "compiled". There is also now a Structure only css file so you can add your own theme on top of it.
-
-How to build a self-contained version of the Docs/Demos
-=======================================================
-Once you have your own cloned repo on your computer:
-
- make docs
-
-The docs will be built and available in the compiled/demos folder. You can move this folder to your web server or
-other location. It has no dependencies on anything other than a basic HTML web server.
-
-
-Submitting bugs
-===============
-If you think you've found a bug, please report it by following these instructions:
-
-1. Visit the [Issue tracker: https://github.com/jquery/jquery-mobile/issues](https://github.com/jquery/jquery-mobile/issues)
-2. Create an issue explaining the problem and expected result
- - Be sure to include any relevant information for reproducing the issue
- - Include information such as:
- * Browser/device (with version #)
- * The version of the jQuery Mobile code you're running
- * If you are running from a git version, include the date and/or hash number
- - Make sure that the bug still exists at http://jquerymobile.com/test/ as it may be fixed already
- - You can use the CDN hosted JS and CSS files to test in your own code by using:
- * [JS](http://code.jquery.com/mobile/latest/jquery.mobile.min.js)
- * [CSS](http://code.jquery.com/mobile/latest/jquery.mobile.min.css)
- - Include a link to some code of the bug in action. You can use either of these services to host your code
- * [jsbin](http://jsbin.com)
- * [jsfiddle](http://jsfiddle.net)
-3. Submit the issue.
-
-Recommended: [JS Bin issue template with instructions](http://jsbin.com/omacox/edit)
-
-Submitting patches
-==================
-To contribute code and bug fixes to jQuery Mobile: fork this project on Github, make changes to the code in your fork,
-and then send a "pull request" to notify the team of updates that are ready to be reviewed for inclusion.
-
-Detailed instructions can be found at [jQuery Mobile Patching](https://gist.github.com/1294035)
-
-Running the jQuery Mobile demos & docs locally
-==============================================
-To preview locally, you'll need to clone a local copy of this repository and point your Apache & PHP webserver at its
-root directory (a webserver is required, as PHP and .htaccess are used for combining development files).
-
-If you don't currently have a webserver running locally, there are a few options.
-
-If you're on a Mac, you can try dropping jQuery Mobile into your sites folder and turning on Web Sharing via System
-Prefs. From there, you'll find a URL where you can browse folders in your sites directory from a browser.
-
-Another quick way to get up and running is to download and install MAMP for Mac OSX. Once installed, just open MAMP,
-click preferences, go to the Apache tab, and select your local jQuery Mobile folder as the root. Then you can open a
-browser to http://localhost:8888 to preview the code.
-
-Another alternative is XAMPP (Mac, Windows). You need to actually modify Apache's httpd.conf to point to your checkout:
-[Instructions](http://www.apachefriends.org/en/xampp.html)
-
-You need the following Apache modules loaded:
-
-* Rewrite (mod\_rewrite.so)
-* Expire (mod\_expires.so)
-* Header (mod\_headers.so)
-
-Alternatively, with the addition of async loading, you can use the python simple http server from the project root:
-
- $ python -m SimpleHTTPServer 8000
-
-And in your browser visit [localhost:8000](http://localhost:8000/tests/unit/core/). NOTE: The docs will not load as they are dependent on the "/js/" includes which require php. For other development work such as unit tests and custom test pages using
-
- <script data-main="js/jquery.mobile.docs" src="external/requirejs/require.js"></script>
-
-will allow you to load modules asynchronously without php. Please note that the example above assumes it's inclusion in a page at the root of the directory in which the simple http server was run.
-
-AMD Support in Development
-==========================
-
-Please bear in mind that async loading is not supported for production and is primarily used for the project's build process. As a result developers should expect an initial flash of unstyled content, which will not occur when the library is compiled.
-
-If you find dependency bugs when using the async loading support for development please log them in the github issue tracker.
-
-Building With A Custom Theme
-============================
-To use a custom theme in your own build, you'll need Make installed. You can find the themes in the CSS/Themes folder.
-To create a new theme:
-
-1. Copy the `Default` folder from CSS/Themes to a new folder in the same location. The name of the folder will be the
-theme's name. For testing locally, make sure the index.php file is copied as well.
-2. Edit the `jquery.mobile.theme.css` file so it contains your custom fonts and colors.
-3. Once you are done editing your files and saving them, open a terminal.
-4. Navigate to the jQuery-Mobile folder's root.
-5. Run the following command to build jQuery-Mobile (THEME is the name of the folder for your theme from step 1.):
-
- make THEME=YourThemeName
-
-6. The compiled files will be located in the "compiled" folder in the root of jQuery-Mobile.
+++ /dev/null
-#!/bin/bash
-# determine the project root
-output="branches"
-index_page="$output/index.html"
-
-function log {
- echo "[branches preview] $1"
-}
-
-# Make the output directory if it doesnt exist
-mkdir -p "$output"
-
-branches=$(git ls-remote --heads origin | cut -f2 -s | sed 's@refs/heads/@@')
-
-log "fetching to get new branches"
-git fetch origin
-
-echo "<html><head><title>jQm Branches Preview</title></head><body>" > "$index_page"
-echo "<h1>jQuery Mobile Branches Live Previews</h1><hr />" >> "$index_page"
-echo "<span class='date'>Updated: $(date)</span>" >> "$index_page"
-echo "<ul>" >> "$index_page"
-# Loop through the array to export each branch
-for branch in $branches; do
- # skip master
- if [ $branch = "master" ]; then
- continue
- fi
-
- # TODO shell escape the $branch value it safe for executing
- log "archiving ref $branch"
- git archive -o "$output/$branch.tar" "origin/$branch"
- mkdir -p "$output/$branch"
-
- log "untarring $branch.tar into $output/$branch/"
- tar -C "$output/$branch" -xf "$output/$branch.tar"
-
- # Manipulate the commit message
- # TODO add commit and description
- echo "<li>Branch: <a href='$branch/index.html'>$branch</a></li>" >> "$index_page"
-done
-
-# close out the list
-echo "</ul>" >> "$index_page"
-
-# close out the index file
-echo "</body></html>" >> "$index_page"
+++ /dev/null
-({
- appDir: "..",
- baseUrl: "js",
- dir: "../compiled/demos",
-
- optimize: "none",
-
- //Finds require() dependencies inside a require() or define call.
- findNestedDependencies: true,
-
- //If skipModuleInsertion is false, then files that do not use define()
- //to define modules will get a define() placeholder inserted for them.
- //Also, require.pause/resume calls will be inserted.
- //Set it to true to avoid this. This is useful if you are building code that
- //does not use require() in the built project or in the JS files, but you
- //still want to use the optimization tool from RequireJS to concatenate modules
- //together.
- skipModuleInsertion: true,
-
- modules: [
- {
- name: "jquery.mobile.docs",
- exclude: [
- "jquery",
- "../external/requirejs/depend",
- "../external/requirejs/order",
- "../external/requirejs/text",
- "../external/requirejs/text!../version.txt"
- ]
- },
- {
- name: "jquery.mobile",
- exclude: [
- "jquery",
- "../external/requirejs/depend",
- "../external/requirejs/order",
- "../external/requirejs/text",
- "../external/requirejs/text!../version.txt"
- ]
- }
- ],
-
- pragmasOnSave: {
- jqmBuildExclude: true
- },
-
- //File paths are relative to the build file, or if running a commmand
- //line build, the current directory.
- wrap: {
- startFile: "wrap.start",
- endFile: "wrap.end"
- },
-
- dirExclusionRegExp: /^\.|^build|^compiled|^tmp/
-})
\ No newline at end of file
+++ /dev/null
-// This file is used by the AMD web builder service.
-// When the micro modules are used the version is pulled as a text module.
-// When building with r.js we need to replace the version token by its value since we strip the AMD layer with the pragma.
-
-var fs = require( 'fs' ),
- path = require( 'path' ),
- buildDir = __dirname,
- copyrightVersionRegExp = /@VERSION/g,
- apiVersionRegExp = /__version__/g,
- copyrightBaseName = "../LICENSE-INFO",
- copyrightRegFile = copyrightBaseName + ".txt",
- copyrightMinFile = copyrightBaseName + ".min.txt";
-
-module.exports = function ( contents, ext, callback ) {
- fs.readFile( path.join( buildDir, "../version.txt" ), "utf8",
- function( err, version ) {
- var copyrightFile;
- if ( err ) {
- callback( err );
- } else {
- version = version.trim();
-
- if ( /^\.min/.test( ext ) ) {
- copyrightFile = copyrightMinFile;
- } else {
- copyrightFile = copyrightRegFile;
- }
- fs.readFile( path.join( buildDir, copyrightFile ), "utf8",
- function( err, copyright ) {
- if ( err ) {
- callback( err );
- } else {
- contents = copyright.replace( copyrightVersionRegExp, version ) + "\n" + contents;
- contents = contents.replace( apiVersionRegExp, '"' + version + '"' );
-
- callback( null, contents );
- }
- }
- )
- }
- }
- )
-};
\ No newline at end of file
+++ /dev/null
-(function ( root, doc, factory ) {
- if ( typeof define === "function" && define.amd ) {
- // AMD. Register as an anonymous module.
- define( [ "jquery" ], function ( $ ) {
- factory( $, root, doc );
- return $.mobile;
- });
- } else {
- // Browser globals
- factory( root.jQuery, root, doc );
- }
-}( this, document, function ( $, window, document, undefined ) {
\ No newline at end of file
+++ /dev/null
-<?php
-// Get the filetype and array of files
-if ( ! isset($type) || ! isset($files) )
-{
- echo '$type and $files must be specified!';
- exit;
-}
-
-$contents = '';
-
-// Loop through the files adding them to a string
-foreach ( $files as $file ) {
- $contents .= file_get_contents($file). "\n\n";
-}
-
-// Set the content type, filesize and an expiration so its not cached
-header('Content-Type: ' . $type);
-header('Content-Length: ' . strlen($contents));
-header('Expires: Fri, 01 Jan 2010 05:00:00 GMT');
-
-// Deliver the file
-echo $contents;
+++ /dev/null
-.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
-.ui-mini { margin: .25em 5px; }
-.ui-btn-inner { padding: .6em 20px; min-width: .75em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
-.ui-btn input, .ui-btn button { z-index: 2; }
-.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; }
-.ui-btn-block { display: block; }
-
-.ui-header .ui-btn,
-.ui-footer .ui-btn { display: inline-block; margin: 0; }
-
-.ui-header .ui-btn-inner,
-.ui-footer .ui-btn-inner,
-.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
-
-.ui-header .ui-fullsize .ui-btn-inner,
-.ui-footer .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 25px; }
-
-.ui-btn-icon-notext { width: 24px; height: 24px; }
-.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
-.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; }
-
-.ui-btn-text { position: relative; z-index: 1; width: 100%; }
-.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
-
-.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
-.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
-.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
-.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
-
-.ui-header .ui-btn-icon-left .ui-btn-inner,
-.ui-footer .ui-btn-icon-left .ui-btn-inner,
-.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
-.ui-header .ui-btn-icon-right .ui-btn-inner,
-.ui-footer .ui-btn-icon-right .ui-btn-inner,
-.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
-.ui-header .ui-btn-icon-top .ui-btn-inner,
-.ui-footer .ui-btn-icon-top .ui-btn-inner,
-.ui-mini .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
-.ui-header .ui-btn-icon-bottom .ui-btn-inner,
-.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
-.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
-
-/*btn icon positioning*/
-.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
-.ui-btn-icon-left .ui-btn-inner .ui-icon, .ui-btn-icon-right .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
-.ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
-.ui-btn-icon-left .ui-icon { left: 10px; }
-.ui-btn-icon-right .ui-icon { right: 10px; }
-.ui-btn-icon-top .ui-icon { top: 10px; }
-.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
-
-.ui-header .ui-btn-icon-left .ui-icon,
-.ui-footer .ui-btn-icon-left .ui-icon,
-.ui-mini.ui-btn-icon-left .ui-icon,
-.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
-.ui-header .ui-btn-icon-right .ui-icon,
-.ui-footer .ui-btn-icon-right .ui-icon,
-.ui-mini.ui-btn-icon-right .ui-icon,
-.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
-.ui-header .ui-btn-icon-top .ui-icon,
-.ui-footer .ui-btn-icon-top .ui-icon,
-.ui-mini.ui-btn-icon-top .ui-icon,
-.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
-.ui-header .ui-btn-icon-bottom .ui-icon,
-.ui-footer .ui-btn-icon-bottom .ui-icon,
-.ui-mini.ui-btn-icon-bottom .ui-icon,
-.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
-
-/*hiding native button,inputs */
-.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; text-indent: -9999px; }
+++ /dev/null
-.ui-collapsible { margin: .5em 0; }
-.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
-.ui-collapsible-heading a { text-align: left; margin: 0; }
-.ui-collapsible-heading .ui-btn-inner,
-.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
-.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
-.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
-.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
-
-.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
-.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
-.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
-.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
-.ui-collapsible-content {
- display: block;
- margin: 0 -8px;
- padding: 10px 16px;
- border-top: none; /* Overrides ui-btn-up-* */
- background-image: none; /* Overrides ui-btn-up-* */
- font-weight: normal; /* Overrides ui-btn-up-* */
-}
-.ui-collapsible-content-collapsed { display: none; }
-
-.ui-collapsible-set { margin: .5em 0; }
-.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
+++ /dev/null
-.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: 0em 0 .5em; zoom: 1; }
-
-.ui-bar .ui-controlgroup { margin: 0 .3em; }
-.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
-.ui-controlgroup-controls { display: block; width: 100%;}
-.ui-controlgroup li { list-style: none; }
-.ui-controlgroup-vertical .ui-btn,
-.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
-.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
-
-.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
-.ui-controlgroup-horizontal { padding: 0; }
-.ui-controlgroup-horizontal .ui-btn-inner { text-align:center; }
-.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -6px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
-.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
-.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
-.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
-/* conflicts with listview..
-.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
-.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
-*/
-
-@media all and (min-width: 450px){
- .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
- .ui-field-contain .ui-controlgroup .ui-select { width: 100%; }
- .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
-}
\ No newline at end of file
+++ /dev/null
-/* some unsets - more probably needed */
-.ui-mobile, .ui-mobile body { height: 99.9%; }
-.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
-.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
-
-/* responsive page widths */
-.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-/* Issue #2066 */
-body.ui-mobile-viewport,
-div.ui-mobile-viewport { overflow-x: hidden; }
-
-/* "page" containers - full-screen views, one should always be in view post-pageload */
-.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
-.ui-mobile .ui-page-active { display: block; overflow: visible; }
-
-/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
-.ui-page { outline: none; }
-
-/*orientations from js are available */
-@media screen and (orientation: portrait){
-.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
-}
-@media screen and (orientation: landscape){
-.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
-}
-
-/* loading screen */
-.ui-loading .ui-loader { display: block; }
-.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; }
-.ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
-.ui-loader-verbose { width: 200px; opacity: .88; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
-.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
-.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
-.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
-.ui-loader-verbose .ui-icon { margin: 0 auto 10px; opacity: .75; }
-.ui-loader-textonly { padding: 15px; margin-left: -115px; }
-.ui-loader-textonly .ui-icon { display: none; }
-.ui-loader-fakefix { position: absolute; }
-/*fouc*/
-.ui-mobile-rendering > * { visibility: hidden; }
-
-/*headers, content panels*/
-.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
-.ui-bar { font-size: 16px; margin: 0; }
-.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
-
-.ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; }
-.ui-header .ui-btn-left,
-.ui-header .ui-btn-right,
-.ui-footer .ui-btn-left,
-.ui-footer .ui-btn-right { position: absolute; top: 3px; }
-.ui-header .ui-btn-left,
-.ui-footer .ui-btn-left { left: 5px; }
-.ui-header .ui-btn-right,
-.ui-footer .ui-btn-right { right: 5px; }
-.ui-footer .ui-btn-icon-notext,
-.ui-header .ui-btn-icon-notext { top: 6px; }
-.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
-.ui-footer .ui-title { margin: .6em 15px .8em; }
-
-/*content area*/
-.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
-
-/* icons sizing */
-.ui-icon { width: 18px; height: 18px; }
-
-/* non-js content hiding */
-.ui-nojs { position: absolute; left: -9999px; }
-
-/* accessible content hiding */
-.ui-hide-label label,
-.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+++ /dev/null
-.ui-dialog {
- background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
-}
-.ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
-.ui-dialog .ui-header {
- margin-top: 15%;
- border: none;
- overflow: hidden;
-}
-.ui-dialog .ui-header,
-.ui-dialog .ui-content,
-.ui-dialog .ui-footer {
- display: block;
- position: relative;
- width: auto;
-}
-.ui-dialog .ui-header,
-.ui-dialog .ui-footer {
- z-index: 10;
- padding: 0;
-}
-.ui-dialog .ui-footer {
- padding: 0 15px;
-}
-.ui-dialog .ui-content {
- padding: 15px;
-}
-.ui-dialog {
- margin-top: -15px;
-}
+++ /dev/null
-/* fixed page header & footer configuration */
-.ui-header-fixed,
-.ui-footer-fixed {
- left: 0;
- right: 0;
- width: 100%;
- position: fixed;
- z-index: 1000;
-}
-.ui-header-fixed {
- top: 0;
-}
-.ui-footer-fixed {
- bottom: 0;
-}
-.ui-header-fullscreen,
-.ui-footer-fullscreen {
- opacity: .9;
-}
-.ui-page-header-fixed {
- padding-top: 2.5em;
-}
-.ui-page-footer-fixed {
- padding-bottom: 3em;
-}
-.ui-page-header-fullscreen .ui-content,
-.ui-page-footer-fullscreen .ui-content {
- padding: 0;
-}
-.ui-fixed-hidden {
- position: absolute;
-}
-.ui-page-header-fullscreen .ui-fixed-hidden,
-.ui-page-footer-fullscreen .ui-fixed-hidden {
- left: -99999em;
-}
-.ui-header-fixed .ui-btn,
-.ui-footer-fixed .ui-btn {
- z-index: 10;
-}
+++ /dev/null
-.ui-checkbox, .ui-radio { position: relative; clear: both; margin: .2em 0 .5em; z-index: 1; }
-.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
-.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
-.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
-.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
-
-.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
-
-.ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
-.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
-
-.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
-.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
-.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
-.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
-.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
-.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
-.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
-.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
-.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
-
-/* input, label positioning */
-.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
\ No newline at end of file
+++ /dev/null
-.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
-.ui-field-contain:first-child { border-top-width: 0; }
-.ui-header .ui-field-contain-left,
-.ui-header .ui-field-contain-right {
- position: absolute;
- top: 0;
- width: 25%;
-}
-.ui-header .ui-field-contain-left {
- left: 1em;
-}
-.ui-header .ui-field-contain-right {
- right: 1em;
-}
-
-@media all and (min-width: 450px){
- .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
-}
\ No newline at end of file
+++ /dev/null
-.ui-select { display: block; position: relative; }
-.ui-select select { position: absolute; left: -9999px; top: -9999px; }
-.ui-select .ui-btn { overflow: hidden; opacity: 1; margin: 0; }
-/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
-.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
-
-.ui-select .ui-disabled { opacity: .3; }
-
-@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
-.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
-
-.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
-.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
-
-
-/* labels */
-label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
-
-/*listbox*/
-.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
-/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
-.ui-select .ui-btn-text { text-overflow: ellipsis; }
-
-.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
-.ui-selectmenu .ui-listview { margin: 0; }
-.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
-.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
-.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
-.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
-.ui-selectmenu-list .ui-li .ui-icon { display: block; }
-.ui-li.ui-selectmenu-placeholder { display: none; }
-.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
-
-@media all and (min-width: 450px){
- .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-field-contain .ui-select { width: 60%; display: inline-block; }
-}
-
-/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
-.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
\ No newline at end of file
+++ /dev/null
-label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
-input.ui-slider-input,
-.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
-select.ui-slider-switch { display: none; }
-div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
-div.ui-slider-mini { height: 12px; margin-left: 10px; }
-div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
-.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; outline: 0; }
-a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
-div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
-div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }
-
-@media all and (min-width: 450px){
- .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-field-contain div.ui-slider { width: 43%; }
- .ui-field-contain div.ui-slider-switch { width: 5.5em; }
-}
-
-div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
-a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
-div.ui-slider-switch .ui-slider-handle { margin-top: 1px; }
-.ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
-
-div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
-div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
-div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
-div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
-
-span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
-.ui-slider-mini span.ui-slider-label { font-size: 14px; }
-
-span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
-span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
-
-.ui-slider-inline { width: 120px; display: inline-block; }
+++ /dev/null
-label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
-input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; outline: 0; }
-.ui-header input.ui-input-text,
-.ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% } /* Note that padding left/right on text inputs is factored into how the element is displayed in Firefox, but does not actually pad the text inside it. */
- input.ui-input-text { -webkit-appearance: none; }
-textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
-.ui-input-search { padding: 0 30px; background-image: none; position: relative; }
-.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
-.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
-.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
-.ui-mini .ui-input-clear { right: -3px; }
-
-.ui-input-search .ui-input-clear-hidden { display: none; }
-input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
-textarea.ui-mini { height: 45px; }
-
-/* orientation adjustments - incomplete!*/
-@media all and (min-width: 450px){
- .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
- .ui-field-contain input.ui-input-text,
- .ui-field-contain textarea.ui-input-text,
- .ui-field-contain .ui-input-search { width: 60%; display: inline-block; }
- .ui-field-contain .ui-input-search { width: 50%; }
- .ui-hide-label input.ui-input-text,
- .ui-hide-label textarea.ui-input-text,
- .ui-hide-label .ui-input-search { padding: .4em; width: 97%; }
- .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
-}
\ No newline at end of file
+++ /dev/null
-/* content configurations. */
-.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
-.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
-
-/* grid solo: 100 - single item fallback */
-.ui-grid-solo .ui-block-a { width: 100%; float: none; }
-
-/* grid a: 50/50 */
-.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
-.ui-grid-a .ui-block-a { clear: left; }
-
-/* grid b: 33/33/33 */
-.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
-.ui-grid-b .ui-block-a { clear: left; }
-
-/* grid c: 25/25/25/25 */
-.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
-.ui-grid-c .ui-block-a { clear: left; }
-
-/* grid d: 20/20/20/20/20 */
-.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
-.ui-grid-d .ui-block-a { clear: left; }
+++ /dev/null
-.ui-listview { margin: 0; counter-reset: listnumbering; }
-.ui-content .ui-listview { margin: -15px; }
-.ui-content .ui-listview-inset { margin: 1em 0; }
-.ui-listview, .ui-li { list-style:none; padding:0; }
-.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
-.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
-.ui-li-divider { counter-reset: listnumbering; }
-ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
-ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
-.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
-.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
-.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
-.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
-.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
-.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
-.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
-.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
-.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
-.ui-li-has-count .ui-btn-text { padding-right: 15px; }
-.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
-.ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
-.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
-
-.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
-@media all and (min-width: 480px){
- .ui-li-aside { width: 45%; }
-}
-.ui-li-divider { cursor: default; }
-.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
-.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 48px; }
-.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
-.ui-li-has-alt .ui-li-count { right: 55px; }
-.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
-.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
-.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
-.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
-
-.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
-
-.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
-.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
-
-.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
-.ui-li.ui-screen-hidden{display:none;}
-/* Odd iPad positioning issue. */
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- .ui-li .ui-btn-text { overflow: visible; }
-}
\ No newline at end of file
+++ /dev/null
-.ui-navbar { overflow: hidden; }
-.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
-.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
-.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
-.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
-.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; }
-.ui-navbar li .ui-btn { margin-right: -1px; }
-.ui-navbar li .ui-btn:last-child { margin-right: 0; }
-.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
-.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
-.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
-.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
-/*expanded page styles*/
-.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
-.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
-.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
-.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
+++ /dev/null
-@import url( "jquery.mobile.core.css" );
-@import url( "jquery.mobile.transition.css" );
-@import url( "jquery.mobile.transition.fade.css" );
-@import url( "jquery.mobile.transition.pop.css" );
-@import url( "jquery.mobile.transition.slide.css" );
-@import url( "jquery.mobile.transition.slidefade.css" );
-@import url( "jquery.mobile.transition.slidedown.css" );
-@import url( "jquery.mobile.transition.slideup.css" );
-@import url( "jquery.mobile.transition.flip.css" );
-@import url( "jquery.mobile.transition.turn.css" );
-@import url( "jquery.mobile.transition.flow.css" );
-@import url( "jquery.mobile.grid.css" );
-@import url( "jquery.mobile.fixedToolbar.css" );
-@import url( "jquery.mobile.navbar.css" );
-@import url( "jquery.mobile.button.css" );
-@import url( "jquery.mobile.collapsible.css" );
-@import url( "jquery.mobile.controlgroup.css" );
-@import url( "jquery.mobile.dialog.css" );
-@import url( "jquery.mobile.forms.checkboxradio.css" );
-@import url( "jquery.mobile.forms.fieldcontain.css" );
-@import url( "jquery.mobile.forms.select.css" );
-@import url( "jquery.mobile.forms.textinput.css" );
-@import url( "jquery.mobile.listview.css" );
-@import url( "jquery.mobile.forms.slider.css" );
\ No newline at end of file
+++ /dev/null
-/* Transitions originally inspired by those from jQtouch, nice work, folks */
-.ui-mobile-viewport-transitioning,
-.ui-mobile-viewport-transitioning .ui-page {
- width: 100%;
- height: 100%;
- overflow: hidden;
-}
-
-.in {
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-duration: 350ms;
- -moz-animation-timing-function: ease-out;
- -moz-animation-duration: 350ms;
-}
-
-.out {
- -webkit-animation-timing-function: ease-in;
- -webkit-animation-duration: 225ms;
- -moz-animation-timing-function: ease-in;
- -moz-animation-duration: 225;
-}
\ No newline at end of file
+++ /dev/null
-@-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-@-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-@-webkit-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-
-@-moz-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-
-.fade.out {
- opacity: 0;
- -webkit-animation-duration: 125ms;
- -webkit-animation-name: fadeout;
- -moz-animation-duration: 125ms;
- -moz-animation-name: fadeout;
-}
-
-.fade.in {
- opacity: 1;
- -webkit-animation-duration: 225ms;
- -webkit-animation-name: fadein;
- -moz-animation-duration: 225ms;
- -moz-animation-name: fadein;
-}
\ No newline at end of file
+++ /dev/null
-/* The properties in this rule are only necessary for the 'flip' transition.
- * We need specify the perspective to create a projection matrix. This will add
- * some depth as the element flips. The depth number represents the distance of
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
- * value.
- */
-
-.viewport-flip {
- -webkit-perspective: 1000;
- -moz-perspective: 1000;
- position: absolute;
-}
-.flip {
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
- -moz-backface-visibility:hidden;
- -moz-transform:translateX(0);
-}
-
-.flip.out {
- -webkit-transform: rotateY(-90deg) scale(.9);
- -webkit-animation-name: flipouttoleft;
- -webkit-animation-duration: 175ms;
- -moz-transform: rotateY(-90deg) scale(.9);
- -moz-animation-name: flipouttoleft;
- -moz-animation-duration: 175ms;
-}
-
-.flip.in {
- -webkit-animation-name: flipintoright;
- -webkit-animation-duration: 225ms;
- -moz-animation-name: flipintoright;
- -moz-animation-duration: 225ms;
-}
-
-.flip.out.reverse {
- -webkit-transform: rotateY(90deg) scale(.9);
- -webkit-animation-name: flipouttoright;
- -moz-transform: rotateY(90deg) scale(.9);
- -moz-animation-name: flipouttoright;
-}
-
-.flip.in.reverse {
- -webkit-animation-name: flipintoleft;
- -moz-animation-name: flipintoleft;
-}
-
-@-webkit-keyframes flipouttoleft {
- from { -webkit-transform: rotateY(0); }
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
-}
-@-moz-keyframes flipouttoleft {
- from { -moz-transform: rotateY(0); }
- to { -moz-transform: rotateY(-90deg) scale(.9); }
-}
-@-webkit-keyframes flipouttoright {
- from { -webkit-transform: rotateY(0) ; }
- to { -webkit-transform: rotateY(90deg) scale(.9); }
-}
-@-moz-keyframes flipouttoright {
- from { -moz-transform: rotateY(0); }
- to { -moz-transform: rotateY(90deg) scale(.9); }
-}
-@-webkit-keyframes flipintoleft {
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
- to { -webkit-transform: rotateY(0); }
-}
-@-moz-keyframes flipintoleft {
- from { -moz-transform: rotateY(-90deg) scale(.9); }
- to { -moz-transform: rotateY(0); }
-}
-@-webkit-keyframes flipintoright {
- from { -webkit-transform: rotateY(90deg) scale(.9); }
- to { -webkit-transform: rotateY(0); }
-}
-@-moz-keyframes flipintoright {
- from { -moz-transform: rotateY(90deg) scale(.9); }
- to { -moz-transform: rotateY(0); }
-}
\ No newline at end of file
+++ /dev/null
-/* flow transition */
-.flow {
- -webkit-transform-origin: 50% 30%;
- -moz-transform-origin: 50% 30%;
- -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
- -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
-}
-.ui-dialog.flow {
- -webkit-transform-origin: none;
- -moz-transform-origin: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
-}
-.flow.out {
- -webkit-transform: translateX(-100%) scale(.7);
- -webkit-animation-name: flowouttoleft;
- -webkit-animation-timing-function: ease;
- -webkit-animation-duration: 350ms;
- -moz-transform: translateX(-100%) scale(.7);
- -moz-animation-name: flowouttoleft;
- -moz-animation-timing-function: ease;
- -moz-animation-duration: 350ms;
-}
-
-.flow.in {
- -webkit-transform: translateX(0) scale(1);
- -webkit-animation-name: flowinfromright;
- -webkit-animation-timing-function: ease;
- -webkit-animation-duration: 350ms;
- -moz-transform: translateX(0) scale(1);
- -moz-animation-name: flowinfromright;
- -moz-animation-timing-function: ease;
- -moz-animation-duration: 350ms;
-}
-
-.flow.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: flowouttoright;
- -moz-transform: translateX(100%);
- -moz-animation-name: flowouttoright;
-}
-
-.flow.in.reverse {
- -webkit-animation-name: flowinfromleft;
- -moz-animation-name: flowinfromleft;
-}
-
-@-webkit-keyframes flowouttoleft {
- 0% { -webkit-transform: translateX(0) scale(1); }
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
- 100% { -webkit-transform: translateX(-100%) scale(.7); }
-}
-@-moz-keyframes flowouttoleft {
- 0% { -moz-transform: translateX(0) scale(1); }
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
- 100% { -moz-transform: translateX(-100%) scale(.7); }
-}
-
-@-webkit-keyframes flowouttoright {
- 0% { -webkit-transform: translateX(0) scale(1); }
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
- 100% { -webkit-transform: translateX(100%) scale(.7); }
-}
-@-moz-keyframes flowouttoright {
- 0% { -moz-transform: translateX(0) scale(1); }
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
- 100% { -moz-transform: translateX(100%) scale(.7); }
-}
-
-@-webkit-keyframes flowinfromleft {
- 0% { -webkit-transform: translateX(-100%) scale(.7); }
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
- 100% { -webkit-transform: translateX(0) scale(1); }
-}
-@-moz-keyframes flowinfromleft {
- 0% { -moz-transform: translateX(-100%) scale(.7); }
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
- 100% { -moz-transform: translateX(0) scale(1); }
-}
-@-webkit-keyframes flowinfromright {
- 0% { -webkit-transform: translateX(100%) scale(.7); }
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
- 100% { -webkit-transform: translateX(0) scale(1); }
-}
-@-moz-keyframes flowinfromright {
- 0% { -moz-transform: translateX(100%) scale(.7); }
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
- 100% { -moz-transform: translateX(0) scale(1); }
-}
\ No newline at end of file
+++ /dev/null
-.pop {
- -webkit-transform-origin: 50% 50%;
- -moz-transform-origin: 50% 50%;
-}
-
-.pop.in {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- opacity: 1;
- -webkit-animation-name: popin;
- -moz-animation-name: popin;
- -webkit-animation-duration: 350ms;
- -moz-animation-duration: 350ms;
-}
-
-.pop.out {
- -webkit-animation-name: fadeout;
- -moz-animation-name: fadeout;
- opacity: 0;
- -webkit-animation-duration: 100ms;
- -moz-animation-duration: 100ms;
-}
-
-.pop.in.reverse {
- -webkit-animation-name: fadein;
- -moz-animation-name: fadein;
-}
-
-.pop.out.reverse {
- -webkit-transform: scale(.8);
- -moz-transform: scale(.8);
- -webkit-animation-name: popout;
- -moz-animation-name: popout;
-}
-
-@-webkit-keyframes popin {
- from {
- -webkit-transform: scale(.8);
- opacity: 0;
- }
- to {
- -webkit-transform: scale(1);
- opacity: 1;
- }
-}
-
-@-moz-keyframes popin {
- from {
- -moz-transform: scale(.8);
- opacity: 0;
- }
- to {
- -moz-transform: scale(1);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes popout {
- from {
- -webkit-transform: scale(1);
- opacity: 1;
- }
- to {
- -webkit-transform: scale(.8);
- opacity: 0;
- }
-}
-
-@-moz-keyframes popout {
- from {
- -moz-transform: scale(1);
- opacity: 1;
- }
- to {
- -moz-transform: scale(.8);
- opacity: 0;
- }
-}
\ No newline at end of file
+++ /dev/null
-@import url("jquery.mobile.transition.slidein.keyframes.css");
-@import url("jquery.mobile.transition.slideout.keyframes.css");
-
-.slide.out, .slide.in {
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-duration: 350ms;
- -moz-animation-timing-function: ease-out;
- -moz-animation-duration: 350ms;
-}
-.slide.out {
- -webkit-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
- -moz-transform: translateX(-100%);
- -moz-animation-name: slideouttoleft;
-}
-
-.slide.in {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromright;
- -moz-transform: translateX(0);
- -moz-animation-name: slideinfromright;
-}
-
-.slide.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
- -moz-transform: translateX(100%);
- -moz-animation-name: slideouttoright;
-}
-
-.slide.in.reverse {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromleft;
- -moz-transform: translateX(0);
- -moz-animation-name: slideinfromleft;
-}
\ No newline at end of file
+++ /dev/null
-/* slide down */
-.slidedown.out {
- -webkit-animation-name: fadeout;
- -moz-animation-name: fadeout;
- -webkit-animation-duration: 100ms;
- -moz-animation-duration: 100ms;
-}
-
-.slidedown.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfromtop;
- -moz-transform: translateY(0);
- -moz-animation-name: slideinfromtop;
- -webkit-animation-duration: 250ms;
- -moz-animation-duration: 250ms;
-}
-
-.slidedown.in.reverse {
- -webkit-animation-name: fadein;
- -moz-animation-name: fadein;
- -webkit-animation-duration: 150ms;
- -moz-animation-duration: 150ms;
-}
-
-.slidedown.out.reverse {
- -webkit-transform: translateY(-100%);
- -moz-transform: translateY(-100%);
- -webkit-animation-name: slideouttotop;
- -moz-animation-name: slideouttotop;
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
-}
-
-@-webkit-keyframes slideinfromtop {
- from { -webkit-transform: translateY(-100%); }
- to { -webkit-transform: translateY(0); }
-}
-@-moz-keyframes slideinfromtop {
- from { -moz-transform: translateY(-100%); }
- to { -moz-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideouttotop {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(-100%); }
-}
-@-moz-keyframes slideouttotop {
- from { -moz-transform: translateY(0); }
- to { -moz-transform: translateY(-100%); }
-}
\ No newline at end of file
+++ /dev/null
-@import url("jquery.mobile.transition.fade.css");
-@import url("jquery.mobile.transition.slideout.keyframes.css");
-
-.slidefade.out {
- -webkit-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
- -moz-transform: translateX(-100%);
- -moz-animation-name: slideouttoleft;
- -webkit-animation-duration: 225ms;
- -moz-animation-duration: 225ms;
-}
-
-.slidefade.in {
- -webkit-transform: translateX(0);
- -webkit-animation-name: fadein;
- -moz-transform: translateX(0);
- -moz-animation-name: fadein;
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
-}
-
-.slidefade.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
- -moz-transform: translateX(100%);
- -moz-animation-name: slideouttoright;
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
-}
-
-.slidefade.in.reverse {
- -webkit-transform: translateX(0);
- -webkit-animation-name: fadein;
- -moz-transform: translateX(0);
- -moz-animation-name: fadein;
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
-}
\ No newline at end of file
+++ /dev/null
-/* keyframes for slidein from sides */
-@-webkit-keyframes slideinfromright {
- from { -webkit-transform: translateX(100%); }
- to { -webkit-transform: translateX(0); }
-}
-@-moz-keyframes slideinfromright {
- from { -moz-transform: translateX(100%); }
- to { -moz-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideinfromleft {
- from { -webkit-transform: translateX(-100%); }
- to { -webkit-transform: translateX(0); }
-}
-@-moz-keyframes slideinfromleft {
- from { -moz-transform: translateX(-100%); }
- to { -moz-transform: translateX(0); }
-}
\ No newline at end of file
+++ /dev/null
-/* keyframes for slideout to sides */
-@-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
-}
-@-moz-keyframes slideouttoleft {
- from { -moz-transform: translateX(0); }
- to { -moz-transform: translateX(-100%); }
-}
-
-@-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
-}
-@-moz-keyframes slideouttoright {
- from { -moz-transform: translateX(0); }
- to { -moz-transform: translateX(100%); }
-}
+++ /dev/null
-/* slide up */
-.slideup.out {
- -webkit-animation-name: fadeout;
- -moz-animation-name: fadeout;
- -webkit-animation-duration: 100ms;
- -moz-animation-duration: 100ms;
-}
-
-.slideup.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfrombottom;
- -moz-transform: translateY(0);
- -moz-animation-name: slideinfrombottom;
- -webkit-animation-duration: 250ms;
- -moz-animation-duration: 250ms;
-}
-
-.slideup.in.reverse {
- -webkit-animation-name: fadein;
- -moz-animation-name: fadein;
- -webkit-animation-duration: 150ms;
- -moz-animation-duration: 150ms;
-}
-
-.slideup.out.reverse {
- -webkit-transform: translateY(100%);
- -moz-transform: translateY(100%);
- -webkit-animation-name: slideouttobottom;
- -moz-animation-name: slideouttobottom;
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
-}
-
-@-webkit-keyframes slideinfrombottom {
- from { -webkit-transform: translateY(100%); }
- to { -webkit-transform: translateY(0); }
-}
-@-moz-keyframes slideinfrombottom {
- from { -moz-transform: translateY(100%); }
- to { -moz-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideouttobottom {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(100%); }
-}
-@-moz-keyframes slideouttobottom {
- from { -moz-transform: translateY(0); }
- to { -moz-transform: translateY(100%); }
-}
\ No newline at end of file
+++ /dev/null
-/* The properties in this rule are only necessary for the 'flip' transition.
- * We need specify the perspective to create a projection matrix. This will add
- * some depth as the element flips. The depth number represents the distance of
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
- * value.
- */
-
-.viewport-turn {
- -webkit-perspective: 1000;
- -moz-perspective: 1000;
- position: absolute;
-}
-.turn {
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
- -webkit-transform-origin: 0;
-
- -moz-backface-visibility:hidden;
- -moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
- -moz-transform-origin: 0;
-}
-
-.turn.out {
- -webkit-transform: rotateY(-90deg) scale(.9);
- -webkit-animation-name: flipouttoleft;
- -moz-transform: rotateY(-90deg) scale(.9);
- -moz-animation-name: flipouttoleft;
- -webkit-animation-duration: 125ms;
- -moz-animation-duration: 125ms;
-}
-
-.turn.in {
- -webkit-animation-name: flipintoright;
- -moz-animation-name: flipintoright;
- -webkit-animation-duration: 250ms;
- -moz-animation-duration: 250ms;
-
-}
-
-.turn.out.reverse {
- -webkit-transform: rotateY(90deg) scale(.9);
- -webkit-animation-name: flipouttoright;
- -moz-transform: rotateY(90deg) scale(.9);
- -moz-animation-name: flipouttoright;
-}
-
-.turn.in.reverse {
- -webkit-animation-name: flipintoleft;
- -moz-animation-name: flipintoleft;
-}
-
-@-webkit-keyframes flipouttoleft {
- from { -webkit-transform: rotateY(0); }
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
-}
-@-moz-keyframes flipouttoleft {
- from { -moz-transform: rotateY(0); }
- to { -moz-transform: rotateY(-90deg) scale(.9); }
-}
-@-webkit-keyframes flipouttoright {
- from { -webkit-transform: rotateY(0) ; }
- to { -webkit-transform: rotateY(90deg) scale(.9); }
-}
-@-moz-keyframes flipouttoright {
- from { -moz-transform: rotateY(0); }
- to { -moz-transform: rotateY(90deg) scale(.9); }
-}
-@-webkit-keyframes flipintoleft {
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
- to { -webkit-transform: rotateY(0); }
-}
-@-moz-keyframes flipintoleft {
- from { -moz-transform: rotateY(-90deg) scale(.9); }
- to { -moz-transform: rotateY(0); }
-}
-@-webkit-keyframes flipintoright {
- from { -webkit-transform: rotateY(90deg) scale(.9); }
- to { -webkit-transform: rotateY(0); }
-}
-@-moz-keyframes flipintoright {
- from { -moz-transform: rotateY(90deg) scale(.9); }
- to { -moz-transform: rotateY(0); }
-}
+++ /dev/null
-<?php
-$type = 'text/css';
-$files = array(
- '../../../LICENSE-INFO.txt',
- 'jquery.mobile.css'
-);
-$base = dirname(__FILE__);
+++ /dev/null
-@import url( "jquery.mobile.theme.css" );
-@import url( "../../structure/jquery.mobile.structure.css" );
+++ /dev/null
-/* Swatches */
-
-/* A
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-a {
- border: 1px solid #333 /*{a-bar-border}*/;
- background: #111111 /*{a-bar-background-color}*/;
- color: #ffffff /*{a-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
-}
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-bar-a .ui-link-inherit {
- color: #fff /*{a-bar-color}*/;
-}
-
-.ui-bar-a .ui-link {
- color: #7cc4e7 /*{a-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-a .ui-link:hover {
- color: #2489CE /*{a-bar-link-hover}*/;
-}
-
-.ui-bar-a .ui-link:active {
- color: #2489CE /*{a-bar-link-active}*/;
-}
-
-.ui-bar-a .ui-link:visited {
- color: #2489CE /*{a-bar-link-visited}*/;
-}
-.ui-body-a,
-.ui-overlay-a {
- border: 1px solid #444 /*{a-body-border}*/;
- background: #222 /*{a-body-background-color}*/;
- color: #fff /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
-}
-.ui-overlay-a {
- background-image: none;
- border-width: 0;
-}
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-a .ui-link-inherit {
- color: #fff /*{a-body-color}*/;
-}
-
-.ui-body-a .ui-link {
- color: #2489CE /*{a-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-a .ui-link:hover {
- color: #2489CE /*{a-body-link-hover}*/;
-}
-
-.ui-body-a .ui-link:active {
- color: #2489CE /*{a-body-link-active}*/;
-}
-
-.ui-body-a .ui-link:visited {
- color: #2489CE /*{a-body-link-visited}*/;
-}
-
-.ui-btn-up-a {
- border: 1px solid #111 /*{a-bup-border}*/;
- background: #333 /*{a-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bup-color}*/;
- text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
-}
-.ui-btn-up-a a.ui-link-inherit {
- color: #fff /*{a-bup-color}*/;
-}
-.ui-btn-hover-a {
- border: 1px solid #000 /*{a-bhover-border}*/;
- background: #444444 /*{a-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bhover-color}*/;
- text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
-}
-.ui-btn-hover-a a.ui-link-inherit {
- color: #fff /*{a-bhover-color}*/;
-}
-.ui-btn-down-a {
- border: 1px solid #000 /*{a-bdown-border}*/;
- background: #222 /*{a-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bdown-color}*/;
- text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
-}
-.ui-btn-down-a a.ui-link-inherit {
- color: #fff /*{a-bdown-color}*/;
-}
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* B
------------------------------------------------------------------------------------------------------------*/
-.ui-bar-b {
- border: 1px solid #456f9a /*{b-bar-border}*/;
- background: #5e87b0 /*{b-bar-background-color}*/;
- color: #fff /*{b-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
-}
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-bar-b .ui-link-inherit {
- color: #fff /*{b-bar-color}*/;
-}
-.ui-bar-b .ui-link {
- color: #ddf0f8 /*{b-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-b .ui-link:hover {
- color: #ddf0f8 /*{b-bar-link-hover}*/;
-}
-
-.ui-bar-b .ui-link:active {
- color: #ddf0f8 /*{b-bar-link-active}*/;
-}
-
-.ui-bar-b .ui-link:visited {
- color: #ddf0f8 /*{b-bar-link-visited}*/;
-}
-.ui-body-b,
-.ui-overlay-b {
- border: 1px solid #999 /*{b-body-border}*/;
- background: #f3f3f3 /*{b-body-background-color}*/;
- color: #222222 /*{b-body-color}*/;
- text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
-}
-.ui-overlay-b {
- background-image: none;
- border-width: 0;
-}
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-b .ui-link-inherit {
- color: #333333 /*{b-body-color}*/;
-}
-
-.ui-body-b .ui-link {
- color: #2489CE /*{b-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-b .ui-link:hover {
- color: #2489CE /*{b-body-link-hover}*/;
-}
-
-.ui-body-b .ui-link:active {
- color: #2489CE /*{b-body-link-active}*/;
-}
-
-.ui-body-b .ui-link:visited {
- color: #2489CE /*{b-body-link-visited}*/;
-}
-
-.ui-btn-up-b {
- border: 1px solid #044062 /*{b-bup-border}*/;
- background: #396b9e /*{b-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bup-color}*/;
- text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
-}
-.ui-btn-up-b a.ui-link-inherit {
- color: #fff /*{b-bup-color}*/;
-}
-.ui-btn-hover-b {
- border: 1px solid #00415e /*{b-bhover-border}*/;
- background: #4b88b6 /*{b-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bhover-color}*/;
- text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
-}
-.ui-btn-hover-b a.ui-link-inherit {
- color: #fff /*{b-bhover-color}*/;
-}
-.ui-btn-down-b {
- border: 1px solid #225377 /*{b-bdown-border}*/;
- background: #4e89c5 /*{b-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bdown-color}*/;
- text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
-}
-.ui-btn-down-b a.ui-link-inherit {
- color: #fff /*{b-bdown-color}*/;
-}
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* C
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-c {
- border: 1px solid #B3B3B3 /*{c-bar-border}*/;
- background: #eeeeee /*{c-bar-background-color}*/;
- color: #3E3E3E /*{c-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
-}
-
-.ui-bar-c .ui-link-inherit {
- color: #3E3E3E /*{c-bar-color}*/;
-}
-.ui-bar-c .ui-link {
- color: #7cc4e7 /*{c-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-c .ui-link:hover {
- color: #2489CE /*{c-bar-link-hover}*/;
-}
-
-.ui-bar-c .ui-link:active {
- color: #2489CE /*{c-bar-link-active}*/;
-}
-
-.ui-bar-c .ui-link:visited {
- color: #2489CE /*{c-bar-link-visited}*/;
-}
-
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-c,
-.ui-overlay-c {
- border: 1px solid #aaa /*{c-body-border}*/;
- color: #333333 /*{c-body-color}*/;
- text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
- background: #f9f9f9 /*{c-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
-}
-.ui-overlay-c {
- background-image: none;
- border-width: 0;
-}
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-body-c .ui-link-inherit {
- color: #333333 /*{c-body-color}*/;
-}
-
-.ui-body-c .ui-link {
- color: #2489CE /*{c-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-c .ui-link:hover {
- color: #2489CE /*{c-body-link-hover}*/;
-}
-
-.ui-body-c .ui-link:active {
- color: #2489CE /*{c-body-link-active}*/;
-}
-
-.ui-body-c .ui-link:visited {
- color: #2489CE /*{c-body-link-visited}*/;
-}
-
-.ui-btn-up-c {
- border: 1px solid #ccc /*{c-bup-border}*/;
- background: #eee /*{c-bup-background-color}*/;
- font-weight: bold;
- color: #222 /*{c-bup-color}*/;
- text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
-}
-.ui-btn-up-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bup-color}*/;
-}
-
-.ui-btn-hover-c {
- border: 1px solid #bbb /*{c-bhover-border}*/;
- background: #dfdfdf /*{c-bhover-background-color}*/;
- font-weight: bold;
- color: #222 /*{c-bhover-color}*/;
- text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
-}
-.ui-btn-hover-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bhover-color}*/;
-}
-.ui-btn-down-c {
- border: 1px solid #bbb /*{c-bdown-border}*/;
- background: #d6d6d6 /*{c-bdown-background-color}*/;
- font-weight: bold;
- color: #222 /*{c-bdown-color}*/;
- text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
-}
-.ui-btn-down-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bdown-color}*/;
-}
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* D
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-d {
- border: 1px solid #bbb /*{d-bar-border}*/;
- background: #bbb /*{d-bar-background-color}*/;
- color: #333 /*{d-bar-color}*/;
- text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
-}
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-bar-d .ui-link-inherit {
- color: #333333 /*{d-bar-color}*/;
-}
-.ui-bar-d .ui-link {
- color: #2489CE /*{d-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-d .ui-link:hover {
- color: #2489CE /*{d-bar-link-hover}*/;
-}
-
-.ui-bar-d .ui-link:active {
- color: #2489CE /*{d-bar-link-active}*/;
-}
-
-.ui-bar-d .ui-link:visited {
- color: #2489CE /*{d-bar-link-visited}*/;
-}
-
-.ui-body-d,
-.ui-overlay-d {
- border: 1px solid #bbb /*{d-body-border}*/;
- color: #333333 /*{d-body-color}*/;
- text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
- background: #ffffff /*{d-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
-}
-.ui-overlay-d {
- background-image: none;
- border-width: 0;
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-body-d .ui-link-inherit {
- color: #333333 /*{d-body-color}*/;
-}
-
-.ui-body-d .ui-link {
- color: #2489CE /*{d-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-d .ui-link:hover {
- color: #2489CE /*{d-body-link-hover}*/;
-}
-
-.ui-body-d .ui-link:active {
- color: #2489CE /*{d-body-link-active}*/;
-}
-
-.ui-body-d .ui-link:visited {
- color: #2489CE /*{d-body-link-visited}*/;
-}
-
-.ui-btn-up-d {
- border: 1px solid #bbb /*{d-bup-border}*/;
- background: #fff /*{d-bup-background-color}*/;
- font-weight: bold;
- color: #333 /*{d-bup-color}*/;
- text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #333 /*{d-bup-color}*/;
-}
-.ui-btn-hover-d {
- border: 1px solid #aaa /*{d-bhover-border}*/;
- background: #eeeeee /*{d-bhover-background-color}*/;
- font-weight: bold;
- color: #333 /*{d-bhover-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #333 /*{d-bhover-color}*/;
-}
-.ui-btn-down-d {
- border: 1px solid #aaa /*{d-bdown-border}*/;
- background: #eee /*{d-bdown-background-color}*/;
- font-weight: bold;
- color: #333 /*{d-bdown-color}*/;
- text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
-}
-.ui-btn-down-d a.ui-link-inherit {
- color: #333 /*{d-bdown-color}*/;
-}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* E
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-e {
- border: 1px solid #F7C942 /*{e-bar-border}*/;
- background: #fadb4e /*{e-bar-background-color}*/;
- color: #333 /*{e-bar-color}*/;
- text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
-}
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-e button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-bar-e .ui-link-inherit {
- color: #333333 /*{e-bar-color}*/;
-}
-.ui-bar-e .ui-link {
- color: #2489CE /*{e-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-e .ui-link:hover {
- color: #2489CE /*{e-bar-link-hover}*/;
-}
-
-.ui-bar-e .ui-link:active {
- color: #2489CE /*{e-bar-link-active}*/;
-}
-
-.ui-bar-e .ui-link:visited {
- color: #2489CE /*{e-bar-link-visited}*/;
-}
-
-.ui-body-e,
-.ui-overlay-e {
- border: 1px solid #F7C942 /*{e-body-border}*/;
- color: #222222 /*{e-body-color}*/;
- text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
- background: #fff9df /*{e-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
-}
-.ui-overlay-e {
- background-image: none;
- border-width: 0;
-}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-e .ui-link-inherit {
- color: #333333 /*{e-body-color}*/;
-}
-
-.ui-body-e .ui-link {
- color: #2489CE /*{e-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-e .ui-link:hover {
- color: #2489CE /*{e-body-link-hover}*/;
-}
-
-.ui-body-e .ui-link:active {
- color: #2489CE /*{e-body-link-active}*/;
-}
-
-.ui-body-e .ui-link:visited {
- color: #2489CE /*{e-body-link-visited}*/;
-}
-
-.ui-btn-up-e {
- border: 1px solid #F4C63f /*{e-bup-border}*/;
- background: #fadb4e /*{e-bup-background-color}*/;
- font-weight: bold;
- color: #222 /*{e-bup-color}*/;
- text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
-}
-.ui-btn-up-e a.ui-link-inherit {
- color: #222 /*{e-bup-color}*/;
-}
-.ui-btn-hover-e {
- border: 1px solid #F2C43d /*{e-bhover-border}*/;
- background: #fbe26f /*{e-bhover-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bhover-color}*/;
- text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
-}
-
-.ui-btn-hover-e a.ui-link-inherit {
- color: #333 /*{e-bhover-color}*/;
-}
-.ui-btn-down-e {
- border: 1px solid #F2C43d /*{e-bdown-border}*/;
- background: #fceda7 /*{e-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bdown-color}*/;
- text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
-}
-.ui-btn-down-e a.ui-link-inherit {
- color: #333 /*{e-bdown-color}*/;
-}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-/* Structure */
-
-/* links within "buttons"
------------------------------------------------------------------------------------------------------------*/
-
-a.ui-link-inherit {
- text-decoration: none !important;
-}
-
-
-/* Active class used as the "on" state across all themes
------------------------------------------------------------------------------------------------------------*/
-.ui-btn-active {
- border: 1px solid #2373a5 /*{global-active-border}*/;
- background: #5393c5 /*{global-active-background-color}*/;
- font-weight: bold;
- color: #fff /*{global-active-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
- text-decoration: none;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-btn-active a.ui-link-inherit {
- color: #fff /*{global-active-color}*/;
-}
-
-
-/* button inner top highlight
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-inner {
- border-top: 1px solid #fff;
- border-color: rgba(255,255,255,.3);
-}
-
-
-/* corner rounding classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-corner-tl {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-top {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-bottom {
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- }
-.ui-corner-right {
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-left {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-all {
- -moz-border-radius: .6em /*{global-radii-blocks}*/;
- -webkit-border-radius: .6em /*{global-radii-blocks}*/;
- border-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-none {
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-
-/* Form field separator
------------------------------------------------------------------------------------------------------------*/
-.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
-}
-
-/* Interaction cues
------------------------------------------------------------------------------------------------------------*/
-.ui-disabled {
- opacity: .3;
-}
-.ui-disabled,
-.ui-disabled a {
- cursor: default !important;
- pointer-events: none;
-}
-.ui-disabled .ui-btn-text {
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
- filter: alpha(opacity=30);
- zoom: 1;
-}
-
-/* Icons
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon,
-.ui-icon-searchfield:after {
- background: #666 /*{global-icon-color}*/;
- background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
- background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
- background-repeat: no-repeat;
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-
-
-/* Alt icon color
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
-}
-
-/* HD/"retina" sprite
------------------------------------------------------------------------------------------------------------*/
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
- background-image: url(images/icons-36-white.png);
- -moz-background-size: 776px 18px;
- -o-background-size: 776px 18px;
- -webkit-background-size: 776px 18px;
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
-}
-
-/* plus minus */
-.ui-icon-plus {
- background-position: -0 50%;
-}
-.ui-icon-minus {
- background-position: -36px 50%;
-}
-
-/* delete/close */
-.ui-icon-delete {
- background-position: -72px 50%;
-}
-
-/* arrows */
-.ui-icon-arrow-r {
- background-position: -108px 50%;
-}
-.ui-icon-arrow-l {
- background-position: -144px 50%;
-}
-.ui-icon-arrow-u {
- background-position: -180px 50%;
-}
-.ui-icon-arrow-d {
- background-position: -216px 50%;
-}
-
-/* misc */
-.ui-icon-check {
- background-position: -252px 50%;
-}
-.ui-icon-gear {
- background-position: -288px 50%;
-}
-.ui-icon-refresh {
- background-position: -324px 50%;
-}
-.ui-icon-forward {
- background-position: -360px 50%;
-}
-.ui-icon-back {
- background-position: -396px 50%;
-}
-.ui-icon-grid {
- background-position: -432px 50%;
-}
-.ui-icon-star {
- background-position: -468px 50%;
-}
-.ui-icon-alert {
- background-position: -504px 50%;
-}
-.ui-icon-info {
- background-position: -540px 50%;
-}
-.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-search,
-.ui-icon-searchfield:after {
- background-position: -612px 50%;
-}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
-}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
-}
-.ui-icon-radio-off {
- background-position: -756px 50%;
-}
-.ui-icon-radio-on {
- background-position: -720px 50%;
-}
-
-
-/* checks,radios */
-.ui-checkbox .ui-icon {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.ui-icon-checkbox-off,
-.ui-icon-radio-off {
- background-color: transparent;
-}
-.ui-checkbox-on .ui-icon,
-.ui-radio-on .ui-icon {
- background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
-}
-
-/* loading icon */
-.ui-icon-loading {
- background: url(images/ajax-loader.gif);
- background-size: 46px 46px;
-}
-
-
-/* Button corner classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-corner-tl {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-tr {
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-bl {
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-br {
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-top {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-bottom {
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-right {
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-left {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-all {
- -moz-border-radius: 1em /*{global-radii-buttons}*/;
- -webkit-border-radius: 1em /*{global-radii-buttons}*/;
- border-radius: 1em /*{global-radii-buttons}*/;
-}
-
-/* radius clip workaround for cleaning up corner trapping */
-.ui-corner-tl,
-.ui-corner-tr,
-.ui-corner-bl,
-.ui-corner-br,
-.ui-corner-top,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-left,
-.ui-corner-all,
-.ui-btn-corner-tl,
-.ui-btn-corner-tr,
-.ui-btn-corner-bl,
-.ui-btn-corner-br,
-.ui-btn-corner-top,
-.ui-btn-corner-bottom,
-.ui-btn-corner-right,
-.ui-btn-corner-left,
-.ui-btn-corner-all {
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
-}
-
-/* Overlay / modal
------------------------------------------------------------------------------------------------------------*/
-
-.ui-overlay {
- background: #666;
- opacity: .5;
- filter: Alpha(Opacity=50);
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.ui-overlay-shadow {
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
-}
-.ui-shadow {
- -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
- -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
- box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
-}
-.ui-bar-a .ui-shadow,
-.ui-bar-b .ui-shadow ,
-.ui-bar-c .ui-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-}
-.ui-shadow-inset {
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
-}
-.ui-icon-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
- box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
-}
-
-/* Focus state - set here for specificity (note: these classes are added by JavaScript)
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn:focus {
- outline: 0;
-}
-
-.ui-focus,
-.ui-btn:focus {
- -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
- -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
- box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
-}
-
-/* unset box shadow in browsers that don't do it right
------------------------------------------------------------------------------------------------------------*/
-
-.ui-mobile-nosupport-boxshadow * {
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-
-/* ...and bring back focus */
-.ui-mobile-nosupport-boxshadow .ui-focus,
-.ui-mobile-nosupport-boxshadow .ui-btn:focus {
- outline-width: 1px;
- outline-style: dotted;
-}
+++ /dev/null
-<?php
-$type = 'text/css';
-$files = array(
- '../../../LICENSE-INFO.txt',
- 'jquery.mobile.css'
-);
-$base = dirname(__FILE__);
+++ /dev/null
-@import url( "jquery.mobile.theme.css" );
-@import url( "../../structure/jquery.mobile.structure.css" );
\ No newline at end of file
+++ /dev/null
-/*####################################################################################################################################
-
- A
-
-####################################################################################################################################*/
-
-.ui-bar-a {
- font-weight: bold;
- border: 1px solid #be7800;
- background: #e99515;
- color: #fff;
- text-shadow: 0 -1px 0px #94440F;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e9a015), to(#e98a15)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#e9a015, #e98a15); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#e9a015, #e98a15); /* FF3.6 */
- background-image: -ms-linear-gradient(#e9a015, #e98a15); /* IE10 */
- background-image: -o-linear-gradient(#e9a015, #e98a15); /* Opera 11.10+ */
- background-image: linear-gradient(#e9a015, #e98a15);
-}
-.ui-btn-up-a {
- border: 1px solid #BD610D;
- background: #e68510;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9e0c), to(#e68510)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ea9e0c, #e68510); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ea9e0c, #e68510); /* FF3.6 */
- background-image: -ms-linear-gradient(#ea9e0c, #e68510); /* IE10 */
- background-image: -o-linear-gradient(#ea9e0c, #e68510); /* Opera 11.10+ */
- background-image: linear-gradient(#ea9e0c, #e68510);
-}
-.ui-btn-up-a a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-hover-a {
- border: 1px solid #b77504;
- background: #ed9730;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#edab30), to(#ed9730)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#edab30, #ed9730); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#edab30, #ed9730); /* FF3.6 */
- background-image: -ms-linear-gradient(#edab30, #ed9730); /* IE10 */
- background-image: -o-linear-gradient(#edab30, #ed9730); /* Opera 11.10+ */
- background-image: linear-gradient(#edab30, #ed9730);
-}
-.ui-btn-hover-a a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-down-a {
- border: 1px solid #BD610D;
- background: #BA6E11;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#BA8011), to(#BA6E11)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#BA8011, #BA6E11); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#BA8011, #BA6E11); /* FF3.6 */
- background-image: -ms-linear-gradient(#BA8011, #BA6E11); /* IE10 */
- background-image: -o-linear-gradient(#BA8011, #BA6E11); /* Opera 11.10+ */
- background-image: linear-gradient(#BA8011, #BA6E11);
-}
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- text-shadow: 0 -1px 0px #94440F;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-a .ui-link-inherit {
- color: #fff;
-}
-.ui-bar-a .ui-link {
- color: #7cc4e7;
- font-weight: bold;
-}
-.ui-body-a,
-.ui-dialog.ui-overlay-a {
- font-weight: normal;
- border: 1px solid #222;
- background: #444;
- color: #ddd;
- text-shadow: 0 -1px 0px #000;
- background-image: -webkit-gradient(linear, center top, center bottom, from(#333), color-stop(5%, #333), color-stop(15%, #444), color-stop(60%, #444), to(#222)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* IE10 */
- background-image: -o-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%);
-}
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-a .ui-link-inherit {
- color: #fff;
-}
-.ui-body-a .ui-link {
- color: #e98a15;
- font-weight: bold;
-}
-
-/*####################################################################################################################################
-
- B
-
-####################################################################################################################################*/
-
-.ui-bar-b {
- font-weight: bold;
- border: 1px solid #222;
- background: #333333;
- color: #fff;
- text-shadow: 0 -1px 0px #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#555, #333); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#555, #333); /* FF3.6 */
- background-image: -ms-linear-gradient(#555, #333); /* IE10 */
- background-image: -o-linear-gradient(#555, #333); /* Opera 11.10+ */
- background-image: linear-gradient(#555, #333);
-}
-.ui-btn-up-b {
- border: 1px solid #232323;
- background: #393939;
- color: #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#5E5E5E), to(#393939)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#5E5E5E, #393939); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#5E5E5E, #393939); /* FF3.6 */
- background-image: -ms-linear-gradient(#5E5E5E, #393939); /* IE10 */
- background-image: -o-linear-gradient(#5E5E5E, #393939); /* Opera 11.10+ */
- background-image: linear-gradient(#5E5E5E, #393939);
-}
-.ui-btn-up-b a.ui-link-inherit {
- color: #eee;
-}
-.ui-btn-hover-b {
- border: 1px solid #232323;
- background: #494949;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#494949)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#6E6E6E, #494949); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#6E6E6E, #494949); /* FF3.6 */
- background-image: -ms-linear-gradient(#6E6E6E, #494949); /* IE10 */
- background-image: -o-linear-gradient(#6E6E6E, #494949); /* Opera 11.10+ */
- background-image: linear-gradient(#6E6E6E, #494949);
-}
-
-.ui-btn-hover-b a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-down-b {
- border: 1px solid #232323;
- background: #292929;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#4E4E4E), to(#292929)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#4E4E4E, #292929); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#4E4E4E, #292929); /* FF3.6 */
- background-image: -ms-linear-gradient(#4E4E4E, #292929); /* IE10 */
- background-image: -o-linear-gradient(#4E4E4E, #292929); /* Opera 11.10+ */
- background-image: linear-gradient(#4E4E4E, #292929);
-}
-.ui-btn-down-b a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- text-shadow: 0 -1px 0px #111;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-b .ui-link-inherit {
- color: #fff;
-}
-.ui-bar-b .ui-link {
- color: #7cc4e7;
- font-weight: bold;
-}
-.ui-body-b,
-.ui-dialog.ui-overlay-b {
- font-weight: normal;
- border: 1px solid #999;
- background-color: #e5e5e5;
- color: #666;
- text-shadow: 0 1px 0px #fff;
- background-image: url(images/texture_075.png);
-}
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-b .ui-link-inherit {
- color: #333333;
-}
-.ui-body-b .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-/*####################################################################################################################################
-
- C Styles
-
-####################################################################################################################################*/
-
-.ui-bar-c {
- font-weight: bold;
- border: 1px solid #ccc;
- background: #e5e5e5;
- color: #111;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
- background-image: -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
- background-image: linear-gradient(#eee, #e5e5e5);
-}
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0px #fff;
-}
-.ui-btn-up-c {
- border: 1px solid #ccc;
- background: #e5e5e5;
- color: #444;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
- background-image: -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
- background-image: linear-gradient(#eee, #e5e5e5);
-}
-.ui-btn-up-c a.ui-link-inherit {
- color: #444;
-}
-.ui-btn-hover-c {
- border: 1px solid #ccc;
- background: #f5f5f5;
- color: #222;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff, #f5f5f5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff, #f5f5f5); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff, #f5f5f5); /* IE10 */
- background-image: -o-linear-gradient(#fff, #f5f5f5); /* Opera 11.10+ */
- background-image: linear-gradient(#fff, #f5f5f5);
-}
-.ui-btn-hover-c a.ui-link-inherit {
- color: #222;
-}
-.ui-btn-down-c {
- border: 1px solid #ccc;
- background: #d5d5d5;
- color: #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd, #d5d5d5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd, #d5d5d5); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd, #d5d5d5); /* IE10 */
- background-image: -o-linear-gradient(#ddd, #d5d5d5); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd, #d5d5d5);
-}
-.ui-btn-down-c a.ui-link-inherit {
- color: #111;
-}
-.ui-body-c,
-.ui-dialog.ui-overlay-c {
- border: 1px solid #ddd;
- color: #333333;
- text-shadow: 0 1px 0px #fff;
- background: #fff;
- background-image: url(images/texture_075.png);
-}
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-c .ui-link-inherit {
- color: #333333; }
-.ui-body-c .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-/*####################################################################################################################################
-
- D
-
-####################################################################################################################################*/
-
-.ui-bar-d {
- font-weight: bold;
- border: 1px solid #ccc;
- background: #cbcbcb;
- color: #666;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), color-stop(5%, #ccc), color-stop(15%, #bbb), color-stop(95%, #ddd), to(#ccc)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* IE10 */
- background-image: -o-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%);
-}
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-d .ui-link-inherit {
- color: #333;
-}
-.ui-bar-d .ui-link {
- font-weight: bold;
- color: #2489CE;
-}
-
-.ui-btn-up-d {
- border: 1px solid #c5c5c5;
- background: #ddd;
- color: #666;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ddd)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#d5d5d5, #ddd); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#d5d5d5, #ddd); /* FF3.6 */
- background-image: -ms-linear-gradient(#d5d5d5, #ddd); /* IE10 */
- background-image: -o-linear-gradient(#d5d5d5, #ddd); /* Opera 11.10+ */
- background-image: linear-gradient(#d5d5d5, #ddd);
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #666;
-}
-.ui-btn-hover-d {
- border: 1px solid #aaa;
- background: #c5c5c5;
- color: #666;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ccc)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#c5c5c5, #ccc); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#c5c5c5, #ccc); /* FF3.6 */
- background-image: -ms-linear-gradient(#c5c5c5, #ccc); /* IE10 */
- background-image: -o-linear-gradient(#c5c5c5, #ccc); /* Opera 11.10+ */
- background-image: linear-gradient(#c5c5c5, #ccc);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #666;
-}
-.ui-btn-down-d {
- border: 1px solid #999;
- background: #b5b5b5;
- color: #444;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#bbb)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#b5b5b5, #bbb); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#b5b5b5, #bbb); /* FF3.6 */
- background-image: -ms-linear-gradient(#b5b5b5, #bbb); /* IE10 */
- background-image: -o-linear-gradient(#b5b5b5, #bbb); /* Opera 11.10+ */
- background-image: linear-gradient(#b5b5b5, #bbb);
-}
-.ui-btn-up-d a.ui-link {
- color: #444;
-}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0px #fff;
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-d .ui-link-inherit {
- color: #333333;
-}
-.ui-body-d,
-.ui-dialog.ui-overlay-d {
- border: 1px solid #aaa;
- color: #666;
- text-shadow: 0 1px 0px #fff;
- background: #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #f5f5f5), to(#eee)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* IE10 */
- background-image: -o-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%);
-}
-.ui-body-d .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-.ui-body-c .ui-link-inherit {
- color: #333333; }
-.ui-body-c .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-
-/*####################################################################################################################################
-
- E
-
-####################################################################################################################################*/
-
-.ui-bar-e {
- font-weight: bold;
- border: 1px solid #999;
- background: #dedede;
- color: #000;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#eee)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* IE10 */
- background-image: -o-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%);
-}
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-e .ui-link-inherit {
- color: #333;
-}
-.ui-bar-e .ui-link {
- color: #2489CE;
- font-weight: bold;
-}
-.ui-btn-up-e {
- border: 1px solid #999;
- background: #dfdfdf;
- color: #333;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#f5f5f5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* IE10 */
- background-image: -o-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%);
-}
-.ui-btn-up-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-hover-e {
- border: 1px solid #777;
- background: #e5e5e5;
- color: #333;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ddd), color-stop(50%, #ccc), to(#fff)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* IE10 */
- background-image: -o-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%);
-}
-.ui-btn-hover-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-down-e {
- border: 1px solid #888;
- background: #ccc;
- color: #333;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(50%, #ccc), color-stop(50%, #bbb), to(#ddd)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* IE10 */
- background-image: -o-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%);
-}
-.ui-btn-down-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0px #fff;
-}
-.ui-body-e,
-.ui-dialog.ui-overlay-e {
- font-weight: normal;
- border: 1px solid #aaa;
- background: #ccc;
- color: #111;
- text-shadow: 0 1px 0px #fff;
- background-image: url(images/texture_075.png);
-}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-e .ui-link-inherit {
- color: #333333;
-}
-.ui-body-e .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-/*####################################################################################################################################
-
- Everything Else
-
-####################################################################################################################################*/
-
-
-a.ui-link-inherit {
- text-decoration: none !important;
-}
-
-/* Active class used as the "on" state across all themes */
-.ui-btn-active {
- font-weight: bold;
- cursor: pointer;
- text-decoration: none;
- border: 1px solid #FFBC19;
- background: #FFBC19;
- color: #222;
- text-shadow: 0 1px 0px #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDC52), to(#FFBC19)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#FFDC52, #FFBC19); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#FFDC52, #FFBC19); /* FF3.6 */
- background-image: -ms-linear-gradient(#FFDC52, #FFBC19); /* IE10 */
- background-image: -o-linear-gradient(#FFDC52, #FFBC19); /* Opera 11.10+ */
- background-image: linear-gradient(#FFDC52, #FFBC19);
-}
-.ui-btn-active a.ui-link-inherit {
- color: #333;
-}
-
-/* button Inner Highlight */
-.ui-btn-inner {
- border-top: 1px solid #fff;
- border-color: rgba(255,255,255,.25);
-}
-
-/* Container Corner radius */
-.ui-corner-tl {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-top {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
-}
-.ui-corner-bottom {
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-right {
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-left {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
-}
-.ui-corner-all {
- -moz-border-radius: .6em;
- -webkit-border-radius: .6em;
- border-radius: .6em;
-}
-
-/* Interaction Cues
-----------------------------------*/
-.ui-disabled {
- opacity: .3;
-}
-.ui-disabled, .ui-disabled a {
- cursor: default !important;
-}
-
-/* Icons
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon {
- background: #666;
- background: rgba(0,0,0,.4);
- background-image: url(images/icons-18-white.png);
- background-repeat: no-repeat;
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-
-
-/* Alt icon color
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
-}
-
-/* HD/"retina" sprite
------------------------------------------------------------------------------------------------------------*/
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
- background-image: url(images/icons-36-white.png);
- -moz-background-size: 776px 18px;
- -o-background-size: 776px 18px;
- -webkit-background-size: 776px 18px;
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
-}
-
-/* plus minus */
-.ui-icon-plus {
- background-position: -0 50%;
-}
-.ui-icon-minus {
- background-position: -36px 50%;
-}
-
-/* delete/close */
-.ui-icon-delete {
- background-position: -72px 50%;
-}
-
-/* arrows */
-.ui-icon-arrow-r {
- background-position: -108px 50%;
-}
-.ui-icon-arrow-l {
- background-position: -144px 50%;
-}
-.ui-icon-arrow-u {
- background-position: -180px 50%;
-}
-.ui-icon-arrow-d {
- background-position: -216px 50%;
-}
-
-/* misc */
-.ui-icon-check {
- background-position: -252px 50%;
-}
-.ui-icon-gear {
- background-position: -288px 50%;
-}
-.ui-icon-refresh {
- background-position: -324px 50%;
-}
-.ui-icon-forward {
- background-position: -360px 50%;
-}
-.ui-icon-back {
- background-position: -396px 50%;
-}
-.ui-icon-grid {
- background-position: -432px 50%;
-}
-.ui-icon-star {
- background-position: -468px 50%;
-}
-.ui-icon-alert {
- background-position: -504px 50%;
-}
-.ui-icon-info {
- background-position: -540px 50%;
-}
-.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-search {
- background-position: -612px 50%;
-}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
-}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
-}
-.ui-icon-radio-off {
- background-position: -756px 50%;
-}
-.ui-icon-radio-on {
- background-position: -720px 50%;
-}
-
-
-/* checks,radios */
-.ui-checkbox .ui-icon {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.ui-icon-checkbox-off,
-.ui-icon-radio-off {
- background-color: transparent;
-}
-.ui-checkbox-on .ui-icon,
-.ui-radio-on .ui-icon {
- background-color: #FFBC19; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
-}
-.ui-icon-searchfield {
- background-image: url(images/icon-search-black.png);
- background-size: 16px 16px;
-}
-
-/* loading icon */
-.ui-icon-loading {
- background-image: url(images/ajax-loader.png);
- width: 40px;
- height: 40px;
- -moz-border-radius: 20px;
- -webkit-border-radius: 20px;
- border-radius: 20px;
- background-size: 35px 35px;
-}
-
-
-/* Button corner classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-corner-tl {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
-}
-.ui-btn-corner-tr {
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
-}
-.ui-btn-corner-bl {
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.ui-btn-corner-br {
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-top {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
-}
-.ui-btn-corner-bottom {
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-right {
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-left {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.ui-btn-corner-all {
- -moz-border-radius: .4em;
- -webkit-border-radius: .4em;
- border-radius: .4em;
-}
-
-.ui-corner-tl, .ui-corner-tr, .ui-corner-bl,
-.ui-corner-br, .ui-corner-top, .ui-corner-bottom,
-.ui-corner-right, .ui-corner-left, .ui-corner-all,
-.ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl,
-.ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom,
-.ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all {
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
-
-}
-
-/* Form field separator */
-.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
-}
-
-/* Overlays */
-.ui-overlay {
- position: absolute;
- opacity: .5;
- filter: Alpha(Opacity=50);
- width: 100%;
- height: 100%;
- background: #666;
-}
-.ui-overlay-shadow {
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
-}
-.ui-shadow {
- -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
- -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
- box-shadow: 0px 1px 4px rgba(0,0,0,.3);
-}
-.ui-bar-a .ui-shadow,
-.ui-bar-b .ui-shadow ,
-.ui-bar-c .ui-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-}
-.ui-shadow-inset {
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
-}
-.ui-icon-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- box-shadow: 0px 1px 0 rgba(255,255,255,.4);
-}
-
-/* set focus state last */
-.ui-focus {
- -moz-box-shadow: 0px 0px 12px #FFBC19;
- -webkit-box-shadow: 0px 0px 12px #FFBC19;
- box-shadow: 0px 0px 12px #FFBC19;
-}
-
-/*####################################################################################################################################
-
- CUSTOM ADDITIONS
-
-####################################################################################################################################*/
-
-
-/* Make inline buttons more rounded */
-.ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all,
-.ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all .ui-btn-inner,
-.ui-slider.ui-btn-corner-all{
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-a.ui-btn.ui-btn-inline.ui-btn-corner-all,
-a.ui-btn.ui-btn-inline.ui-btn-corner-all .ui-btn-inner{
- -moz-border-radius: 2em;
- -webkit-border-radius: 2em;
- border-radius: 2em;
-}
-
-/* Give the search input a stronger border */
-.ui-input-search{
- border: 1px solid #999;
-}
-
-/* Adjustment for indicator icons inside split list & Search Input - Well I hope so :) */
-.ui-input-search .ui-btn-icon-notext,
-.ui-btn-inner .ui-btn-icon-notext{
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-.ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all,
-.ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-/* inner highlight is janky! */
-.ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
- border-top-color: transparent;
-}
+++ /dev/null
-/* jqm docs css
-
-Beware: lots of last-minute CSS going on in here
-cobblers, shoes,
-*/
-
-body { background: #dddddd; }
-.ui-mobile .type-home .ui-content { margin: 0; background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x; }
-.ui-mobile #jqm-homeheader { padding: 40px 10px 0; text-align: center; margin: 0 auto; }
-.ui-mobile #jqm-homeheader h1 { margin: 0 0 ; }
-.ui-mobile #jqm-homeheader p { margin: .3em 0 0; line-height: 1.3; font-size: .9em; font-weight: bold; color: #666; }
-.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; z-index: 50; top: -11px; right: 0; }
-.ui-mobile .jqm-themeswitcher { margin: 10px 25px 10px 10px; }
-
-h2 { margin:1.2em 0 .4em 0; }
-p code { font-size:1.2em; font-weight:bold; }
-h4 code {font-size:1.2em; font-weight:bold; }
-
-dt { font-weight: bold; margin: 2em 0 .5em; }
-dt code, dd code { font-size:1.3em; line-height:150%; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-
-#jqm-homeheader img { width: 235px; }
-img { max-width: 100%; }
-
-/* fluid images moved from jquery.mobile.core.css*/
-.ui-mobile img {
- max-width: 100%;
-}
-
-.ui-header .jqm-home { top: 0; }
-nav { margin: 0; }
-
-
-
-p.intro {
- font-size: .96em;
- line-height: 1.3;
- border-top: 1px solid #75ae18;
- border-bottom: 0;
- background: none;
- margin: 1.5em 0;
- padding: 1.5em 15px 0;
-
-}
-p.intro strong {
- color: #558e08;
-}
-.footer-docs {
- padding: 5px 0;
-}
-.footer-docs p {
- margin-left:15px;
- font-weight: normal;
- font-size: .9em;
-}
-
-.type-interior .content-secondary {
- border-right: 0;
- border-left: 0;
- margin: 10px -15px 0;
- background: #fff;
- border-top: 1px solid #ccc;
-}
-.type-home .ui-content {
- margin-top: 5px;
-}
-.type-interior .ui-content {
- padding-bottom: 0;
-}
-.content-secondary .ui-collapsible {
- padding: 0 15px 10px;
-
-}
-.content-secondary .ui-collapsible-content {
- padding: 0;
- background: none;
- border-bottom: none;
-}
-.content-secondary .ui-listview {
- margin: 0;
-}
-/* new API additions */
-
-dt {
- margin: 35px 0 15px 0;
- background-color:#ddd;
- font-weight:normal;
-}
-dt code {
- display:inline-block;
- font-weight:bold;
- color:#56A00E;
- padding:3px 7px;
- margin-right:10px;
- background-color:#fff;
-}
-dd {
- margin-bottom:10px;
-}
-dd .default { font-weight:bold; }
-dd pre {
- margin:0 0 0 0;
-}
-dd code { font-weight: normal; }
-dd pre code {
- margin:0;
- border:none;
- font-weight:normal;
- font-size:100%;
- background-color:transparent;
-}
-dd h4 { margin:15px 0 0 0; }
-
-.localnav {
- margin:0 0 20px 0;
- overflow:hidden;
-}
-.localnav li {
- float:left;
-}
-.localnav .ui-btn-inner {
- padding: .6em 10px;
- font-size:80%;
-}
-
-/* custom dialog for the photos sharing */
-.ui-dialog.dialog-actionsheet .ui-dialog-contain {
- margin-top: 0;
-}
-
-
-
-/* F bar theme - just for the docs overview headers */
-.ui-bar-f {
- border: 1px solid #56A00E;
- background: #74b042;
- color: #fff;
- font-weight: bold;
- text-shadow: 0 1px 1px #335413;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
- background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
- background-image: -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
- background-image: linear-gradient(#74b042, #56A00E);
-}
-.ui-bar-f,
-.ui-bar-f input,
-.ui-bar-f select,
-.ui-bar-f textarea,
-.ui-bar-f button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-bar-f,
-.ui-bar-f .ui-link-inherit {
- color: #fff;
-}
-.ui-bar-f .ui-link {
- color: #fff;
- font-weight: bold;
-}
-.ui-btn-up-f {
- border: 1px solid #3B6F07;
- background: #56A00E;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
- background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
- background-image: -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
- background-image: linear-gradient(#74b042, #56A00E);
-}
-.ui-btn-up-f a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-hover-f {
- border: 1px solid #3B6F07;
- background: #6EBC1F;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
- background-image: -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
- background-image: -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
- background-image: linear-gradient(#8FC963, #6EBC1F);
-}
-.ui-btn-hover-f a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-down-f {
- border: 1px solid #3B6F07;
- background: #3d3d3d;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
- background-image: -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
- background-image: -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
- background-image: linear-gradient(#56A00E, #64A234);
-}
-.ui-btn-down-f a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-up-f,
-.ui-btn-hover-f,
-.ui-btn-down-f {
- font-family: Helvetica, Arial, sans-serif;
- text-decoration: none;
-}
-
-
-
-
-/* docs site layout */
-
-@media all and (min-width: 650px){
-
-
- .type-home .ui-content {
- margin-top: 5px;
- }
- .ui-mobile #jqm-homeheader {
- max-width: 340px;
- }
- .ui-mobile .jqm-themeswitcher {
- float: right;
- }
- p.intro {
- margin: 2em 0;
- }
- .type-home .ui-content,
- .type-interior .ui-content {
- padding: 0;
- background: url(../images/px-ccc.gif) 50% 0 repeat-y;
- }
- .type-interior .ui-content {
- background-position: 45%;
- overflow: hidden;
- }
- .content-secondary {
- text-align: left;
- float: left;
- width: 45%;
- background: none;
- }
- .content-secondary,
- .type-interior .content-secondary {
- margin: 30px 0 20px 2%;
- padding: 20px 4% 0 0;
- background: none;
- border-top: none;
- }
- .type-index .content-secondary {
- padding: 0;
- }
- .content-secondary .ui-collapsible {
- margin: 0;
- padding: 0;
- }
- .content-secondary .ui-collapsible-content {
- border: none;
- }
- .type-index .content-secondary .ui-listview {
- margin: 0;
- }
-
- .ui-mobile #jqm-homeheader {
- padding: 0;
- }
- .content-primary {
- width: 45%;
- float: right;
- margin-top: 30px;
- margin-right: 1%;
- padding-right: 1%;
- }
- .content-primary ul:first-child {
- margin-top: 0;
- }
- .content-secondary h2 {
- position: absolute;
- left: -9999px;
- }
- .type-interior .content-primary {
- padding: 1.5em 6% 3em 0;
- margin: 0;
- }
- /* fix up the collapsibles - expanded on desktop */
- .content-secondary .ui-collapsible-heading {
- display: none;
- }
- .content-secondary .ui-collapsible-contain {
- margin:0;
- }
- .content-secondary .ui-collapsible-content {
- display: block;
- margin: 0;
- padding: 0;
- }
- .type-interior .content-secondary .ui-li-divider {
- padding-top: 1em;
- padding-bottom: 1em;
- }
- .type-interior .content-secondary {
- margin: 0;
- padding: 0;
- }
-
-}
-@media all and (min-width: 750px){
- .type-home .ui-content,
- .type-interior .ui-content {
- background-position: 39%;
- }
- .content-secondary {
- width: 34%;
- }
- .content-primary {
- width: 56%;
- padding-right: 1%;
- }
- .type-interior .ui-content {
- background-position: 34%;
- }
-}
-
-@media all and (min-width: 1200px){
- .type-home .ui-content{
- background-position: 38.5%;
- }
- .type-interior .ui-content {
- background-position: 30%;
- }
- .content-secondary {
- width: 30%;
- padding-right:6%;
- margin: 30px 0 20px 5%;
- }
- .type-interior .content-secondary {
- margin: 0;
- padding: 0;
- }
- .content-primary {
- width: 50%;
- margin-right: 5%;
- padding-right: 3%;
- }
- .type-interior .content-primary {
- width: 60%;
- }
-}
\ No newline at end of file
+++ /dev/null
-//quick view source in new window links
-$.fn.addSourceLink = function(style){
-
- return $(this).each(function(){
- var link = $('<a href="#" data-'+ $.mobile.ns +'inline="true">View Source</a>'),
- src = src = $('<div></div>').append( $(this).clone() ).html(),
- page = $( "<div data-"+ $.mobile.ns +"role='dialog' data-"+ $.mobile.ns +"theme='a'>" +
- "<div data-"+ $.mobile.ns +"role='header' data-"+ $.mobile.ns +"theme='b'>" +
- "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"icon='delete' data-"+ $.mobile.ns +"iconpos='notext'>Close</a>"+
- "<div class='ui-title'>jQuery Mobile Source Excerpt</div>"+
- "</div>"+
- "<div data-"+ $.mobile.ns +"role='content'></div>"+
- "</div>" )
- .appendTo( "body" )
- .page();
-
- $('<a href="#">View Source</a>')
- .buttonMarkup({
- icon: 'arrow-u',
- iconpos: 'notext'
- })
- .click(function(){
- var codeblock = $('<pre><code></code></pre>');
- src = src.replace(/&/gmi, '&').replace(/"/gmi, '"').replace(/>/gmi, '>').replace(/</gmi, '<').replace('data-'+ $.mobile.ns +'source="true"','');
- codeblock.find('code').append(src);
-
- var activePage = $(this).parents('.ui-page-active');
- page.find('.ui-content').append(codeblock);
- $.changePage(page, 'slideup',false);
- page.find('.ui-btn-left').click(function(){
- $.changePage(activepage, 'slideup',true);
- return false;
- });
- })
- .insertAfter(this);
- });
-};
-
-//set up view source links
-$('div').live('pagebeforecreate',function(){
- $(this).find('[data-'+ $.mobile.ns +'source="true"]').addSourceLink();
-});
\ No newline at end of file
+++ /dev/null
-//collapse page navs after use
-$(function(){
- $('body').delegate('.content-secondary .ui-collapsible-content', 'click', function(){
- $(this).trigger("collapse");
- });
-});
-
-
-// Turn off AJAX for local file browsing
-if ( location.protocol.substr(0,4) === 'file' ||
- location.protocol.substr(0,11) === '*-extension' ||
- location.protocol.substr(0,6) === 'widget' ) {
-
- // Start with links with only the trailing slash and that aren't external links
- var fixLinks = function() {
- $( "a[href$='/'], a[href='.'], a[href='..']" ).not( "[rel='external']" ).each( function() {
- this.href = $( this ).attr( "href" ).replace( /\/$/, "" ) + "/index.html";
- });
- };
-
- // fix the links for the initial page
- $(fixLinks);
-
- // fix the links for subsequent ajax page loads
- $(document).bind( 'pagecreate', fixLinks );
-
- // Check to see if ajax can be used. This does a quick ajax request and blocks the page until its done
- $.ajax({
- url: '.',
- async: false,
- isLocal: true
- }).error(function() {
- // Ajax doesn't work so turn it off
- $( document ).bind( "mobileinit", function() {
- $.mobile.ajaxEnabled = false;
-
- var message = $( '<div>' , {
- 'class': "ui-footer ui-bar-e",
- style: "overflow: auto; padding:10px 15px;",
- 'data-ajax-warning': true
- });
-
- message
- .append( "<h3>Note: Navigation may not work if viewed locally</h3>" )
- .append( "<p>The AJAX-based navigation used throughout the jQuery Mobile docs may need to be viewed on a web server to work in certain browsers. If you see an error message when you click a link, try a different browser or <a href='https://github.com/jquery/jquery-mobile/wiki/Downloadable-Docs-Help'>view help</a>.</p>" );
-
- $( document ).bind( "pagecreate", function( event ) {
- $( event.target ).append( message );
- });
- });
- });
-}
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Accessibility</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Accessibility</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
-
- <div class="content-primary">
-
- <h2>Accessibility</h2>
- <p>jQuery Mobile is built upon standard, semantic HTML, allowing pages to be accessible to the broadest range of devices possible. For A-Grade browsers, many of the components in jQuery Mobile leverage techniques such as focus management, keyboard navigation, and HTML attributes specified in the W3C's <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA</a> specification.</p>
-
- <p>By utilizing these techniques, we do our best to ensure an accessible experience to users with disabilities such as blindness, who may use screen readers (like <em>VoiceOver</em>, on Apple's iPhone device) or other assistive technology to access the web.</p>
-
- </div>
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
-
-
- </div><!-- /content -->
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Features</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Features</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <div class="content-primary">
-
- <h2>Key features:</h2>
- <ul>
- <li><strong>Built on jQuery core</strong> for familiar and consistent jQuery syntax and minimal learning curve and leverages jQuery UI code and patterns.</li>
- <li><strong>Compatible with all major mobile, tablet, e-reader & desktop platforms</strong> - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook, and all modern browsers with graded levels of support.</li>
- <li><strong>Lightweight size</strong> and minimal image dependencies for speed.</li>
- <li><strong>Modular architecture</strong> for creating custom builds that are optimized to only include the features needed for a particular application</li>
- <li><strong>HTML5 Markup-driven configuration</strong> of pages and behavior for fast development and minimal required scripting.</li>
- <li><strong>Progressive enhancement</strong> approach brings core content and functionality to all mobile, tablet and desktop platforms and a rich, installed application-like experience on newer mobile platforms.</li>
- <li><strong>Responsive design</strong> techniques and tools allow the same underlying codebase to automatically scale from smartphone to desktop-sized screens</li>
- <li><strong>Powerful Ajax-powered navigation system</strong> to enable animated page transitions while maintaining back button, bookmarking and and clean URLs though pushState. </li>
- <li><strong>Accessibility</strong> features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.</li>
- <li><strong>Touch and mouse event support</strong> streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API. </li>
- <li><strong>Unified UI widgets</strong> for common controls enhance native controls with touch-optimized, themable controls that are platform-agnostic and easy to use.</li>
- <li><strong>Powerful theming framework</strong> and the <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller</a> application make highly-branded experiences easy to build.</li>
-
- </ul>
-
- </div>
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li data-theme="a"><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
-
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Quick start</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Quick start guide</h1>
-
-
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <div class="content-primary">
-
- <h2>Getting Started with jQuery Mobile</h2>
-
- <p>jQuery Mobile provides a set of touch-friendly UI widgets and an AJAX-powered navigation system to support animated page transitions. Building your first jQuery Mobile page is easy, here's how:</p>
-
- <h2>Create a basic page template</h2>
- <p>Pop open your favorite text editor, paste in the <a href="../pages/page-anatomy.html" id="" title="page-anatomy">page template</a> below, save and open in a browser. You are now a mobile developer!</p>
- <p>Here's what's in the template. In the <code>head</code>, a meta <code>viewport</code> tag sets the screen width to the pixel width of the device and references to jQuery, jQuery Mobile and the mobile theme stylesheet from the CDN add all the styles and scripts. jQuery Mobile 1.1 works with both 1.6.4 and 1.7.1 versions of jQuery core. </p>
- <p>In the <code>body</code>, a div with a <code>data-role</code> of <code>page</code> is the wrapper used to delineate a page, and the header bar (<code>data-role="header"</code>) and content region (<code>data-role="content"</code>) are added inside to create a basic page (these are both optional). These <code>data-</code> attributes are HTML5 attributes are used throughout jQuery Mobile to transform basic markup into an enhanced and styled widget.</p>
-
-<pre><code>
-<!DOCTYPE html>
-<html>
- <head>
- <title>My Page</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
-</head>
-<body>
-
-<div <strong>data-role="page"</strong>>
-
- <div <strong>data-role="header"</strong>>
- <h1>My Title</h1>
- </div><!-- /header -->
-
- <div <strong>data-role="content"</strong>>
- <p>Hello world</p>
- </div><!-- /content -->
-
-</div><!-- /page -->
-
-</body>
-</html>
-</code></pre>
-
-
- <h2>Add your content</h2>
- <p>Inside your content container, you can add any standard <a href="../content/content-html.html">HTML elements</a> - headings, lists, paragraphs, etc. You can write your own custom styles to create custom layouts by adding an additional stylesheet to the <code>head</code> after the jQuery Mobile stylesheet.</p>
-
- <h2>Make a listview</h2>
- <p>jQuery Mobile includes a diverse set of common <a href="../lists/docs-lists.html" id="" title="docs-lists">listviews</a> that are coded as lists with a <code>data-role="listview"</code> added. Here is a simple linked list that has a role of <code>listview</code>. We're going to make this look like an inset module by adding a <code>data-inset="true"</code> and add a dynamic search filter with the <code>data-filter="true"</code> attributes.</p>
-
-<pre><code>
-<ul <strong>data-role="listview" data-inset="true" data-filter="true"</strong>>
- <li><a href="#">Acura</a></li>
- <li><a href="#">Audi</a></li>
- <li><a href="#">BMW</a></li>
- <li><a href="#">Cadillac</a></li>
- <li><a href="#">Ferrari</a></li>
-</ul>
-
-</code></pre>
- <ul data-role="listview" data-inset="true" data-filter="true">
- <li><a href="#">Acura</a></li>
- <li><a href="#">Audi</a></li>
- <li><a href="#">BMW</a></li>
- <li><a href="#">Cadillac</a></li>
- <li><a href="#">Ferrari</a></li>
- </ul>
-
-
-
-
- <h2>Add a slider</h2>
- <p>The framework contains a full set of <a href="../forms/forms-all.html">form elements</a> that automatically are enhanced into touch-friendly styled widgets. Here's a slider made with the new HTML5 input type of range, no <code>data-role</code> needed. Be sure to wrap these in a <code>form</code> element and always properly associate a <code>label</code> to every form element.</p>
-
-<pre><code>
-<form>
- <label for="slider-0">Input slider:</label>
- <input <strong>type="range"</strong> name="slider" id="slider-0" value="25" min="0" max="100" />
-</form>
-</code></pre>
-
- <form>
- <label for="slider-0">Input slider:</label>
- <input type="range" name="slider-1" id="slider-0" value="25" min="0" max="100" />
- </form>
-
-
-
- <h2>Make a button</h2>
- <p>There are a few ways to make <a href="../buttons/buttons-types.html" title="buttons-types">buttons</a>, but lets turn a link into a button so it's easy to click. Just start with a link and add a <code>data-role="button"</code> attribute to it. You can add an <a href="../buttons/buttons-icons.html">icon</a> with the <code>data-icon</code> attribute and optionally set its position with the <code>data-iconpos</code> attribute.</p>
-
-<pre><code>
-<a href="#" <strong>data-role="button" data-icon="star"</strong>>Star button</a>
-</code></pre>
-
- <a href="#" data-role="button" data-icon="star">Star button</a>
-
-
-
- <h2>Play with theme swatches</h2>
- <p>jQuery Mobile has a robust <a href="../api/themes.html" id="">theme framework</a> that supports up to 26 sets of toolbar, content and button colors, called a "swatch". Just add a <code>data-theme="e"</code> attribute to any of the widgets on this page: page, header, list, input for the slider, or button to turn it yellow. Try different swatch letters in default theme from a-e to mix and match swatches. </p>
- <p>Cool party trick: add the theme swatch to the page and see how all the widgets inside the content will automatically inherit the theme (headers don't inherit, they default to swatch A).</p>
-
-<code><a href="#" data-role="button" data-icon="star" <strong>data-theme="a"</strong>>Button</a></code>
-
- <a href="#" data-role="button" data-icon="star" data-theme="a">data-theme="a"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="b">data-theme="b"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="c">data-theme="c"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="d">data-theme="d"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="e">data-theme="e"</a>
-
- <p>When you're ready to build a custom theme, use <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller</a> to drag and drop, then download a custom theme.</p>
-
- <h2>Go forth and build stuff</h2>
- <p>This is just scratching the surface of all the cool things you can build with jQuery Mobile with little effort. Be sure to explore <a href="../pages/page-links.html" id="" title="page-links">linking pages</a>, <a href="../pages/page-transitions.html" id="" title="page-transitions">adding animated page transitions</a>, and <a href="../pages/page-dialogs.html" id="" title="page-dialogs">creating dialogs</a>. Use the <a href="../api/data-attributes.html" id="" title="data-attributes">data-attribute reference</a> to try out some of the other <code>data-</code> attributes you can play with. </p>
-
- <p><strong>More of a developer?</strong> Great, forget everything we just covered (kidding). If you don't want to use the <code>data-</code> attribute configuration system, you can take full control of everything and call plugins directly because these are all just standard jQuery plugins built with the UI widget factory. Be sure to dig into <a href="../api/globalconfig.html" id="" title="globalconfig">global configuration</a>, <a href="../api/events.html" id="" title="events">events</a>, and <a href="../api/methods.html" id="" title="methods">methods</a>. Then read up on <a href="../pages/page-scripting.html" id="" title="page-scripting">scripting pages</a>, <a href="../pages/page-dynamic.html" id="" title="page-dynamic">generating dynamic pages</a>, and <a href="../pages/phonegap.html" id="" title="phonegap">building PhoneGap apps</a>.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li data-theme="a"><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - About</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
-<div data-role="header" data-theme="f">
- <h1>About jQuery Mobile</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-</div>
-
-<div data-role="content">
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
- <li data-role="list-divider">Overview</li>
- <li><a href="intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="getting-started.html">Quick start guide</a></li>
- <li><a href="features.html">Features</a></li>
- <li><a href="accessibility.html">Accessibility</a></li>
- <li><a href="platforms.html">Supported platforms</a></li>
- </ul>
-
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Intro</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Introduction</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <div class="content-primary">
-
- <h2>jQuery Mobile Overview</h2>
-
- <p>jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Focused on a <a href="features.html">feature-rich</a> but lightweight codebase built on progressive enhancement with a flexible, <a href="../api/themes.html">theming system</a> and <a href="http://www.jquerymobile.com/themeroller" target="_new">ThemeRoller tool</a>. </p>
- <p>The framework includes an <a href="../pages/page-navmodel.html">Ajax navigation</a> system that brings animated page <a href="../pages/page-transitions.html">transitions</a> and a core set of UI widgets: <a href="../pages/page-anatomy.html">pages</a>, <a href="../pages/page-dialogs.html">dialogs</a>, <a href="../toolbars/docs-bars.html">toolbars</a>, <a href="../lists/docs-lists.html">listviews</a>, <a href="../buttons/buttons-types.html">buttons</a> with <a href="../buttons/buttons-icons.html">icons</a>, <a href="../forms/forms-all.html">form elements</a>, <a href="../content/content-collapsible-set.html">accordions</a>, <a href="../content/content-collapsible.html">collapsibles</a>, and more.</p>
-
- <p>The critical difference with our approach is the <a href="platforms.html">wide variety of mobile platforms we’re targeting</a> with jQuery Mobile so no browser or device is left behind. We've also focused on making jQuery Mobile <a href="getting-started.html">easy to learn</a> with a simple, <a href="../api/data-attributes.html">markup-based system</a> to applying behavior and theming. For more advanced developers, there is a rich API of <a href="../api/globalconfig.html">global configuration options</a>, <a href="../api/events.html" id="" title="events">events</a>, and <a href="../api/methods.html" id="" title="methods">methods</a> to <a href="../pages/page-scripting.html" id="" title="page-scripting">apply scripting</a>, <a href="../pages/page-dynamic.html" id="" title="page-dynamic">generate dynamic pages</a>, and even <a href="../pages/phonegap.html" id="" title="phonegap">build native apps</a> with tools like PhoneGap.</p>
-
- <p>To make this broad support possible, all pages in jQuery Mobile are built on a foundation of <strong>clean, semantic HTML</strong> to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies <strong>progressive enhancement techniques</strong> to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. <a href="accessibility.html">Accessibility features</a> such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Supported platforms</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Supported platforms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <style>
- li { margin:9px 0; }
- </style>
-
- <div class="content-primary">
- <h2 id="platforms">jQuery Mobile Supported Platforms</h2>
- <p>jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are supported because of our progressive enhancement approach. We're very proud of our commitment to universal accessibility through our broad support for all popular platforms.</p>
-
- <p>We use a 3-level graded platform support system: <strong>A</strong> (full), <strong>B</strong> (full minus Ajax), <strong>C</strong> (basic HTML). The visual fidelity of the experience and smoothness of page transitions are highly dependent on the CSS rendering capabilities of the device and platform so not all A grade experience will be pixel-perfect but that's the nature of the web.</p>
-
- <h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #74B64A; padding: 5px 0 5px 8px;"><strong> A-grade</strong> - Full enhanced experience with Ajax-based animated page transitions.</h3>
- <ul>
- <li><strong>Apple iOS 3.2-5.0</strong> - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)</li>
- <li><strong>Android 2.1-2.3</strong> - Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li>
- <li><strong>Android 3.1 (Honeycomb) </strong> - Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM</li>
- <li><strong>Android 4.0 (ICS) </strong> - Tested on a Galaxy Nexus. Note: transition performance can be poor on <em>upgraded</em> devices</li>
- <li><strong>Windows Phone 7-7.5</strong> - Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800</li>
- <li><strong>Blackberry 6.0</strong> - Tested on the Torch 9800 and Style 9670</li>
- <li><strong>Blackberry 7</strong> - Tested on BlackBerry® Torch 9810</li>
- <li><strong>Blackberry Playbook (1.0-2.0)</strong> - Tested on PlayBook</li>
- <li><strong>Palm WebOS (1.4-2.0)</strong> - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)</li>
- <li><strong>Palm WebOS 3.0 </strong> - Tested on HP TouchPad</li>
- <li><strong>Firebox Mobile (10 Beta)</strong> - Tested on Android 2.3 device</li>
- <li><strong>Chrome for Android (Beta)</strong> - Tested on Android 4.0 device</li>
- <li><strong>Skyfire 4.1</strong> - Tested on Android 2.3 device</li>
- <li><strong>Opera Mobile 11.5</strong>: Tested on Android 2.3</li>
- <li><strong>Meego 1.2</strong> - Tested on Nokia 950 and N9</li>
- <li><strong>Samsung bada 2.0</strong> - Tested on a Samsung Wave 3, Dolphin browser</li>
- <li><strong>UC Browser</strong> - Tested on Android 2.3 device</li>
- <li><strong>Kindle 3 and Fire </strong> - Tested on the built-in WebKit browser for each</li>
- <li><strong>Nook Color 1.4.1</strong> - Tested on original Nook Color, not Nook Tablet</li>
- <li><strong>Chrome <strong>Desktop </strong>11-17</strong> - Tested on OS X 10.7 and Windows 7</li>
- <li><strong>Safari <strong>Desktop </strong>4-5</strong> - Tested on OS X 10.7 and Windows 7</li>
- <li><strong>Firefox Desktop 4-9</strong> - Tested on OS X 10.7 and Windows 7</li>
- <li><strong>Internet Explorer 7-9</strong> - Tested on Windows XP, Vista and 7</li>
- <li><strong>Opera Desktop 10-11</strong> - Tested on OS X 10.7 and Windows 7</li>
- </ul>
- <h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #6699cc; padding: 5px 0 5px 8px;"><strong>B-grade</strong> - Enhanced experience except without Ajax navigation features.</h3>
- <ul>
- <li><strong>Blackberry 5.0</strong>: Tested on the Storm 2 9550, Bold 9770</li>
- <li><strong>Opera Mini (5.0-6.5)</strong> - Tested on iOS 3.2/4.3 and Android 2.3</li>
- <li><strong>Nokia Symbian^3 </strong>- Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li>
- </ul>
- <h3 style="display: block; font-size: 16px !important; font-weight: normal; background: #e6e6e6; border-left: 7px solid #FFCC33; padding: 5px 0 5px 8px;"><strong>C<strong>-grade</strong></strong> - Basic, non-enhanced HTML experience that is still functional</h3>
- <ul>
- <li><strong>Blackberry 4.x</strong> - Tested on the Curve 8330</li>
- <li><strong>Windows Mobile</strong> - Tested on the HTC Leo (WinMo 5.2)</li>
- <li><strong>All older smartphone platforms and featurephones</strong> - Any device that doesn't support media queries will receive the basic, C grade experience</li>
- </ul>
-
-
- </div>
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Data Attribute Reference</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Data Attributes</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <div class="content-primary">
- <h2>Data- attribute reference</h2>
- <p>The jQuery Mobile framework uses HTML5 <code>data-</code> attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use <code>data-</code> attributes, set a custom namespace by modifying the <a href="globalconfig.html"><code>ns</code> global option</a>.<p>
-
- <style>
- table { width:100%; border-bottom:1px solid #ccc; }
- th { text-align:left; width: 170px; }
- th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 10px 4px 0; }
- </style>
-
- <h2><a href="../buttons/buttons-types.html">Button</a></h2>
- <p>Links with <code>data-role="button"</code>. Input-based buttons and button elements are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-corners</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-iconshadow</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-inline</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-shadow</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
- <p>Multiple buttons can be wrapped in a container with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the buttons to sit side-by-side.</p>
-
-
- <h2><a href="../forms/checkboxes/">Checkbox</a></h2>
- <p>Pairs of labels and inputs with <code>type="checkbox"</code> are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../content/content-collapsible.html">Collapsible</a></h2>
- <p>A heading and content wrapped in a container with the <code>data-role="collapsible"</code></p>
- <table>
- <tr>
- <th>data-collapsed</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-content-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../content/content-collapsible-set.html">Collapsible set</a></h2>
- <p>A number of collapsibles wrapped in a container with the <code>data-role="collapsible-set"</code></p>
- <table>
- <tr>
- <th>data-content-theme</th>
- <td>swatch letter (a-z) - Sets all collapsibles in set</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Sets all collapsibles in set</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-anatomy.html">Content</a></h2>
- <p>Container with <code>data-role="content"</code></p>
- <table>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-dialogs.html">Dialog</a></h2>
- <p>Page with <code>data-role="page"</code> linked to with <code>data-rel="dialog"</code> on the anchor.</p>
- <table>
- <tr>
- <th>data-close-btn-text</th>
- <td>string (text for the close button, dialog only)</td>
- </tr>
- <tr>
- <th>data-dom-cache</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-overlay-theme</th>
- <td>swatch letter (a-z) - overlay theme when the page is opened in a dialog</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-title</th>
- <td>string (title used when page is shown)</td>
- </tr>
- </table>
-
- <h2><a href="globalconfig.html">Enhancement</a></h2>
- <p>Container with <code>data-enhance="false"</code> or <code>data-ajax="false"</code></p>
- <table>
- <tr>
- <th>data-enhance</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-ajax</th>
- <td><strong>true</strong> | false</td>
- </tr>
- </table>
- <p>Any DOM elements inside a <code>data-enhance="false"</code> container, save for <code>data-role="page|dialog"</code> elements, will be ignored during initial enhancement and subsequent <code>create</code> events provided that the <code>$.mobile.ignoreContentEnabled</code> flag is set prior to the enhancement (eg in a <code>mobileinit</code> binding).</p>
-
- <p>Any link or form elements inside <code>data-enhance="false"</code> containers will be ignored by the framework's navigation functionality when <code>$.mobile.ignoreContentEnabled</code> is set to true.</p>
-
- <h2><a href="../forms/docs-forms.html">Field container</a></h2>
- <p>Container with <code>data-role="fieldcontain"</code> wrapped around label/form element pair</p>
-
- <h2><a href="../forms/switch/">Flip toggle switch</a></h2>
- <p>Select with <code>data-role="slider"</code>, two options only</p>
- <table>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- <tr>
- <th>data-track-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../toolbars/docs-footers.html">Footer</a></h2>
- <p>Container with <code>data-role="footer"</code></p>
- <table>
- <tr>
- <th>data-id</th>
- <td>string (unique id, useful in persistent footers)</td>
- </tr>
- <tr>
- <th>data-position</th>
- <td>fixed</td>
- </tr>
- <tr>
- <th>data-fullscreen</th>
- <td>true (used in conjunction with fixed toolbars)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../toolbars/docs-headers.html">Header</a></h2>
- <p>Container with <code>data-role="header"</code></p>
- <table>
- <tr>
- <th>data-position</th>
- <td>fixed</td>
- </tr>
- <tr>
- <th>data-fullscreen</th>
- <td>true (used in conjunction with fixed toolbars)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-links.html">Link</a></h2>
- <p>Links, including those with a <code>data-role="button"</code>, and form submit buttons share these attributes</p>
- <table>
- <tr>
- <th>data-ajax</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-direction</th>
- <td>reverse (reverse page transition animation)</td>
- </tr>
- <tr>
- <th>data-dom-cache</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-prefetch</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-rel</th>
- <td>back (to move one step back in history)<br />
- dialog (to open link styled as dialog, not tracked in history)<br />
- external (for linking to another domain)</td>
- </tr>
- <tr>
- <th>data-transition</th>
- <td><strong>slide</strong> | slideup | slidedown | pop | fade | flip</td>
- </tr>
- </table>
-
- <h2><a href="../lists/docs-lists.html">Listview</a></h2>
- <p>OL or UL with <code>data-role="listview"</code></p>
- <table>
- <tr>
- <th>data-count-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-divider-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-filter</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-filter-placeholder</th>
- <td>string</td>
- </tr>
- <tr>
- <th>data-filter-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-inset</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-split-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-split-theme</th>
- <td>swatch letter (a-z)<td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../lists/docs-lists.html">Listview item</a></h2>
- <p>LI within a listview</p>
- <table>
- <tr>
- <th>data-filtertext</th>
- <td>string (filter by this value instead of inner text)</td>
- </tr>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>list-divider</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - can also be set on individual LIs</td>
- </tr>
- </table>
- <h2><a href="../toolbars/docs-navbar.html">Navbar</a></h2>
- <p>A number of LIs wrapped in a container with <code>data-role="navbar"</code></p>
- <table>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - can also be set on individual LIs</td>
- </tr>
- </table>
- <h2><a href="../pages/page-anatomy.html">Page</a></h2>
- <p>Container with <code>data-role="page"</code></p>
- <table>
- <tr>
- <th>data-add-back-btn</th>
- <td>true | <strong>false</strong> (auto add back button, header only)</td>
- </tr>
- <tr>
- <th>data-back-btn-text</th>
- <td>string</td>
- </tr>
- <tr>
- <th>data-back-btn-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-close-btn-text</th>
- <td>string (text for the close button, dialog only)</td>
- </tr>
- <tr>
- <th>data-dom-cache</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-fullscreen</th>
- <td>true (used in conjunction with fixed toolbars) <p class="ui-bar-e">Deprecated in 1.1 - use on header and footer instead.</p></td>
- </tr>
- <tr>
- <th>data-overlay-theme</th>
- <td>swatch letter (a-z) - overlay theme when the page is opened in a dialog</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-title</th>
- <td>string (title used when page is shown)</td>
- </tr>
- </table>
-
- <h2><a href="../forms/radiobuttons/">Radio button</a></h2>
- <p>Pairs of labels and inputs with <code>type="radio"</code> are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../forms/selects/">Select</a></h2>
- <p>All <code>select</code> form elements are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-inline</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-native-menu</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-overlay-theme</th>
- <td>swatch letter (a-z) - overlay theme for non-native selects</td>
- </tr>
- <tr>
- <th>data-placeholder</th>
- <td>true | false - Add to the Option</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
- <p>Multiple selects can be wrapped in a fieldset with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the selects to sit side-by-side.</p>
-
- <h2><a href="../forms/slider/">Slider</a></h2>
- <p>Inputs with <code>type="range"</code> are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-highlight</th>
- <td>true | <strong>false</strong> - Adds an active state fill on track to handle</td>
- </tr>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- <tr>
- <th>data-track-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../forms/textinputs/">Text input & Textarea</a></h2>
- <p>Input <code>type="text|number|search|etc."</code> or <code>textarea</code> elements are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-mini</th>
- <td>true | <strong>false</strong> - Compact sized version</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- </div><!--/content -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li data-theme="a"><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Events</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Events</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Framework, Page, and Navigation Events</h2>
- <p>jQuery Mobile's widget and navigation system has a full set of events at each stage of the page load and page change process that can be tapped into to take full control. This page will highlight the most commonly used events and what they do, and also provide chronologies of when these events are triggered during load and transitions.</p>
-
-
- <h3>Framework events</h3>
-
- <p>When jQuery Mobile initializes, it triggers an event on the <code>document</code> that is specifically designed for overriding framework and plugin defaults. That event is called <code>mobileinit</code>, and by binding to it, you can ensure that any global or plugin configuration options are overridden to any value you'd like before they are used by the framework's initial execution. </p>
-
-
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- //apply overrides here
-});
- </code>
- </pre>
-
- <p>The tricky aspect of mobileinit is that you need to bind to it before jQuery Mobile executes, so a typical mobileinit workflow would occur in a script that is referenced after jQuery itself, but before jQuery Mobile.</p>
-
- <p>It should be noted that while you can bind to other events from within a <code>mobileinit</code> callback, it is likely that you'll get undesirable results in doing so. This is because many events, such as the page events below, are intended for external developers to use <em>after</em> jQuery Mobile's plugins have loaded.</p>
-
- <h3>Page creation events</h3>
-
- <p>In a jQuery Mobile application, each view is known as a page. Pages generally begin as a regular HTML element with a <code>data-role="page"</code> attribute, and the framework's page widget enhances that element into a jQuery Mobile page control. In the process of enhancing that page, the widget dispatches several events that allow you to access that page and its child elements at different stages of creation.</p>
-
- <p>These events are:</p>
-
- <dl>
- <dt>pagecreate</dt>
-
- <dd>This event is triggered on a page when it is first initialized by the page plugin. <code>pagecreate</code> is the most useful event for progressively enhancing a page's markup when it first loads, and because of this, many of jQuery Mobile's standard widgets bind to <code>pagecreate</code> to enhance markup within pages as well! If you bind to <code>pagecreate</code> in any script that is referenced after the jQuery Mobile framework, any native jQuery Mobile widgets in that page will be enhanced before your event callback executes. In other words, you'll be dealing with enhanced jQuery Mobile components.</dd>
-
- <dt>pagebeforecreate</dt>
-
- <dd>This event is triggered on a page element just before it is created by the page plugin. While the <code>pagecreate</code> event generally allows you to work with a page <strong>after</strong> its markup has been enhanced by jQuery Mobile, <code>pagebeforecreate</code> gives you access when the markup has not yet been enhanced. <code>pagebeforecreate</code> is useful for modifying markup before jQuery Mobile's widgets </dd>
-
- <dt>pageinit</dt>
-
- <dd><code>pageinit</code> is very similar to <code>pagecreate</code>, except that none of jQuery Mobile's standard widgets bind to it, and it is guaranteed to execute after all bound <code>pagecreate</code> callbacks have finished. If you need to bind to a page creation-time event via a script that is referenced before jQuery Mobile, binding to <code>pageinit</code> will ensure that you deal with enhanced page controls (whereas <code>pagecreate</code> will not, in that specific case.)</dd>
-
-
- </dl>
-
-
- <h3>Page navigation events</h3>
- <p>After pages are created, they are often shown and hidden one or many times throughout the use of a jQuery Mobile app. For A-grade browsers with Ajax navigation support, the jQM navigation model manages these page behaviors and dispatches useful events at different steps in the process of showing, hiding, and changing.</p>
-
- <h4>Page showing events</h4>
- <p>The page showing events (<code>pagebeforeshow</code> and <code>pageshow</code>) are guaranteed to fire every time a page is shown, whether you're opening a single page, or transitioning between two pages. The target of the event is the page that is being shown.</p>
-
- <dl>
-
- <dt>pagebeforeshow</dt>
- <dd>An event triggered on a page before it is shown.</dd>
-
-
- <dt>pageshow</dt>
- <dd>An event triggered on the page after it is shown.</dd>
- </dl>
-
- <h4>Page hiding events</h4>
- <p>The page hiding events (<code>pagebeforehide</code> and <code>pagehide</code>) only fire when transitioning between two pages, when an outgoing page is being hidden in favor of a new one. The target of the event is the page that is being shown.</p>
- <dl>
- <dt>pagebeforehide</dt>
- <dd>An event triggered on a page before it is hidden.</dd>
-
-
- <dt>pagehide</dt>
- <dd>An event triggered on a page after it is hidden.</dd>
-
- <dl>
-
-
- <p>When a single page is being shown, and no page is hidden, only the <code>pagebeforeshow</code> and <code>pageshow</code> events will fire, and in that order.</p>
-
- <p>During a transition between two pages, all 4 of the events above will fire, in this order:</p>
- <style>
- .nav-flow ol, .nav-flow li { margin:0; list-style-type: none; text-align:center; line-height:150%; }
- .nav-flow h3 { margin:0; }
- .nav-flow em { color:#999; }
- </style>
-
- <ol class="nav-flow">
- <li><h3>pagebeforehide</h3></li>
- <li>↓</li>
- <li><h3>pagebeforeshow</h3></li>
- <li>↓</li>
- <li><h3>pagehide</h3></li>
- <li>↓</li>
- <li><h3>pageshow</h3></li>
- </ol>
-
-
-
-
-
- <h3>Chronology</h3>
-
-
-
-
- <p>Here is an overview of the event chronology for a page change</p>
-
-
-
-
- <ol class="nav-flow">
- <li><h3>mobileinit</h3> <em>Set global options here</em></li>
- <li>↓</li>
- <li><h3>pagebeforechange</h3></li>
- <li><h3>pagebeforeload</h3></li>
- <li>↓</li>
- <li><em>Page loads via AJAX</em></li>
- <li>↓</li>
- <li><h3>pagebeforecreate</h3></li>
- <li><h3>pagecreate</h3></li>
- <li>↓</li>
- <li><em>Page enhancements run</em></li>
- <li>↓</li>
- <li><h3>pageinit</h3><em> Our document.ready</em></li>
- <li>↓</li>
- <li><h3>pageload</h3></li>
- <li><h3>pagebeforechange</h3></li>
- <li><h3>pagebeforehide</h3></li>
- <li><h3>pagebeforeshow</h3></li>
- <li>↓</li>
- <li><em>Page transition</em></li>
- <li>↓</li>
- <li><h3>pagehide</h3></li>
- <li><h3>pageshow</h3></li>
- <li><h3>pagechange</h3></li>
- <li>↓</li>
- <li><em>Complete</em></li>
- </ol>
-
- <p>You can bind to these events like you would with other jQuery events, using <code>live()</code> or <code>bind()</code>.</p>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: Use <code>pageInit()</code>, not <code>$(document).ready()</code></h4>
- <p>The first thing you learn in jQuery is to call code inside the <code>$(document).ready()</code> function so everything will execute as soon as the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the contents of each page into the DOM as you navigate, and the DOM ready handler only executes for the first page. To execute code whenever a new page is loaded and created, you can bind to the <code>pageinit</code> event. This event is explained in detail at the bottom of this page.</p></div>
-
- <p> </p>
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: <code>pageCreate()</code> vs <code>pageInit()</code></h4>
- <p> Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code>pagecreate</code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code>pagecreate</code> event in place of direct calls to the widget methods. As a result, users binding to the <code>pagecreate</code> from within <code>mobileinit</code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code>pageinit</code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.</p>
-</div>
-
-
-
- <h2>Page load events</h2>
- <p>Whenever an external page is loaded into the application DOM, 2 events are fired. The first is <code>pagebeforeload</code>. The 2nd event will be either <code>pageload</code> or <code>pageloadfailed</code>.</p>
- <dl>
- <dt><code>pagebeforeload</code></dt>
- <dd><p>Triggered before any load request is made. Callbacks bound to this event can call <code>preventDefault()</code> on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call <code>resolve()</code> or <code>reject()</code> on the deferred object reference contained in the data object passed to the callback.</p>
- <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>deferred</code> (object)
- <ul>
- <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
- <pre><code>
-$( document ).bind( "pagebeforeload", function( event, data ){
-
- // Let the framework know we're going to handle the load.
-
- event.preventDefault();
-
- // ... load the document then insert it into the DOM ...
- // at some point, either in this callback, or through
- // some other async means, call resolve, passing in
- // the following args, plus a jQuery collection object
- // containing the DOM element for the page.
-
- data.deferred.resolve( data.absUrl, data.options, page );
-
-});</code></pre>
- <p>or rejected like this:
- <pre><code>
-$( document ).bind( "pagebeforeload", function( event, data ){
-
- // Let the framework know we're going to handle the load.
-
- event.preventDefault();
-
- // ... load the document then insert it into the DOM ...
- // at some point, if the load fails, either in this
- // callback, or through some other async means, call
- // reject like this:
-
- data.deferred.reject( data.absUrl, data.options );
-
-});</code></pre>
- </li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pageload</code></dt>
- <dd>Triggered after the page is successfully loaded and inserted into the DOM. Callbacks bound to this event will be passed a data object as its 2nd arg. This object contains the following information:
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- <li><code>xhr</code> (object)
- <ul>
- <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the 3rd argument to the framework's $.ajax() success callback.</li>
- </ul>
- </li>
- <li><code>textStatus</code> (null or string)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this will be a string describing the status. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pageloadfailed</code></dt>
- <dd>Triggered if the page load request failed. By default, after dispatching this event, the framework will display a page failed message and call reject() on the deferred object contained within the event's data object. Callbacks can prevent this default behavior from executing by calling preventDefault() on the event.
- <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>deferred</code> (object)
- <ul>
- <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
- <pre><code>
-$( document ).bind( "pageloadfailed", function( event, data ){
-
- // Let the framework know we're going to handle things.
-
- event.preventDefault();
-
- // ... attempt to load some other page ...
- // at some point, either in this callback, or through
- // some other async means, call resolve, passing in
- // the following args, plus a jQuery collection object
- // containing the DOM element for the page.
-
- data.deferred.resolve( data.absUrl, data.options, page );
-
-});</code></pre>
- <p>or rejected like this:
- <pre><code>
-$( document ).bind( "pageloadfailed", function( event, data ){
-
- // Let the framework know we're going to handle things.
-
- event.preventDefault();
-
- // ... attempt to load some other page ...
- // at some point, if the load fails, either in this
- // callback, or through some other async means, call
- // reject like this:
-
- data.deferred.reject( data.absUrl, data.options );
-
-});</code></pre>
- </li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- <li><code>xhr</code> (object)
- <ul>
- <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the first argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- <li><code>textStatus</code> (null or string)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, possible values for this property, aside from null, are "timeout", "error", "abort", and "parsererror". This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- <li><code>errorThrown</code> (null, string, object)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this property may be an exception object if one occured, or if an HTTP error occured this will be set to the textual portion of the HTTP status. This is what gets passed as the 3rd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- </ul>
- </dd>
- </dl>
- <h2>Page change events</h2>
- <p>Navigating between pages in the application is usually accomplished through a call to <code>$.mobile.changePage()</code>. This function is responsible for making sure that the page we are navigating to is loaded and inserted into the DOM, and then kicking off the transition animations between the current active page, and the page the caller wants to to make active. During this process, which is usually asynchronous, changePage() will fire off 2 events. The first is <code>pagebeforechange</code>. The second event depends on the success or failure of the change request. It will either be <code>pagechange</code> or <code>pagechangefailed</code>.</p>
- <dl>
- <dt><code>pagebeforechange</code></dt>
- <dd>This event is triggered prior to any page loading or transition. Callbacks can prevent execution of the changePage() function by calling preventDefault on the event object passed into the callback. The callback also recieves a data object as its 2nd arg. The data object has the following properties:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- <p>It should be noted that callbacks can modify both the <code>toPage</code> and <code>options</code> properties to alter the behavior of the current <code>changePage()</code> call. So for example, the <code>toPage</code> can be mapped to a different url from within a callback to do a sort of redirect.</p>
- </dd>
- <dt><code>pagechange</code></dt>
- <dd>This event is triggered after the <code>changePage()</code> request has finished loading the page into the DOM and all page transition animations have completed. Note that any pageshow or pagehide events will have fired *BEFORE* this event is triggered. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pagechangefailed</code></dt>
- <dd>This event is triggered when the <code>changePage()</code> request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- </dd>
- </dl>
- <h2>Page transition events</h2>
- <p>Page transitions are used to animate the change from the current active page (fromPage) to a new page (toPage). Events are triggered before and after these transitions so that observers can be notified whenever pages are shown or hidden. The events triggered are as follows:</p>
- <dl>
- <dt><code>pagebeforeshow</code></dt>
- <dd>Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>prevPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we are transitioning away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
- </ul>
- </li>
- </ul>
- </dd>
-
- <dt><code>pagebeforehide</code></dt>
- <dd>Triggered on the "fromPage" we are transitioning away from, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>nextPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we are transitioning to.</li>
- </ul>
- </li>
- </ul>
- <p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
- </dd>
-
- <dt><code>pageshow</code></dt>
- <dd>Triggered on the "toPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>prevPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we just transitioned away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
- </ul>
- </li>
- </ul>
- </dd>
-
- <dt><code>pagehide</code></dt>
- <dd>Triggered on the "fromPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>nextPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we just transitioned to.</li>
- </ul>
- </li>
- </ul>
- <p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
- </dd>
-
- </dl>
-
- <p>You can access the <code>prevPage</code> or <code>nextPage</code> properties via the second argument of a bound callback function. For example: </p>
-<pre><code>
-$( 'div' ).live( 'pageshow',function(event, ui){
- alert( 'This page was just hidden: '+ ui.prevPage);
-});
-
-$( 'div' ).live( 'pagehide',function(event, ui){
- alert( 'This page was just shown: '+ ui.nextPage);
-});
-</code></pre>
- <p>Also, for these handlers to be invoked during the initial page load, you must bind them before jQuery Mobile executes. This can be done in the <code>mobileinit</code> handler, as described on the <a href="globalconfig.html">global config</a> page.
- <h2>Page initialization events</h2>
-
- <p>Internally, jQuery Mobile auto-initializes plugins based on the markup conventions found in a given "page". For example, an <code>input</code> element with a <code>type</code> of <code>range</code> will automatically generate a custom slider control.</p>
-
- <p>This auto-initialization is controlled by the "page" plugin, which dispatches events before and after it executes, allowing you to manipulate a page either pre-or-post initialization, or even provide your own intialization behavior and prevent the auto-initializations from occuring. Note that these events will only fire once per "page", as opposed to the show/hide events, which fire every time a page is shown and hidden.</p>
-
- <dl>
- <dt><code>pagebeforecreate</code></dt>
- <dd>
- <p>Triggered on the page being initialized, before most plugin auto-initialization occurs.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
- alert( 'This page was just inserted into the dom!' );
-});
-</code></pre>
- <p>Note that by binding to <code>pagebeforecreate</code>, you can manipulate markup before jQuery Mobile's default widgets are auto-initialized. For example, say you want to add data-attributes via JavaScript instead of in the HTML source, this is the event you'd use.</p>
-
-<pre><code>
-$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
- // manipulate this page before its widgets are auto-initialized
-});
-</code></pre>
- </dd>
-
- <dt><code>pagecreate</code></dt>
- <dd>
- <p>Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user's wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pagecreate',function(event){
- ( ":jqmData(role='sweet-plugin')" ).sweetPlugin();
-});
-</code></pre>
- </dd>
-
- <dt><code>pageinit</code></dt>
- <dd>
- <p>Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pageinit',function(event){
- alert( 'This page was just enhanced by jQuery Mobile!' );
-});
-</code></pre>
- </dd>
- </dl>
-
-
-
- <h2>Page remove events</h2>
- <p>By default, the framework removes any non active dynamically loaded external pages from the DOM as soon as the user navigates away to a different page. The <code>pageremove</code> event is dispatched just before the framework attempts to remove the a page from the DOM.</p>
- <dl>
- <dt><code>pageremove</code></dt>
- <dd>This event is triggered just before the framework attempts to remove an external page from the DOM. Event callbacks can call preventDefault on the event object to prevent the page from being removed.
- </dd>
- </dl>
-
-
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li data-theme="a"><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Events</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Events</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>jQuery Mobile offers several custom events that build upon native events to create useful hooks for development. Note that these events employ various touch, mouse, and window events, depending on event existence, so you can bind to them for use in both handheld and desktop environments. You can bind to these events like you would with other jQuery events, using <code>live()</code> or <code>bind()</code>.</p>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: Use <code>$(document).bind('pageinit')</code>, not <code>$(document).ready()</code></h4>
- <p>The first thing you learn in jQuery is to call code inside the <code>$(document).ready()</code> function so everything will execute as soon as the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the contents of each page into the DOM as you navigate, and the DOM ready handler only executes for the first page. To execute code whenever a new page is loaded and created, you can bind to the <code>pageinit</code> event. This event is explained in detail at the bottom of this page.</p></div>
-
- <p> </p>
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: <code>$(document).bind('pagecreate')</code> vs <code>$(document).bind('pageinit')</code></h4>
- <p> Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code>pagecreate</code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code>pagecreate</code> event in place of direct calls to the widget methods. As a result, users binding to the <code>pagecreate</code> in <code>mobileinit</code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code>pageinit</code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.
-
- In short, if you were previously using <code>pagecreate</code> to manipulate the enhanced markup before the page was shown, it's very likely you'll want to migrate to 'pageinit'.
- </p></div>
-
- <h2>Touch events</h2>
- <dl>
- <dt><code>tap</code></dt>
- <dd>Triggers after a quick, complete touch event.</dd>
-
- <dt><code>taphold</code></dt>
- <dd>Triggers after a held complete touch event (close to one second).</dd>
-
- <dt><code>swipe</code></dt>
- <dd><p>Triggers when a horizontal drag of 30px or more (and less than 20px vertically) occurs within 1 second duration but these can be configured:</p>
- <ul>
- <li><code>scrollSupressionThreshold</code> (default: 10px) – More than this horizontal displacement, and we will suppress scrolling</li>
- <li><code>durationThreshold</code> (default: 1000ms) – More time than this, and it isn’t a swipe</li>
- <li><code>horizontalDistanceThreshold</code> (default: 30px) – Swipe horizontal displacement must be more than this.</li>
- <li><code>verticalDistanceThreshold</code> (default: 75px) – Swipe vertical displacement must be less than this.</li>
- </ul>
- </dd>
-
- <dt><code>swipeleft</code></dt>
- <dd>Triggers when a swipe event occurred moving in the left direction.</dd>
-
- <dt><code>swiperight</code></dt>
- <dd>Triggers when a swipe event occurred moving in the right direction.</dd>
- </dl>
-
- <h2>Virtual mouse events</h2>
- <p>We provide a set of "virtual" mouse events that attempt to abstract away mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. In touch environments, the plugin retains the order of event firing that is seen in traditional mouse environments, so for example, vmouseup is always dispatched before vmousedown, and vmousedown before vclick, etc. The virtual mouse events also normalize how coordinate information is extracted from the event, so in touch based environments, coordinates are available from the pageX, pageY, screenX, screenY, clientX, and clientY properties, directly on the event object.</p>
- <dl>
- <dt><code>vmouseover</code></dt>
- <dd>Normalized event for handling touch or <code>mouseover</code> events</dd>
-
- <dt><code>vmousedown</code></dt>
- <dd>Normalized event for handling touchstart or <code>mousedown</code> events</dd>
-
- <dt><code>vmousemove</code></dt>
- <dd>Normalized event for handling touchmove or <code>mousemove</code> events</dd>
-
- <dt><code>vmouseup</code></dt>
- <dd>Normalized event for handling touchend or <code>mouseup</code> events</dd>
-
- <dt><code>vclick</code></dt>
- <dd>Normalized event for handling touchend or mouse <code>click</code> events. On touch devices, this event is dispatched *AFTER* vmouseup. </dd>
-
- <dt><code>vmousecancel</code></dt>
- <dd>Normalized event for handling touch or mouse <code>mousecancel</code> events</dd>
- </dl>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Warning: Use vclick with caution</h4>
- <p> Use vclick with caution on touch devices. Webkit based browsers synthesize <code>mousedown</code>, <code>mouseup</code>, and <code>click</code> events roughly 300ms after the <code>touchend</code> event is dispatched. The target of the synthesized mouse events are calculated at the time they are dispatched and are based on the location of the touch events and, in some cases, the implementation specific heuristics which leads to different target calculations on different devices and even different OS versions for the same device. This means the target element within the original touch events could be different from the target element within the synthesized mouse events.</p>
- <p>We recommend using <code>click</code> instead of <code>vclick</code> anytime the action being triggered has the possibility of changing the content underneath the point that was touched on screen. This includes page transitions and other behaviors such as collapse/expand that could result in the screen shifting or content being completely replaced.</p>
- </div>
- <p> </p>
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Canceling an elements default click behavior</h4>
- <p>Applications can call <code>preventDefault()</code> on a <code>vclick</code> event to cancel an element's default click behavior. On mouse based devices, calling <code>preventDefault()</code> on a <code>vclick</code> event equates to calling <code>preventDefault()</code> on the real <code>click</code> event during the bubble event phase. On touch based devices, it's a bit more complicated since the actual <code>click</code> event is dispatched about 300ms after the <code>vclick</code> event is dispatched. For touch devices, calling <code>preventDefault()</code> on a <code>vclick</code> event triggers some code in the vmouse plugin that attempts to catch the next <code>click</code> event that gets dispatched by the browser, during the capture event phase, and calls <code>preventDefault()</code> and <code>stopPropagation()</code> on it. As mentioned in the warning above, it is sometimes difficult to match up a touch event with its corresponding mouse event because the targets can differ. For this reason, the vmouse plugin also falls back to attempting to identify a corresponding <code>click</code> event by coordinates. There are still cases where both target and coordinate identification fail, which results in the <code>click</code> event being dispatched and either triggering the default action of the element, or in the case where content has been shifted or replaced, triggering a click on a different element. If this happens on a regular basis for a given element/control, we suggest you use <code>click</code> for triggering your action.</p>
- </div>
-
- <h2>Orientation change event</h2>
- <dl>
- <dt><code>orientationchange</code></dt>
- <dd>Triggers when a device orientation changes (by turning it vertically or horizontally). When bound to this event, your callback function can leverage a second argument, which contains an <code>orientation</code> property equal to either "portrait" or "landscape". These values are also added as classes to the HTML element, allowing you to leverage them in your CSS selectors. Note that we currently bind to the resize event when <code>orientationchange</code> is not natively supported, or when <code>$.mobile.orientationChangeEnabled</code> is set to false.</dd>
- <div class="ui-body ui-body-e">
- <h4>orientationchange timing</h4>
-
- <p> The timing of the <code>orientationchange</code> with relation to the change of the client height and width is different between browsers, though the current implementation will give you the correct value for <code>event.orientation</code> derived from <code>window.orientation</code>. This means that if your bindings are dependent on the height and width values you may want to disable <code>orientationChange</code> all together with <code>$.mobile.orientationChangeEnabled = false</code> to let the fallback resize code trigger your bindings.</p>
- </div>
- </dl>
-
- <h2>Scroll events</h2>
- <dl>
- <dt><code>scrollstart</code></dt>
- <dd>Triggers when a scroll begins. Note that iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes. We're currently investigating ways to allow DOM manipulations to apply before a scroll starts.</dd>
- </dl>
- <dl>
- <dt><code>scrollstop</code></dt>
- <dd>Triggers when a scroll finishes.</dd>
- </dl>
-
- <h2>Page load events</h2>
- <p>Whenever an external page is loaded into the application DOM, 2 events are fired. The first is <code>pagebeforeload</code>. The 2nd event will be either <code>pageload</code> or <code>pageloadfailed</code>.</p>
- <dl>
- <dt><code>pagebeforeload</code></dt>
- <dd><p>Triggered before any load request is made. Callbacks bound to this event can call <code>preventDefault()</code> on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call <code>resolve()</code> or <code>reject()</code> on the deferred object reference contained in the data object passed to the callback.</p>
- <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>deferred</code> (object)
- <ul>
- <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
- <pre><code>
-$( document ).bind( "pagebeforeload", function( event, data ){
-
- // Let the framework know we're going to handle the load.
-
- event.preventDefault();
-
- // ... load the document then insert it into the DOM ...
- // at some point, either in this callback, or through
- // some other async means, call resolve, passing in
- // the following args, plus a jQuery collection object
- // containing the DOM element for the page.
-
- data.deferred.resolve( data.absUrl, data.options, page );
-
-});</code></pre>
- <p>or rejected like this:
- <pre><code>
-$( document ).bind( "pagebeforeload", function( event, data ){
-
- // Let the framework know we're going to handle the load.
-
- event.preventDefault();
-
- // ... load the document then insert it into the DOM ...
- // at some point, if the load fails, either in this
- // callback, or through some other async means, call
- // reject like this:
-
- data.deferred.reject( data.absUrl, data.options );
-
-});</code></pre>
- </li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pageload</code></dt>
- <dd>Triggered after the page is successfully loaded and inserted into the DOM. Callbacks bound to this event will be passed a data object as its 2nd arg. This object contains the following information:
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- <li><code>xhr</code> (object)
- <ul>
- <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the 3rd argument to the framework's $.ajax() success callback.</li>
- </ul>
- </li>
- <li><code>textStatus</code> (null or string)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this will be a string describing the status. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pageloadfailed</code></dt>
- <dd>Triggered if the page load request failed. By default, after dispatching this event, the framework will display a page failed message and call reject() on the deferred object contained within the event's data object. Callbacks can prevent this default behavior from executing by calling preventDefault() on the event.
- <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>deferred</code> (object)
- <ul>
- <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
- <pre><code>
-$( document ).bind( "pageloadfailed", function( event, data ){
-
- // Let the framework know we're going to handle things.
-
- event.preventDefault();
-
- // ... attempt to load some other page ...
- // at some point, either in this callback, or through
- // some other async means, call resolve, passing in
- // the following args, plus a jQuery collection object
- // containing the DOM element for the page.
-
- data.deferred.resolve( data.absUrl, data.options, page );
-
-});</code></pre>
- <p>or rejected like this:
- <pre><code>
-$( document ).bind( "pageloadfailed", function( event, data ){
-
- // Let the framework know we're going to handle things.
-
- event.preventDefault();
-
- // ... attempt to load some other page ...
- // at some point, if the load fails, either in this
- // callback, or through some other async means, call
- // reject like this:
-
- data.deferred.reject( data.absUrl, data.options );
-
-});</code></pre>
- </li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- <li><code>xhr</code> (object)
- <ul>
- <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the first argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- <li><code>textStatus</code> (null or string)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, possible values for this property, aside from null, are "timeout", "error", "abort", and "parsererror". This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- <li><code>errorThrown</code> (null, string, object)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this property may be an exception object if one occured, or if an HTTP error occured this will be set to the textual portion of the HTTP status. This is what gets passed as the 3rd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- </ul>
- </dd>
- </dl>
- <h2>Page change events</h2>
- <p>Navigating between pages in the application is usually accomplished through a call to <code>$.mobile.changePage()</code>. This function is responsible for making sure that the page we are navigating to is loaded and inserted into the DOM, and then kicking off the transition animations between the current active page, and the page the caller wants to to make active. During this process, which is usually asynchronous, changePage() will fire off 2 events. The first is <code>pagebeforechange</code>. The second event depends on the success or failure of the change request. It will either be <code>pagechange</code> or <code>pagechangefailed</code>.</p>
- <dl>
- <dt><code>pagebeforechange</code></dt>
- <dd>This event is triggered prior to any page loading or transition. Callbacks can prevent execution of the changePage() function by calling preventDefault on the event object passed into the callback. The callback also recieves a data object as its 2nd arg. The data object has the following properties:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- <p>It should be noted that callbacks can modify both the <code>toPage</code> and <code>options</code> properties to alter the behavior of the current <code>changePage()</code> call. So for example, the <code>toPage</code> can be mapped to a different url from within a callback to do a sort of redirect.</p>
- </dd>
- <dt><code>pagechange</code></dt>
- <dd>This event is triggered after the <code>changePage()</code> request has finished loading the page into the DOM and all page transition animations have completed. Note that any pageshow or pagehide events will have fired *BEFORE* this event is triggered. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pagechangefailed</code></dt>
- <dd>This event is triggered when the <code>changePage()</code> request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- </dd>
- </dl>
- <h2>Page transition events</h2>
- <p>Page transitions are used to animate the change from the current active page (fromPage) to a new page (toPage). Events are triggered before and after these transitions so that observers can be notified whenever pages are shown or hidden. The events triggered are as follows:</p>
- <dl>
- <dt><code>pagebeforeshow</code></dt>
- <dd>Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>prevPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we are transitioning away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
- </ul>
- </li>
- </ul>
- </dd>
-
- <dt><code>pagebeforehide</code></dt>
- <dd>Triggered on the "fromPage" we are transitioning away from, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>nextPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we are transitioning to.</li>
- </ul>
- </li>
- </ul>
- <p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
- </dd>
-
- <dt><code>pageshow</code></dt>
- <dd>Triggered on the "toPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>prevPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we just transitioned away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
- </ul>
- </li>
- </ul>
- </dd>
-
- <dt><code>pagehide</code></dt>
- <dd>Triggered on the "fromPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>nextPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we just transitioned to.</li>
- </ul>
- </li>
- </ul>
- <p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
- </dd>
-
- </dl>
-
- <p>You can access the <code>prevPage</code> or <code>nextPage</code> properties via the second argument of a bound callback function. For example: </p>
-<pre><code>
-$( 'div' ).live( 'pageshow',function(event, ui){
- alert( 'This page was just hidden: '+ ui.prevPage);
-});
-
-$( 'div' ).live( 'pagehide',function(event, ui){
- alert( 'This page was just shown: '+ ui.nextPage);
-});
-</code></pre>
- <p>Also, for these handlers to be invoked during the initial page load, you must bind them before jQuery Mobile executes. This can be done in the <code>mobileinit</code> handler, as described on the <a href="globalconfig.html">global config</a> page.
- <h2>Page initialization events</h2>
-
- <p>Internally, jQuery Mobile auto-initializes plugins based on the markup conventions found in a given "page". For example, an <code>input</code> element with a <code>type</code> of <code>range</code> will automatically generate a custom slider control.</p>
-
- <p>This auto-initialization is controlled by the "page" plugin, which dispatches events before and after it executes, allowing you to manipulate a page either pre-or-post initialization, or even provide your own intialization behavior and prevent the auto-initializations from occuring. Note that these events will only fire once per "page", as opposed to the show/hide events, which fire every time a page is shown and hidden.</p>
-
- <dl>
- <dt><code>pagebeforecreate</code></dt>
- <dd>
- <p>Triggered on the page being initialized, before most plugin auto-initialization occurs.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
- alert( 'This page was just inserted into the dom!' );
-});
-</code></pre>
- <p>Note that by binding to <code>pagebeforecreate</code>, you can manipulate markup before jQuery Mobile's default widgets are auto-initialized. For example, say you want to add data-attributes via JavaScript instead of in the HTML source, this is the event you'd use.</p>
-
-<pre><code>
-$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
- // manipulate this page before its widgets are auto-initialized
-});
-</code></pre>
- </dd>
-
- <dt><code>pagecreate</code></dt>
- <dd>
- <p>Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user's wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pagecreate',function(event){
- ( ":jqmData(role='sweet-plugin')" ).sweetPlugin();
-});
-</code></pre>
- </dd>
-
- <dt><code>pageinit</code></dt>
- <dd>
- <p>Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pageinit',function(event){
- alert( 'This page was just enhanced by jQuery Mobile!' );
-});
-</code></pre>
- </dd>
- </dl>
-
-
-
- <h2>Page remove events</h2>
- <p>By default, the framework removes any non active dynamically loaded external pages from the DOM as soon as the user navigates away to a different page. The <code>pageremove</code> event is dispatched just before the framework attempts to remove the a page from the DOM.</p>
- <dl>
- <dt><code>pageremove</code></dt>
- <dd>This event is triggered just before the framework attempts to remove an external page from the DOM. Event callbacks can call preventDefault on the event object to prevent the page from being removed.
- </dd>
- </dl>
-
- <h2>Layout events</h2>
- <p>Some components within the framework, such as collapsible and listview search, dynamically hide and show content based on user events. This hiding/showing of content affects the size of the page and may result in the browser adjusting/scrolling the viewport to accommodate the new page size. Since this has the potential to affect other components such as fixed headers and footers, components like collapsible and listview trigger a custom <code>updatelayout</code> event to notify other components that they may need to adjust their layouts in response to their content changes. Developers who are building dynamic applications that inject, hide, or remove content from the page, or manipulate it in any way that affects the dimensions of the page, can also manually trigger this <code>updatelayout</code> event to ensure components on the page update in response to the changes.</p>
- <dl>
- <dt><code>updatelayout</code></dt>
- <dd>This event is triggered by components within the framework that dynamically show/hide content, and is meant as a generic mechanism to notify other components that they may need to update their size or position. Within the framework, this event is fired on the component element whose content was shown/hidden, and bubbles all the way up to the document element.
-<pre><code>
-$( '#foo' ).hide().trigger( 'updatelayout' );
-</code></pre>
- </dd>
- </dl>
-
- <h2>Animation Events</h2>
- <p>jQuery Mobile exposes the <code>animationComplete</code> plugin, which you can utilize after adding or removing a class that applies a CSS transition.</p>
-
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li data-theme="a"><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuring default settings</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Configuring Defaults</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
- <div class="content-primary">
-
- <h2>Working with jQuery Mobile's Auto-initialization</h2>
- <p>Unlike other jQuery projects, such as jQuery and jQuery UI, jQuery Mobile automatically applies many markup enhancements as soon as it loads (long before the <code>document.ready</code> event fires). These enhancements are applied based on jQuery Mobile's default settings, which are designed to work with common scenarios. If changes to the settings are needed, they are easy to configure.</p>
-
- <h3>The mobileinit event</h3>
- <p>When jQuery Mobile starts, it triggers a <code>mobileinit</code> event on the <code>document</code> object. To override default settings, bind to <code>mobileinit</code>.</p>
-
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- //apply overrides here
-});
- </code>
- </pre>
-
- <p>Because the <code>mobileinit</code> event is triggered immediately, you'll need to bind your event handler before jQuery Mobile is loaded. Link to your JavaScript files in the following order:</p>
-
- <pre>
- <code>
-<script src="jquery.js"></script>
-<strong><script src="custom-scripting.js"></script></strong>
-<script src="jquery-mobile.js"></script>
- </code>
- </pre>
-
- <p>You can override default settings by extending the <code>$.mobile</code> object using jQuery's <code>$.extend</code> method.</p>
-
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- $.extend( $.mobile , {
- <strong>foo: bar</strong>
- });
-});
- </code>
- </pre>
-
- <p>Alternatively, you can set them using object property notation.</p>
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- <strong>$.mobile.foo = bar;</strong>
-});
- </code>
- </pre>
-
- <p>To explore the effects of global configuration options, see the <a href="../config/index.html">config test pages</a>.</p>
-
- <h2>Configurable options</h2>
- <p>The following defaults are configurable via the <code>$.mobile</code> object:</p>
-
-<dl>
- <dt><code>activeBtnClass</code> <em>string</em>, default: "ui-btn-active"</dt>
- <dd>The CSS class used for "active" button state.</dd>
-
- <dt><code>activePageClass</code> <em>string</em>, default: "ui-page-active"</dt>
- <dd>The CSS class used for the page currently in view or in a transition.</dd>
-
- <dt><code>ajaxEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, URL hash listening will be disabled as well, and URLs will load as ordinary HTTP requests.</dd>
-
- <dt><code>allowCrossDomainPages</code> <em>boolean</em>, default: false</dt>
- <dd>When jQuery Mobile attempts to load an external page, the request runs through <code>$.mobile.loadPage()</code>. This will only allow cross-domain requests if <code>$.mobile.allowCrossDomainPages</code> is set to true. Because the jQuery Mobile framework tracks what page is being viewed within the browser's location hash, it is possible for a cross-site scripting (XSS) attack to occur if the XSS code in question can manipulate the hash and set it to a cross-domain URL of its choice. This is the main reason that the default setting for $.mobile.allowCrossDomainPages is set to false. In PhoneGap apps that must "phone home" by loading assets off a remote server, both the <code>$.support.cors</code> AND <code>$.mobile.allowCrossDomainPages</code> must be set to true.</dd>
-
- <dt><code>autoInitializePage</code> <em>boolean</em>, default: true</dt>
- <dd>When the DOM is ready, the framework should automatically call <code>$.mobile.initializePage</code>. If false, the page will not initialize and will be visually hidden until <code>$.mobile.initializePage</code> is manually called.</dd>
-
- <dt><code>buttonMarkup.hoverDelay</code> <em>integer</em>, default: 200</dt>
- <dd>Set the delay for touch devices to add the hover and down classes on touch interactions for buttons throughout the framework. Reducing the delay here results in a more responsive feeling ui, but will often result in the downstate being applied during page scrolling.</dd>
-
- <dt><code>defaultDialogTransition</code> <em>string</em>, default: 'pop'</dt>
- <dd>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions.</dd>
-
- <dt><code>defaultPageTransition</code> <em>string</em>, default: 'fade'</dt>
- <dd>Set the default transition for page changes that use Ajax. Note: default changed from 'slide' to 'fade' in 1.1. Set to 'none' for no transitions.</dd>
-
- <dt><code>gradeA</code> <em>function that returns a boolean</em>, default: a function returning the value of $.support.mediaquery</dt>
- <dd>Any support conditions that must be met in order to proceed.</dd>
-
- <dt><code>hashListeningEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>jQuery Mobile will automatically listen and handle changes to the location.hash. Disabling this will prevent jQuery Mobile from handling hash changes, which allows you to handle them yourself or use simple deep-links within a document that scroll to a particular ID.</dd>
-
- <dt><code>ignoreContentEnabled</code> <em>boolean</em>, default: false</dt>
- <dd><em>Warning:</em> Setting this property to true will cause performance degradation on enhancement. Once set, all automatic enhancements made by the framework to each enhanceable element of the user's markup will first check for a <code>data-enhance=false</code> parent node. If one is found the markup will be ignored. This setting and the accompanying data attribute provide a mechanism through which users can prevent enhancement over large sections of markup.</dd>
-
- <dt><code>linkBindingEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>jQuery Mobile will automatically bind the clicks on anchor tags in your document. Setting this options to false will prevent all anchor click handling <em>including</em> the addition of active button state and alternate link bluring. This should only be used when attempting to delegate the click management to another library or custom code.</dd>
-
- <dt><code>loadingMessage</code> <em>string</em>, default: "loading"</dt>
- <dd>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</dd>
-
- <dt><code>loadingMessageTextVisible</code> <em>boolean</em>, default: false</dt>
- <dd>Whether the text should be visible when a loading message is shown. The text is always visible for loading errors.</dd>
-
- <dt><code>loadingMessageTheme</code> <em>string</em>, default: "a"</dt>
- <dd>The theme that the loading message box uses when text is visible.</dd>
-
- <dt><code>minScrollBack</code> <em>string</em>, default: 250</dt>
- <dd>Minimum scroll distance that will be remembered when returning to a page.</dd>
-
- <dt><code>ns</code> <em>string</em>, default: ""</dt>
- <dd>The namespace used in data- attributes (e.g., data-role). Can be set to any string, including a blank string which is the default. When using, it's clearest if you include a trailing dash, such as "mynamespace-" which maps to <code>data-mynamespace-foo="..."</code>.
- <p>If you use data- namespacing, you will need to update/override one selector in the theme CSS. The following data selectors should incorporate the namespace you're using:
- <pre><code>
-.ui-mobile [data-<strong>mynamespace-</strong>role=page], .ui-mobile [data-<strong>mynamespace-</strong>role=dialog], .ui-page { ...
- </code></pre>
- </p>
- </dd>
-
- <dt><code>pageLoadErrorMessage</code> <em>string</em>, default: "Error Loading Page"</dt>
- <dd>Set the text that appears when a page fails to load through Ajax.</dd>
-
- <dt><code>pageLoadErrorMessageTheme</code> <em>string</em>, default: "e"</dt>
- <dd>Set the theme that the error message box uses.</dd>
-
- <dt><code>pushStateEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>Enhancement to use <code>history.replaceState</code> in supported browsers, to convert the hash-based Ajax URL into the full document path. Note that we <a href="../pages/page-navmodel.html">recommend</a> disabling this feature if Ajax is disabled or if extensive use of external links are used.</dd>
-
- <dt><code>subPageUrlKey</code> <em>string</em>, default: "ui-page"</dt>
- <dd>The url parameter used for referencing widget-generated sub-pages (such as those generated by nested listviews). Translates to <em>example.html<strong>&ui-page=</strong>subpageIdentifier</em>. The hash segment before &ui-page= is used by the framework for making an Ajax request to the URL where the sub-page exists.</dd>
-
- <dt><code>touchOverflowEnabled</code> <em>boolean</em>, default: false</dt>
- <dd>Enable smoother page transitions and true fixed toolbars in devices that support both the <code>overflow:</code> and <code>overflow-scrolling: touch; </code> CSS properties. <strong>Note: Deprecated for 1.1.0.</strong></dd>
-
-</dl>
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li data-theme="a"><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - API</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-<div data-role="page" class="type-index">
-
-<div data-role="header" data-theme="f">
- <h1>API</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-</div>
-
-<div data-role="content">
-
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
- <li data-role="list-divider">API</li>
- <li><a href="globalconfig.html">Configuring defaults</a></li>
- <li><a href="events.html">Events</a></li>
- <li><a href="methods.html">Methods & Utilities</a></li>
- <li><a href="data-attributes.html">Data attribute reference</a></li>
- <li><a href="themes.html">Theme framework</a></li>
- </ul>
-
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Responsive Layout Helpers</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Responsive Layout Helpers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <div class="content-primary">
- <h2>Media Query Helper Classes</h2>
-<p class="ui-bar-e ui-body"><strong>Note: This feature was deprecated in beta, and removed in 1.0rc1. We recommend using CSS3 Media Queries instead.</strong> To support older versions of Internet Explorer, check out <a href="https://github.com/scottjehl/Respond">respond.js</a>, a fast & lightweight polyfill for min/max-width CSS3 Media Queries.</p>
- <p class="ui-bar-e ui-body">If you still need this feature, you can find the code here: <a href="https://raw.github.com/jquery/jquery-mobile/38d7ad8848f00b0921bf4ae723f3ad199eb851c1/js/jquery.mobile.media.classes.js">jquery.mobile.media.classes.js</a></p>
-
- <p>jQuery Mobile adds classes to the <code>HTML</code> element that mimic browser orientation and common min/max-width CSS media queries. These classes are updated on load, resize and orientationchange, allowing you to key off these classes in your CSS, to create <a href="http://www.alistapart.com/articles/responsive-web-design/">responsive layouts</a> - even in browsers that don't support media queries! </p>
-
- <h3>Orientation Classes </h3>
-
- <p>The HTML element will always have a class of either <code>"portrait"</code> or <code>"landscape"</code>, depending on the orientation of the browser or device. You can utilize these in your CSS like this:</p>
- <pre>
- <code>
-.portrait {
- /* portrait orientation changes go here! */
-}
-.landscape {
- /* landscape orientation changes go here! */
-}
- </code>
- </pre>
-
- <h3>Min/Max Width Breakpoint Classes</h3>
- <p>By default, we create min and max breakpoint classes at the following widths: <code>320</code>,<code>480</code>,<code>768</code>,<code>1024</code>. These translate to classes that look like this: <code>"min-width-320px"</code>, <code>"max-width-480px"</code>, and are meant to be used as a replacement of (or in addition to) the media query equivalents they mimic.</p>
-<pre>
- <code>
-.myelement {
- float: none;
-}
-.min-width-480px .myelement {
- float: left;
-}
- </code>
-</pre>
-
- <p>Many plugins in jQuery Mobile leverage these width breakpoints. For example, form elements float beside their labels when the browser is wider than 480 pixels. The CSS to support this behavior for form text inputs looks like this:</p>
-
-<pre>
- <code>
-label.ui-input-text {
- display: block;
-}
-.min-width-480px label.ui-input-text {
- display: inline-block;
-}
- </code>
-</pre>
-
- <h3>Adding Width Breakpoints</h3>
- <p>To utilize width breakpoints of your own, jQuery Mobile exposes the <code>$.mobile.addResolutionBreakpoints </code> function, which accepts either a single number or array of numbers that will be added to the min/max breakpoints whenever they apply.</p>
-<pre>
- <code>
-//add a min/max class for 1200 pixel widths
-$.mobile.addResolutionBreakpoints(1200);
-
-//add min/max classes for 1200, and 1440 pixel widths
-$.mobile.addResolutionBreakpoints([1200, 1440]);
- </code>
-</pre>
-
-<h3>Running Media Queries</h3>
-<p>jQuery Mobile provides a function that allows you to test whether a particular CSS Media Query applies. Simple call <code>$.mobile.media()</code> and pass a media type or query. If the browser supports that type or query, and it currently applies, the function will return true. If not, it'll return false.</p>
-
-<pre>
- <code>
-//test for screen media type
-$.mobile.media("screen");
-
-//test a min-width media query
-$.mobile.media("screen and (min-width: 480px)");
-
-//test for iOS retina display
-$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)");
-
- </code>
-</pre>
-
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li data-theme="a"><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Methods</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Methods</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>jQuery Mobile exposes several methods and properties on the $.mobile object for use in your applications.</p>
-
-
- <dl>
- <dt><code>$.mobile.changePage</code> (<em>method</em>)</dt>
- <dd>Programmatically change from one page to another. This method is used internally for the page loading and transitioning that occurs as a result of clicking a link or submitting a form, when those features are enabled.</dd>
-
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>to</code> (<em>string or object</em>, required)
-<ul>
- <li>String: Absolute or relative URL. ("about/us.html")</li>
- <li>Object: jQuery collection object. (<code>$("#about")</code>)</li>
- </ul>
- </dd>
-
- <dd><code>options</code> (<em>object</em>, optional)
- <ul>
- <li>Properties:
- <ul>
- <li><code>allowSamePageTransition</code> (<em>boolean</em>, default: false) By default, changePage() ignores requests to change to the current active page. Setting this option to true, allows the request to execute. Developers should note that some of the page transitions assume that the fromPage and toPage of a changePage request are different, so they may not animate as expected. Developers are responsible for either providing a proper transition, or turning it off for this specific case.</li>
- <li><code>changeHash</code> (<em>boolean</em>, default: true) Decides if the hash in the location bar should be updated. </li>
- <li><code>data</code> (<em>object</em> or string, default: undefined) The data to send with an Ajax page request.
- <ul>
- <li>Used only when the 'to' argument of changePage() is a URL.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string, default: undefined) The URL to use when updating the browser location upon changePage completion.
- If not specified, the value of the data-url attribute of the page element is used.</li>
- <li><code>pageContainer</code> (jQuery collection, default: $.mobile.pageContainer) Specifies the element that should contain the page. </li>
- <li><code>reloadPage</code> (<em>boolean</em>, default: false) Forces a reload of a page, even if it is already in the DOM of the page container.
- <ul>
- <li>Used only when the 'to' argument of changePage() is a URL.</li>
- </ul>
- </li>
- <li><code>reverse</code> (<em>boolean</em>, default: false) Decides what direction the transition will run when showing the page. </li>
- <li><code>showLoadMsg</code> (<em>boolean</em>, default: true) Decides whether or not to show the loading message when loading external pages.</li>
- <li><code>role</code> (<em>string</em>, default: undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.</li>
- <li><code>transition</code> (<em>string</em>, default: $.mobile.defaultPageTransition) The transition to use when showing the page. </li>
- <li><code>type</code> (<em>string</em>, default: "get") Specifies the method ("get" or "post") to use when making a page request.
- <ul>
- <li>Used only when the 'to' argument of changePage() is a URL.</li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </dd>
-
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>//transition to the "about us" page with a slideup transition</strong>
-$.mobile.changePage( "about/us.html", { transition: "slideup"} );
-
-<strong>//transition to the "search results" page, using data from a form with an ID of "search"" </strong>
-$.mobile.changePage( "searchresults.php", {
- type: "post",
- data: $("form#search").serialize()
-});
-
-<strong>//transition to the "confirm" page with a "pop" transition without tracking it in history </strong>
-$.mobile.changePage( "../alerts/confirm.html", {
- transition: "pop",
- reverse: false,
- changeHash: false
-});
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.loadPage</code> (<em>method</em>)</dt>
- <dd>Load an external page, enhance its content, and insert it into the DOM. This method is called internally by the changePage() function when its first argument is a URL. This function does not affect the current active page so it can be used to load pages in the background. The function returns a deferred promise object that gets resolved after the page has been enhanced and inserted into the document.</dd>
-
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string or object</em>, required) A relative or absolute URL.</dd>
-
- <dd><code>options</code> (<em>object</em>, optional)
- <ul>
- <li>Properties:
- <ul>
- <li><code>data</code> (<em>object</em> or string, default: undefined) The data to send with an Ajax page request. </li>
- <li><code>loadMsgDelay</code> (<em>number (in ms)</em>, default: 50) Forced delay before the loading message is shown. This is meant to allow time for a page that has already been visited to be fetched from cache without a loading message.</li>
- <li><code>pageContainer</code> (jQuery collection, default: $.mobile.pageContainer) Specifies the element that should contain the page after it is loaded. </li>
- <li><code>reloadPage</code> (<em>boolean</em>, default: false) Forces a reload of a page, even if it is already in the DOM of the page container. </li>
- <li><code>role</code> (<em>string</em>, default: undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.</li>
- <li><code>type</code> (<em>string</em>, default: "get") Specifies the method ("get" or "post") to use when making a page request.
- </li>
- </ul>
- </li>
- </ul>
- </dd>
-
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>//load the "about us" page into the DOM</strong>
-$.mobile.loadPage( "about/us.html" );
-
-<strong>//load a "search results" page, using data from a form with an ID of "search"" </strong>
-$.mobile.loadPage( "searchresults.php", {
- type: "post",
- data: $("form#search").serialize()
-});
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.fn.jqmData(), $.fn.jqmRemoveData()</code> (<em>method</em>)</dt>
- <dd>When working with jQuery Mobile, <code>jqmData</code> and <code>jqmRemoveData</code> should be used in place of jQuery core's <code>data</code> and <code>removeData</code> methods (note that this includes $.fn.data, $.fn.removeData, and the $.data, $.removeData, and $.hasData utilities), as they automatically incorporate getting and setting of namespaced data attributes (even if no namespace is currently in use).</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments:</dt>
- <dd>See jQuery's <a href="http://api.jquery.com/jQuery.data/">data</a> and <a href="http://api.jquery.com/jQuery.removeData/">removeData</a> methods</dd>
- <strong>Note: </strong>Calling jqmData() with no argument will return <code>undefined</code>. This behavior is subject to change in future versions.
- <dt><code>·</code> Also:</dt>
- <dd>When finding elements by their jQuery Mobile data attribute, please use the custom selector <code>:jqmData()</code>, as it automatically incorporates namespaced data attributes into the lookup when they are in use. For example, instead of calling <code>$("div[data-role='page']")</code>, you should use <code>$("div:jqmData(role='page')")</code>, which internally maps to <code>$("div[data-"+ $.mobile.ns +"role='page']")</code> without forcing you to concatenate a namespace into your selectors manually.</dd>
- </dl>
- </dd>
-
-
- <dt><code>$.fn.jqmEnhanceable()</code> (<em>method</em>)</dt>
- <dd>For users that wish to respect <code>data-enhance=false</code> parent elements during manual enhancement or custom plugin authoring jQuery Mobile provides the <code>$.fn.jqmEnhanceable</code> filter method.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Settings:</dt>
- <dd>If, and only if, <code>$.mobile.ignoreContentEnabled</code> is set to true, this method will traverse the parent nodes for each DOM element in the jQuery object and where it finds a <code>data-enhance=false</code> parent the child will be removed from the set.</dd>
- <dt><code>·</code> Warning:</dt>
- <dd>The operation of traversing all parent elements can be expensive for even small jQuery object sets.</dd>
- </dl>
- </dd>
-
- <dt><code>$.fn.jqmHijackable()</code> (<em>method</em>)</dt>
- <dd>For users that wish to respect <code>data-ajax=false</code> parent elements during custom form and link binding jQuery Mobile provides the <code>$.fn.jqmHijackable</code> filter method.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Settings:</dt>
- <dd>If, and only if, <code>$.mobile.ignoreContentEnabled</code> is set to true, this method will traverse the parent nodes for each DOM element in the jQuery object and where it finds a <code>data-ajax=false</code> parent the child form or link will be removed from the set.</dd>
- <dt><code>·</code> Warning:</dt>
- <dd>The operation of traversing all parent elements can be expensive for even small jQuery object sets.</dd>
- </dl>
- </dd>
-
- <dt><code>$.mobile.showPageLoadingMsg</code> (<em>method</em>)</dt>
- <dd>Show the page loading message, which is configurable via $.mobile.loadingMessage.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>theme</code> (<em>string</em>, default: "a") The theme swatch for the message.</dd>
- <dd><code>msgText</code> (<em>string</em>, default: "loading") The text of the message.</dd>
- <dd><code>textonly</code> (<em>boolean</em>, default: false) If true, the "spinner" image will be hidden when the message is shown.</dd>
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>//cue the page loader</strong>
-$.mobile.showPageLoadingMsg();
-
-<strong>//use theme swatch "b", a custom message, and no spinner</strong>
-$.mobile.showPageLoadingMsg("b", "This is only a test", true);
- </code>
- </pre>
-
- </dd>
-
-
-
-
- <dt><code>$.mobile.hidePageLoadingMsg</code> (<em>method</em>)</dt>
- <dd>Hide the page loading message, which is configurable via $.mobile.loadingMessage.</dd>
-
- <dd>Example:
- <pre>
- <code>
-<strong>//hide the page loader</strong>
-$.mobile.hidePageLoadingMsg();
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.mobile.fixedToolbars.show</code> (<em>method</em>)</dt>
- <dd>Utility method for displaying the fixed header and/or footer of the current active page within the viewport. Note that fixed headers/footers are never really hidden. Toggling the show/hide state of a toolbar is really toggling whether or not they are inline within the page content, or displayed within the viewport as if they were fixed.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>immediately</code> (<em>boolean</em>, optional) If true, any fixed header or footer for the current active page is displayed immediately within the viewport. If false or unspecified, the fixed header/footer will fade-in after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in an additional delay before the start of the header/footer display animation.</dd>
- </dl>
- </dd>
- <dd>Example:
- <pre>
- <code>
-<strong>// Show fixed header/footer with a fade animation.</strong>
-$.mobile.fixedToolbars.show();
-
-<strong>// Show fixed header/footer immediately.</strong>
-$.mobile.fixedToolbars.show(true);
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.mobile.fixedToolbars.hide</code> (<em>method</em>)</dt>
- <dd>Utility method for hiding the fixed header and/or footer of the current active page.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>immediately</code> (<em>boolean</em>, optional) If true, any fixed header or footer for the current active page is immediately placed inline (back in flow) with the page content, which means it will scroll along with the content and will only be visible when viewing the top or bottom of the page within the viewport. If false or unspecified, the fixed header/footer will fade-out after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in the header/footer being immediately hidden.</dd>
- </dl>
- </dd>
- <dd>Example:
- <pre>
- <code>
-<strong>// Hide fixed header/footer with a fade animation.</strong>
-$.mobile.fixedToolbars.hide();
-
-<strong>// Hide fixed header/footer immediately.</strong>
-$.mobile.fixedToolbars.hide(true);
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.mobile.path.parseUrl</code> (<em>method</em>)</dt>
- <dd>Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. When parsing relative variants, the resulting object will contain empty string values for missing components (like protocol, host, etc). Also, when parsing URLs that have no authority, such as tel: urls, the pathname property of the object will contain the data after the protocol/scheme colon.</dd>
-
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>
- <p>This function returns an object that contains the various components of the URL as strings. The properties on the object mimic the browser's location object:</p>
- <dl>
- <dt><code>hash</code></dt>
- <dd>The fragment conponent of the URL, including the leading '#' character.</dd>
- <dt><code>host</code></dt>
- <dd>The host and port number of the URL.</dd>
- <dt><code>hostname</code></dt>
- <dd>The name of the host within the URL.</dd>
- <dt><code>href</code></dt>
- <dd>The original URL that was parsed.</dd>
- <dt><code>pathname</code></dt>
- <dd>The path of the file or directory referenced by the URL.</dd>
- <dt><code>port</code></dt>
- <dd>The port specified within the URL. Most URLs rely on the default port for the protocol used, so this may be an empty string most of the time.</dd>
- <dt><code>protocol</code></dt>
- <dd>The protocol for the URL including the trailing ':' character.</dd>
- <dt><code>search</code></dt>
- <dd>The query component of the URL including the leading '?' character.</dd>
- </dl>
- <p>But it also contains additional properties that provide access to additional components as well as some common forms of the URL developers access:</p>
- <dl>
- <dt><code>authority</code></dt>
- <dd>The username, password, and host components of the URL</dd>
- <dt><code>directory</code></dt>
- <dd>The directory component of the pathname, minus any filename.</dd>
- <dt><code>domain</code></dt>
- <dd>The protocol and authority components of the URL.</dd>
- <dt><code>filename</code></dt>
- <dd>The filename within the pathname component, minus the directory.</dd>
- <dt><code>hrefNoHash</code></dt>
- <dd>The original URL minus the fragment (hash) components.</dd>
- <dt><code>hrefNoSearch</code></dt>
- <dd>The original URL minus the query (search) and fragment (hash) components.</dd>
- <dt><code>password</code></dt>
- <dd>The password contained within the authority component.</dd>
- <dt><code>username</code></dt>
- <dd>The username contained within the authority component.</dd>
- </dl>
- </dd>
-
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>// Parsing the Url below results an object that is returned with the
-// following properties:
-//
-// obj.href: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
-// obj.hrefNoHash: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
-// obj.hrefNoSearch: http://jblas:password@mycompany.com:8080/mail/inbox
-// obj.domain: http://jblas:password@mycompany.com:8080
-// obj.protocol: http:
-// obj.authority: jblas:password@mycompany.com:8080
-// obj.username: jblas
-// obj.password: password
-// obj.host: mycompany.com:8080
-// obj.hostname: mycompany.com
-// obj.port: 8080
-// obj.pathname: /mail/inbox
-// obj.directory: /mail/
-// obj.filename: inbox
-// obj.search: ?msg=1234&type=unread
-// obj.hash: #msg-content</strong>
-
-var obj = $.mobile.path.parseUrl("http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234");
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.makePathAbsolute</code> (<em>method</em>)</dt>
- <dd>Utility method for converting a relative file or directory path into an absolute path.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>relPath</code> (<em>string</em>, required) A relative file or directory path.</dd>
- <dd><code>absPath</code> (<em>string</em>, required) An absolute file or relative path to resolve against.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>This function returns a string that is an absolute version of the relative path passed in.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: /a/b/c/file.html</strong>
-var absPath = $.mobile.path.makePathAbsolute("file.html", "/a/b/c/bar.html");
-
-<strong>// Returns: /a/foo/file.html</strong>
-var absPath = $.mobile.path.makePathAbsolute("../../foo/file.html", "/a/b/c/bar.html");
-
- </code>
- </pre>
- </dd>
-
-
- <dt><code>$.mobile.path.makeUrlAbsolute</code> (<em>method</em>)</dt>
- <dd>Utility method for converting a relative URL to an absolute URL.</dd>
- <dd>
-
- <dl>
- <dt>Arguments</dt>
- <dd><code>relUrl</code> (<em>string</em>, required) A relative URL.</dd>
- <dd><code>absUrl</code> (<em>string</em>, required) An absolute URL to resolve against.</dd>
-
- <dt>Return Value</dt>
- <dd>This function returns a string that is an absolute version of the relative URL passed in.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: http://foo.com/a/b/c/file.html</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/a/foo/file.html</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("../../foo/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/bar/file.html</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("//foo.com/bar/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/a/b/c/test.html?a=1&b=2</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("?a=1&b=2", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/a/b/c/test.html#bar</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("#bar", "http://foo.com/a/b/c/test.html");
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.isSameDomain</code> (<em>method</em>)</dt>
- <dd>Utility method for comparing the domain of 2 URLs.</dd>
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url1</code> (<em>string</em>, required) A relative URL.</dd>
- <dd><code>url2</code> (<em>string</em>, required) An absolute URL to resolve against.</dd>
-
- <dt>Return Value</dt>
- <dd>This function returns a boolean true if the domains match, false if they don't.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: true</strong>
-var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: false</strong>
-var same = $.mobile.path.isSameDomain("file://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: false</strong>
-var same = $.mobile.path.isSameDomain("https://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: false</strong>
-var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://bar.com/a/b/c/test.html");
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.isRelativeUrl</code> (<em>method</em>)</dt>
- <dd>Utility method for determining if a URL is a relative variant.</dd>
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>This function returns a boolean true if the URL is relative, false if it is absolute.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: false</strong>
-var isRel = $.mobile.path.isRelativeUrl("http://foo.com/a/file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("//foo.com/a/file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("/a/file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("?a=1&b=2");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("#foo");
-
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.isAbsoluteUrl</code> (<em>method</em>)</dt>
- <dd>Utility method for determining if a URL is absolute.</dd>
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>This function returns a boolean true if the URL is absolute, false if not.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: true</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("http://foo.com/a/file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("//foo.com/a/file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("/a/file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("?a=1&b=2");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("#foo");
-
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.base</code> (<em>methods, properties</em>)</dt>
- <dd>Utilities for working with generated base element. TODO: document as public API is finalized.</dd>
-
-
-
- <dt><code>$.mobile.silentScroll</code> (<em>method</em>)</dt>
- <dd>Scroll to a particular Y position without triggering scroll event listeners.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments:</dt>
- <dd><code>yPos</code> (<em>number</em>, defaults to 0). Pass any number to scroll to that Y location.</dd>
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>//scroll to Y 100px</strong>
-$.mobile.silentScroll(100);
- </code>
- </pre>
-
- </dd>
-
-
-
-
-
- <dt><code>$.mobile.activePage</code> (<em>property</em>)</dt>
- <dd>Reference to the page currently in view.</dd>
-
-
-
-
- </dl>
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li data-theme="a"><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Static Containers, States</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Themes</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
-
- <div class="content-primary">
- <h2>Theming overview</h2>
-
- <p>The theming system used in jQuery Mobile is similar to the ThemeRoller system in jQuery UI with a few important improvements:</p>
-
- <ul>
- <li>It takes advantage of <strong>CSS3 properties</strong> to add rounded corners, box and text shadow and gradients instead of images, allowing the theme file to be very lightweight and reducing server requests.</li>
- <li>Themes include multiple <strong>color "swatches"</strong> — each consisting of a header bar, content body, and button states that can be freely mixed and matched to create visual texture — to make richer designs possible.</li>
- <li><strong>Open-ended theming</strong> allows for up to 26 unique swatches per theme, to add almost unlimited variety to designs.</li>
- <li>All backgrounds now use <strong>CSS3 gradients</strong> to dramatically reduce file size and number of server requests.</li>
- <li>There is a <strong>simplified icon set</strong> in a sprite to reduce image weight.</li>
- </ul>
-
- <h2>ThemeRoller</h2>
- <a href="http://www.jquerymobile.com/themeroller" rel="external"><img src="../_assets/images/themroller-mobile-logo.png" width="250" style="float:right; margin-left:25px;" alt="Themroller Mobile Logo"></a>
- The easiest way to create custom themes is with the <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller tool</a>. It allows you to build a theme, then download a custom CSS file, ready to be dropped into your project.
-
- <h2>Themes & swatches</h2>
-
- <p>The theme system separates color and texture from structural styles that define things like padding and dimensions. This allows theme colors and textures to be defined once in the stylesheet and to be mixed, matched, and combined to achieve a wide range of visual effects. </p>
-
- <p>Each theme includes several global settings, including font family, drop shadows for overlays, and corner radius values for buttons and boxes. In addition, the theme can include multiple color swatches, each with color values for bars, content blocks, buttons and list items, and font <code>text-shadow</code>. </p>
-
- <p>The default theme includes 5 swatches that are given letters (a, b, c, d, e) for quick reference. To make mapping of color swatches consistent across our widgets, we have followed the convention that swatch "a" is the highest level of visual priority (black in our default theme), "b" is secondary level (blue) and "c" is the baseline level (gray) that we use by default in many situations, "d" for an alternate secondary level and "e" as an accent swatch. Themes may have additional swatches for accent colors or specific situations. For example, you could add a new theme swatch "f" that has a red bar and button for use in error situations. </p>
-
- <p>Most theme changes can be done using ThemeRoller, but it's also simple to manually edit the base swatches in the default theme and/or add additional swatches by editing the theme CSS file. Just copy a block of swatch styles, rename the classes with the new swatch letter name, and tweak colors as you see fit.</p>
-
-
- <h3>Bars</h3>
- <p>The default theme contains the following five bar styles:</p>
-
- <div class="swatch-preview">
- <div class="ui-bar ui-bar-a">Bar A - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-b">Bar B - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-c">Bar C - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-d">Bar D - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-e">Bar E - <a href="#" data-role="none" class="ui-link">Link</a></div>
- </div><!-- end swatch-bars -->
-
- <p>By default, the framework assigns the "a" swatch to all headers and footers, because these are typically given high visual priority in an application. To set the color of a bar to a different swatch color, simply add the <code> data-theme</code> attribute to your header or footer and specify an alternate swatch letter ('b' or 'd', for example) and the specified theme swatch color will be applied. Learn more about <a href="../toolbars/bars-themes.html">toolbar theming</a>.</p>
-
-
-
- <h3>Content Blocks</h3>
- <p>The default theme also includes color swatch values for use in content blocks, designed to coordinate with the header color swatches in the theme. </p>
-
- <div class="swatch-preview">
- <div class="ui-body ui-body-a">Block A - <a href="#">Link</a></div>
- <div class="ui-body ui-body-b">Block B - <a href="#">Link</a></div>
- <div class="ui-body ui-body-c">Block C - <a href="#">Link</a></div>
- <div class="ui-body ui-body-d">Block D - <a href="#">Link</a></div>
- <div class="ui-body ui-body-e">Block E - <a href="#">Link</a></div>
- </div><!-- end swatch-bars -->
-
-
- <p>If a theme isn't specified on a content block, the framework will default to "c" to maximize contrast against the default header "a", as shown here:</p>
-
- <div data-role="header">
- <a href="#" data-icon="arrow-l">Back</a>
- <h1>Default Header</h1>
- </div>
- <div class="ui-body ui-body-c">
- <h3>Default Theme Content Header</h3>
- <p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <label for="slider1">Input slider:</label>
- <input type="range" name="slider1" id="slider1" value="50" min="0" max="100" />
- <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
- <legend>Cache settings:</legend>
- <input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
- <label for="radio-choice-a1">On</label>
- <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
- <label for="radio-choice-b1">Off</label>
- </fieldset>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
- <div class="ui-bar ui-bar-a">
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a>
- </div><!-- /controlgroup -->
- </div>
-
-
- <p>Learn more about <a href="../content/content-themes.html">content theming</a>.</p>
-
-
- <h2>Lists & Buttons</h2>
- <p>Each swatch also includes default styles for interactive elements like list items and buttons.</p>
- <ul data-role="listview" data-inset="true" data-theme="a">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="b">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="e">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
-
- <p>A button is included for each swatch in the theme. Each button has styles for normal, hover/focus and pressed states.</p>
-
- <div class="swatch-preview">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l">Button A</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l">Button B</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l">Button C</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l">Button D</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l">Button E</a>
- </div><!-- end swatch-bars -->
-
-
- <p>By default, any button that's placed in a bar is automatically assigned a swatch letter that matches its parent bar or content box. Thus, the button is visually integrated into the parent theme as shown here:</p>
-
- <div class="swatch-preview">
- <div data-role="header" data-theme="a"><h1>Bar A</h1><a href="index.html" data-icon="arrow-l">Button A</a></div>
- <div data-role="header" data-theme="b"><h1>Bar B</h1><a href="index.html" data-icon="arrow-l">Button B</a></div>
- <div data-role="header" data-theme="c"><h1>Bar C</h1><a href="index.html" data-icon="arrow-l">Button C</a></div>
- <div data-role="header" data-theme="d"><h1>Bar D</h1><a href="index.html" data-icon="arrow-l">Button D</a></div>
- <div data-role="header" data-theme="e"><h1>Bar E</h1><a href="index.html" data-icon="arrow-l">Button E</a></div>
- </div><!-- end swatch-bars -->
-
- <p>This default behavior makes it easy to ripple a theme change through a page by setting a theme swatch on a parent because you know the buttons will maintain the same relative visual weight across themes. Since form elements use the button styles, they will also adapt to their parent container.</p>
-
- <p>If you want to add visual emphasis to a button, an alternate swatch color can be set by adding a <code> data-theme="a"</code> to the anchor. Once an alternate swatch color is set on a button in the markup, the framework won't override that color if the parent theme is changed, because you made a conscious decision to set it.</p>
-
- <div class="swatch-bars">
- <div data-role="header" data-theme="a" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="b" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="c" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="d" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="e" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
-
- </div><!-- end swatch-bars -->
-
-<p>Learn more about <a href="../lists/lists-themes.html">list theming</a> and <a href="../buttons/buttons-themes.html">button theming</a>.</p>
-
- <h3>Global "Active" state</h3>
- <p>The jQuery Mobile framework uses a swatch called "active" (bright blue in the default theme) to consistently indicate the selected state, regardless of the individual swatch of the given widget. We apply this in navigation and form controls whenever there is a need to indicate what is currently selected. Because this theme swatch is designed for clear, consistent user feedback, it cannot be overridden via the markup; it is set once in the theme and applied by the framework whenever a selected or active state is needed. The styling for this state is in the theme stylesheet under the <code>ui-btn-active</code> style rules.</p>
-
- <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
- <legend>Active is used for the on state of these toggles:</legend>
- <input type="radio" name=" radio-choice-a" id="radio-choice-a" value="on" checked="checked" />
- <label for="radio-choice-a">On</label>
- <input type="radio" name=" radio-choice-a" id="radio-choice-b" value="off" />
- <label for="radio-choice-b">Off</label>
- </fieldset>
-
-
- <h3>Icons</h3>
- <p>There is a core set of <a href="../buttons/buttons-icons.html">standard icons</a> included in the framework that can be assigned to any button. To minimize the download size of the core icons, jQuery Mobile only includes these icons in white and automatically adds a semi-transparent black circle behind the icon to make sure it has good contrast on all background colors.</p>
-
- <h3>Theme classes</h3>
- <p>Assigning color swatches through the <code> data-theme</code> attribute is one way to leverage the theme system, but it's also possible to apply any of the theme swatches directly to your markup through classes to apply the colors, textures and font formatting of your theme to any markup. This is especially useful when creating your own custom layout elements or UI widgets. Here are a few common theme classes, but many more are available in the theme stylesheet:</p>
- <dl>
- <dt><code>ui-bar-(a-z)</code></dt>
- <dd>Applies the toolbar theme styles for the selected swatch letter. Commonly used in conjunction with <code>ui-bar</code> structural class to add the standard bar padding styles.</dd>
- <dt><code>ui-body-(a-z)</code></dt>
- <dd>Applies the content body theme styles for the selected swatch letter. Commonly used in conjunction with <code>ui-body</code> structural class to add the standard content block padding styles. </dd>
- <dt><code>ui-btn-up-(a-z)</code></dt>
- <dd>Applies the button/clickable element theme styles for the selected swatch letter. Commonly used in with the <code>ui-btn-hover-(a-z)</code> and <code>ui-btn-down-(a-z)</code> interaction class states to provide visual feedback and <code>ui-btn-active</code> to indicate the selected or "on" state.</dd>
- <dt><code>ui-corner-all</code></dt>
- <dd>Applies the theme's global border-radius for rounded corners and is used for container or grouped items in the framework (inset lists, radiobutton sets). There are additional classes for all the possible combinations of rounded corners, for example: <code>ui-corner-tl</code> (top left only), <code>-top</code> (both top corners), <code>-left</code> (both left corners), etc. A second full set of corner classes is provided for buttons so these can have a different corner radius. These use classes with a similar naming convention, but with "btn-corner" instead of "corner", like this: <code>.ui-<strong>btn-corner</strong>-all</code>.</dd>
- <dt><code>ui-shadow</code></dt>
- <dd>Applies the theme's global drop shadow to any element using CSS <code>box-shadow</code> property. </dd>
- <dt><code>ui-disabled</code></dt>
- <dd>Applies the disabled look and feel which essentially reduces the opacity of any element with this class to 30%, hides the cursor, and sets <code>pointer-events: none;</code> which prevents any interaction in many modern browsers.</dd>
- </dl>
-
- <h3>Overriding themes</h3>
- <p>The themes are meant as a solid starting point, but are meant to be customized. Since everything is controlled by CSS, it's easy to use a web inspector tool to identify the style properties you want to modify. The set of of theme classes (global) and semantic structural classes (widget-specific) added to elements provide a rich set of possible selectors to target style overrides against. We recommend adding an external stylesheet to the <code>head</code>, placed <strong>after</strong> the structure and theme stylesheet references, that contain all your style overrides. This allows you to easily update to newer versions of the library because overrides are kept separate from the library code.</p>
-
-
- <p><strong>Learn more</strong> about theming individual components:</p>
- <ul data-role="listview" data-inset="true">
- <li><a href="../pages/pages-themes.html">Page theming</a></li>
- <li><a href="../toolbars/bars-themes.html">Toolbar theming</a></li>
- <li><a href="../content/content-themes.html">Content theming</a></li>
- <li><a href="../buttons/buttons-themes.html">Button theming</a></li>
- <li><a href="../forms/forms-themes.html">Form theming</a></li>
- <li><a href="../lists/lists-themes.html">List theming</a></li>
- </ul>
- </div><!--/content-secondary -->
-
- <div class="content-secondary ui-body-d">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li data-theme="a"><a href="../../docs/api/themes.html">Theme framework</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button API</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <h2>Dependencies</h2>
- <p>To be documented</p>
-
- <h2>Options</h2>
- <p>To be documented</p>
-
- <h2>Methods</h2>
- <p>To be documented</p>
-
- <h2>Known Issues</h2>
- <p>To be documented</p>
-
-
-
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button events</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>a</code>, <code>input</code>, or <code>button</code> element. Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".myButton" ).bind( "click", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The <strong>form button</strong> plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a form button is created</dt>
- <dd>
-
- <pre><code>
-$('[type='submit']').button({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Grouped Buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Grouped</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Grouped buttons</h2>
- <p>Occasionally, you may want to visually group a set of buttons together to form a single block that looks contained like a navigation component. To get this effect, wrap a set of buttons in a container with the <code> data-role="controlgroup"</code> attribute — the framework will create a vertical button group, remove all margins and drop shadows between the buttons, and only round the first and last buttons of the set to create the effect that they are grouped together. </p>
-<pre><code>
-<div data-role="controlgroup">
-<a href="index.html" data-role="button">Yes</a>
-<a href="index.html" data-role="button">No</a>
-<a href="index.html" data-role="button">Maybe</a>
-</div>
-</code></pre>
-
- <p>By default, grouped buttons are presented as a vertical list:</p>
-
- <div data-role="controlgroup">
- <a href="index.html" data-role="button">Yes</a>
- <a href="index.html" data-role="button">No</a>
- <a href="index.html" data-role="button">Maybe</a>
- </div>
-
- <p>By adding the <code>data-type="horizontal"</code> attribute to the <code>controlgroup</code> container, you can swap to a horizontal-style group that floats the buttons side-by-side and sets the width to only be large enough to fit the content. (Be aware that these will wrap to multiple lines if the number of buttons or the overall text length is too wide for the screen.)
-
- <p>Horizontal grouped buttons:</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button">Yes</a>
- <a href="index.html" data-role="button">No</a>
- <a href="index.html" data-role="button">Maybe</a>
- </div>
-
- <p>Mini horizontal grouped buttons by adding <code>data-mini="true</code> to the controlgroup:</p>
- <div data-role="controlgroup" data-type="horizontal" data-mini="true">
- <a href="index.html" data-role="button">Yes</a>
- <a href="index.html" data-role="button">No</a>
- <a href="index.html" data-role="button">Maybe</a>
- </div>
-
- <p>Horizontal grouped buttons with icons:</p>
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="index.html" data-role="button" data-icon="plus">Add</a>
- <a href="index.html" data-role="button" data-icon="delete">Delete</a>
- </div>
-
- <p>Mini horizontal grouped buttons with icons by adding <code>data-mini="true</code> to the controlgroup::</p>
- <div data-role="controlgroup" data-type="horizontal" data-mini="true">
- <a href="index.html" data-role="button" data-icon="plus">Add</a>
- <a href="index.html" data-role="button" data-icon="delete">Delete</a>
- </div>
-
- <p>Horizontal grouped buttons, icon only:</p>
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
- </div>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li data-theme="a"><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button icons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button icons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Adding Icons to Buttons</h2>
- <p>The jQuery Mobile framework includes a selected set of icons most often needed for mobile apps. To minimize download size, jQuery Mobile includes a single white icon sprite, and automatically adds a semi-transparent black circle behind the icon to ensure that it has good contrast on any background color.</p>
-
-
- <p>An icon can be added to a button by adding a <code> data-icon</code> attribute on the anchor specifying the icon to display. For example, the following markup:</p>
-
- <code>
- <a href="index.html" data-role="button" <strong> data-icon="delete"</strong>>Delete</a>
- </code>
-
- <p>Creates this button with an icon:</p>
- <a href="index.html" data-role="button" data-icon="delete">Delete</a>
-
- <p>A more compact button with the <code> data-inline="true"</code> attribute added to the button:</p>
- <a href="index.html" data-role="button" data-icon="delete" data-mini="true">Delete</a>
-
- <h2>Icon set</h2>
-
- <p>The following <code> data-icon</code> attributes can be referenced to create the icons shown below:</p>
-
- <p><strong>Left arrow</strong> - data-icon="arrow-l"</p>
- <a href="index.html" data-role="button" data-icon="arrow-l">My button</a>
- <p><strong>Right arrow</strong> - data-icon="arrow-r"</p>
- <a href="index.html" data-role="button" data-icon="arrow-r">My button</a>
- <p><strong>Up arrow</strong> - data-icon="arrow-u"</p>
- <a href="index.html" data-role="button" data-icon="arrow-u">My button</a>
- <p><strong>Down arrow</strong> - data-icon="arrow-d"</p>
- <a href="index.html" data-role="button" data-icon="arrow-d">My button</a>
- <p><strong>Delete</strong> - data-icon="delete"</p>
- <a href="index.html" data-role="button" data-icon="delete">My button</a>
- <p><strong>Plus</strong> - data-icon="plus"</p>
- <a href="index.html" data-role="button" data-icon="plus">My button</a>
- <p><strong>Minus</strong> - data-icon="minus"</p>
- <a href="index.html" data-role="button" data-icon="minus">My button</a>
- <p><strong>Check</strong> - data-icon="check"</p>
- <a href="index.html" data-role="button" data-icon="check">My button</a>
- <p><strong>Gear</strong> - data-icon="gear"</p>
- <a href="index.html" data-role="button" data-icon="gear">My button</a>
- <p><strong>Refresh</strong> - data-icon="refresh"</p>
- <a href="index.html" data-role="button" data-icon="refresh">My button</a>
- <p><strong>Forward</strong> - data-icon="forward"</p>
- <a href="index.html" data-role="button" data-icon="forward">My button</a>
- <p><strong>Back</strong> - data-icon="back"</p>
- <a href="index.html" data-role="button" data-icon="back">My button</a>
- <p><strong>Grid</strong> - data-icon="grid"</p>
- <a href="index.html" data-role="button" data-icon="grid">My button</a>
- <p><strong>Star</strong> - data-icon="star"</p>
- <a href="index.html" data-role="button" data-icon="star">My button</a>
- <p><strong>Alert</strong> - data-icon="alert"</p>
- <a href="index.html" data-role="button" data-icon="alert">My button</a>
- <p><strong>Info</strong> - data-icon="info"</p>
- <a href="index.html" data-role="button" data-icon="info">My button</a>
- <p><strong>Home</strong> - data-icon="home"</p>
- <a href="index.html" data-role="button" data-icon="home">My button</a>
- <p><strong>Search</strong> - data-icon="search"</p>
- <a href="index.html" data-role="button" data-icon="search">My button</a>
-
-
- <h2>Icon positioning</h2>
- <p>By default, all icons in buttons are placed to the left of the button text. </p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="left">Delete</a>
-
- <p>This default may be overridden using the <code> data-iconpos</code> attribute to set the icon to the right, above (top) or below (bottom) the text. For example, the markup:</p>
-
-<code>
-<a href="index.html" data-role="button" data-icon="delete"<strong> data-iconpos="right"</strong>>Delete</a>
-</code>
-
- <p>Creates this button with right-aligned icon:</p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a>
-
- <p>Icons can also be positioned above the text by specifying <code> data-iconpos="top"</code></p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="top">Delete</a>
-
- <p>Or icons can also be positioned below the text by specifying <code> data-iconpos="bottom"</code></p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="bottom">Delete</a>
-
- <p>You can also create an icon-only button, by setting the <code> data-iconpos</code> attribute to <code>notext</code>. The button plugin will hide the text on-screen, but add it as a <code>title</code> attribute on the link to provide context for screen readers and devices that support tooltips. For example, replacing <code> data-iconpos="right"</code> on the previous example with <code> data-iconpos="notext"</code>:</p>
-
-<code>
-<a href="index.html" data-role="button" data-icon="delete"<strong> data-iconpos="notext"</strong>>Delete</a>
-</code>
-
- <p>Creates this icon-only button:</p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
-
-
-
- <h2>Mini & Inline</h2>
- <p>The <a href="../forms/forms-all-mini.html">mini</a> and <a href="buttons-inline.html">inline</a> attributes can be added to produce more compact buttons:<p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="left" data-mini="true" data-inline="true">Delete</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="right" data-mini="true" data-inline="true">Delete</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="top" data-mini="true" data-inline="true">Delete</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="bottom" data-mini="true" data-inline="true">Delete</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-mini="true" data-inline="true">Delete</a>
-
-
- <h2>Custom Icons</h2>
- <p>To use custom icons, specify a <code>data-icon</code> value that has a unique name like <code>myapp-email</code> and the button plugin will generate a class by prefixing <code>ui-icon-</code> to the <code> data-icon</code> value and apply it to the button: <code>ui-icon-myapp-email</code>. </p>
- <p>You can then write a CSS rule in your stylesheet that targets the <code>ui-icon-myapp-email</code> class to specify the icon background source. To maintain visual consistency with the rest of the icons, create a white icon 18x18 pixels saved as a PNG-8 with alpha transparency.</p>
- <p> In this example, we're just pointing to a standalone icon image, but you could just as easily use an icon sprite and specify the positioning instead, just like the icon sprite we use in the framework.</p>
-
-<pre><code>.ui-icon-myapp-email {
- background-image: url("app-icon-email.png");
-}</code></pre>
-
- <p>This will create the standard resolution icon, but many devices now have very high resolution displays, like the retina display on the iPhone 4. To add a HD icon, create an icon that is 36x36 pixels (exactly double the 18 pixel size), and add second rule that uses the <code>-webkit-min-device-pixel-ratio: 2</code> media query to target a rule only to high resolution displays. Specify the background image for the HD icon file and set the background size to 18x18 pixels which will fit the 36 pixel icon into the same 18 pixel space. The media query block can wrap multiple icon rules:</p>
-<pre><code>
-@media only screen and (-webkit-min-device-pixel-ratio: 2) {
- .ui-icon-myapp-email {
- background-image: url("app-icon-email-highres.png");
- background-size: 18px 18px;
- }
- ...more HD icon rules go here...
-}
-</code></pre>
-
- <h2>Icons and themes</h2>
- <p>The semi-transparent black circle behind the white icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. Here are examples of the same icons sitting on top of a range of different color swatches with <a href="buttons-themes.html">themed buttons</a>.</p>
-
- <!-- A themed -->
- <p><strong>Swatch "A"</strong> themed buttons</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- </div>
-
- <!-- B themed -->
- <p><strong>Swatch "B"</strong> themed buttons</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- </div>
-
- <!-- C themed -->
- <p><strong>Swatch "C"</strong> themed buttons</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li data-theme="a"><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Inline buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inline buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Inline buttons</h2>
- <p>By default, all buttons in the body content are styled as block-level element so they fill the width of the screen:</p>
-
- <a href="index.html" data-role="button">Button</a>
-
-
- <p>However, if you want a more compact button that is only as wide as the text and icons inside, add the <code> data-inline="true"</code> attribute to the button:</p>
-
-
- <a href="index.html" data-role="button" data-inline="true">Button</a>
-
- <p>If you have multiple buttons that should sit side-by-side on the same line, add the <code> data-inline="true"</code> attribute to each button. This will style the buttons to be the width of their content and float the buttons so they sit on the same line. </p>
-
-<pre><code>
-<a href="index.html" data-role="button" data-inline="true">Cancel</a>
-<a href="index.html" data-role="button" data-inline="true" data-theme="b">Save</a>
-</code></pre>
-
- <p>The result is this:</p>
-
- <a href="index.html" data-role="button" data-inline="true">Cancel</a>
- <a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
-
- <p>Adding the <code>data-mini="true"</code> to the inline buttons creates a more compact version:</p>
-
- <a href="index.html" data-role="button" data-inline="true" data-mini="true">Cancel</a>
- <a href="index.html" data-role="button" data-theme="b" data-inline="true" data-mini="true">Save</a>
-
-
- <p>If you want buttons to sit side-by-side but stretch to fill the width of the screen, you can use the <a href="../content/content-grids.html">content column grids</a> to put normal full-width buttons into 2- or 3-columns.</p>
-
- <h2>Icon example</h2>
- <p>When an <a href="buttons-icons.html">icon</a> is added to an inline button, the button will grow wider to accommodate the icon:<p>
-
- <a href="index.html" data-role="button" data-icon="delete" data-inline="true">Cancel</a>
- <a href="index.html" data-role="button" data-icon="check" data-theme="b" data-inline="true">Save</a>
-
- <p>A mini version of the same:<p>
-
- <a href="index.html" data-role="button" data-icon="delete" data-inline="true" data-mini="true">Cancel</a>
- <a href="index.html" data-role="button" data-icon="check" data-theme="b" data-inline="true" data-mini="true">Save</a>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li data-theme="a"><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button methods</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The following methods apply only to <strong>form buttons</strong>. Link-based buttons do not have any associated methods.</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled form button</dt>
- <dd>
- <pre><code>
-$('[type='submit']').button('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a form button</dt>
- <dd>
- <pre><code>
-$('[type='submit']').button('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the form button</dt>
- <dd>
- <p>If you manipulate a form button via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('[type='submit']').button('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button options</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The following options apply to <strong>all buttons</strong>:</p>
-
- <dl>
- <dt><code>corners</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme button border-radius if set to true. This option is also exposed as a data attribute: <code>data-corners="false"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ corners: "false" }</strong>);</code></pre>
- <a href="#" data-role="button" data-corners="false">No rounded corners</a>
- </dd>
- <dt><code>icon</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null</p>
- <p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a>. This option is also exposed as a data attribute: <code>data-icon="star"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ icon: "star" }</strong>);</code></pre>
- <a href="#" data-role="button" data-icon="star">Star icon</a>
- </dd>
-
- <dt><code>iconpos</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "left"</p>
- <p>Positions the icon in the button. Possible values: left, right, top, bottom, none, notext. The notext value will display an icon-only button with no text feedback. This option is also exposed as a data attribute: <code>data-iconpos="left"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ iconpos: "right" }</strong>);</code></pre>
- <a href="#" data-role="button" data-icon="star" data-iconpos="right">Star icon</a>
- </dd>
-
- <dt><code>iconshadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme shadow to the button's icon if set to true. This option is also exposed as a data attribute: <code>data-iconshadow="false"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ iconshadow: "false" }</strong>);</code></pre>
- <a href="#" data-role="button" data-icon="star" data-iconshadow="false">No icon shadow</a>
- </dd>
-
- <dt><code>inline</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: null (false)</p>
- <p>If set to true, this will make the button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: <code>data-inline="true"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ inline: "true" }</strong>);</code></pre>
- <a href="#" data-role="button" data-inline="true">Inline</a>
- </dd>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: null (false)</p>
- <p>If set to true, this will display a more compact version of the button that uses less vertical height. Possible values: true, false. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ mini: "true" }</strong>);</code></pre>
- <a href="#" data-role="button" data-mini="true">Inline</a>
- </dd>
-
- <dt><code>shadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the drop shadow style to the button if set to true. This option is also exposed as a data attribute: <code>data-shadow="false"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ shadow: "false" }</strong>);</code></pre>
- <a href="#" data-role="button" data-shadow="false">No button shadow</a>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ theme: "a" }</strong>);</code></pre>
- <a href="#" data-role="button" data-theme="a">Theme A</a>
- </dd>
- </dl>
-
- <div class="ui-body ui-body-e">
- <p>The following option applies only to <strong>form buttons</strong>, which are automatically initialized by the framework:</p>
- </div>
-
- <dl>
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as form buttons. To change which elements are initialized, bind this option to the <a href="../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.button.prototype.options.initSelector = ".myButtons";</strong>
-});
-</code></pre>
- </dd>
- </dl>
-
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Theming buttons</h2>
-
- <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches its parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup: </p>
-
- <div class="ui-body ui-body-a"><h4>A swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-b"><h4>B swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-c"><h4>C swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-d"><h4>D swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-e"><h4>E swatch</h4><a href="index.html" data-role="button">Button</a></div>
-
- <h2>Assigning theme swatches</h2>
- <p>Buttons can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the <code> data-theme</code> attribute on the button markup and specifying a swatch letter. </p>
-
-<pre><code>
-<a href="index.html" data-role="button" data-theme="a">Theme a</a>
-</code></pre>
-
- <p>Here are 5 buttons with icons that have a different swatch letter assigned via the <code> data-theme</code> attribute.</p>
-
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-
- <h2>Theme variations</h2>
-
- <p><strong>"a" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-a">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"b" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-b">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"c" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-c">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"d" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-d">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"e" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-e">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li data-theme="a"><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button types</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
-
- <p>Buttons are coded with standard HTML anchor and input elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. Use anchor links (<code>a</code> elements) to mark up navigation buttons, and <code>input</code> or <code>button</code> elements for form submission.</p>
- <p>View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes for buttons including adding <a href="buttons-icons.html">icons</a> or displaying them <a href="buttons-inline.html">inline</a> or <a href="buttons-grouped.html">grouped</a>.</p>
-
- <h2>Styling links as buttons</h2>
-
- <p>In the main content block of a page, you can style any anchor link as a button by adding the <code>data-role="button"</code> attribute. The framework will enhance the link with markup and classes to style the link as a button. For example, this markup: </p>
-
-<code>
-<a href="index.html" data-role="button">Link button</a>
-</code>
-
- <p>Produces this <strong>link-based</strong> button:</p>
- <a href="index.html" data-role="button">Link button</a>
-
- <p><strong>Note:</strong> Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. Link-based buttons aren't part of the <code>button</code> plugin and only just use the underlying <code>buttonMarkup</code> plugin to generate the button styles so the form button methods (enable, disable, refresh) aren't supported. If you need to disable a link-based button (or any element), it's possible to apply the disabled class ui-disabled yourself with JavaScript to achieve the same effect.</p>
-
- <h2>Mini size</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the button to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<a href="index.html" data-role="button" <strong>data-mini="true"</strong>>Link button</a>
-</code></pre>
-
- <p>This will produce a search input that a not as tall as the standard version and has a smaller text size.</p>
- <a href="index.html" data-role="button" data-mini="true">Link button</a>
-
-
-
- <h2>Form buttons</h2>
- <p>For ease of styling, the framework automatically converts any <code>button</code> or <code>input</code> element with a <code>type</code> of <code>submit</code>, <code>reset</code>, <code>button</code>, or <code>image</code> into a custom styled button — there is no need to add the <code> data-role="button"</code> attribute. However, if needed, you can directly call the button plugin on any selector, just like any jQuery plugin:</p>
-
-<code>
-$('[type='submit']').button();
-</code>
-
- <p>To preserve events bound to the original <code>button</code> or <code>input</code>, the framework hides the original element by making it transparent and positioning it over the new button markup. When a user clicks on the the custom-styled button, they're actually clicking on the original element. To prevent a form button from being converted into an enhanced button, add the <code>data-role="none"</code> attribute and hte native control will be rendered.</p>
-
- <p><strong>Button</strong> based button:</p>
- <button>Button element</button>
-
- <p><strong>Input type="button"</strong> based button:</p>
- <input type="button" value="buttonBtn" />
-
- <p><strong>Input type="submit"</strong> based button:</p>
- <input type="submit" value="submitBtn" />
-
- <p><strong>Input type="reset"</strong> based button:</p>
- <input type="reset" value="resetBtn" />
-
- <p><strong>Input type="image"</strong> based button:</p>
- <input type="image" value="imageBtn" />
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>Buttons are core widgets in jQuery Mobile, and are used within a wide range of other plugins.</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div><!-- /content -->
-
-
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.defaultDialogTransition = 'flip';
- });
- </script>
-
- <script src="../../js/"></script>
-
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>defaultDialogTransition is now "flip"</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
- <a href="../pages/dialog.html" data-role="button" data-rel="dialog">Or open a basic dialog</a>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="apple-touch-icon" href="../_assets/images/ios_icon.png"/>
- <link rel="apple-touch-startup-image" href="../_assets/images/ios_startup.png" />
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function() {
- if (!!window.navigator.standalone) {
- $.mobile.page.prototype.options.addBackBtn = true;
- }
- });
- </script>
-
- <script src="../../js/"></script>
-
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>jQuery Mobile</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
-
- <h2>Fullscreen docs in iOS</h2>
- <p>First, hit Add to Home Screen to create a new shortcut icon on the home screen. Next, open the new shortcut and hit the button below to browse the docs as a fullscreen web app.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
- </div>
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <h2>Global config tests</h2>
- <p>The following links will cause a full page refresh so that the global options configuration can take effect. Each link below will tweak a different option for quick testing.</p>
-
-
- <ul data-role="listview" data-inset="true">
- <li>
- <a href="pushState.html" data-ajax="false">
- <h3>pushStateEnabled - False</h3>
- <p>Enhancement to use history.replaceState in supported browsers, to convert the hash-based Ajax URL into the full document path. </p>
- </a>
- </li>
- <li>
- <a href="pageTransition.html" data-ajax="false">
- <h3>defaultPageTransition - Flow</h3>
- <p>Set the default transition for page changes that use Ajax. Set to 'none' for no transitions by default.</p>
- </a>
- </li>
- <li>
- <a href="dialogTransition.html" data-ajax="false">
- <h3>defaultDialogTransition - Flip</h3>
- <p>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions by default.</p>
- </a>
- </li>
- <li>
- <a href="minScrollBack.html" data-ajax="false">
- <h3>minScrollBack - 999</h3>
- <p>Minimum scroll distance that will be remembered when returning to a page.</p>
- </a>
- </li>
- <li>
- <a href="loadingMessage.html" data-ajax="false">
- <h3>loadingMessage - false</h3>
- <p>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</p>
- </a>
- </li>
- <li>
- <a href="loadingMessageTextVisible.html" data-ajax="false">
- <h3>loadingMessageTextVisible - true</h3>
- <p>Show text in the page loader. This page also demonstrates options for ad hoc message generation.</p>
- </a>
- </li>
- <li>
- <a href="pageLoadErrorMessage.html" data-ajax="false">
- <h3>pageLoadErrorMessage - "Yikes, we broke the internet!"</h3>
- <p>Set the text that appears when a page fails to load through Ajax.</p>
- </a>
- </li>
- <li>
- <a href="iOSFullscreen.html" data-ajax="false">
- <h3>apple-mobile-web-app-capable meta tag</h3>
- <p>View the docs without browser chrome in iOS.</p>
- </a>
- </li>
- </ul>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="http://code.jquery.com/jquery-1.7b1.js"></script>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>jQuery version</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>jQuery core version 1.7 Beta 1</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.loadingMessage = false;
- });
- </script>
-
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>loadingMessage is now disabled</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.loadingMessageTextVisible = true;
- });
- </script>
-
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page">
- <script>
- $(document).on("click", ".show-page-loading-msg", function() {
- var $this = $( this ),
- theme = $this.jqmData("theme") || $.mobile.loadingMessageTheme,
- msgText = $this.jqmData("msgtext") || $.mobile.loadingMessage,
- textonly = !!$this.jqmData("textonly");
- $.mobile.showPageLoadingMsg(theme, msgText, textonly);
- })
- .on("click", ".hide-page-loading-msg", function() {
- $.mobile.hidePageLoadingMsg();
- });
- </script>
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>loadingMessage text is now visible</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
- <p>To display the loading message on demand:</p>
- <pre><code>$.mobile.showPageLoadingMsg();</code></pre>
- <p>Click the buttons below to show and hide the loading message with the default options.</p>
- <div data-role="controlgroup">
- <button class="show-page-loading-msg" data-inline="false" data-icon="arrow-r" data-iconpos="right">Show</button>
- <button class="hide-page-loading-msg" data-inline="false" data-icon="delete" data-iconpos="right">Hide</button>
- </div>
-
- <h2>Theming the loading message</h2>
- <p>To display the loading message with a different theme and message:</p>
- <pre><code>$.mobile.showPageLoadingMsg(<strong>"a", "Loading theme a..."</strong>);</code></pre>
- <p>The theme and message can be changed on the fly by calling the method again. Click the buttons below to see the loading message with the indicated theme.</p>
- <div data-role="controlgroup">
- <button class="show-page-loading-msg" data-theme="a" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme a...">Theme a</button>
- <button class="show-page-loading-msg" data-theme="b" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme b...">Theme b</button>
- <button class="show-page-loading-msg" data-theme="c" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme c...">Theme c</button>
- <button class="show-page-loading-msg" data-theme="d" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme d...">Theme d</button>
- <button class="show-page-loading-msg" data-theme="e" data-icon="arrow-r" data-iconpos="right" data-msgtext="Loading theme e...">Theme e</button>
- <button class="hide-page-loading-msg" data-icon="delete" data-iconpos="right">Hide</button>
- </div>
-
- <h2>Text only messages</h2>
- <p>To display the loading message with no spinner:</p>
- <pre><code>$.mobile.showPageLoadingMsg("a", "No spinner", <strong>true</strong>);</code></pre>
- <p>Click the button below to see the loading message with no spinner.</p>
- <div data-role="controlgroup">
- <button class="show-page-loading-msg" data-textonly="true" data-msgtext="Look Ma, no spinner!" data-icon="arrow-r" data-iconpos="right">Show</button>
- <button class="hide-page-loading-msg" data-inline="false" data-icon="delete" data-iconpos="right">Hide</button>
- </div>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.minScrollBack = 999;
- });
- </script>
-
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>minScrollBack is now set to 999 (disabled)</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.pageLoadErrorMessage = 'Yikes, we broke the internet!';
- });
- </script>
-
- <script src="../../js/"></script>
-
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>pageLoadErrorMessage is now "Yikes, we broke the internet!"</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
- <a href="broken.html" data-role="button" data-rel="dialog">Or try this broken link</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.defaultPageTransition = 'flow';
- });
- </script>
-
- <script src="../../js/"></script>
-
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>defaultPageTransition is now "flow"</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.pushStateEnabled = false;
- });
- </script>
-
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>pushStateEnabled is now disabled</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.touchOverflowEnabled = true;
- });
- </script>
-
- <script src="../../js/"></script>
-
-
-</head>
-<body>
-
- <div data-role="page">
-
- <div data-role="header" data-theme="f" data-position="fixed">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>touchOverflowEnabled is now active</h2>
- <p>The toolbar on this page should now be fixed, like a native toolbar. To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
- <a href="../pages/touchoverflow.html" data-role="button" data-icon="arrow-r" data-iconpos="right">touchOverflow docs</a>
-
- <h3>Some good pages to test out:</h3>
- <a href="../toolbars/bars-fixed.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fixed toolbars</a>
- <a href="../toolbars/bars-fullscreen.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fullscreen toolbars</a>
- <a href="../toolbars/footer-persist-a.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fixed persistent footer</a>
- <a href="../pages/page-dialogs.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Dialogs & transitions</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Content formatting API</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <h2>Dependencies</h2>
- <p>To be documented</p>
-
- <h2>Options</h2>
- <p>To be documented</p>
-
- <h2>Methods</h2>
- <p>To be documented</p>
-
- <h2>Known Issues</h2>
- <p>To be documented</p>
-
-
-
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible content</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="content-collapsible-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="content-collapsible-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the container, typically a <code>div</code> element. Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "collapse", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The collapsible plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a collapsible is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).collapsible({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- <dt><code>collapse</code> triggered when a collapsible is collapsed</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).collapsible({
- collapse: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- <dt><code>expand</code> triggered when a collapsible is expanded</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).collapsible({
- expand: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible content</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="content-collapsible-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="content-collapsible-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The collapsible plugin has no public methods.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible content</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="content-collapsible-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="content-collapsible-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The collapsible plugin has the following options:</p>
-
- <dl>
- <dt><code>collapsed</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>When false, the container is initially expanded with a minus icon in the header. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.collapsed = false;</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-collapsed="false"</code>.</p>
- </dd>
-
- <dt><code>collapseCueText</code> <em>string</em></dt>
- <dd>
- <p class="default">default: " click to collapse contents"</p>
- <p>This text is used to provide audible feedback for users with screen reader software. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.collapseCueText = " collapse with a click";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>contentTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the collapsible content block. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.contentTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-content-theme="a"</code>.</p>
- </dd>
-
- <dt><code>expandCueText</code> <em>string</em></dt>
- <dd>
- <p class="default">default: " click to expand contents"</p>
- <p>This text is used to provide audible feedback for users with screen reader software. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.expandCueText = " expand with a click";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>heading</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "h1,h2,h3,h4,h5,h6,legend"</p>
- <p>Within the collapsible container, the first immediate child element that matches this selector will be used as the header for the collapsible. To change the selector, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.heading = ".mycollapsibleheading";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>iconpos</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "left"</p>
- <p>Positions the icon in the collapsible header. Possible values: left, right, top, bottom, none, notext.</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.iconpos = "right";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-iconpos="right"</code>.</p>
- </dd>
-
-<!--
- <dt><code>iconTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "d"</p>
- <p>Sets the color scheme (swatch) for the collapsible header icon. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.iconTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-icon-theme="a"</code>.</p>
- </dd>
--->
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: ":jqmData(role='collapsible')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as collapsibles. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.initSelector = ".mycollapsible";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms/forms-all-mini.html">mini version</a>. If the value is false for an individual collapsible container, but that container is part of a collapsible set, then the value is inherited from the parent collapsible set. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.mini = true;</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-mini="true"</code>.</p>
- </dd>
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the collapsible. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsible.prototype.options.theme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-theme="a"</code>.</p>
- </dd>
-
-
- </dl>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible set</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible sets</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible-set.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the set container, typically a <code>div</code> element. Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "create", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The collapsible set plugin has the following custom event:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a collapsible set is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).collapsibleset({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Sets</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible set</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible sets</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible-set.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The collapsible set plugin has the following method:</p>
-
- <dl>
- <dt><code>refresh</code> update the collapsible set</dt>
- <dd>
- <p>If you manipulate a collapsible set via JavaScript (e.g. add new collapsible containers), you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('.selector').collapsibleset('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Sets</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible set</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible sets</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible-set.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The collapsible plugin has the following options:</p>
-
- <dl>
- <dt><code>iconpos</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "left"</p>
- <p>Positions the icons in the collapsible headers. Possible values: left, right, top, bottom, none, notext.</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsibleset.prototype.options.iconpos = "right";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-iconpos="right"</code>.</p>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: ":jqmData(role='collapsible-set')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as collapsible sets. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsibleset.prototype.options.initSelector = ".mycollapsibleset";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms/forms-all-mini.html">mini version</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsibleset.prototype.options.mini = true;</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-mini="true"</code>.</p>
- </dd>
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the collapsible set. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.collapsibleset.prototype.options.theme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-theme="a"</code>.</p>
- </dd>
-
- </dl>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible set</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible set (accordion)</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible-set.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="content-collapsible-set-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="content-collapsible-set-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="content-collapsible-set-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Collapsible sets start with the exact same markup as <a href="content-collapsible.html">individual collapsibles</a>. By adding a parent wrapper with a <code> data-role="collapsible-set"</code> attribute around a number of collapsibles, the framework will style these to looks like a visually grouped widget and make it behave like an accordion so only one section can be open at a time. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to collapsible sets.</p>
- <p>By default, all the sections will be collapsed. To set a section to be open when the page loads, add the <code> data-collapsed="false"</code> attribute to the heading of the section you want expanded.</p>
-
- <pre><code>
-<strong><div data-role="collapsible-set"></strong>
-
- <div data-role="collapsible" <strong>data-collapsed="false"</strong>>
- <h3>Section 1</h3>
- <p>I'm the collapsible set content for section B.</p>
- </div>
-
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible set content for section B.</p>
- </div>
-
-<strong></div></strong>
- </code></pre>
-
-
- <p>Here is an example of a collapsible set with 5 sections.</p>
-
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 4</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 5</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-
- <h2>Mini collapsible sets</h2>
-
- <p>For a more compact version that is useful in tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
-
- <div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-mini="true">
- <div data-role="collapsible">
- <h3>Section 1</h3>
- <p>Collapsible content</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>Collapsible content</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>Collapsible content</p>
- </div>
- </div>
-
- <h2>Icon positioning</h2>
- <p>Collapsible headings’ default icon positioing can be overridden by using the <code>data-iconpos</code> attribute, either at the <code>collapsible-set</code> level or on an individual collapsible basis.</p>
-
- <div data-role="collapsible-set" data-theme="c" data-iconpos="right">
- <div data-role="collapsible">
- <h3>Section 1</h3>
- <p>Inherits icon positioning from <code>data-iconpos="right"</code> attribute on parent.</p>
- </div>
- <div data-role="collapsible" data-iconpos="left">
- <h3>Section 2</h3>
- <p>data-iconpos="left"</p>
- </div>
- <div data-role="collapsible" data-iconpos="bottom">
- <h3>Section 3</h3>
- <p>data-iconpos="bottom"</p>
- </div>
- <div data-role="collapsible" data-iconpos="top">
- <h3>Section 4</h3>
- <p>data-iconpos="top"</p>
- </div>
- </div>
-
-
-
- <h2>Theming collapsible content</h2>
- <p>The standard <code>data-theme</code> attribute can be used to set the color of each collapsible in a set. To provide a clearer visual grouping of the content with the headers, add the <code>data-content-theme</code> attribute with a swatch letter. This adds a themed background color and border to the content block. For consistent theming, add these attributes to the parent collapsible set.</p>
-
-
-<pre><code>
-<div data-role="collapsible-set" <strong>data-theme="c" data-content-theme="d"</strong>>
-</code></pre>
-
-
- <div data-role="collapsible-set" data-theme="c" data-content-theme="d">
- <div data-role="collapsible">
- <h3>Section 1</h3>
- <p>Collapsible content</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>Collapsible content</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>Collapsible content</p>
- </div>
- </div>
-
- <h2>Theming individual sections</h2>
- <p>To have individual sections in a group styled differently, add <code>data-theme</code> and <code>data-content-theme</code> attributes to specific collapsibles.</p>
-
- <div data-role="collapsible-set" data-content-theme="c">
- <div data-role="collapsible" data-theme="b" data-content-theme="b">
- <h3>Section header, swatch B</h3>
- <p>Collapsible content, swatch B</p>
- </div>
- <div data-role="collapsible" data-theme="a" data-content-theme="a">
- <h3>Section header, swatch A</h3>
- <p>Collapsible content, swatch A</p>
- </div>
- <div data-role="collapsible" data-theme="e" data-content-theme="d">
- <h3>Section header, swatch E</h3>
- <p>Collapsible content, swatch D</p>
- </div>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Collapsible content</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="content-collapsible.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="content-collapsible-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="content-collapsible-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="content-collapsible-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>To create a collapsible block of content, create a container and add the <code> data-role="collapsible"</code> attribute. Using <code>data-content-theme</code> attribute allows you to set a theme for the content of the collapsible. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to collapsibles.</p>
-
- <p>Directly inside this container, add any header element (H1-H6). The framework will style the header to look like a clickable button and add a "+" icon to the left to indicate it's expandable.</p>
-
- <p>After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.</p>
-
- <p>By default, the content will be collapsed.</p>
-<pre><code>
-<div <strong>data-role="collapsible"</strong>>
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
-</div>
-</code></pre>
-
-
- <div data-role="collapsible">
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
- </div>
-
- <h2>Expanding collapsibles on load</h2>
-
- <p>To expand the content when the page loads, add the <code>data-collapsed="false"</code> attribute to the wrapper.</p>
-
-<code>
-<div data-role="collapsible" <strong>data-collapsed="false"></strong>
-</code>
-
- <p>This code will create a collapsible widget like this:</p>
-
-
- <div data-role="collapsible" data-collapsed="false">
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. I'm expanded by default because I have the "collapsed" state set to false.</p>
- </div>
-
- <h2>Mini collapsibles</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
-
- <code>
- <div data-role="collapsible" <strong>data-mini="true"></strong>
- </code>
-
- <p>This code will create a mini collapsible widget:</p>
-
- <div data-role="collapsible" data-mini="true">
- <h3>I'm a mini header</h3>
- <p>I'm the collapsible content. I'm expanded by default because I have the "collapsed" state set to false.</p>
- </div>
-
- <h2>Icon positioning</h2>
- <p>Collapsible headings’ default icon positioing can be overridden by using the <code>data-iconpos</code> attribute. In the below case, <code>data-iconpos="right"</code>.</p>
-
- <div data-role="collapsible" data-iconpos="right">
- <h3>I'm a header</h3>
- <p><code>data-iconpos="right"</code></p>
- </div>
-
-
- <h2>Theming collapsible content</h2>
-
-
- <p>Collapsible content is minimally styled — we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.</p>
-
- <p>To provide a stronger visual connection between the collapsible header and content, add the <code>data-content-theme</code> attribute to the wrapper and specify a theme swatch letter. This will apply the swatch's border and <em>flat</em> background color (not the gradient) to the content block and changes the corner rounding to square off the bottom of the header and round the bottom of the content block instead to visually group these elements.</p>
-
-<pre><code>
-<div data-role="collapsible" <strong>data-content-theme="c"</strong>>
- <h3>Header swatch A</h3>
- <p>I'm the collapsible content with a themed content block set to "C".</p>
-</div>
-</code></pre>
-
- <div data-role="collapsible" data-content-theme="c">
- <h3>Header swatch</h3>
- <p>I'm the collapsible content with a themed content block set to "C".</p>
- </div>
-
- <h2>Theming collapsible headers</h2>
- <p>To set the theme on a collapsible header button, add the <code>data-theme</code> attribute to the wrapper and specify a swatch letter. Note that you can mix and match swatch letters between the header and content with these theme attributes.</p>
-
-<pre><code>
-<div data-role="collapsible" <strong>data-theme="a" data-content-theme="a"</strong>>
- <h3>Header swatch A</h3>
- <p>I'm the collapsible content with a themed content block set to "A".</p>
-</div>
-</code></pre>
-
- <div data-role="collapsible" data-theme="a" data-content-theme="a">
- <h3>Header swatch A</h3>
- <p>I'm the collapsible content with a themed content block set to "A".</p>
- </div>
-
-
-
- <div data-role="collapsible" data-theme="b" data-content-theme="d">
- <h3>Header swatch B</h3>
- <p>I'm the collapsible content with a themed content block set to "D".</p>
- </div>
-
-
-
- <h2>Nested Collapsibles</h2>
-
- <p>Collapsibles can be nested inside each other if needed. In this example, we're setting the content theme to provide clearer visual connection between the levels.</p>
- <div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="c">
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
-
- <div data-role="collapsible" data-theme="c" data-content-theme="c">
- <h3>I'm a nested collapsible with a child collapsible</h3>
- <p>I'm a child collapsible.</p>
- <div data-role="collapsible" data-theme="d" data-content-theme="d">
- <h3>Nested inside again.</h3>
- <p>Three levels deep now.</p>
- </div><!-- /section 1A -->
- </div><!-- /section 1 -->
-
-
- <div data-role="collapsible" data-content-theme="c">
- <h3>Section 3: Form elements</h3>
- <form action="#" method="get">
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
- <div data-role="fieldcontain">
- <label for="slider">Input slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </form>
- </div><!-- /section 2 -->
-
- <div data-role="collapsible" data-content-theme="c">
- <h3>Section 4: Collapsed list</h3>
- <p>Here is an inset list:</p>
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- </ul>
- </div><!-- /section 3 -->
- </div>
-
-
-
- <h2>Collapsible sets (accordions)</h2>
- <p>It's possible to combine multiple collapsibles into a grouped sets that acts like an <a href="content-collapsible-set.html">accordion widget</a>.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content Grids</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Layout grids</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example). </p>
-
- <p>The jQuery Mobile framework provides a simple way to build CSS-based columns through a block style class convention called <code>ui-grid</code>. </p>
-
- <p>There are four preset configurations layouts that can be used in any situation that requires columns:</p>
- <ul>
- <li><strong>two</strong>-column (using the <code>ui-grid-a</code> class)</li>
- <li><strong>three</strong>-column (using the <code>ui-grid-b</code> class)</li>
- <li><strong>four</strong>-column (using the <code>ui-grid-c</code> class)</li>
- <li><strong>five</strong>-column (using the <code>ui-grid-d</code> class)</li>
- </ul>
-
- <p>Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them. </p>
- <p>Within the grid container, child elements are assigned <code>ui-block-a/b/c/d</code> in a sequential manner which makes each "block" element float side-by-side, forming the grid. The <code>ui-block-a</code> class essentially clears the floats which will start a new line (see multiple row grids, below).</p>
-
- <h2>Two column grids</h2>
- <p>To build a two-column (50/50%) layout, start with a container with a <code>class</code> of <code>ui-grid-a</code>, and add two child containers inside it classed with <code>ui-block-a</code> for the first column and <code>ui-block-b</code> for the second:</p>
-
-<pre><code>
-<div class="ui-grid-a">
- <div class="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap</div>
- <div class="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap</div>
-</div><!-- /grid-a -->
-</code></pre>
-
-
-
- <p>The above markup produces the following content layout:</p>
-
- <div class="ui-grid-a">
- <div class="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap.</div>
- <div class="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap.</div>
- </div><!-- /grid-a -->
-
- <p>As you see above, by default grid blocks have no visual styling; they simply present content side-by-side.</p>
-
- <p>Grid classes can be applied to any container. In this next example, we add <code>ui-grid-a</code> to a <code>fieldset</code>, and apply the <code>ui-block</code> classes to the two buttons inside to stretch them each to 50% of the screen width:</p>
-
-<pre><code>
-<fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
-</fieldset>
-</code></pre>
-
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
-
-
- <p>Theme classes (not data-theme attributes) from the <a href="../api/themes.html">theming system</a> can be added to an element, including grids. On the blocks below, we're adding two classes: <code>ui-bar</code> to add the default bar padding and <code>ui-bar-e</code> to apply the background gradient and font styling for the "e" toolbar theme swatch. For illustration purposes, an inline <code>style="height:120px"</code> attribute is also added to each grid to set each to a standard height. </p>
-
- <div class="ui-grid-a">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
- </div><!-- /grid-a -->
-
- <h2>Three-column grids</h2>
- <p>The other grid layout configuration uses <code>class=ui-grid-b</code> on the parent, and 3 child container elements, each with its respective <code>ui-block-a/b/c</code> class, to create a three-column layout (33/33/33%). Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
-
-<pre><code>
-<div class="ui-grid-b">
- <div class="ui-block-a">Block A</div>
- <div class="ui-block-b">Block B</div>
- <div class="ui-block-c">Block C</div>
-</div><!-- /grid-b -->
-</code></pre>
-
- <p>This will produce a 33/33/33% grid for our content.</p>
-
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">Block C</div></div>
- </div><!-- /grid-b -->
-
- <p>And an example of a 3 column grid with buttons inside:</p>
-
- <fieldset class="ui-grid-b">
- <div class="ui-block-a"><button type="submit" data-theme="c">Hmm</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">No</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Yes</button></div>
- </fieldset>
-
- <h2>Four-column grids</h2>
-
- <p>A four-column, 25/25/25/25% grid is created by specifying <code>class=ui-grid-c</code> on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
-
- <div class="ui-grid-c">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
- </div><!-- /grid-c -->
-
- <h2>Five-column grids</h2>
- <p>A five-column, 20/20/20/20/20% grid is created by specifying <code>class=ui-grid-d</code> on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
-
- <div class="ui-grid-d">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
- <div class="ui-block-e"><div class="ui-bar ui-bar-e" style="height:120px">E</div></div>
- </div><!-- /grid-c -->
-
- <h2>Multiple row grids</h2>
-
- <p>Grids are designed to wrap to multiple rows of items. For example, if you specify a 3-column grid (ui-grid-b) on a container that has nine child blocks, it will wrap to 3 rows of 3 items each. There is a CSS rule to clear the floats and start a new line when the <code>class=ui-block-a</code> is seen so make sure to assign block classes in a repeating sequence (a, b, c, a, b, c, etc.) that maps to the grid type:</p>
-
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- </div><!-- /grid-c -->
-
-
- <h2>Grids in toolbars</h2>
- <p>Grids are helpful for creating layouts within a toolbar. Here's a footer with a 3 column grid.</p>
- <!-- NOTE: Inline styles are for demo purposes only, please use external styles -->
- <div data-role="footer" data-theme="a" class="ui-bar ui-grid-c">
- <div class="ui-block-a"><h3 style="margin-top:10px;">Settings</h3></div>
- <div class="ui-block-b"><label for="value" style="margin:8px 10px 0 0; text-align:right;">Price</label> </div>
- <div class="ui-block-c"><input id="value" value="5,000"></div>
- <div class="ui-block-d"><div style="margin:6px 0 0 10px;"><button type="submit" data-theme="b">Update</button></div></div>
- </div><!-- /footer -->
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li data-theme="a"><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - HTML formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>HTML Formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <style>
- table { width:100%; }
- table caption { text-align:left; }
- table thead th { text-align:left; border-bottom-width:1px; border-top-width:1px; }
- table th, td { text-align:left; padding:6px;}
- </style>
-
-
-
-
- <p>The default approach to styling content in jQuery Mobile is simple: Use a light hand. Our goal is to let the browser's native rendering take precedence; we add a bit of padding for more comfortable readability, and use the <a href="../api/themes.html">theming system</a> to apply the font family and colors. </p>
- <p>Taking a light hand with content styling gives designers and developers a clean slate to work with, instead of fighting against a lot of complex style overhead.</p>
-
- <h2>Default HTML markup styling</h2>
- <p>By default, jQuery Mobile themes use standard HTML styles and sizes for standard markup elements like headers, paragraph content, block quotes, anchor links, standard ordered, unordered and definition lists, and tables — as shown in the examples below:</p>
- <hr>
-
- <h1>H1 Heading</h1>
- <h2>H2 Heading</h2>
- <h3>H3 Heading</h3>
- <h4>H4 Heading</h4>
- <h5>H5 Heading</h5>
- <h6>H6 Heading</h6>
-
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
-
- <blockquote>How about some blockquote action with a <cite>cite</cite></blockquote>
-
- <p>This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.</p>
-
- <p>We add a few styles to <code>tables</code> and <code>fieldsets</code> to make them more legible, which are easily overridden with customs styles.</p>
-
- <ul>
- <li>Unordered list item 1</li>
- <li>Unordered list item 1</li>
- <li>Unordered list item 1</li>
- </ul>
-
- <ol>
- <li>Ordered list item 1</li>
- <li>Ordered list item 1</li>
- <li>Ordered list item 1</li>
- </ol>
-
- <dl title="Definition list">
- <dt>Definition term</dt>
- <dd>I'm the definition text</dd>
- <dt>Definition term</dt>
- <dd>I'm the definition text</dd>
- </dl>
-
-
-
- <table summary="This table lists all the JetBlue flights.">
- <caption>Travel Itinerary</caption>
- <thead>
- <tr>
- <th scope="col">Flight:</th>
- <th scope="col">From:</th>
- <th scope="col">To:</th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <td colspan="5">Total: 3 flights</td>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <th scope="row">JetBlue 983</th>
- <td>Boston (BOS)</td>
- <td>New York (JFK)</td>
- </tr>
- <tr>
- <th scope="row">JetBlue 354</th>
- <td>San Francisco (SFO)</td>
- <td>Los Angeles (LAX)</td>
- </tr>
- <tr>
- <th scope="row">JetBlue 465</th>
- <td>New York (JFK)</td>
- <td>Portland (PDX)</td>
- </tr>
- </tbody>
- </table>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li data-theme="a"><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content Themes</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming content</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Theming the content area</h2>
- <p>The main content area of a page (container with the <code> data-role="content"</code> attribute) should be themed by adding the <code> data-theme</code> attribute to the <code> data-role="page"</code> container to ensure that the background colors are applied to the full page, regardless of the content length. (If you add the <code> data-theme</code> attribute to the content container, the background color will stop after the content. So there may be a gap in color between the content and fixed footer.)</p>
- <p>Additionally, the content area of a collapsible can be themed to match the theme of the collapsible header using the <code>data-content-theme</code> attribute.</p>
-
-<code>
-<div data-role="page" <strong> data-theme="a"</strong> <strong>data-content-theme="a"</strong>>
-</code>
-
- <h2>Theming collapsible blocks</h2>
- <p>To set the color of the collapsible header, add the <code> data-theme</code> attribute to the collapsible container. The icon and body are not currently themable through data attributes, but can be styled directly with custom css.</p>
-
-<code>
-<div data-role="collapsible" data-collapsed="true" <strong> data-theme="a"></strong>
-</code>
- <h2>Themed examples</h2>
-
- <p><strong>A</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-a">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="a">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="a" data-content-theme="a">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>B</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-b">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="b">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="b" data-content-theme="b">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>C</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-c">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="c">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="c" data-content-theme="c">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>D</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-d">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="d">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="d" data-content-theme="d">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>E</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-e">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="e">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="e" data-content-theme="e">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li data-theme="a"><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Content formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>The content of pages in jQuery Mobile is completely open-ended, but the jQuery Mobile framework provides a number of helpful tools and widgets — such as collapsible panels and multiple-column grid layouts — to make it easy to format your content for mobile devices.</p>
-
-
-
-
- <ul data-role="listview" data-inset="true">
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
- <!--<li><a href="api-content.html">API documentation</a></li>-->
- </ul>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$("input[type='checkbox']").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The checkbox plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a checkbox is created</dt>
- <dd>
-
- <pre><code>
-$("input[type='checkbox']").checkboxradio({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Checkboxes are used to provide a list of options where more than one can be selected. Traditional desktop checkboxes are not optimized for touch input so in jQuery Mobile, we style the <code>label</code> for the checkboxes so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
-
- <p>Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to checkboxes.</p>
-
- <p>To create a single checkbox, add an <code>input</code> with a <code>type="checkbox"</code> attribute and a corresponding <code>label</code>. If the <code>input</code> isn’t wrapped in its corresponding <code>label</code>, be sure to set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated.</p>
-
- <pre><code>
-<label><input type="checkbox" name="checkbox-1" /> I agree </label>
-
-<input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
-<label for="checkbox-0">I agree</label>
- </code></pre>
-
- <p>The above snippets will produce two basic checkboxes. The default styles will set the width of the element to 100% of the parent container.</p>
-
- <label> <input type="checkbox" name="checkbox-1 "/> I agree</label>
-
- <input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
- <label for="checkbox-0">I agree</label>
-
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<input type="checkbox" name="checkbox-0" id="checkbox-mini-0" class="custom" <strong>data-mini="true"</strong> />
-<label for="checkbox-mini-0">I agree</label>
-</code></pre>
-
- <p>This will produce a select that is not as tall as the standard version and has a smaller text size.</p>
- <input type="checkbox" name="checkbox-0" id="checkbox-mini-0" class="custom" data-mini="true" />
- <label for="checkbox-mini-0">I agree</label>
-
-
- <h2>Field containers & Legends</h2>
- <p>Because checkboxes use the <code>label</code> element for the text displayed next to the checkbox form element, we recommend wrapping the checkbox in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question. Add the <code> data-role="controlgroup"</code> attribute to the <code>fieldset</code> so it can be styled in a parallel way as text inputs, selects or other form elements.</p>
-
- <p>Wrap the <code>fieldset</code> in a <code>div</code> with <code> data-role="fieldcontain"</code> attribute so it can be styled in a parallel way as text inputs, selects or other form elements.</p>
-
-
-<pre><code>
-<div data-role="fieldcontain">
- <strong><fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend></strong>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
- <label for="checkbox-1">I agree</label>
- <strong></fieldset></strong>
-</div>
-</code></pre>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
- <label for="checkbox-1">I agree</label>
- </fieldset>
- </div>
-
-
-
- <h2>Vertically grouped checkboxes</h2>
-
- <p>Typically, there are multiple checkboxes listed under a question title. To visually integrate multiple checkboxes into a grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the fie.</p>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <h2>Horizontal toggle sets</h2>
-
- <p>Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the <code> data-type="horizontal"</code> to the <code>fieldset</code>.</p>
-
-<code>
-<fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong>>
-</code>
-
- <p>The framework will float the labels so they sit side-by-side on a line, hide the checkbox icons and only round the left and right edges of the group.</p>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The checkbox has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled checkbox</dt>
- <dd>
- <pre><code>
- $("input[type='checkbox']").checkboxradio('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a select.</dt>
- <dd>
- <pre><code>
-$("input[type='checkbox']").checkboxradio('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the custom select</dt>
- <dd>
- If you manipulate a checkbox via JavaScript, you must call the refresh method on it to update the visual styling.
- <pre><code>
-$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The checkbox has the following options:</p>
-
- <dl>
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$("input[type='checkbox']").checkboxradio(<strong>{ mini: "true" }</strong>);</code></pre>
- </dd>
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$("input[type='checkbox']").checkboxradio(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>jQuery Mobile provides a complete set of finger-friendly form elements that are based on native HTML form elements.</p>
-
- <h2>Form structure</h2>
-
- <p>All forms should be wrapped in a <code>form</code> tag that has an <code>action</code> and <code>method</code> that will handle the form data processing on the server.</p>
-
-<code>
-<form action="form.php" method="post">
-...
-</form>
-</code>
-
-
-<h2>Markup conventions</h2>
-<p>When constructing forms to be used in jQuery Mobile, most of the standard guidelines used to create forms that submit via ordinary HTTP POST or GET still apply. Additionally, the <code>id</code> attributes of form controls need to be not only unique on a given page, but also unique across the pages in a site. This is because jQuery Mobile's single-page navigation model allows many different "pages" to be present in the DOM at the same time. You must be careful to use unique <code>id</code> attributes so there will be only one of each in the DOM. Be sure to pair them properly with <code>label</code> elements via the <code>for</code> attribute.</p>
-
- <h2>Mini sized elements</h2>
-
- <p>For a more compact version of all form elements and buttons, add the <code>data-mini="true"</code> attribute to the element to create a <a href="forms-all-mini.html">mini version</a>. This is useful in toolbars and tight spaces but is still finger-friendly. It's possible to add this attribute to a fieldcontainer to set this on a number of elements at once.</p>
-
-<pre><code>
-<label for="basic">Text Input:</label>
-<input type="text" name="name" id="basic" <strong>data-mini="true"</strong> />
- </code></pre>
-
- <p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
- <label for="mini">Text Input:</label>
- <input type="text" name="name" id="mini" value="" data-mini="true" />
-
- <h2>Hiding labels accessibly</h2>
- <p>For the sake of accessibility, jQuery Mobile requires that all form elements be paired with a meaningful <code>label</code>. To hide labels in a way that leaves them visible to assistive technologies—for example, when letting an element’s <code>placeholder</code> attribute serve as a label—apply the helper class <code>ui-hidden-accessible</code> to the label itself:</p>
-<code>
-<pre>
-<label for="username" <strong>class="ui-hidden-accessible"</strong>>Username:</label>
-<input type="text" name="username" id="username" value="" placeholder="Username"/>
-</pre>
-</code>
-
- <p>To hide labels within a field container and adjust the layout accordingly, add the class <code>ui-hide-label</code> to the field container as in the following:</p>
-
-<code>
-<pre>
-<div data-role="fieldcontain" <strong>class="ui-hide-label"</strong>>
- <label for="username">Username:</label>
- <input type="text" name="username" id="username" value="" placeholder="Username"/>
-</div>
-</pre>
-</code>
-
- <p>Both of the above examples will render as:</p>
- <div data-role="fieldcontain" class="ui-hide-label">
- <label for="username">Username:</label>
- <input type="text" name="username" id="username" value="" placeholder="Username" />
- </div>
-
- <p>While the label will no longer be visible, it will be available to assisitive technologies such as screen readers.</p>
-
-
- <h2>Disabling form elements</h2>
- <p>All jQuery Mobile widgets can be disabled in the markup by adding the standard <code>disabled</code> attribute to the element, just like you would with native controls. Each form widget also has standard <code>disable</code> and <code>enable</code> methods that are documented with each form widget. Here are a few examples of disabled widgets: </p>
-
- <div data-role="fieldcontain">
- <label for="foo">Text Input:</label>
- <input type="text" name="name" id="foo" value="" disabled />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Gender:</legend>
- <input type="radio" name="gender" id="radio-female" value="f" disabled />
- <label for="radio-female">Female</label>
-
- <input type="radio" name="gender" id="radio-male" value="m" disabled />
- <label for="radio-male">Male</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="flip-s">Server status:</label>
- <select name="flip-s" id="flip-s" data-role="slider" disabled >
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Max bandwidth:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" disabled />
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-x" class="select">Shipping:</label>
- <select name="select-shipper" id="select-choice-x" disabled>
- <option></option>
- <option value="standard">Standard</option>
- <option value="rush">Rush</option>
- <option value="express">Express</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <p>Note that you can disable buttons created from <code>button</code> or <code>input</code>-based markup, but not links with a role of button. Links don't have a parallel disabled feature in HTML, but if you need to disable a link-based button (or any element), it's possible to apply the disabled class <code>ui-disabled</code> yourself with JavaScript to achieve the same effect. </p>
-
- <h2>Field containers</h2>
- <p>To improve the styling of labels and form elements on wider screens, wrap a <code>div</code> or <code>fieldset </code>with the <code> data-role="fieldcontain"</code> attribute around each label/form element. This framework aligns the input and associated label side-by-side, and breaks to stacked block-level elements below ~480px. The framework will also add a thin bottom border to act as a field separator.</p>
-
- <h2>Forms in toolbars</h2>
- <p>While all form elements are now tested to work correctly within <em>static</em> toolbars as of jQuery Mobile 1.1, we recommend extensive testing when using form elements within <em>fixed</em> toolbars or within any <code>position: fixed</code> elements. This can potentially trigger a number of unpredictable issues in various mobile browsers, Android 2.2/2.3 in particular (detailed in <a href="http://jqm.dev/docs/toolbars/bars-fixed.html">Known issues in Android 2.2/2.3</a>).</p>
-
- <p>For example:</p>
-<pre><code>
-<div data-role="fieldcontain">
-<label for="name">Text Input:</label>
-<input type="text" name="name" id="name" value="" />
-</div>
-</code></pre>
-
- <p>Will render as:</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <p>For additional examples, see the <a href="forms-all.html">form elements gallery</a></p>
-
-
- <h2>Auto-initialization of form elements</h2>
- <p>By default, jQuery Mobile will automatically enhance certain native form controls into rich touch-friendly components. This is handled internally by finding form elements by tag name and running a plugin method on them. For instance, a <code>select</code> element will be found and initialized with the "selectmenu" plugin, while an <code>input</code> element with a <code>type="checkbox"</code> will be enhanced with the "checkboxradio" plugin. Once initialized, you can address these enhanced components programmatically through their jQuery UI widget API methods. See options, methods, and events listed on each form plugin's documentation page for details. </p>
-
- <h2>Initializing groups of dynamically-injected form elements</h2>
- <p>If you should generate new markup client-side or load in content via AJAX and inject it into a page, you can trigger the <code>create</code> event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page div itself), saving you the task of manually initializing each plugin (see below).</p>
-
- <p>For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the create event to automatically transform all the widgets it contains (inputs and buttons in this case) into the enhanced versions. The code for this scenario would be:</p>
-
- <code>
- $( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
- </code>
-
- <h2>Refreshing form elements</h2>
-
- <p>In jQuery Mobile, some enhanced form controls are simply styled (inputs), but others are custom controls (selects, sliders) built from, and kept in sync with, the native control. To programmatically update a form control with JavaScript, first manipulate the native control, then use the <code>refresh</code> method to tell the enhanced control to update itself to match the new state. Here are some examples of how to update common form controls, then call the <code>refresh</code> method:</p>
- <h4>Checkboxes:</h4>
-
-<code>
-$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");
-</code>
-
-<h4>Radios:</h4>
-<code>
-$("input[type='radio']").prop("checked",true).checkboxradio("refresh");
-</code>
-
-<h4>Selects:</h4>
-<code><pre>
-var myselect = $("#selectfoo");
-myselect[0].selectedIndex = 3;
-myselect.selectmenu("refresh");
-</pre></code>
-
-<h4>Sliders:</h4>
-<code>
-$("input[type='range']").val(60).slider("refresh");
-</code>
-
-<h4>Flip switches (they use slider):</h4>
-
-<code><pre>
-var myswitch = $("#selectbar");
-myswitch[0].selectedIndex = 1;
-myswitch.slider("refresh");
-</pre></code>
-
- <h2>Preventing auto-initialization of form elements</h2>
- <p>If you'd prefer that a particular form control be left untouched by jQuery Mobile, simply give that element the attribute <code> data-role="none"</code>. For example:</p>
- <pre><code>
-<label for="foo">
-<select name="foo" id="foo" <strong> data-role="none"</strong>>
- <option value="a" >A</option>
- <option value="b" >B</option>
- <option value="c" >C</option>
-</select>
-</code></pre>
-
-
- <p>If you'd like to prevent auto-initialization without adding attributes to your markup, you can customize the selector that is used for preventing auto-initialization by setting the page plugin's <code>keepNative</code> option (which defaults to <code>[data-role="none"]</code>). Be sure to configure this option inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
- <pre><code>
-$(document).bind('mobileinit',function(){
- <strong>$.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";</strong>
-});
- </code></pre>
-
- <p>Alternately you can use the <code>data-enhance="false"</code> data attribute on a parent element with <code>$.mobile.ignoreContentEnabled</code> set to true. Beware though, this will incur a performance penalty for each and every element in the page that would otherwise be enhanced as jQuery Mobile must traverse the set of parents to look for those elements.</p>
-
-<p>One special case is that of selects. The above sample will prevent any and all augmentation from taking place on select elements in the page if <code>select</code> is included. If you wish to retain the native performance and appearance of the menu itself and benefit from the visual augmentation of the select button by jQuery Mobile, you can set <code>$.mobile.selectmenu.prototype.options.nativeMenu</code> to true in a <code>mobileinit</code> callback as a global setting or use <code>data-native-menu="true"</code> on a case by case basis.</p>
-
-
- <h2>File Inputs</h2>
- <p>Using a multipart form with a file input is not supported by ajax. In this case you should decorate the parent form with <code>data-ajax="false"</code> to ensure the form is submitted properly to the server.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li data-theme="a"><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Form element size comparison</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Form sizes</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Form size comparison</h2>
-
- <p>All form controls accept a <code>data-mini="true"</code> attribute that renders a smaller version of the enhanced element. In the case of grouped buttons, the <code>data-mini="true"</code> attribute can be added to the containing controlgroup.</p>
-
- <style>
- table { width:100%; border-bottom:1px solid #ccc; border-collapse: collapse; }
- th { text-align:left; margin-right:50px; display:none; }
- th h3 { margin:.6em 0; }
- th, td { vertical-align:top; border-top:1px solid #ccc; padding: 4px 10px; }
- </style>
-
- <table margin="0">
- <tr>
- <th><h3><a href="search/index.html">Search</a></h3></th>
- <td>
- <label for="search-full" class="ui-hidden-accessible">Search Input:</label>
- <input type="search" name="name" id="search-full" value="" />
- </td>
- <td>
- <label for="text-mini" class="ui-hidden-accessible">Search Input:</label>
- <input type="search" name="name" id="search-mini" value="" data-mini="true" />
- </td>
- </tr>
- <tr>
- <th><h3><a href="textinputs/index.html">Text</a></h3></th>
- <td>
- <label for="text-full" class="ui-hidden-accessible">Text Input:</label>
- <input type="text" name="name" id="text-full" value="" />
- </td>
- <td>
- <label for="text-mini" class="ui-hidden-accessible">Text Input:</label>
- <input type="text" name="name" id="text-mini" value="" data-mini="true" />
- </td>
- </tr>
- <tr>
- <th><h3><a href="textinputs/index.html">Textarea</a></h3></th>
- <td>
- <label for="textarea-full" class="ui-hidden-accessible">Textarea:</label>
- <textarea name="textarea" id="textarea-full"></textarea>
- </td>
- <td>
- <label for="textarea-mini" class="ui-hidden-accessible">Textarea:</label>
- <textarea name="textarea" id="textarea-mini" data-mini="true"></textarea>
- </td>
- </tr>
- <tr>
- <th><h3><a href="switch/index.html">Switch</a></h3></th>
- <td>
- <label for="flip-full" class="ui-hidden-accessible">Flip switch:</label>
- <select name="slider" id="flip-full" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </td>
- <td>
- <label for="flip-mini" class="ui-hidden-accessible">Flip switch:</label>
- <select name="slider" id="flip-mini" data-role="slider" data-mini="true">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </td>
- </tr>
- <tr>
- <th><h3><a href="slider/index.html">Slider</a></h3></th>
- <td style="padding-top:14px;">
- <label for="slider-full" class="ui-hidden-accessible">Input slider:</label>
- <input type="range" name="slider-1" id="slider-full" value="25" min="0" max="100" data-highlight="true" class="ui-hidden-accessible" />
- </td>
- <td style="padding-top:16px;">
- <label for="slider-mini" class="ui-hidden-accessible">Input slider:</label>
- <input type="range" name="slider-1" id="slider-mini" value="25" min="0" max="100" data-highlight="true" data-mini="true" class="ui-hidden-accessible" />
- </td>
- </tr>
- <tr>
- <th><h3><a href="select/index.html">Select</a></h3></th>
- <td>
- <label for="select-full" class="ui-hidden-accessible">Shipping method:</label>
- <select name="select-choice-0" id="select-full">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </td>
- <td>
- <label for="select-mini" class="ui-hidden-accessible">Shipping method:</label>
- <select name="select-choice-0" id="select-mini" data-mini="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </td>
- </tr>
- <tr>
- <th><h3><a href="checkboxes/index.html">Checkbox</a></h3></th>
- <td>
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="checkbox-1a" id="c-full-1" />
- <label for="c-full-1">Apples</label>
- <input type="checkbox" name="checkbox-2a" id="c-full-2" />
- <label for="c-full-2">Oranges</label>
- <input type="checkbox" name="checkbox-3a" id="c-full-3" />
- <label for="c-full-3">Bananas</label>
- </fieldset>
- </td>
- <td>
- <fieldset data-role="controlgroup" data-mini="true">
- <input type="checkbox" name="checkbox-1a" id="c-mini-1" />
- <label for="c-mini-1">Apples</label>
- <input type="checkbox" name="checkbox-2a" id="c-mini-2" />
- <label for="c-mini-2">Oranges</label>
- <input type="checkbox" name="checkbox-3a" id="c-mini-3" />
- <label for="c-mini-3">Bananas</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <th><h3><a href="checkboxes/index.html">Checkbox</a></h3></th>
- <td>
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="checkbox" name="checkbox-1a" id="c-full-4" />
- <label for="c-full-4">B</label>
- <input type="checkbox" name="checkbox-2a" id="c-full-5" />
- <label for="c-full-5">I</label>
- <input type="checkbox" name="checkbox-3a" id="c-full-6" />
- <label for="c-full-6">U</label>
- </fieldset>
- </td>
- <td>
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <input type="checkbox" name="checkbox-1a" id="c-mini-4" />
- <label for="c-mini-4">B</label>
- <input type="checkbox" name="checkbox-2a" id="c-mini-5" />
- <label for="c-mini-5">I</label>
- <input type="checkbox" name="checkbox-3a" id="c-mini-6" />
- <label for="c-mini-6">U</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <th><h3><a href="radiobuttons/index.html">Radio buttons</a></h3></th>
- <td>
- <fieldset data-role="controlgroup">
- <input type="radio" name="radio-choice-1" id="radio-full-1" value="choice-1" checked="checked" />
- <label for="radio-full-1">Credit</label>
- <input type="radio" name="radio-choice-1" id="radio-full-2" value="choice-2" />
- <label for="radio-full-2">Debit</label>
- <input type="radio" name="radio-choice-1" id="radio-full-3" value="choice-3" />
- <label for="radio-full-3">Cash</label>
- </fieldset>
- </td>
- <td>
- <fieldset data-role="controlgroup" data-mini="true">
- <input type="radio" name="radio-choice-1" id="radio-mini-1" value="choice-1" checked="checked" />
- <label for="radio-mini-1">Credit</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-2" value="choice-2" />
- <label for="radio-mini-2">Debit</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-3" value="choice-3" />
- <label for="radio-mini-3">Cash</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <th><h3><a href="radiobuttons/index.html">Radio toggle</a></h3></th>
- <td>
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-choice-1" id="radio-full-4" value="choice-1" checked="checked" />
- <label for="radio-full-4">Design</label>
- <input type="radio" name="radio-choice-1" id="radio-full-5" value="choice-2" />
- <label for="radio-full-5">Code</label>
- </fieldset>
- </td>
- <td>
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <input type="radio" name="radio-choice-1" id="radio-mini-4" value="choice-1" checked="checked" />
- <label for="radio-mini-4">Design</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-5" value="choice-2" />
- <label for="radio-mini-5">Code</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <th><h3><a href="radiobuttons/index.html">Radio toggle</a></h3></th>
- <td>
- <button type="submit">Button</button>
- </td>
- <td>
- <button type="submit" data-mini="true">Button</button>
- </td>
- </tr>
- </table>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li data-theme="a"><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Gallery of Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Mini forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Mini form elements</h2>
-
- <p>All form controls accept a <code>data-mini="true"</code> attribute that renders a smaller version of the <a href="forms-all.html">standard-sized</a> form elements. In the case of grouped buttons, the <code>data-mini="true"</code> attribute can be added to the containing controlgroup. <a href="forms-all-compare.html">Compare mini and normal</a> form elements side-by-side.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" data-mini="true" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea" data-mini="true"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" data-mini="true" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider" data-mini="true">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true" data-mini="true" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-mini="true">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-mini="true">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1" data-mini="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-mini="true">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false" data-mini="true">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d" data-mini="true">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a" data-mini="true">Submit</button></div>
- </fieldset>
- </div>
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li data-theme="a"><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Native Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Native form elements & buttons</h2>
-
- <p>Although the framework automatically enhances form elements and buttons into <a href="forms-all.html">touch input optimized controls</a> to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.</p>
- <p>Adding the <code>data-role="none"</code> attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea" data-role="none"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="none">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" data-role="none" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" data-role="none" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" data-role="none" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" data-role="none" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" data-role="none" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" data-role="none" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" data-role="none" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" data-role="none" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-role="none" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" data-role="none" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" data-role="none" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" data-role="none" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" data-role="none" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" data-role="none" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1" data-role="none">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-role="none">
- <option>Choose...</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
-
-
-
- <p><strong>Button</strong> based button:</p>
- <button data-role="none">Button element</button>
-
- <p><strong>Input type="button"</strong> based button:</p>
- <input type="button" value="Input type=button" data-role="none" />
-
- <p><strong>Input type="submit"</strong> based button:</p>
- <input type="submit" value="Input type=submit" data-role="none" />
-
- <p><strong>Input type="reset"</strong> based button:</p>
- <input type="reset" value="Input type=reset" data-role="none" />
-
- <p><strong>Input type="image"</strong> based button:</p>
- <input type="image" src="../_assets/images/jquery-logo.png" style="width:120px; padding:5px; background:#fff; border:1px solid #999;" value="Input type=image" data-role="none" />
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li data-theme="a"><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Gallery of Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Form elements</h2>
-
- <p>This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally. Browsers that don't support the custom controls will still deliver a usable experience because all are based on native form elements.</p>
-
- <p>There is a complete set of <a href="forms-all-mini.html">mini-sized</a> form elements which are useful for toolbars or tighter spaces. <a href="forms-all-compare.html">Compare mini and normal</a> form elements side-by-side.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
- </fieldset>
- </div>
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li data-theme="a"><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample form response</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
-
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="e">
- <h1>Sample form response</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
- <div class="content-primary">
-
- <form action="index.html" method="get">
-
- <h2>You Chose:</h2>
-
- <div class="ui-body ui-body-d ui-corner-all">
-
- <?php
- echo "<p> " . $_REQUEST['shipping'] . "</p>";
- ?>
-
- </div>
-
- <a href="forms-sample.html" data-role="button" data-theme="b" data-icon="arrow-l">Change shipping method</a>
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="forms-selects.html">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample Form Submit to Self</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
-
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Sample form submit to self</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
- <div class="content-primary">
-
- <form action="forms-sample-selfsubmit.php" method="post">
-
- <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
- <legend>Testing</legend>
- <div>
- <?php $g = $_REQUEST['gender']; ?>
- <input type="radio" name="gender" value="m" id="gender-1" <?=$g=="m"? "checked": ""; ?> /><label for="gender-1">Male</label>
- <input type="radio" name="gender" value="f" id="gender-2" <?=$g=="f"? "checked": ""; ?> /><label for="gender-2">Female</label>
- </div>
- </fieldset>
-
- <button type="submit">Submit</submit>
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="forms-selects.html">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample Form Submit</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Ajax form submission</h2>
-
- <p>In jQuery Mobile, form submissions are automatically handled using Ajax whenever possible, creating a smooth transition between the form and the result page. To ensure your form submits as intended, be sure to specify <code>action</code> and <code>method</code> properties on your form element. When unspecified, the method will default to <code>get</code>, and the <code>action</code> will default to the current page's relative path (found via <code>$.mobile.path.get()</code>)</p>
- <p>Forms also accept attributes for transitions just like anchors, such as <code>data-transition="pop"</code> and <code>data-direction="reverse"</code>. To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the <code>data-ajax="false"</code> attribute. The <code>target</code> attribute (as in <code>target="_blank"</code>) is respected on forms as well, and will default to the browser's handling of that target when the form submits. Note that unlike anchors, the <code>rel</code> attribute is not allowed on forms.</p>
-
-
- <h2>Default Ajax form example</h2>
- <p>This demonstrates automated ajax handling of form submissions. The form below is configured to send a <code>GET</code> request to <code>forms-sample-response.php</code>. On submit, jQuery Mobile will make sure that the Url specified is able to be retrieved via Ajax, and handle it appropriately. Keep in mind that just like ordinary HTTP form submissions, jQuery Mobile allows <code>GET</code> result pages to be bookmarked by updating the URL hash when the response returns successfully. Also like ordinary form submissions, <code>POST</code> requests do not contain query parameters in the hash, so they are not bookmarkable.</p>
- <form action="forms-sample-response.php" method="get" class="ui-body ui-body-a ui-corner-all">
- <fieldset>
- <div data-role="fieldcontain">
- <label for="shipping" class="select">Shipping method:</label>
- <select name="shipping" id="shipping">
- <option value="Standard shipping">Standard: 7 day</option>
- <option value="Rush shipping">Rush: 3 days</option>
- <option value="Express shipping">Express: next day</option>
- <option value="Overnight shipping">Overnight</option>
- </select>
- </div>
- <button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
- </fieldset>
- </form>
-
- <h2>Non-Ajax form example</h2>
-
- <p>To prevent form submissions from being automatically handled with Ajax, add the <code>data-ajax="false"</code> attribute to the form element. You can also turn off Ajax form handling completely via the <code>ajaxEnabled</code> <a href="../api/globalconfig.html">global config option</a>.</p>
-
- <p>The form below is identical to the one above except for the addition of the <code>data-ajax="false"</code> attribute. When the submit button is pressed, it will result in a full page refresh.</p>
- <form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">
- <fieldset>
- <div data-role="fieldcontain">
- <label for="shipping" class="select">Shipping method:</label>
- <select name="shipping" id="shipping">
- <option value="Standard shipping">Standard: 7 day</option>
- <option value="Rush shipping">Rush: 3 days</option>
- <option value="Express shipping">Express: next day</option>
- <option value="Overnight shipping">Overnight</option>
- </select>
- </div>
- <button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
- </fieldset>
- </form>
-
- <h2>Self-submitting Forms</h2>
- <p>You can submit forms to the same URL you're currently viewing by setting the form's <code>action</code> attribute to that URL. <A href="forms-sample-selfsubmit.php">This page demonstrates.</a></p>
- <p>When a <code>POST</code> request is submitted to a page that's already in the DOM (which would commonly happen when submitting a form to the same URL currently in view), the response URL will be identical to that existing page, as <code>POST</code> requests do not append query string parameters to the URL. In this situation, jQuery Mobile will replace the page that submitted the form with the page returned in the response body.</p>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Form themes</h2>
- <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages and forms are styled. By default all form elements inside a container will automatically adopt the same theme color swatch as their parent. This allows form elements to blend into their layouts with minimal work. The <code> data-theme</code> attribute can be applied to any individual form element to apply any of the lettered theme color swatches to create contrast and emphasis in your designs.</p>
-
- <p>All the form elements in the examples below use the same HTML code with no theme swatch specified on the individual form elements. The only difference between each example block code is a <code> data-theme</code> swatch color assigned to each parent container. This illustrates the way form elements automatically adopt the theme swatch of their parent.</p>
-
-
- <h2>Body swatch A</h2>
- <div class="ui-body ui-body-a">
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- </div><!-- /body-a -->
-
- <h2>Body swatch B</h2>
- <div class="ui-body ui-body-b">
-
- <div data-role="fieldcontain">
- <label for="name-b">Text Input:</label>
- <input type="text" name="name" id="name-b" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-b">Flip switch:</label>
- <select name="switch-b" id="switch-b" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-b">Slider:</label>
- <input type="range" name="slider" id="slider-b" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6b" id="checkbox-6b" class="custom" />
- <label for="checkbox-6b">b</label>
-
- <input type="checkbox" name="checkbox-7b" id="checkbox-7b" class="custom" />
- <label for="checkbox-7b"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8b" id="checkbox-8b" class="custom" />
- <label for="checkbox-8b">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1b" value="choice-1" />
- <label for="radio-choice-1b">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2b" value="choice-2" />
- <label for="radio-choice-2b">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3b" value="choice-3" />
- <label for="radio-choice-3b">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4b" value="choice-4" />
- <label for="radio-choice-4b">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-b" class="select">Choose shipping method:</label>
- <select name="select-choice-b" id="select-choice-b">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-b -->
-
-
- <h2>Body swatch C</h2>
- <div class="ui-body ui-body-c">
-
- <div data-role="fieldcontain">
- <label for="name-c">Text Input:</label>
- <input type="text" name="name" id="name-c" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-c">Flip switch:</label>
- <select name="switch-c" id="switch-c" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-c">Slider:</label>
- <input type="range" name="slider" id="slider-c" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6c" id="checkbox-6c" class="custom" />
- <label for="checkbox-6c">b</label>
-
- <input type="checkbox" name="checkbox-7c" id="checkbox-7c" class="custom" />
- <label for="checkbox-7c"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8c" id="checkbox-8c" class="custom" />
- <label for="checkbox-8c">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1c" value="choice-1" />
- <label for="radio-choice-1c">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2c" value="choice-2" />
- <label for="radio-choice-2c">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3c" value="choice-3" />
- <label for="radio-choice-3c">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4c" value="choice-4" />
- <label for="radio-choice-4c">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-c" class="select">Choose shipping method:</label>
- <select name="select-choice-c" id="select-choice-c">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-c -->
-
-
-
- <h2>Body swatch D</h2>
- <div class="ui-body ui-body-d">
-
- <div data-role="fieldcontain">
- <label for="name-d">Text Input:</label>
- <input type="text" name="name" id="name-d" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-d">Flip switch:</label>
- <select name="switch-d" id="switch-d" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-d">Slider:</label>
- <input type="range" name="slider" id="slider-d" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6d" id="checkbox-6d" class="custom" />
- <label for="checkbox-6d">b</label>
-
- <input type="checkbox" name="checkbox-7d" id="checkbox-7d" class="custom" />
- <label for="checkbox-7d"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8d" id="checkbox-8d" class="custom" />
- <label for="checkbox-8d">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1d" value="choice-1" />
- <label for="radio-choice-1d">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2d" value="choice-2" />
- <label for="radio-choice-2d">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3d" value="choice-3" />
- <label for="radio-choice-3d">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4d" value="choice-4" />
- <label for="radio-choice-4d">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-d" class="select">Choose shipping method:</label>
- <select name="select-choice-d" id="select-choice-d">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-d -->
-
-
- <h2>Body swatch E</h2>
- <div class="ui-body ui-body-e">
-
- <div data-role="fieldcontain">
- <label for="name-e">Text Input:</label>
- <input type="text" name="name" id="name-e" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-e">Flip switch:</label>
- <select name="switch-e" id="switch-e" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-e">Slider:</label>
- <input type="range" name="slider" id="slider-e" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6e" id="checkbox-6e" class="custom" />
- <label for="checkbox-6e">b</label>
-
- <input type="checkbox" name="checkbox-7e" id="checkbox-7e" class="custom" />
- <label for="checkbox-7e"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8e" id="checkbox-8e" class="custom" />
- <label for="checkbox-8e">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1e" value="choice-1" />
- <label for="radio-choice-1e">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2e" value="choice-2" />
- <label for="radio-choice-2e">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3e" value="choice-3" />
- <label for="radio-choice-3e">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4e" value="choice-4" />
- <label for="radio-choice-4e">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-e" class="select">Choose shipping method:</label>
- <select name="select-choice-e" id="select-choice-e">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-e -->
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li data-theme="a"><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Form elements</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>All form elements begin with standard HTML controls that are enhanced to make them more attractive and easy to use. In browsers that don't support the custom controls, they will still have a usable experience because these are all based on native form elements.</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
- </ul>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Form Plugin Methods</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Form Plugin Methods</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <div class="ui-body ui-body-e">
- <h4>We've retired this page.</h4>
-
- <p>Plugin events and methods are now documented separately for each component (see links on the left).</p>
- </div>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$("input[type='radio']").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The radio button plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a radio button is created</dt>
- <dd>
-
-
- <pre><code>
-$("input[type='radio']").checkboxradio({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio Buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Radio buttons are used to provide a list of options where only a single item can be selected. Traditional desktop radio buttons are not optimized for touch input so jQuery Mobile styles the <code>label</code> for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
-
- <p>Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to radio buttons.</p>
-
- <h2>Vertically grouped radio buttons</h2>
-
- <p>To create a set of radio buttons, add an <code>input</code> with a <code>type="radio"</code> attribute and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated.</p>
-
- <p>The <code>label</code> element is displayed next to the radio form element. Wrap the radio buttons in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question.</p>
-
- <p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the container.</p>
-
-<pre><code>
-<strong><fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend></strong>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
-<strong></fieldset></strong>
-</code></pre>
-
-
- <p>This will produce a vertically grouped radio button set. The default styles set the width of the button group to 100% of the parent container and stacks the label on a separate line.</p>
-
-
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-1a" id="radio-pet-1a" value="choice-1" checked="checked" />
- <label for="radio-pet-1a">Cat</label>
-
- <input type="radio" name="radio-pet-1a" id="radio-pet-2a" value="choice-2" />
- <label for="radio-pet-2a">Dog</label>
-
- <input type="radio" name="radio-pet-1a" id="radio-pet-3a" value="choice-3" />
- <label for="radio-pet-3a">Hamster</label>
-
- <input type="radio" name="radio-pet-1a" id="radio-pet-4a" value="choice-4" />
- <label for="radio-pet-4a">Lizard</label>
- </fieldset>
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<fieldset data-role="controlgroup" <strong>data-mini="true"</strong>>
-
- <input type="radio" name="radio-choice-1" id="radio-mini-1" value="choice-1" checked="checked" />
-
- <label for="radio-mini-1">Credit</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-2" value="choice-2" />
-
- <label for="radio-mini-2">Debit</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-3" value="choice-3" />
-
- <label for="radio-mini-3">Cash</label>
-</fieldset>
-</code></pre>
-
- <p>This will produce a radio button that is not as tall as the standard version and has a smaller text size.</p>
-
- <fieldset data-role="controlgroup" data-mini="true">
- <input type="radio" name="radio-choice-1" id="radio-mini-1" value="choice-1" checked="checked" />
- <label for="radio-mini-1">Credit</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-2" value="choice-2" />
- <label for="radio-mini-2">Debit</label>
- <input type="radio" name="radio-choice-1" id="radio-mini-3" value="choice-3" />
- <label for="radio-mini-3">Cash</label>
- </fieldset>
-
- <h2>Field containers</h2>
-
- <p>Optionally wrap the radiobuttons in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
- <pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
-<strong></div>
-</strong> </code></pre>
-
-
- <p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the container.</p>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-1" id="radio-pet-1" value="choice-1" checked="checked" />
- <label for="radio-pet-1">Cat</label>
-
- <input type="radio" name="radio-pet-1" id="radio-pet-2" value="choice-2" />
- <label for="radio-pet-2">Dog</label>
-
- <input type="radio" name="radio-pet-1" id="radio-pet-3" value="choice-3" />
- <label for="radio-pet-3">Hamster</label>
-
- <input type="radio" name="radio-pet-1" id="radio-pet-4" value="choice-4" />
- <label for="radio-pet-4">Lizard</label>
- </fieldset>
- </div>
- <h2>Horizontal radio button sets</h2>
-
- <p>Radio buttons can also be used for grouped button sets where only a single button can be selected at once, such as a view switcher control. To make a horizontal radio button set, add the <code> data-type="horizontal"</code> to the <code>fieldset</code>.</p>
-
- <code>
- <fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong> >
- </code>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-view" id="radio-view-a" value="list" />
- <label for="radio-view-a">List</label>
- <input type="radio" name="radio-view" id="radio-view-b" value="grid" />
- <label for="radio-view-b">Grid</label>
- <input type="radio" name="radio-view" id="radio-view-c" value="gallery" />
- <label for="radio-view-c">Gallery</label>
- </fieldset>
- </div>
-
- <p>The labels float so they sit side-by-side on a line. The radio button icons are hidden and only the left and right edges of the group are rounded.</p>
-
-
-
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The radio button has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled radio button</dt>
- <dd>
- <pre><code>
- $("input[type='radio']").checkboxradio('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a select.</dt>
- <dd>
- <pre><code>
-$("input[type='radio']").checkboxradio('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the custom select</dt>
- <dd>
- If you manipulate a radio button via JavaScript, you must call the refresh method on it to update the visual styling.
- <pre><code>
-$("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The radio button has the following options:</p>
-
- <dl>
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$("input[type='radio']").checkboxradio(<strong>{ mini: "true" }</strong>);</code></pre>
- </dd>
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$("input[type='radio']").checkboxradio(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Search Input events</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
-<p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$(".mySearchInput").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The text input plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a text input is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).textinput({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Search input</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Search inputs are a new HTML type that is styled with pill-shaped corners and adds a "x" icon to clear the field once you start typing. Start with an <code>input</code> with a <code>type="search"</code> attribute in your markup. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to search inputs.</p>
-
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
-<pre><code>
-<label for="search-basic">Search Input:</label>
-<input type="search" name="search" id="searc-basic" value="" />
-</code></pre>
-
- <p>This will produce a basic search input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.</p>
- <label for="search-basic">Search Input:</label>
- <input type="search" name="search" id="search-basic" value="" />
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<label for="search-basic">Search Input:</label>
-<input type="search" name="search" id="searc-basic" value="" <strong>data-mini="true"</strong> />
-</code></pre>
-
- <p>This will produce a search input that is not as tall as the standard version and has a smaller text size.</p>
- <label for="search-mini">Search Input:</label>
- <input type="search" name="search" id="search-mini" value="" />
-
- <h2>Field containers</h2>
-
- <p>Optionally wrap the search input in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
-<strong></div>
-</strong></code></pre>
-
- <p>The search input is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="search2" id="search" value="" />
- </div>
-
- <h2>Theming</h2>
- <p>The <code>data-theme</code> attribute can be added to the search input to set the theme to any swatch letter.</p>
- <div data-role="fieldcontain">
- <label for="searchA">Search Input:</label>
- <input type="search" name="search3" id="searchA" value="" data-theme="a" />
- </div>
-
- <h2>Setting the clear button text</h2>
- <p>The text for the button used to clear the search input of text can be configured for all search inputs by binding to the <code>mobileinit</code> event and setting the <code>$.mobile.textinput.prototype.options.clearSearchButtonText</code> property to a string of your choosing.</p>
-
- <h2>Calling the textinput plugin</h2>
-
-<p>This plugin will auto-initialize on any page that contains a text input with the <code>type="search"</code> attribute without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on a selector, just like any jQuery plugin:</p>
-<pre><code>
-$('.mySearchInput').textinput();
-</code></pre>
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Search Input methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('disable');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Search options</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following options:</p>
-
- <dl>
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.textinput.prototype.options.initSelector = ".myInputs";</strong>
-});
-</code></pre>
- </dd>
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$('.selector').textinput(<strong>{ mini: "true" }</strong>);</code></pre>
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').textinput(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- <dt><code>clearSearchButtonText</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "clear text"</p>
- <p>Sets the text used for the button that clears the search input of text.</p>
- <pre><code>$('.selector').textinput(<strong>{ clearSearchButtonText: "custom value" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
-<h2>Select menus</h2>
-
-<ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
-</ul>
-
-<h2>Custom select menus</h2>
-<p>The framework is capable of building a custom menu based on the <code>select</code> element's list of options. We recommend using a custom menu when multiple selections are required, or when the menu itself must be styled with CSS.</p>
-
-<p>You can optionally use custom-styled select menus instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as <code>optgroup</code> support on Android (all explained below). In addition, the framework applies the custom button's theme to the menu to better match the look and feel and provide visual consistency across platforms. Lastly, custom menus often look better on desktop browsers because native desktop menus are smaller than their mobile counterparts and tend to look disproportionate.</p>
-
- <p>Keep in mind that there is overhead involved in parsing the native select to build a custom menu. If there are a lot of selects on a page, or a select has a long list of options, this can impact the performance of the page, so we recommend using custom menus sparingly. </p>
-
- <p>To use custom menus on a specific <code>select</code>, just add the <code>data-native-menu="false"</code> attribute. Alternately, this can also programmatically set the select menu's <code>nativeMenu</code> configuration option to <code>false</code> in a callback bound to the <code>mobileinit</code> event to achieve the same effect. This will globally make all selects use the custom menu by default. The following must be included in the page after jQuery is loaded but before jQuery Mobile is loaded.</p>
-
-
-<code>
-<pre>
-$(document).bind('mobileinit',function(){
- $.mobile.selectmenu.prototype.options.nativeMenu = false;
-});
-</pre>
-</code>
-
- <p>When the <code>select</code> has a small number of options that will fit on the device's screen, the menu will appear as a small overlay with a pop transition:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-custom" class="select">Shipping method:</label>
- <select name="select-choice-1" id="select-choice-custom" data-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <p>When it has too many options to show on the device's screen, the framework will automatically create a new "page" populated with a standard <a href="../../lists/docs-lists.html">list view</a> for the options. This allows us to use the native scrolling included on the device for moving through a long list. The text inside the <code>label</code> is used as the title for this page.</p>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <h3>Disabled options</h3>
- <p>jQuery Mobile will automatically disable and style option tags with the <code>disabled</code> attribute. In the demo below, the second option "Rush: 3 days" has been set to disabled.</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-7" class="select">Shipping method:</label>
- <select name="select-choice-7" id="select-choice-7">
- <option value="standard">Standard: 7 day</option>
- <option value="rush" disabled="disabled">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h3>Placeholder options</h3>
- <p>It's common for developers to include a "null" option in their select element to force a user to choose an option. If a placeholder option is present in your markup, jQuery Mobile will hide them in the overlay menu, showing only valid choices to the user, and display the placeholder text inside the menu as a header. A placeholder option is added when the framework finds:</p>
- <ul>
- <li>An option with no value attribute (or an empty value attribute)</li>
- <li>An option with no text node</li>
- <li>An option with a <code>data-placeholder="true"</code> attribute. (This allows you to use an option that has a value and a textnode as a placeholder option).</li>
- </ul>
-
- <p>You can disable this feature through the selectmenu plugin's <code>hidePlaceholderMenuItems</code> option, like this:</p>
- <pre>
- <code>
-$.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false;
- </code>
- </pre>
-
- <p>Examples of various placeholder options:</p>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-4" class="select">Shipping method:</label>
- <select name="select-choice-4" id="select-choice-4" data-native-menu="false">
- <option></option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-5" class="select">Shipping method:</label>
- <select name="select-choice-5" id="select-choice-5" data-native-menu="false">
- <option>Choose one...</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-6" class="select">Shipping method:</label>
- <select name="select-choice-6" id="select-choice-6" data-native-menu="false">
- <option value="choose-one" data-placeholder="true">Choose one...</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <h3>Multiple selects</h3>
- <p>If the <code>multiple</code> attribute is present in your markup, jQuery Mobile will enhance the element with a few extra considerations:</p>
-
- <ul>
- <li>A header element will be created inside the menu and display the placeholder text and a close button.</li>
- <li>Clicking on an item inside the overlay menu will not close the widget.</li>
- <li>A ghosted, unchecked icon will appear adjacent to each unselected item. When the item is selected the icon will change to a checkbox. Neither icon will appear inside a single select box.</li>
- <li>Once 2+ items are selected, a counter element with the total number of selected items will appear inside the button.</li>
- <li>The text of each selected item will appear inside the button as a list. If the button is not wide enough to display the entire list, it is truncated with an ellipses.</li>
- <li>If no items are selected, the button's text will default to the placeholder text.</li>
- <li>If no placeholder element exists, the default button text will be blank and the header will appear with just a close button. Because this isn't a friendly user experience, we recommended that you always specify a placeholder element when using multiple select boxes.</li>
- </ul>
-
- <div data-role="fieldcontain">
- <label for="select-choice-9" class="select">Shipping method(s):</label>
- <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false">
- <option>Choose options</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <p>When a select is large enough to where the menu will open in a new page, the placeholder text is displayed in the button when no items are selected, and the <code>label</code> text is displayed in the menu's header. This differs from smaller overlay menus where the placeholder text is displayed in both the button and the header, and from full-page single selects where the placeholder text is not used at all.</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-10" class="select">Choose state(s):</label>
- <select name="select-choice-10" id="select-choice-10" multiple="multiple" data-native-menu="false">
- <option>Choose options</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
-
-
-
-
- <h3>Optgroup support</h3>
- <p>If a select menu contains <code>optgroup</code> elements, jQuery Mobile will create a divider & group items based on the <code>label</code> attribute's text:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-8" class="select">Shipping method:</label>
- <select name="select-choice-8" id="select-choice-8" data-native-menu="false">
- <option>Choose shipping method</option>
- <optgroup label="USPS">
- <option value="standard" selected>Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </optgroup>
- <optgroup label="FedEx">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- </select>
- </div>
-
-
- <h2>Theming selects</h2>
- <p>You can specify any jQuery Mobile button <code>data-</code> attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-22" class="select">Actions</label>
- <select name="select-choice-22" id="select-choice-22" data-theme="e" data-icon="gear" data-inline="true" data-native-menu="false">
- <option value="view">User details</option>
- <option value="edit">Edit user</option>
- <option value="deactivate">De-activate</option>
- <option value="delete">Delete user</option>
- </select>
- </div>
-
- <p>The <code>data-overlay-theme</code> attribute can be added to a select element to set the color of the overlay layer for the dialog-based custom select menus and the outer border of the smaller custom menus. By default, the content block colors for swatch A will be used for the overlays.</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-15" class="select">Size</label>
- <select name="select-choice-15" id="select-choice-15" data-theme="b" data-overlay-theme="d" data-native-menu="false">
- <option value="t">Tall</option>
- <option value="g">Grande</option>
- <option value="v">Vente</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-13" class="select">Choose state(s):</label>
- <select name="select-choice-13" id="select-choice-13" data-native-menu="false" data-theme="a" data-overlay-theme="e">
- <option>Choose options</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select events</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="custom.html" data-role="button" data-transition="fade">Custom</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
-
-<p>Bind events directly to the <code>select</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$(".mySelect").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The select menu plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a select menu is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).selectmenu({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The select menu is based on a native <code>select</code> element, which is hidden from view and replaced with a custom-styled select button that matches the look and feel of the jQuery Mobile framework. The select menu is ARIA-enabled and keyboard accessible on the desktop as well. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to selects.</p>
-
- <p>By default, the framework leverages the native OS options menu to use with the custom button. When the button is clicked, the native OS menu will open. When a value is selected and the menu closes, the custom button's text is updated to match the selected value. Please note that the framework also offers the possibility of having custom (non-native) select menus; see details at the bottom of this page and on the <a href="custom.html"> custom select menu</a> page.</p>
-
- <p>To add a select menu to your page, start with a standard <code>select</code> element populated with a set of <code>option</code> elements. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>select</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons. </p>
-
- <p>The framework will find all <code>select</code> elements and automatically enhance them into select menus, no need to apply a <code>data-role</code> attribute. To prevent the automatic enhancement of a select, add <code>data-role="none"</code> attribute to the <code>select</code>.</p>
-
-<pre><code>
-<label for="select-choice-0" class="select">Shipping method:</label>
-<select name="select-choice-0" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
-</select>
-</code></pre>
-
- <p>This will produce a basic select menu. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.</p>
-
- <label for="select-choice-0" class="select">Shipping method:</label>
- <select name="select-choice-0" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<label for="select-choice-min" class="select">Shipping method:</label>
-<select name="select-choice-min" id="select-choice-1" <strong>data-mini="true"</strong>>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
-</select>
-</code></pre>
-
- <p>This will produce a select that a not as tall as the standard version and has a smaller text size.</p>
- <label for="select-choice-min" class="select">Shipping method:</label>
- <select name="select-choice-0" id="select-choice-min" data-mini="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-
- <h2>Field containers</h2>
- <p>Optionally wrap the selects in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="select-choice-1" class="select">Shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-<strong></div>
-</strong></code></pre>
-
- <p>The select input is now displayed like this:</p>
-
-
-<div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-
-<p>An example of a select with a long list of options:</p>
-
-<div data-role="fieldcontain">
- <label for="select-choice-2" class="select">Your state:</label>
- <select name="select-choice-2" id="select-choice-2">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
-</div>
-
-<h2>Optgroups</h2>
-<p>The following example organizes the options into <code>optgroup</code> elements. Support for this feature in mobile selects is a bit spotty, but is improving.</p>
-
-<div data-role="fieldcontain">
- <label for="select-choice-nc" class="select">Preferred delivery:</label>
- <select name="select-choice-8" id="select-choice-nc">
- <optgroup label="FedEx">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- <optgroup label="UPS">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- <optgroup label="US Mail">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day (disabled)</option>
- <option value="overnight">Overnight</option>
- </optgroup>
- </select>
-</div>
-
-
-
-<h2>Vertically grouped select inputs</h2>
-
-<p>To create a grouped set of select inputs, first add <code>select</code> and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>select</code> so they are semantically associated.</p>
-
-<p>Because the <code>label</code> element will be associated with each individual select input, we recommend wrapping the selects in a <code>fieldset</code> element that has a <code>legend</code> which acts as the combined label for the grouped inputs.</p>
-
-<p>Lastly, one needs to wrap the <code>fieldset</code> in a <code>div</code> with <code> data-role="controlgroup"</code> attribute, so it can be styled as a group.</p>
-
-<pre><code>
-<div data-role="fieldcontain">
-<fieldset data-role="controlgroup">
- <legend>Date of Birth:</legend>
-
- <label for="select-choice-month">Month</label>
-<select name="select-choice-month" id="select-choice-month">
- <option>Month</option>
- <option value="jan">January</option>
- <!-- etc. -->
-</select>
-
- <label for="select-choice-day">Day</label>
-<select name="select-choice-day" id="select-choice-day">
- <option>Day</option>
- <option value="1">1</option>
- <!-- etc. -->
-</select>
-
-<label for="select-choice-year">Year</label>
-<select name="select-choice-year" id="select-choice-year">
- <option>Year</option>
- <option value="2011">2011</option>
- <!-- etc. -->
-</select>
-</fieldset>
-</div>
-</code></pre>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Date of Birth:</legend>
-
- <label for="select-choice-month">Month</label>
- <select name="select-choice-month" id="select-choice-month">
- <option>Month</option>
- <option value="jan">January</option>
- <option value="dec">December</option>
- <option value="feb">February</option>
- <option value="mar">March</option>
- <option value="apr">April</option>
- <option value="may">May</option>
- <option value="jun">June</option>
- <option value="jul">July</option>
- <option value="aug">August</option>
- <option value="sep">September</option>
- <option value="oct">October</option>
- <option value="nov">November</option>
- <option value="dec">December</option>
- </select>
-
- <label for="select-choice-day">Day</label>
- <select name="select-choice-day" id="select-choice-day">
- <option>Day</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- </select>
-
- <label for="select-choice-year">Year</label>
- <select name="select-choice-year" id="select-choice-year">
- <option>Year</option>
- <option value="2011">2011</option>
- <option value="2010">2010</option>
- <option value="2009">2009</option>
- <option value="2008">2008</option>
- <option value="2007">2007</option>
- <option value="2006">2006</option>
- <option value="2005">2005</option>
- <option value="2004">2004</option>
- </select>
- </fieldset>
-
-</div>
-
-<h2>Horizontally grouped select inputs</h2>
-<p>Select inputs can also be used for grouped sets with more than one related selections. To make a horizontal button set, add the <code>data-type="horizontal"</code> to the fieldset. Note that the buttons which trigger the select will resize depending on the currently selected option’s value. Note that browsers without support for <code>display: inline-block;</code> will group the selects vertically, as above.</p>
-
-<code>
-<fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong>>
-</code>
-
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Date of Birth:</legend>
-
- <label for="select-choice-month">Month</label>
- <select name="select-choice-month" id="select-choice-month">
- <option value="jan">Jan</option>
- <option value="dec">Dec</option>
- <option value="feb">Feb</option>
- <option value="mar">Mar</option>
- <option value="apr">Apr</option>
- <option value="may">May</option>
- <option value="jun">Jun</option>
- <option value="jul">Jul</option>
- <option value="aug">Aug</option>
- <option value="sep">Sep</option>
- <option value="oct">Oct</option>
- <option value="nov">Nov</option>
- <option value="dec">Dec</option>
- </select>
-
- <label for="select-choice-day">Day</label>
- <select name="select-choice-day" id="select-choice-day">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- <option value="9">9</option>
- <option value="10">10</option>
- <option value="11">11</option>
- <option value="12">13</option>
- <option value="13">14</option>
- <option value="15">15</option>
- </select>
-
- <label for="select-choice-year">Year</label>
- <select name="select-choice-year" id="select-choice-year">
- <option value="2011">2012</option>
- <option value="2011">2011</option>
- <option value="2010">2010</option>
- <option value="2009">2009</option>
- <option value="2008">2008</option>
- <option value="2007">2007</option>
- <option value="2006">2006</option>
- <option value="2005">2005</option>
- <option value="2004">2004</option>
- </select>
- </fieldset>
-
-<h2>Calling the select menu plugin</h2>
-<p>The select menu plugin will auto initialize on any page that contains a select menu, without any need for a <code>data-role</code> attribute in the markup. However, you can directly call the select menu plugin on any selector, just like any normal jQuery plugin:</p>
-<pre><code>
-$('select').selectmenu();
-</code></pre>
-
- </form>
-
-
- <h2>Theming selects</h2>
- <p>You can specify any jQuery Mobile button <code>data-</code> attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-11" class="select">Actions</label>
- <select name="select-choice-11" id="select-choice-11" data-theme="e" data-icon="gear" data-inline="true">
- <option value="view">User details</option>
- <option value="edit">Edit user</option>
- <option value="deactivate">De-activate</option>
- <option value="delete">Delete user</option>
- </select>
- </div>
-
-
- <h2>Custom select menus</h2>
- <p>For the sake of advanced styling, the framework also offers a method of generating <a href="custom.html">custom menus</a> from existing select menu markup instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as <code>optgroup</code> support on Android.
-
- <div align="right"><a href="custom.html" data-role="button" data-icon="arrow-r" data-iconpos="right" data-inline="true" align="right">Custom select menu docs</a>
-</div>
- </p>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The select menu plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>close</code> close an open select menu</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('close');
- </code></pre>
- </dd>
-
- <dt><code>enable</code> enable a disabled select</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a select.</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('disable');
- </code></pre>
- </dd>
-
- <dt><code>open</code> open a closed select menu (<a href="custom.html">custom menus</a> only)</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('open');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the custom select</dt>
- <dd>
- This is used to update the custom select to reflect the native select element's value.If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu. Also, if you pass a true argument you can force the rebuild to happen.
- <pre><code>
-//refresh value
-$('select').selectmenu('refresh');
-
-//refresh and force rebuild
-$('select').selectmenu('refresh', true);
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select options</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The select menu plugin has the following options:</p>
-
-
- <dl>
-
- <dt><code>corners</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme button border-radius to the select button if set to true. This option is also exposed as a data attribute: <code>data-corners="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ corners: "false" }</strong>);</code></pre>
- </dd>
- <dt><code>icon</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "arrow-down"</p>
- <p>Applies an icon from the <a href="../../buttons/buttons-icons.html">icon set</a> to the custom button. This option is also exposed as a data attribute: <code>data-icon="star"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ icon: "star" }</strong>);</code></pre>
- </dd>
-
- <dt><code>iconpos</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "right"</p>
- <p>Position of the icon in the select button. Possible values: left, right, none, notext. The notext value will display the select as an icon-only button with no text feedback. This option is also exposed as a data attribute: <code>data-iconpos="left"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ iconpos: "left" }</strong>);</code></pre>
- </dd>
-
- <dt><code>iconshadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme shadow to the select button if set to true. This option is also exposed as a data attribute: <code>data-iconshadow="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ iconshadow: "false" }</strong>);</code></pre>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "select:not(:jqmData(role='slider'))"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as select menus. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
- <pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.selectmenu.prototype.options.initSelector = ".myselect";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>inline</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: null (false)</p>
- <p>If set to true, this will make the select button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the select button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: <code>data-inline="true"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ inline: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ mini: "true" }</strong>);</code></pre>
-
- <dt><code>nativeMenu</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>When set to true, clicking the custom-styled select menu will open the native select menu which is best for performance. If set to false, the custom select menu style will be used instead of the native menu. This option is also exposed as a data attribute: <code>data-native-menu="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ nativeMenu: "false" }</strong>);</code></pre>
- </dd>
-
- <dt><code>overlayTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: a</p>
- <p>Sets the color of the overlay layer for the dialog-based custom select menus and the outer border of the smaller custom menus. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, the content block colors for swatch A will be used for the overlays. This option is also exposed as a data attribute: <code>ui-body-d</code></p>
- <pre><code>$('select').selectmenu(<strong>{ overlayTheme: "d" }</strong>);</code></pre>
- </dd>
-
- <dt><code>preventFocusZoom</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true on iOS platforms</p>
- <p>This option disables page zoom temporarily when a custom select is focused, which prevents iOS devices from zooming the page into the select. By default, iOS often zooms into form controls, and the behavior is often unnecessary and intrusive in mobile-optimized layouts. This option is also exposed as a data attribute: <code>data-prevent-focus-zoom="true"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ preventFocusZoom: true }</strong>);</code></pre>
- </dd>
-
-
- <dt><code>shadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the drop shadow style to the select button if set to true. This option is also exposed as a data attribute: <code>data-shadow="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ shadow: "false" }</strong>);</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider events</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The slider plugin has the following custom event:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a slider is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).slider({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>To add a slider widget to your page, use a standard <code>input</code> with the <code>type="range"</code> attribute. The input's <code>value</code> is used to configure the starting position of the handle and the value is populated in the text input. Specify <code>min</code> and <code>max</code> attribute values to set the slider's range. If you want to constrain input to specific increments, add the <code>step</code> attribute. Set the <code>value</code> attribute to define the initial value. The framework will parse these attributes to configure the slider widget. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to sliders.</p>
-
- <p>As you drag the slider's handle, the framework will update the native input's value (and vice-versa) so they are always in sync; this ensures that the value is submitted with the form.</p>
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
- <p>The framework will find all <code>input</code> elements with a <code>type="range"</code> and automatically enhance them into a slider with an accompanying input without any need to apply a <code>data-role</code> attribute. To prevent the automatic enhancement of this input into a slider, add <code>data-role="none"</code> attribute to the <code>input</code> and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them. In this example, the acceptable range is 0-100. </p>
-
-<pre><code>
-<label for="slider-0">Input slider:</label>
-<input type="range" name="slider" id="slider-0" value="60" min="0" max="100" />
-</code></pre>
-
- <p>The default slider with these settings is displayed like this:</p>
- <label for="slider-0">Input slider:</label>
- <input type="range" name="slider-1" id="slider-0" value="60" min="0" max="100" />
-
- <h2>Step increment</h2>
-
- <p>To force the slider to snap to a specific increment, add the <code>step</code> attribute to the input. By default, the step is 1, but in this example, the step is 50 and the maximum value is 500.</p>
-
-<pre><code>
-<label for="slider-step">Input slider:</label>
-<input type="range" name="slider" id="slider-step" value="150" min="0" max="500" <strong>step="50"</strong> />
-</code></pre>
-
- <p>This will produce an input that snaps to increments of 50. If a value is added to the input that isn't valid with the step increment, the value will be reset on blur to the closest step.</p>
- <label for="slider-step">Input slider:</label>
- <input type="range" name="slider-1" id="slider-step" value="150" min="0" max="500" step="50" />
-
-
- <h2>Fill highlight</h2>
-
- <p>To have a highlight fill on the track up to the slider handle position, add the <code>data-highlight="true"</code> attribute to the input. The fill uses active state swatch. </p>
-
-<pre><code>
-<label for="slider-fill">Input slider:</label>
-<input type="range" name="slider" id="slider-fill" value="60" min="0" max="100" <strong>data-highlight="true"</strong> />
-</code></pre>
-
- <label for="slider-min">Input slider:</label>
- <input type="range" name="slider-1" id="slider-min" value="60" min="0" max="100" data-highlight="true" />
-
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<label for="slider-0">Input slider:</label>
-<input type="range" name="slider" id="slider-0" value="25" min="0" max="100" data-highlight="true" <strong>data-mini="true"</strong> />
-</code></pre>
-
- <p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
- <label for="slider-min">Input slider:</label>
- <input type="range" name="slider-1" id="slider-min" value="25" min="0" max="100" data-highlight="true" data-mini="true" />
-
- <h2>Field containers</h2>
-
- <p>Optionally wrap the slider markup in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form. In this example, the <code>step</code> attribute is omitted to allow any whole number value to be selected.</p>
-
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="slider">Input slider:</label>
- <input type="range" name="slider" id="slider" value="25" min="0" max="100" />
-<strong></div>
-</strong></code></pre>
-
- <p>The slider is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="slider-1">Input slider:</label>
- <input type="range" name="slider-1" id="slider-1" value="25" min="0" max="100" />
- </div>
-
- <p>Sliders also respond to key commands. Right Arrow, Up Arrow and Page Up keys increase the value; Left Arrow, Down Arrow and Page Down keys decrease it. To move the slider to its minimum or maximum value, use the Home or End key, respectively.</p>
-
-
- <h2>Calling the slider plugin</h2>
-
-<p>This plugin will auto initialize on any page that contains a text <code>input</code> with the <code>type="range"</code> attribute. However, if needed you can directly call the <code>slider</code> plugin on any selector, just like any jQuery plugin:</p>
-<pre><code>
-$('input').slider();
-</code></pre>
-
-
- <h2>Theming the slider</h2>
- <p>To set the theme swatch for the slider, add a <code>data-theme</code> attribute to the <code>input</code> which will apply the theme to both the input, handle and track. The track swatch can be set separately by adding the <code>data-track-theme</code> attribute to apply the down state version of the selected button swatch.</p>
-
- <pre><code>
-<div data-role="fieldcontain">
- <label for="slider-2">Input slider:</label>
- <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" <strong>data-theme="a" data-track-theme="b"</strong> />
-</div>
- </code></pre>
-
- <p>This will produce a themed slider:</p>
- <div data-role="fieldcontain">
- <label for="slider-2">Input slider:</label>
- <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" data-theme="a" data-track-theme="b" />
- </div>
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following methods:</p>
-
- <dl>
- <dt><code>enable</code> enable a disabled slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the slider</dt>
- <dd>
- <p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('.selector').slider('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider options</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following options:</p>
-
- <dl>
- <dt><code>disabled</code> <em>string</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the default state of the slider to disabled when "true".</p>
- <pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>highlight</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets an active state fill on the track from the left edge to the slider handle when set to "true".</p>
- <pre><code>$('.selector').slider(<strong>{ highlight: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$('.selector').slider(<strong>{ mini: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as its parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- <dt><code>trackTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>
- <pre><code>$('.selector').slider(<strong>{ trackTheme: "a" }</strong>);</code></pre>
- <p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme="a"</code>.</p>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider events</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>select</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The slider plugin has the following custom event:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a slider is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).slider({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Switch</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>A binary "flip" switch is a common UI element on mobile devices that is used for binary on/off or true/false data input. You can either drag the flip handle like a slider or tap one side of the switch.</p>
-
- <p>To create a flip toggle, start with a <code>select</code> with two options. The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options accordingly. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to flip switches.</p>
-
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
-<pre><code>
-<label for="flip-a">Select slider:</label>
-<select name="slider" id="flip-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
-</select>
-</code></pre>
-
- <p>This will produce a basic flip toggle switch input. The default styles set the width of the switch to 100% of the parent container and stack the label on a separate line.</p>
-
- <label for="flip-a">Flip switch:</label>
- <select name="slider" id="flip-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
-
-
- <h2>Longer Labels</h2>
- <p>The control is proportionally scaled, so to use longer labels one can just add a line of CSS setting the switch to the desired width. For example, given the following markup:</p>
-<pre><code>
-<div class="containing-element">
- <label for="flip-min">Flip switch:</label>
- <select name="slider" id="flip-min" data-role="slider">
- <option value="off">Switch Off</option>
- <option value="on">Switch On</option>
- </select>
-</div>
-</code></pre>
-
- <p><code>.containing-element .ui-slider-switch { width: 9em }</code> will produce:</p>
-
- <style type="text/css" media="screen">
- .containing-element .ui-slider-switch { width: 9em; }
- </style>
-
- <div class="containing-element">
- <label for="flip-min">Flip switch:</label>
- <select name="slider" id="flip-min" data-role="slider">
- <option value="off">Switch Off</option>
- <option value="on">Switch On</option>
- </select>
- </div>
-
- <p>As some default styles hinge on fieldcontains, note that you may have to ensure that custom styles apply to switches within fieldcontains by using <code>.ui-field-contain div.ui-slider-switch { width: […]; }</code>.</p>
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<label for="flip-a">Select slider:</label>
-<select name="slider" id="flip-a" data-role="slider" <strong>data-mini="true"</strong>>
- <option value="off">Off</option>
- <option value="on">On</option>
-</select>
-</code></pre>
-
- <p>This will produce a flip switch that is not as tall as the standard version and has a smaller text size.</p>
- <label for="flip-min">Flip switch:</label>
- <select name="slider" id="flip-min" data-role="slider" data-mini="true">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
-
-
- <h2>Field containers</h2>
- <p>Optionally wrap the switch markup in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong><label for="flip-b">Flip switch:</label>
- <select name="slider" id="flip-b" data-role="slider">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
-<strong></div>
-</strong></code></pre>
- <p>The flip toggle switch is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="flip-b">Flip switch:</label>
- <select name="slider" id="flip-b" data-role="slider">
- <option value="nope">Nope</option>
- <option value="yep">Yep</option>
- </select>
- </div>
-
-
- <h2>Theming the flip switch</h2>
-
- <p>Like all form elements, this widget will automatically inherit the theme from its parent container. To choose a specific theme color swatch, specify the <code>data-theme</code> attribute on the select and specify a swatch letter.</p>
-
-<pre><code>
-<div data-role="fieldcontain">
- <label for="flip-c">Flip switch:</label>
- <select name="slider" id="flip-c" data-role="slider" data-theme="a">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
-</div>
-</code></pre>
- <p>This results in a switch with the A swatch colors for the handle. Note that the lefthand "on" state gets the active state color.</p>
- <div data-role="fieldcontain">
- <label for="flip-c">Flip switch:</label>
- <select name="slider" id="flip-c" data-role="slider" data-theme="a">
- <option value="hate">Hate</option>
- <option value="love">Love</option>
- </select>
- </div>
-
- <p>Here is a E swatch variation:</p>
- <div data-role="fieldcontain">
- <label for="flip-d">Flip switch:</label>
- <select name="slider" id="flip-d" data-role="slider" data-theme="e">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
- </div>
-
- <h2>Calling the switch plugin</h2>
-
-<p>This plugin will auto-initialize on any page that contains a <code>select</code> with the <code>data-role="slider"</code> attribute. However, if needed you can directly call the <code>slider</code> plugin on any selector, just like any jQuery plugin:</p>
-<pre><code>
-$('select').slider();
-</code></pre>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following methods:</p>
-
- <dl>
- <dt><code>enable</code> enable a disabled slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the slider</dt>
- <dd>
- <p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('.selector').slider('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider options</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following options:</p>
-
- <dl>
- <dt><code>disabled</code> <em>string</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the default state of the slider to disabled when "true".</p>
- <pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
-});
-</code></pre>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$('.selector').slider(<strong>{ mini: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- <dt><code>trackTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>
- <pre><code>$('.selector').slider(<strong>{ trackTheme: "a" }</strong>);</code></pre>
- <p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme="a"</code>.</p>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Input events</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The text input plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a text input is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).textinput({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text inputs</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs & Textareas</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to text inputs.</p>
-
- <h2>Text inputs</h2>
- <p>To collect standard alphanumeric text, use an <code>input</code> with a <code>type="text"</code> attribute. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
-<pre><code>
- <label for="basic">Text Input:</label>
- <input type="text" name="name" id="basic" value="" />
-</code></pre>
-
- <p>This will produce a basic text input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.</p>
-
- <label for="basic">Text Input:</label>
- <input type="text" name="name" id="basic" value="" />
-
- <h2>Mini version</h2>
-
- <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-
-<pre><code>
-<label for="basic">Text Input:</label>
-<input type="text" name="name" id="basic" value="" <strong>data-mini="true"</strong> />
-</code></pre>
-
- <p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
- <label for="mini">Text Input:</label>
- <input type="text" name="name" id="mini" value="" data-mini="true" />
-
- <h2>Field containers</h2>
-
- <p>Optionally wrap the text input in a container with the <code> data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
-<strong></div>
-</strong></code></pre>
-
- <p>The text input is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
-
- <h2>More text input types</h2>
- <p>In jQuery Mobile, you can use existing and new HTML5 input types such as <code>password</code>, <code>email</code>, <code>tel</code>, <code>number</code>, and more. Some type values are rendered differently across browsers. For example, Chrome renders the <code>range</code> input as a slider. jQuery Mobile standardizes the appearance of <code>range</code> and <code>search</code> by dynamically changing their type to <code>text</code>. You can configure which input types are degraded to <code>text</code> with the <code>page</code> plugin's options.</p>
-
- <p>One major advantage of using these more specific input types if that on mobile devices, specialized keyboards that speed data entry are offered in place of the standard text keyboard. Try the following inputs on a mobile device to see which display custom keyboards on various platforms.</p>
-
- <div data-role="fieldcontain">
- <label for="password">Password:</label>
- <input type="password" name="password" id="password" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="number">Number:</label>
- <input type="number" name="number" id="number" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="number-pattern">Number + pattern:</label>
- <input type="number" name="number" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="email">Email:</label>
- <input type="email" name="email" id="email" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="url">Url:</label>
- <input type="url" name="url" id="url" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="tel">Tel:</label>
- <input type="tel" name="tel" id="tel" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="time">Time:</label>
- <input type="time" name="time" id="time" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="date">Date:</label>
- <input type="date" name="date" id="date" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="month">Month:</label>
- <input type="month" name="month" id="month" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="week">Week:</label>
- <input type="week" name="week" id="week" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="datetime">Datetime:</label>
- <input type="datetime" name="datetime" id="datetime" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="datetime-l">Datetime local:</label>
- <input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="color">Color:</label>
- <input type="color" name="color" id="color" value="" />
- </div>
-
-
-
- <h2>Textareas</h2>
- <p>For multi-line text inputs, use a <code>textarea</code> element. The framework will auto-grow the height of the textarea to avoid the need for an internal scrollbar. </p>
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>textarea</code> so they are semantically associated, and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them.</p>
-
-<pre><code>
-<strong><label for="textarea-a">Textarea:</label>
-<textarea name="textarea" id="textarea-a"></strong>
-I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
-<strong></textarea></strong>
-</code></pre>
-
- <p>This will produce a basic textarea with the width set to 100% of the parent container and the label stacked on a separate line. The textarea will grow to fit new lines as you type:</p>
- <label for="textarea-a">Textarea:</label>
- <textarea name="textarea" id="textarea-a">
-I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
- </textarea>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong><label for="textarea">Textarea:</label>
- <textarea name="textarea" id="textarea"></textarea>
-<strong></div></strong>
-</code></pre>
-
- <p>The textarea is displayed like this and will grow to fit new lines as you type:</p>
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea name="textarea" id="textarea"></textarea>
- </div>
-
-
- <h2>Calling the textinput plugin</h2>
-
- <p>This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on any selector, just like any jQuery plugin:</p>
- <pre><code>
-$('input').textinput();
- </code></pre>
-
-
- <h2>Degraded input types</h2>
- <p>jQuery Mobile degrades several HTML5 input types back to type=text or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.</p>
- <p>The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).</p>
-
- <p>You can configure which types are changed via the page plugin's <code>degradeInputs</code> option, which can be manipulated externally via <code>$.mobile.page.prototype.options.degradeInputs</code>, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Input methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('disable');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Input options</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following options:</p>
-
- <dl>
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.textinput.prototype.options.initSelector = ".myInputs";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>mini</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini="true"</code></p>
- <pre><code>$('.selector').textinput(<strong>{ mini: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>preventFocusZoom</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true on iOS platforms</p>
- <p>This option disables page zoom temporarily when a custom input is focused, which prevents iOS devices from zooming the page into the input. By default, iOS often zooms into form controls, and the behavior is often unnecessary and intrusive in mobile-optimized layouts. This option is also exposed as a data attribute: <code>data-prevent-focus-zoom="true"</code></p>
- <pre><code>$('input').textinput(<strong>{ preventFocusZoom: true }</strong>);</code></pre>
- </dd>
-
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').textinput(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - Documentation</title>
- <link rel="stylesheet" href="../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
-
- <script src="../js/jquery.js"></script>
- <script src="../docs/_assets/js/jqm-docs.js"></script>
- <script src="../js/"></script>
- <!-- Need to get a proper redirect hooked up. Blech. -->
- <meta http-equiv="refresh" content="0;url=../index.html">
-</head>
-<body>
- <div data-role="page" class="type-index">
-
-<div data-role="header" data-theme="f">
- <h1>jQuery Mobile Docs</h1>
- <a href="../index.html" data-icon="home" data-iconpos="notext" class="ui-btn-right">Home</a>
-</div>
-
-<div data-role="content">
-
-<p>Nothing to see here folks.</p>
-<a href="../index.html" data-role="button">View the documentation home page</a>
-
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Overview</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>List views</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="docs-lists.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <h2>Basic linked lists</h2>
- <p>A list view is coded as a simple unordered list containing linked list items with a <code> data-role="listview"</code> attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly list view with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an AJAX request for the URL in the link, create the new page in the DOM, then kick off a page transition. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to listviews.</p>
- <p>Here is the HTML markup for a basic linked list.</p>
-
-<pre><code>
-<ul data-role="listview" data-theme="g">
- <li><a href="acura.html">Acura</a></li>
- <li><a href="audi.html">Audi</a></li>
- <li><a href="bmw.html">BMW</a></li>
-</ul>
-</code></pre>
-
- <a href="lists-ul.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Basic list example</a>
-
- <p><strong>Style note on non-inset lists</strong>: all standard, non-inset lists have a -15px margin to negate the 15px of padding on the content area to make lists fill to the edges of the screen. If you add other widgets above or below a list, the negative margin may make these elements overlap so you'll need to add additional spacing in your custom CSS.</p>
- <h2>Nested lists</h2>
- <p>By nesting child <code>ul</code> or <code>ol</code> inside list items, you can create nested lists. When a list item with a child list is clicked, the framework will generate a new ui-page populated with the title of the parent in the header and the list of child elements. These dynamic nested lists are styled with the "b" theme swatch (blue in the default theme) to indicate that you are in a secondary level of navigation. Lists can be nested multiple levels deep and all pages and linking will be automatically handled by the framework.</p>
- <p>To <a href="../lists/lists-themes.html">set the swatch color</a> of the child list views, set the <code>data-theme</code> attribute on each list inside.</p>
- <a href="lists-nested.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Nested list example</a>
-
- <h2>Numbered lists</h2>
- <p>Lists can also be created from ordered lists (<code>ol</code>) which is useful when presenting items that are in a sequence such as search results or a movie queue. When the enhanced markup is applied to the list view, jQuery Mobile will try to first use CSS to add numbers to the list and, if not supported, will fall back to injecting numbers with JavaScript.</p>
-
- <a href="lists-ol.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Numbered list example</a>
-
- <h2>Read-only lists</h2>
- <p>List views can also be used to display a non-interactive list of items, usually as an inset list. This list is built from an unordered or ordered list that don't have linked list items. The framework defaults to styling these list with the "c" theme swatch and sets the text size to a smaller size than the clickable lists to save a bit of space.</p>
-
- <a href="lists-readonly-inset.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Read-only list example</a>
-
- <h2>Split button lists</h2>
- <p>In cases where there is more than one possible action per list item, a split button can be used to offer two independently clickable items -- the list item and a small arrow icon in the far right. To make a split list item, simply add a second link inside the <code>li</code> and the framework will add a vertical divider line, style the link as an icon-only arrow button, and set the <code>title</code> attribute of the link to the text the link for accessibility. </p>
- <p>You can set the icon for the right split icon by specifying a <code>data-split-icon</code> attribute with the <a href="../buttons/buttons-themes.html">icon name</a> you want. The theme swatch color of the split button can be set by specifying a swatch letter in the <code>data-split-theme</code> attribute</p>
-
- <a href="lists-split.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Split list example</a>
-
-
- <h2>List dividers</h2>
- <p>List items can be turned into dividers to organize and group the list items. This is done by adding the <code> data-role="list-divider"</code> to any list item. These items are styled with the bar swatch "b" by default (blue in the default theme) but you can specify a theme for dividers by adding the <code>data-dividertheme</code> attribute to the list element (<code>ul</code> or <code>ol</code>) and specifying a theme swatch letter.</p>
-
- <a href="lists-divider.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List divider example</a>
-
-
- <h2>Search filter</h2>
- <p>jQuery Mobile provides a very easy way to filter a list with a simple client-side search feature. To make a list filterable, simply add the <code>data-filter="true"</code> attribute to the list. The framework will then append a search box above the list and add the behavior to filter out list items that don't contain the current search string as the user types. The input's placeholder text defaults to "Filter items...". To configure the placeholder text in the search input, you can either <a href="../api/globalconfig.html">bind to the <code>mobileinit</code> event</a> and set the <code>$.mobile.listview.prototype.options.filterPlaceholder</code> option to a string of your choosing, or use the data-attribute <code>data-filter-placeholder</code> on your listview. By default the search box will inherit its theme from its parent. The search box theme can be configured using the data-attribute <code>data-filter-theme</code> on your listview.</p>
-
- <a href="lists-search.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Search filter example</a>
-
- <p>If you want to change the way in which list items are filtered, ie fuzzy search or matching from the beginning of the string, you can configure the callback used internally by defining <code>$.mobile.listview.prototype.options.filterCallback</code> during <code>mobileinit</code> or after the widget has been created with <code>$("#mylist").listview('option', 'filterCallback', yourFilterFunction)</code>. Any function defined for the callback will be provided two arguments. First, the text of the current list item and second, the value being searched for. A truthy value will result in a hidden list item. The default callback which filters entries without the <code>searchValue</code> as a substring is described below:
- </p>
-
-<pre><code>function( text, searchValue ){
- return text.toLowerCase().indexOf( searchValue ) === -1;
-};</code></pre>
-
- <p>To filter list items by values other than the text, add a <code>data-filtertext</code> attribute to the list item. The value of this attribute will be passed as the first argument to the <code>filterCallback</code> function instead of the text.</p>
-
- <a href="lists-search-filtertext.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Hidden data filter example</a>
-
- <h2>Text formatting & counts</h2>
- <p>The framework includes text formatting conventions for common list patterns like header/descriptions, secondary information and counts through semantic HTML markup.</p>
-
- <ul>
- <li>To add a count indicator to the right of the list item, wrap the number in an element with a class of <code>ui-li-count</code></li>
- <li>To add text hierarchy, use headings to increase font emphasis and use paragraphs to reduce emphasis. </li>
- <li>Supplemental information can be added to the right of each list item by wrapping content in an element with a class of <code>ui-li-aside</code></li>
- </ul>
- <a href="lists-count.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with count bubbles</a>
- <a href="lists-formatting.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with text formatting</a>
-
- <h2>Thumbnails & icons</h2>
- <p>To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element. The framework will scale the image to 80 pixels square. To use standard 16x16 pixel icons in list items, add the class of <code>ui-li-icon</code> to the image element.</p>
- <a href="lists-thumbnails.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with thumbnail images</a>
- <a href="lists-icons.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with icon images</a>
-
- <h2>Inset lists</h2>
- <p>If lists are embedded in a page with other types of content, an inset list packages the list into a block that sits inside the content area with a bit of margin and rounded corners (theme controlled). By adding the <code> data-inset="true"</code> attribute to the list (ul or ol), applies the inset appearance.</p>
-
- <a href="lists-inset.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Inset list example</a>
-
- <h2>Calling the listview plugin</h2>
- <p>You can directly call the listview plugin on any selector, just like any jQuery plugin:</p>
- <code>$('#mylist').listview();</code>
-
- <h2>Updating lists</h2>
- <p>If you add items to a listview, you'll need to call the <code>refresh()</code> method on it to update the styles and create any nested lists that are added. For example:</p>
- <code>$('#mylist').listview('refresh');</code>
-
- <p>Note that the <code>refresh()</code> method only affects <strong>new nodes</strong> appended to a list. This is done for performance reasons. Any list items already enhanced will be ignored by the refresh process. This means that if you change the contents or attributes on an already enhanced list item, these won't be reflected. If you want a list item to be updated, replace it with fresh markup before calling refresh. </p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>Lists are used for data display, navigation, result lists, and data entry so jQuery Mobile includes a wide range of list types and formatting examples to cover most common design patterns.</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
-
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
-
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
- <!--<li><a href="api-lists.html">API documentation</a></li>-->
- </ul>
-
-
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Linked list samples</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <h2>Simple list</h2>
-
- <ul data-role="listview">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Ferrari</a></li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview">
- <li><a href="index.html">
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </a></li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview">
- <li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Thumbnail, split button list</h2>
-
- <ul data-role="listview">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- </ul>
-
-
-
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Count Bubbles</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Count bubble</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li data-theme="a"><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Dividers</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>List dividers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- <li><a href="index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="index.html">David Walsh</a></li>
- <li><a href="index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="index.html">Elizabeth Bacon</a></li>
- <li><a href="index.html">Emery Parker</a></li>
- <li><a href="index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="index.html">Graham Smith</a></li>
- <li><a href="index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="index.html">Mike Farnsworth</a></li>
- <li><a href="index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="index.html">Paul Baker</a></li>
- <li><a href="index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="index.html">Sawyer Wakefield</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li data-theme="a"><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Overview</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>List views</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="lists-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>ol</code> or <code>ul</code> element. Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The listview plugin has the following custom event:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a listview is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).listview({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>List formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="listview" data-theme="d" data-divider-theme="d">
- <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
- <li><a href="index.html">
-
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
-
- </a></li>
- <li><a href="index.html">
-
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
-
- </a></li>
- <li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
- <li><a href="index.html">
- <h3>Avery Walker</h3>
- <p><strong>Re: Dinner Tonight</strong></p>
- <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
- <p class="ui-li-aside"><strong>4:48</strong>PM</p>
- </a></li>
- <li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Amazon.com</h3>
- <p><strong>4-for-3 Books for Kids</strong></p>
- <p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
- <p class="ui-li-aside"><strong>12:47</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>Re: This weekend in Maine</strong></p>
- <p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Redfin</h3>
- <p><strong>Redfin listing updates for today</strong></p>
- <p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
- <p class="ui-li-aside"><strong>5:52</strong>AM</p>
- </a></li>
- <li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Angela Smith</h3>
- <p><strong>Link Request</strong></p>
- <p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>This weekend in Maine</strong></p>
- <p>Sounds good, let me check into our plans.</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li data-theme="a"><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Inset Lists with Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inset with Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <ul data-role="listview" data-inset="true">
- <li data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </li>
- <li data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </li>
- <li data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </li>
-
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
- </fieldset>
- </li>
-
- </ul>
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li data-theme="a"><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists with Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists with Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <ul data-role="listview">
- <li data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </li>
- <li data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </li>
- <li data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </li>
-
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
- </fieldset>
- </li>
-
- </ul>
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li data-theme="a"><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Icons</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Icons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
-
-
-
- <li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li data-theme="a"><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists with Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inset list samples</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <h2>Simple list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Ferrari</a></li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview" data-inset="true">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </a></li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon ui-corner-none">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon ui-corner-none">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Thumbnail, split button list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true" data-inset="true">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- </ul>
-
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li data-theme="a"><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Overview</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>List views</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="lists-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="lists-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The listview plugin has the following methods:</p>
-
- <dl>
- <dt><code>childPages</code> retrieve the sub-pages</dt>
- <dd>
- <p>This method returns a jQuery object containing all the immediate child pages of a nested list.</p>
-
- <pre><code>
-$('.selector').listview('childPages');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the listview</dt>
- <dd>
- <p>If you manipulate a listview via JavaScript (e.g. add new LI elements), you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('.selector').listview('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Nested Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Nested list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li>
- <h3>Animals</h3>
- <p>All your favorites from aarkvarks to zebras.</p>
-
- <ul>
- <li>Pets
- <ul>
- <li><a href="index.html">Canary</a></li>
- <li><a href="index.html">Cat</a></li>
- <li><a href="index.html">Dog</a></li>
- <li><a href="index.html">Gerbil</a></li>
- <li><a href="index.html">Iguana</a></li>
- <li><a href="index.html">Mouse</a></li>
- </ul>
- </li>
- <li>Farm animals
- <ul>
- <li><a href="index.html">Chicken</a></li>
- <li><a href="index.html">Cow</a></li>
- <li><a href="index.html">Duck</a></li>
- <li><a href="index.html">Horse</a></li>
- <li><a href="index.html">Pig</a></li>
- <li><a href="index.html">Sheep</a></li>
- </ul>
- </li>
- <li>Wild animals
- <ul>
- <li><a href="index.html">Aardvark</a></li>
- <li><a href="index.html">Alligator</a></li>
- <li><a href="index.html">Ant</a></li>
- <li><a href="index.html">Bear</a></li>
- <li><a href="index.html">Beaver</a></li>
- <li><a href="index.html">Cougar</a></li>
- <li><a href="index.html">Dingo</a></li>
- <li><a href="index.html">Eagle</a></li>
- <li><a href="index.html">Elephant</a></li>
- <li><a href="index.html">Ferret</a></li>
- <li><a href="index.html">Frog</a></li>
- <li><a href="index.html">Giraffe</a></li>
- <li><a href="index.html">Lion</a></li>
- <li><a href="index.html">Monkey</a></li>
- <li><a href="index.html">Panda bear</a></li>
- <li><a href="index.html">Polar bear</a></li>
- <li><a href="index.html">Tiger</a></li>
- <li><a href="index.html">Zebra</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
-
- <h3>Colors</h3>
- <p>Fresh colors from the magic rainbow.</p>
-
- <ul>
- <li><a href="index.html">Blue</a></li>
- <li><a href="index.html">Green</a></li>
- <li><a href="index.html">Orange</a></li>
- <li><a href="index.html">Purple</a></li>
- <li><a href="index.html">Red</a></li>
- <li><a href="index.html">Yellow</a></li>
- <li><a href="index.html">Violet</a></li>
- </ul>
- </li>
- <li>
- <h3>Vehicles</h3>
- <p>Everything from cars to planes.</p>
-
- <ul>
- <li>Cars
- <ul>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </li>
- <li>Planes
- <ul>
- <li><a href="index.html">Boeing</a></li>
- <li><a href="index.html">Cessna</a></li>
- <li><a href="index.html">Derringer</a></li>
- <li><a href="index.html">Embraer</a></li>
- <li><a href="index.html">Gulfstream</a></li>
- <li><a href="index.html">Piper Aircraft</a></li>
- <li><a href="index.html">Raytheon</a></li>
- </ul>
- </li>
- <li>Construction
- <ul>
- <li><a href="index.html">Caterpillar</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">John Deere</a></li>
-
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li data-theme="a"><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Ordered Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Numbered list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ol data-role="listview">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- <li><a href="index.html">12 Angry Men</a></li>
- <li><a href="index.html">One Flew Over the Cuckoo's Nest</a></li>
- <li><a href="index.html">Star Wars: Episode V - The Empire Strikes Back</a></li>
- <li><a href="index.html">The Dark Knight</a></li>
- <li><a href="index.html">The Lord of the Rings: The Return of the King</a></li>
- <li><a href="index.html">Seven Samurai</a></li>
- <li><a href="index.html">Star Wars: Episode IV - A New Hope</a></li>
- <li><a href="index.html">Casablanca</a></li>
- <li><a href="index.html">Goodfellas </a></li>
- <li><a href="index.html">Toy Story 3</a></li>
- <li><a href="index.html">Fight Club</a></li>
- <li><a href="index.html">City of God</a></li>
- <li><a href="index.html">The Lord of the Rings: The Fellowship of the Ring</a></li>
- <li><a href="index.html">The Big Lebowski</a></li>
- <li><a href="index.html">Psycho</a></li>
- </ol>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li data-theme="a"><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Overview</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>List views</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="docs-lists.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="lists-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="lists-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="lists-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The listview plugin has the following options:</p>
-
- <dl>
- <dt><code>countTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "c"</p>
- <p>Sets the color scheme (swatch) for list item <a href="lists-count.html">count bubbles</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.countTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-count-theme="a"</code>.</p>
- </dd>
-
- <dt><code>dividerTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "b"</p>
- <p>Sets the color scheme (swatch) for list <a href="lists-divider.html">dividers</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.dividerTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-dividertheme="a"</code>.</p>
- </dd>
-
- <dt><code>filter</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Adds a <a href="lists-search.html">search filter bar</a> to listviews. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.filter = true;</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-filter="true"</code>.</p>
- </dd>
-
- <dt><code>filterCallback</code> <em>function</em></dt>
- <dd>
- <p>The function to determine which rows to hide when the <a href="lists-search.html">search filter</a> textbox changes. The function accepts two arguments -- the text of the list item (or <code>data-filtertext</code> value if present), and the search string. Return <code>true</code> to hide the item, <code>false</code> to leave it visible. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ) {
- // only show items that *begin* with the search string
- return text.toLowerCase().substring( 0, searchValue.length ) !== searchValue;
- };</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>filterPlaceholder</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "Filter items..."</p>
- <p>The placeholder text used in <a href="lists-search.html">search filter bars</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.filterPlaceholder = "Search...";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-filter-placeholder="Search..."</code>.</p>
- </dd>
-
- <dt><code>filterTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "c"</p>
- <p>Sets the color scheme (swatch) for the <a href="lists-search.html">search filter bar</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.filterTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-filter-theme="a"</code>.</p>
- </dd>
-
- <dt><code>headerTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "b"</p>
- <p>Sets the color scheme (swatch) for headers of <a href="lists-nested.html">nested list</a> sub pages. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.headerTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-header-theme="a"</code>.</p>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: ":jqmData(role='listview')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as list views. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.initSelector = ".mylistview";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>inset</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Adds <a href="lists-inset.html">inset list</a> styles. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.inset = true;</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-inset="true"</code>.</p>
- </dd>
-
- <dt><code>splitIcon</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "arrow-r"</p>
- <p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a> to all <a href="lists-split.html">split list buttons</a>. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.splitIcon = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-split-icon="a"</code>.</p>
- </dd>
-
- <dt><code>splitTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "b"</p>
- <p>Sets the color scheme (swatch) for <a href="lists-split.html">split list buttons</a>. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.splitTheme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-split-theme="a"</code>.</p>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as its parent container if not explicitly set. To set the value for all instances of this widget, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.listview.prototype.options.theme = "a";</strong>
-});
-</code></pre>
- <p>This option is also exposed as a data attribute: <code>data-theme="a"</code>.</p>
- </dd>
-
- </dl>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Performance Test</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>500 item list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true" data-theme="d">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li data-theme="a"><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Readonly Inset Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Readonly Inset Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Simple list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li>Acura</li>
- <li>Audi</li>
- <li>BMW</li>
- <li>Cadillac</li>
- <li>Ferrari</li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview" data-inset="true">
- <li>Inbox <span class="ui-li-count">12</span></li>
- <li>Outbox <span class="ui-li-count">0</span></li>
- <li>Drafts <span class="ui-li-count">4</span></li>
- <li>Sent <span class="ui-li-count">328</span></li>
- <li>Trash <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview" data-inset="true">
- <li>The Godfather</li>
- <li>Inception</li>
- <li>The Good, the Bad and the Ugly </li>
- <li>Pulp Fiction</li>
- <li>Schindler's List</li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview" data-inset="true">
- <li>
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </li>
- <li>
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview" data-inset="true">
- <li><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></li>
- <li><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></li>
- <li><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></li>
- <li><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></li>
- <li><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></li>
- <li><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Thumbnail list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li>
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </li>
- <li>
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </li>
- <li>
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true" data-inset="true">
- <li data-role="list-divider">A</li>
- <li>Adam Kinkaid</li>
- <li>Alex Wickerham</li>
- <li>Avery Johnson</li>
- <li data-role="list-divider">B</li>
- <li>Bob Cabot</li>
- <li data-role="list-divider">C</li>
- <li>Caleb Booth</li>
- <li>Christopher Adams</li>
- </ul>
-
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li data-theme="a"><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Inset Readonly Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <style type="text/css">
- h2 { margin:50px 0 30px 0; }
- </style>
-
- <div data-role="header" data-theme="f">
- <h1>Readonly lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>Here is a variety of full-width lists that are read-only. If a list has the <code>data-role="listview"</code> attribute, but the contents aren't linked, it will display as read-only. These look like normal lists, except they don't have a right arrow and the text is set to a smaller size to save space.</p>
-
- <h2>Simple list</h2>
-
- <ul data-role="listview">
- <li>Acura</li>
- <li>Audi</li>
- <li>BMW</li>
- <li>Cadillac</li>
- <li>Ferrari</li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview">
- <li>Inbox <span class="ui-li-count">12</span></li>
- <li>Outbox <span class="ui-li-count">0</span></li>
- <li>Drafts <span class="ui-li-count">4</span></li>
- <li>Sent <span class="ui-li-count">328</span></li>
- <li>Trash <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview">
- <li>The Godfather</li>
- <li>Inception</li>
- <li>The Good, the Bad and the Ugly </li>
- <li>Pulp Fiction</li>
- <li>Schindler's List</li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview">
- <li>
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </li>
- <li>
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview">
- <li><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></li>
- <li><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></li>
- <li><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></li>
- <li><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></li>
- <li><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></li>
- <li><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Thumbnail list</h2>
-
- <ul data-role="listview">
- <li>
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </li>
- <li>
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </li>
- <li>
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true">
- <li data-role="list-divider">A</li>
- <li>Adam Kinkaid</li>
- <li>Alex Wickerham</li>
- <li>Avery Johnson</li>
- <li data-role="list-divider">B</li>
- <li>Bob Cabot</li>
- <li data-role="list-divider">C</li>
- <li>Caleb Booth</li>
- <li>Christopher Adams</li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li data-theme="a"><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Filtered Lists Using Hidden Data</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search hidden data</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>By default, the listview filter simply searches against the content in each list item. If you want the filter to search against different content, add the <code>data-filtertext</code> attribute to the item and populate it with one or many keywords and phrases that should be used to match against. Note that if this attribute is added, the contents of the list item are ignored.</p>
- <p>This attribute is useful for dealing with allowing for ticker symbols and full company names to be searched, or for covering common spellings and abbreviations for countries.</p>
-
-<pre><code>
-<li <strong>data-filtertext="NASDAQ:AAPL Apple Inc.</strong>"><a href="#">Apple</a></li>
-<li <strong>data-filtertext="USA U.S.A. United States of America"</strong>><a href="#">United States</a></li>
-</code></pre>
-
- <ul data-role="listview" data-filter="true" data-filter-placeholder="Search ticker or firm name..." data-inset="true">
- <li data-filtertext="NASDAQ:ADBE Adobe Systems Incorporated"><a href="#">Adobe</a></li>
- <li data-filtertext="NASDAQ:AMZNL Amazon.com, Inc."><a href="#">Amazon</a></li>
- <li data-filtertext="NASDAQ:AAPL Apple Inc."><a href="#">Apple</a></li>
- <li data-filtertext="NASDAQ:GOOG Google Inc."><a href="#">Google</a></li>
- <li data-filtertext="NYSE:IBM Intl. International Business Machines Corp."><a href="index.html">IBM</a></li>
- <li data-filtertext="NASDAQ:MSFT Microsoft Corporation"><a href="#">Microsoft</a></li>
- <li data-filtertext="NASDAQ:YHOO Yahoo! Inc."><a href="#">Yahoo</a></li>
- <li data-filtertext="USA U.S.A. United States of America"><a href="#">United States</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li data-theme="a"><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Filtered Inset Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inset Search filter bar</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true" data-inset="true">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li data-theme="a"><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8" />
- <title>jQuery Mobile Docs - Filtered Lists with Dividers</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>List dividers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true" data-filter-placeholder="Search people..." data-filter-theme="d"data-theme="d" data-divider-theme="d">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- <li><a href="index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="index.html">David Walsh</a></li>
- <li><a href="index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="index.html">Elizabeth Bacon</a></li>
- <li><a href="index.html">Emery Parker</a></li>
- <li><a href="index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="index.html">Graham Smith</a></li>
- <li><a href="index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="index.html">Mike Farnsworth</a></li>
- <li><a href="index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="index.html">Paul Baker</a></li>
- <li><a href="index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="index.html">Sawyer Wakefield</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li data-theme="a"><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Filtered Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search filter bar</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li data-theme="a"><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample Dialog</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-
- <div data-role="page">
-
- <div data-role="header" data-theme="e">
- <h1>Purchase?</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="d">
- <h4>This album costs $10.99 and includes 9 tracks.</h4>
- <p>Your download will begin immediately on your mobile device and all tracks will by added your your library next time you sync.</p>
- <a href="index.html" data-role="button" data-rel="back" data-theme="b">Purchase album</a>
- <a href="index.html" data-role="button" data-rel="back">No thanks</a>
-
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Split Button Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior" id="album-list">
-
- <div data-role="header" data-theme="f">
- <h1>Split button list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
-
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li data-theme="a"><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" class="ui-body">
- <div class="content-primary">
-
- <p>All the standard button swatches can be applied to lists. The framework assigns a default list theme swatch of "c" (silver in the default theme) and swatch "b" (blue in default theme) for dividers. Below is a default themed list.</p>
-
-<code>
-<ul data-role="listview" data-inset="true">
-</code>
- <ul data-role="listview" data-inset="true" data-icon="star">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <h2>Theming list items</h2>
- <p>The list item color scheme can be changed to any button color theme swatch by adding the <code> data-theme</code> attribute to the list, and setting the letter theme swatch. Here is the same list above with the "a" swatch applied. </p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-theme="d">
-</code>
-
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <p> data-theme attributes also work at the LI-level, for styling a single item.</p>
-
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li data-theme="a"><a href="index.html">Trash <span class="ui-li-count">34</span></a></li>
- </ul>
-
- <h2>Theming dividers</h2>
-
- <p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-divider-theme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch "d" set on the dividers.</p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e">
-</code>
-
- <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <h2>Theming count bubbles</h2>
-
- <p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-count-theme</code> to the list and specifying a swatch letter. Here is an example with swatch "e" set on the dividers.</p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b">
-</code>
-
- <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <h2>Theming icons</h2>
-
- <p>The default icon for each list item is <code>arrow-r</code>. To override this, set the <code> data-icon</code> attribute on the desired list item to the <a href="../buttons/buttons-icons.html">name of a standard icon</a>. To prevent icons from appearing altogether, set the <code> data-icon</code> attribute to "false".</p>
-<pre>
-<code>
-<li data-icon="info"><a href="#">Notices</a></li>
-<li data-icon="alert"><a href="#">Alerts</a></li>
-<li data-icon="false"><a href="#">No icon</a></li>
-</code>
-</pre>
- <ul data-role="listview" data-inset="true">
- <li data-role="list-divider">Divider</li>
- <li data-icon="info"><a href="#">Notices</a></li>
- <li data-icon="alert"><a href="#">Alerts</a></li>
- <li data-icon="false"><a href="#">No icon</a></li>
- </ul>
-
-
- <h2>Theming split buttons</h2>
-
- <p>For split lists which a second button, the framework default to "b" for the theme swatch (blue in the default theme) Here is a default split list:</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p></a>
- <a href="index.html">Purchase album</a>
- </li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p></a>
- <a href="index.html">Purchase album</a>
- </li>
- </ul>
-
-<code>
-<ul data-role="listview" data-inset="true" data-split-theme="a">
-</code>
- <p>To specify the color swatch for the icon button on the right, add the <code>data-split-theme</code> to the list and specify a swatch letter. This attribute can also be added to individual split inside list items by adding a <code> data-theme</code> attribute to specific links (see second list item).</p>
- <ul data-role="listview" data-inset="true" data-split-theme="a">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a>
- <a href="index.html">Purchase album</a>
- </li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a>
- <a href="index.html" data-theme="e">Purchase album</a>
- </li>
- </ul>
-
- <p>The icon for the split theme can set at the list level by adding the <code>data-split-icon</code> to the list and specifying a <a href="../buttons/buttons-icons.html">standard icon</a>. This attribute can also be added to individual split inside list items by adding a <code> data-icon</code> attribute to specific links (see second list item).</p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete">
-</code>
-
- <ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete" >
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a>
- <a href="index.html">Purchase album</a>
- </li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a>
- <a href="index.html">Purchase album</a>
- </li>
- </ul>
-
-
-
- <h2>Examples of all basic list swatches</h2>
-
- <p><strong>A</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="a">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>B</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="b">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>C</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="c">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>D</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>E</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="e">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li data-theme="a"><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists with Thumbnails</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Thumbnails</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a></li>
-
- <li><a href="index.html">
- <img src="images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a></li>
-
- <li><a href="index.html">
- <img src="images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li data-theme="a"><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Basic Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Basic list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List basics & API</a></li>
- <li data-theme="a"><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
- <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - Documentation</title>
- <link rel="stylesheet" href="../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
-
- <script src="../js/jquery.js"></script>
- <script src="../docs/_assets/js/jqm-docs.js"></script>
- <script src="../js/"></script>
-
-</head>
-<body>
- <div data-role="page" data-theme="a" class="nav-search">
-
- <div data-role="content">
-
- <style>
-
- .nav-search .ui-content {
- margin-top:16px;
- }
- .nav-search .ui-corner-top {
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
- }
- .nav-search .ui-bar-a {
- background-image:none;
- background-color:#555;
- }
- .nav-search .ui-btn-up-a {
- background-image:none;
- background-color:#333333;
- }
- .nav-search .ui-btn-inner {
- border-top: 1px solid #888;
- border-color: rgba(255, 255, 255, .1);
- }
- </style>
-
- <script>
- $('body').delegate('.nav-search', 'pageshow', function( e ) {
- $('.ui-input-text').attr("autofocus", true)
- });
- </script>
-
- <ul data-role="listview" data-theme="a" data-divider-theme="a" data-filter="true" data-filter-theme="a" data-filter-placeholder="Search documentation...">
- <li data-filtertext="wai-aria voiceover accessibility screen reader">
- <a href="about/accessibility.html">Accessibility</a>
- </li>
- <li data-filtertext="accordions collapsible set collapsible-set collapsed">
- <a href="content/content-collapsible-set.html">Accordions</a>
- </li>
- <li data-filtertext="ajax navigation model hashchange changePage pushstate replacestate history popstate rel=external ajaxEnabled changepage basetag data-url sub-hash subpageidentifier target Application Cache ajaxPrefilter responseText isLocal subPageUrlKey silentscroll page parameters router backbone">
- <a href="pages/page-navmodel.html">Ajax navigation model</a>
- </li>
- <li data-filtertext="anatomy of page viewport meta tag disable enable zoom width=device-width, initial-scale=1 header content footer single multipage template boilerplate">
- <a href="pages/page-anatomy.html">Anatomy of a page</a>
- </li>
- <li data-filtertext="events api animationComplete transition css">
- <a href="api/events.html">Animation events</a>
- </li>
- <li data-filtertext="button link submit cancel image reset mini buttonmarkup enable disable">
- <a href="buttons/buttons-types.html">Buttons</a>
- </li>
- <li data-filtertext="button icon sprite png arrow delete plus minus check gear refresh forward back grid star alert info home search positioning iconpos top bottom left right notext custom disc white black">
- <a href="buttons/buttons-icons.html">Button icons</a>
- </li>
- <li data-filtertext="data-prefetch loadpage domCache data-dom-cache size clear cleanup pagehide lazyload spinner loader">
- <a href="pages/page-cache.html">Caching pages</a>
- </li>
- <li data-filtertext="input forms multi select checkbox checks grouped horizontal toggle legend">
- <a href="forms/checkboxes/">Checkbox</a>
- </li>
- <li data-filtertext="collapsible expandable content block spindown disclosure triangle tree nested">
- <a href="content/content-collapsible.html">Collapsible content</a>
- </li>
- <li data-filtertext="data attribute guide api list help reference">
- <a href="api/data-attributes.html">Data attribute reference</a>
- </li>
- <li data-filtertext="page dialog modal overlay theme data-rel=dialog transition rel=back closeBtnText button history">
- <a href="pages/page-dialogs.html">Dialogs</a>
- </li>
- <li data-filtertext="forms constrain css disable disabling enable ui-disabled class style">
- <a href="forms/docs-forms.html">Disabling form elements</a>
- </li>
- <li data-filtertext="dynamically injecting pages changePage pagebeforechange preventDefault json query params scripting generate markup manual backbone api hash templating mvc">
- <a href="pages/page-dynamic.html">Dynamically injecting pages</a>
- </li>
- <li data-filtertext="events api document.ready pageinit touch tap taphold swipe swipeleft swiperight virtual mouse vmouseover vmousedown vmousemove vmouseup vclick vmousecancel orientationchange scrollstart scrollstop pageload pagebeforeload pageloadfailed pagebeforechange pagechange pagechangefailed pagebeforeshow change load transition pagebeforehide pageshow pagehide initialization pagebeforecreate pagecreate pageinit pageremove updatelayout animationcomplete transitions">
- <a href="api/events.html">Events API</a>
- </li>
- <li data-filtertext="input forms flip toggle switch on off select slider">
- <a href="forms/switch/">Flip switch</a>
- </li>
- <li data-filtertext="introduction help features overview">
- <a href="about/features.html">Features overview</a>
- </li>
- <li data-filtertext="toolbars fixed headers footers scroll tap to hide show toggle">
- <a href="toolbars/bars-fixed.html">Fixed toolbars</a>
- </li>
- <li data-filtertext="forms markup conventions introduction action label hide accessibly mini disabling fieldcontainer fieldset legend auto-initialization">
- <a href="forms/docs-forms.html">Forms intro</a>
- </li>
- <li data-filtertext="all forms elements gallery preview sample preview">
- <a href="forms/forms-all.html">Form element gallery</a>
- </li>
- <li data-filtertext="toolbars fixed headers footers scroll tap to hide show toggle">
- <a href="toolbars/bars-fullscreen.html">Fullscreen toolbars</a>
- </li>
- <li data-filtertext="toolbars fixed footers scroll tap to hide show toggle">
- <a href="toolbars/docs-footers.html">Footer toolbars</a>
- </li>
- <li data-filtertext="global optionss settings document.ready mobileinit ns namespace autoInitializePage subPageUrlKey activePageClass activeBtnClass ajaxEnabled linkBindingEnabled hashListeningEnabled pushStateEnabled defaultPageTransition touchOverflowEnabled defaultDialogTransition minScrollBack loadingMessage loadingMessageTheme pageLoadErrorMessage pageLoadErrorMessageTheme loadingMessageTextVisible gradeA ignoreContentEnabled">
- <a href="api/globalconfig.html">Global options (mobileinit)</a>
- </li>
- <li data-filtertext="grouped buttons toggle side">
- <a href="buttons/buttons-grouped.html">Grouped buttons</a>
- </li>
- <li data-filtertext="toolbars fixed headers scroll tap to hide show toggle heading">
- <a href="toolbars/docs-headers.html">Header toolbars</a>
- </li>
- <li data-filtertext="accessibility accessibly forms labels hide hiding">
- <a href="forms/docs-forms.html">Hiding elements accessibly</a>
- </li>
- <li data-filtertext="html default styles formatting semantics markup">
- <a href="content/content-html.html">HTML formatting</a>
- </li>
- <li data-filtertext="button inline smaller less wide narrow">
- <a href="buttons/buttons-inline.html">Inline buttons</a>
- </li>
- <li data-filtertext="listview link inset styled padding rounded">
- <a href="lists/lists-inset.html">Inset styled listviews</a>
- </li>
- <li data-filtertext="introduction jquery mobile help getting started">
- <a href="about/intro.html">Intro to jQuery Mobile</a>
- </li>
- <li data-filtertext="events api updatelayout hide show height scroll remove inject">
- <a href="api/events.html">Layout events</a>
- </li>
- <li data-filtertext="layout grid columns side-by-side flow positioning block float left right center">
- <a href="content/content-grids.html">Layout grids (columns)</a>
- </li>
- <li data-filtertext="link tel mailto target external rel ajax">
- <a href="pages/page-links.html">Links</a>
- </li>
- <li data-filtertext="listview link">
- <a href="lists/lists-ul.html">Linked list</a>
- </li>
- <li data-filtertext="listview link count bubble">
- <a href="lists/lists-count.html">Listview count bubble</a>
- </li>
- <li data-filtertext="listview link divider grouping read only header">
- <a href="lists/lists-divider.html">Listview dividers</a>
- </li>
- <li data-filtertext="listview link icon 16 pixel">
- <a href="lists/lists-icons.html">Listview icons</a>
- </li>
- <li data-filtertext="listview link markup overview conventions types">
- <a href="lists/index.html">Listview overview</a>
- </li>
- <li data-filtertext="methods api mobile changePage loadPage jqmData jqmRemoveData showPageLoadingMsg hidePageLoadingMsg fixedToolbars.show fixedToolbars.hide path.parseUrl path.makePathAbsolute path.makeUrlAbsolute path.isSameDomain path.isRelativeUrl path.isAbsoluteUrl base silentScroll activePage jqmEnhanceable">
- <a href="api/methods.html">Methods API</a>
- </li>
- <li data-filtertext="listview link thumbnail images large square">
- <a href="lists/lists-thumbnails.html">Listview thumbnails</a>
- </li>
- <li data-filtertext="forms smaller compact mini toolbars">
- <a href="forms/forms-all-mini.html">Mini form elements</a>
- </li>
- <li data-filtertext="forms native not styled role none">
- <a href="forms/forms-all-native.html">Native form elements</a>
- </li>
- <li data-filtertext="link navbar navigation tabs">
- <a href="toolbars/docs-navbar.html">Navbars</a>
- </li>
- <li data-filtertext="listview link nested ul ol drilldown">
- <a href="lists/lists-nested.html">Nested lists</a>
- </li>
- <li data-filtertext="numbered list link ol ordered numbered">
- <a href="lists/lists-ol.html">Numbered lists</a>
- </li>
- <li data-filtertext="events api orientationchange orientationChangeEnabled portrait landscape window.orientation">
- <a href="api/events.html">Orientation events</a>
- </li>
- <li data-filtertext="events api pagebeforechange pagechange pagechangefailed ajax nav">
- <a href="api/events.html">Page change events</a>
- </li>
- <li data-filtertext="events api pagebeforecreate pagecreate pageinit $(document).ready() ajax nav">
- <a href="api/events.html">Page initialization events</a>
- </li>
- <li data-filtertext="events api pagebeforeload pageload pageloadfailed ajax nav">
- <a href="api/events.html">Page load events</a>
- </li>
- <li data-filtertext="pages overview boilerplate getting started setup">
- <a href="pages/index.html">Pages overview</a>
- </li>
- <li data-filtertext="events api pageremove ajax nav">
- <a href="api/events.html">Page remove events</a>
- </li>
- <li data-filtertext="pages multipage template boilerplate anchor link">
- <a href="pages/multipage-template.html">Page template, multipage</a>
- </li>
- <li data-filtertext="pages single ajax nav template boilerplate anchor link">
- <a href="pages/page-template.html">Page template, single page</a>
- </li>
- <li data-filtertext="page title head">
- <a href="pages/page-titles.html">Page titles</a>
- </li>
- <li data-filtertext="events api pagebeforeshow pagebeforehide pageshow pagehide ajax nav">
- <a href="api/events.html">Page transition events</a>
- </li>
- <li data-filtertext="toolbars fixed persistent tab bar footer header">
- <a href="toolbars/footer-persist-a.html">Persistent toolbars</a>
- </li>
- <li data-filtertext="phonegap compile appstore export device api XSS mobileinit pushstate loadUrlTimeoutValue allowCrossDomainPages local file:// URL support.cors UIWebView">
- <a href="pages/phonegap.html">PhoneGap</a>
- </li>
- <li data-filtertext="navigation model ajax prefetch preload lazyload loader loadPage">
- <a href="pages/page-cache.html">Prefetching pages</a>
- </li>
- <li data-filtertext="pushstate ajax navigation model hashchange popstate">
- <a href="pages/page-navmodel.html">PushState</a>
- </li>
- <li data-filtertext="introduction help quick start guide ">
- <a href="about/getting-started.html">Quick start guide</a>
- </li>
- <li data-filtertext="input forms single select radio button grouped horizontal toggle legend">
- <a href="forms/radiobuttons/">Radio buttons</a>
- </li>
- <li data-filtertext="read only display not linked listviews">
- <a href="lists/lists-readonly.html">Read only listviews</a>
- </li>
- <li data-filtertext="refresh forms elements property change update programatically checked selectedindex value update widget input text slider switch select button checkbox radiobutton">
- <a href="forms/docs-forms.html">Refreshing form elements</a>
- </li>
- <li data-filtertext="scripting pages loading scripts executing scripts document.ready() api developer firing fire pagecreate pageinit changing pages loading enhancing create refresh scolling silentscroll binding to mouse touch events passing url parameters backbone router">
- <a href="pages/page-scripting.html">Scripting pages</a>
- </li>
- <li data-filtertext="events api scrollstart scrollstop flick">
- <a href="api/events.html">Scroll events</a>
- </li>
- <li data-filtertext="listview search filter autocomplete refine">
- <a href="lists/lists-search.html">Search filter</a>
- </li>
- <li data-filtertext="listview search filter hidden extra meta data">
- <a href="lists/lists-search-filtertext.html">Search filter hidden data</a>
- </li>
- <li data-filtertext="input forms single select option selected index placeholder fullscreen optgroup grouped horizontal custom menu">
- <a href="forms/selects/">Select menu</a>
- </li>
- <li data-filtertext="input forms range slider highlight step min max value">
- <a href="forms/slider/">Slider</a>
- </li>
- <li data-filtertext="link listview multiple button splitbutton secondary action">
- <a href="lists/lists-split.html">Split button list</a>
- </li>
- <li data-filtertext="forms submit method action post get ajax navigation">
- <a href="forms/forms-sample.html">Submitting forms</a>
- </li>
- <li data-filtertext="supported platforms device matrix compatibility ios android blackberry playbook wp7 bada webod palm symbian meego firefox chrome internet explorer ie chrome safari graded support">
- <a href="about/platforms.html">Supported Platforms</a>
- </li>
- <li data-filtertext="input forms text textarea password number email url tel time date month week datetime color">
- <a href="forms/textinputs/">Text inputs & Textareas</a>
- </li>
- <li data-filtertext="theme themeroller swatch css styles bars blocks buttons forms">
- <a href="api/themes.html">Theming system overview</a>
- </li>
- <li data-filtertext="theme themeroller import export download css styles">
- <a href="api/themes.html">ThemeRoller</a>
- </li>
- <li data-filtertext="toolbars header footer bar fixed">
- <a href="toolbars/index.html">Toolbars</a>
- </li>
- <li data-filtertext="events api touch mouse vmouseover vmousedown vmousemove vmouseup vclick vmousecancel touchend target">
- <a href="api/events.html">Touch events</a>
- </li>
- <li data-filtertext="">
- <a href="pages/touchoverflow.html">TouchOverflow (deprecated)</a>
- </li>
- <li data-filtertext="animations page css keyframe transitions flip fade pop turn flow slide slideup slidedown none data-transition data-direction reverse defaultDialogTransition webkit moz o fallback 3d fallbackTransition max width custom transitionHandlers scroll position">
- <a href="pages/page-transitions.html">Transitions</a>
- </li>
- <li data-filtertext="events api touch tap taphold swipe swipeleft swipe left swiperight swipe right">
- <a href="api/events.html">Virtual mouse event API</a>
- </li>
- </ul>
- </div><!-- /content -->
-
-</div><!-- /page -->
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page">
- <div data-role="header" data-theme="e">
- <h1>Dialog</h1>
-
- </div>
-
- <div data-role="content" data-theme="e">
- <h1>I'm colorful</h1>
- <p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="a">Good for you</a>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Don't care, really</a>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="dialog-actionsheet">
-
-
- <div data-role="content" data-theme="a">
- <h3>Share Photos</h3>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Email</a>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Upload to flickr</a>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Share on Facebook</a>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Tweet photo</a>
-
- <a href="index.html" data-role="button" data-rel="back" data-theme="a">Cancel</a>
- </div>
-</div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" data-overlay-theme="e">
- <div data-role="header" data-theme="b">
- <h1>Dialog</h1>
- </div>
-
- <div data-role="content" data-theme="d">
- <h1>Custom overlay</h1>
- <p>This dialog adds <code>data-overlay-theme="e"</code> to the page container to set the overlay swatch color.</p>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="a" data-inline="true">I like it</a>
- </div>
-
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="dialog-actionsheet">
-
-
- <div data-role="content" data-theme="b">
- <p>Flickr upload:</p>
- <h3>Photos posted successfully</h3>
-
- <a href="page-dialogs.html" data-role="button" data-theme="b">View photo page</a>
- <a href="page-dialogs.html" data-role="button" data-theme="c">Done</a>
- </div>
-</div>
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example with Select</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dialog select test</h1>
- </div>
- <div data-role="content" >
- <a href="#bar" data-role="button" data-rel="dialog">Open dialog</a>
- </div>
-
-</div>
-
-
-
-
-
-
-
-<div data-role="page" id="bar">
-
- <div data-role="header" data-theme="d">
- <h1>Sample Dialogs</h1>
- </div>
-
- <div data-role="content" data-theme="c">
-
- <form action>
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1" data-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <a href="#foo" data-role="button" data-rel="back" data-theme="c">Real Submit Would go here</a>
- </form>
- <a href="#foo" data-role="button" data-rel="back" data-theme="c">Cancel</a>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="dialog">
-
- <div data-role="header" data-theme="d">
- <h1>Dialog</h1>
-
- </div>
-
- <div data-role="content" data-theme="c">
- <h1>Delete page?</h1>
- <p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="b">Sounds good</a>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Cancel</a>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Test URL Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" data-url="docs/pages/docs-links-urltest/">
- <div data-role="header" data-theme="f">
- <h1>URL Test Page</h1>
- </div>
- <div data-role="content">
- <p>This is a regular page that updated the url with a different value than was requested.</p>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Animals</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Animals</h1></div>
- <div data-role="content">
- <p>All your favorites from aardvarks to zebras.</p>
- <ul data-role="listview" data-inset="true">
- <li>Pets</li>
- <li>Farm Animals</li>
- <li>Wild Animals</li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<?php
-// This is a demo script that takes a single 'id' query param argument and
-// returns its associated data as HTML, or, if called via XmlHttpRequest,
-// returns its data as JSON.
-
-// In the real-world, this category data would be looked
-// up on the fly from some database. For this sample, we
-// are just using some static in-memory data.
-
-$category_data = array(
- animals => array(
- name => "Animals",
- description => "All your favorites from aardvarks to zebras.",
- items => array(
- array(
- name => "Pets",
- ),
- array(
- name => "Farm Animals",
- ),
- array(
- name => "Wild Animals",
- )
- )
- ),
- colors => array(
- name => "Colors",
- description => "Fresh colors from the magic rainbow.",
- items => array(
- array(
- name => "Blue",
- ),
- array(
- name => "Green",
- ),
- array(
- name => "Orange",
- ),
- array(
- name => "Purple",
- ),
- array(
- name => "Red",
- ),
- array(
- name => "Yellow",
- ),
- array(
- name => "Violet",
- )
- )
- ),
- vehicles => array(
- name => "Vehicles",
- description => "Everything from cars to planes.",
- items => array(
- array(
- name => "Cars",
- ),
- array(
- name => "Planes",
- ),
- array(
- name => "Construction",
- )
- )
- )
-);
-
-// Get the name of the category to display from
-// the query params for the script.
-
-$category_name = '';
-if ( $_GET[ 'id' ] ) {
- $category_name = $_GET[ 'id' ];
-}
-
-// Now get the category data, by name, from our in-memory
-// dictionary. This is the part where a script normally fetches
-// the data from a database.
-
-$category_obj = $category_data[ $category_name ];
-
-// Now figure out how the script is being called. If it's being
-// called via XmlHttpRequest, then send the data back as JSON.
-// If not, then send it back as a list in an HTML document.
-
-if( $_SERVER[ "HTTP_X_REQUESTED_WITH" ] && $_SERVER[ "HTTP_X_REQUESTED_WITH" ] ==="XMLHttpRequest" ) {
- // Data should be written out as JSON.
- header("Content-type: application/json");
- if ( !$category_obj ) {
- echo 'null';
- } else {
- echo '{"name":"' . $category_obj[ 'name' ]
- . '","description":"' . $category_obj[ 'description' ]
- . '","items":[';
-
- $arr = $category_obj[ 'items' ];
- $count = count($arr);
- for ( $i = 0; $i < $count; $i++ ) {
- if ( $i ) {
- echo ",";
- }
- echo '{"name":"' . $arr[ $i ][ 'name' ] . '"}';
- }
- echo "]}";
- }
-} else {
- // Data should be written out as HTML.
- header("Content-type: text/html");
-?>
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Vehicles</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-</head>
-<body>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="header"><h1><?php if ( $category_obj ) { echo $category_obj['name']; } else { echo "No Match"; } ?></h1></div>
- <div data-role="content">
-<?php
- if ( !$category_obj ) {
-?>
- <p>No matches found.</p>
-<?php
- } else {
-?>
- <p><?php echo $catgory_object['description']; ?></p>
- <ul data-role="listview" data-inset="true">
-<?php
- $arr = $category_obj[ 'items' ];
- $count = count($arr);
- for ( $i = 0; $i < $count; $i++ ) {
- echo "\t\t\t<li>" . $arr[ $i ][ 'name' ] . "</li>\n";
- }
-?>
- </ul>
-<?php
- }
-?>
- </div>
-</div>
-</body>
-</html>
-<?php }
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Colors</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Colors</h1></div>
- <div data-role="content">
- <p>Fresh colors from the magic rainbow.</p>
- <ul data-role="listview" data-inset="true">
- <li>Blue</li>
- <li>Green</li>
- <li>Orange</li>
- <li>Purple</li>
- <li>Red</li>
- <li>Yellow</li>
- <li>Violet</li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Dynamic Page Samples</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Categories</h1></div>
- <div data-role="content">
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="sample-reuse-page.html" rel="external">Re-using a Page with In-Memory Data</a></li>
- <li><a href="sample-reuse-page-external.html" rel="external">Re-using a Page With External Data</a></li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>changePage JSON Sample</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-<script type="text/javascript">
-
-// Load the JSON data for a specific category, based on
-// the URL passed in. Generate markup for the items in the
-// category, inject it into an embedded page, and then make
-// that page the current active page.
-function showCategory( url, options )
-{
- $.getJSON( url, function( category ) {
- if ( category ) {
- // Get the page we are going to dump our content into.
- var $page = $( "#category-items" ),
-
- // Get the header for the page.
- $header = $page.children( ":jqmData(role=header)" ),
-
- // Get the content area element for the page.
- $content = $page.children( ":jqmData(role=content)" ),
-
- // The markup we are going to inject into the content
- // area of the page.
- markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
-
- // The array of items for this category.
- cItems = category.items,
-
- // The number of items in the category.
- numItems = cItems.length;
-
- // Generate a list item for each item in the category
- // and add it to our markup.
- for ( var i = 0; i < numItems; i++ ) {
- markup += "<li>" + cItems[i].name + "</li>";
- }
- markup += "</ul>";
-
- // Find the h1 element in our header and inject the name of
- // the category into it.
- $header.find( "h1" ).html( category.name );
-
- // Inject the category items markup into the content element.
- $content.html( markup );
-
- // Pages are lazily enhanced. We call page() on the page
- // element to make sure it is always enhanced before we
- // attempt to enhance the listview markup we just injected.
- // Subsequent calls to page() are ignored since a page/widget
- // can only be enhanced once.
- $page.page();
-
- // Enhance the listview we just injected.
- $content.find( ":jqmData(role=listview)" ).listview();
-
- // We don't want the data-url of the page we just modified
- // to be the url that shows up in the browser's location field,
- // so set the dataUrl option to the URL for the category
- // we just loaded.
- options.dataUrl = url;
-
- // Now call changePage() and tell it to switch to
- // the page we just modified.
- $.mobile.changePage( $page, options );
- }
- });
-}
-
-
-// Listen for any attempts to call changePage().
-$(document).bind( "pagebeforechange", function( e, data ) {
- // We only want to handle changePage() calls where the caller is
- // asking us to load a page by URL.
- if ( typeof data.toPage === "string" ) {
- // We are being asked to load a page by URL, but we only
- // want to handle URLs that request the data for a specific
- // category.
- var u = $.mobile.path.parseUrl( data.toPage );
- if ( u.pathname.search("category.php") !== -1 ) {
- // We're being asked to display the items for a specific category.
- // Call our internal method that builds the content for the category
- // on the fly based on our in-memory category data structure.
- showCategory( u.href, data.options );
-
- // Make sure to tell changePage() we've handled this call so it doesn't
- // have to do anything.
- e.preventDefault();
- }
- }
-});
-
-</script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Categories</h1></div>
- <div data-role="content">
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="category.php?id=animals">Animals</a></li>
- <li><a href="category.php?id=colors">Colors</a></li>
- <li><a href="category.php?id=vehicles">Vehicles</a></li>
- </ul>
- </div>
-</div>
-<div id="category-items" data-role="page" data-add-back-btn="true">
- <div data-role="header"><h1></h1></div>
- <div data-role="content"></div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>changePage JSON Sample</title>
-<link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
-<script src="../../../js/jquery.js"></script>
-<script src="../../../docs/_assets/js/jqm-docs.js"></script>
-<script src="../../../js/"></script>
-<script>
-
-// Some sample categorized data. This data is in-memory
-// for demonstration purposes, but could be loaded dynamically
-// via ajax.
-var categoryData = {
- animals: {
- name: "Animals",
- description: "All your favorites from aardvarks to zebras.",
- items: [
- {
- name: "Pets"
- },
- {
- name: "Farm Animals"
- },
- {
- name: "Wild Animals"
- }
- ]
- },
- colors: {
- name: "Colors",
- description: "Fresh colors from the magic rainbow.",
- items: [
- {
- name: "Blue"
- },
- {
- name: "Green"
- },
- {
- name: "Orange"
- },
- {
- name: "Purple"
- },
- {
- name: "Red"
- },
- {
- name: "Yellow"
- },
- {
- name: "Violet"
- }
- ]
- },
- vehicles: {
- name: "Vehicles",
- description: "Everything from cars to planes.",
- items: [
- {
- name: "Cars"
- },
- {
- name: "Planes"
- },
- {
- name: "Construction"
- }
- ]
- }
-};
-
-// Load the data for a specific category, based on
-// the URL passed in. Generate markup for the items in the
-// category, inject it into an embedded page, and then make
-// that page the current active page.
-function showCategory( urlObj, options )
-{
- var categoryName = urlObj.hash.replace( /.*category=/, "" ),
-
- // Get the object that represents the category we
- // are interested in. Note, that at this point we could
- // instead fire off an ajax request to fetch the data, but
- // for the purposes of this sample, it's already in memory.
- category = categoryData[ categoryName ],
-
- // The pages we use to display our content are already in
- // the DOM. The id of the page we are going to write our
- // content into is specified in the hash before the '?'.
- pageSelector = urlObj.hash.replace( /\?.*$/, "" );
-
- if ( category ) {
- // Get the page we are going to dump our content into.
- var $page = $( pageSelector ),
-
- // Get the header for the page.
- $header = $page.children( ":jqmData(role=header)" ),
-
- // Get the content area element for the page.
- $content = $page.children( ":jqmData(role=content)" ),
-
- // The markup we are going to inject into the content
- // area of the page.
- markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
-
- // The array of items for this category.
- cItems = category.items,
-
- // The number of items in the category.
- numItems = cItems.length;
-
- // Generate a list item for each item in the category
- // and add it to our markup.
- for ( var i = 0; i < numItems; i++ ) {
- markup += "<li>" + cItems[i].name + "</li>";
- }
- markup += "</ul>";
-
- // Find the h1 element in our header and inject the name of
- // the category into it.
- $header.find( "h1" ).html( category.name );
-
- // Inject the category items markup into the content element.
- $content.html( markup );
-
- // Pages are lazily enhanced. We call page() on the page
- // element to make sure it is always enhanced before we
- // attempt to enhance the listview markup we just injected.
- // Subsequent calls to page() are ignored since a page/widget
- // can only be enhanced once.
- $page.page();
-
- // Enhance the listview we just injected.
- $content.find( ":jqmData(role=listview)" ).listview();
-
- // We don't want the data-url of the page we just modified
- // to be the url that shows up in the browser's location field,
- // so set the dataUrl option to the URL for the category
- // we just loaded.
- options.dataUrl = urlObj.href;
-
- // Now call changePage() and tell it to switch to
- // the page we just modified.
- $.mobile.changePage( $page, options );
- }
-}
-
-
-// Listen for any attempts to call changePage().
-$(document).bind( "pagebeforechange", function( e, data ) {
- // We only want to handle changePage() calls where the caller is
- // asking us to load a page by URL.
- if ( typeof data.toPage === "string" ) {
- // We are being asked to load a page by URL, but we only
- // want to handle URLs that request the data for a specific
- // category.
- var u = $.mobile.path.parseUrl( data.toPage ),
- re = /^#category-item/;
- if ( u.hash.search(re) !== -1 ) {
- // We're being asked to display the items for a specific category.
- // Call our internal method that builds the content for the category
- // on the fly based on our in-memory category data structure.
- showCategory( u, data.options );
-
- // Make sure to tell changePage() we've handled this call so it doesn't
- // have to do anything.
- e.preventDefault();
- }
- }
-});
-
-
-</script>
-</head>
-
-<body>
-<div id="home" data-role="page">
- <div data-role="header"><h1>Categories</h1></div>
- <div data-role="content">
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="#category-items?category=animals">Animals</a></li>
- <li><a href="#category-items?category=colors">Colors</a></li>
- <li><a href="#category-items?category=vehicles">Vehicles</a></li>
- </ul>
- </div>
-
-</div>
-<div id="category-items" data-role="page">
- <div data-role="header"><h1></h1></div>
- <div data-role="content"></div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Vehicles</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Vehicles</h1></div>
- <div data-role="content">
- <p>Everything from cars to planes.</p>
- <ul data-role="listview" data-inset="true">
- <li>Cars</li>
- <li>Planes</li>
- <li>Destruction</li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>jQuery Mobile includes automatic AJAX page loading of external pages with back button history support, a set of animated page transitions and simple tools for displaying pages as dialogs.</p>
-
-
- <ul data-role="listview" data-inset="true">
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Multi-page template</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
-</head>
-
-
-<body>
-
-<!-- Start of first page: #one -->
-<div data-role="page" id="one">
-
- <div data-role="header">
- <h1>Multi-page</h1>
- </div><!-- /header -->
-
- <div data-role="content" >
- <h2>One</h2>
-
- <p>I have an id of "one" on my page container. I'm first in the source order so I'm shown when the page loads.</p>
-
- <p>This is a multi-page boilerplate template that you can copy to build your first jQuery Mobile page. This template contains multiple "page" containers inside, unlike a <a href="page-template.html"> single page template</a> that has just one page within it.</p>
- <p>Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.</p>
- <p>You link to internal pages by referring to the ID of the page you want to show. For example, to <a href="#two" >link</a> to the page with an ID of "two", my link would have a <code>href="#two"</code> in the code.</p>
-
- <h3>Show internal pages:</h3>
- <p><a href="#two" data-role="button">Show page "two"</a></p>
- <p><a href="#popup"data-role="button" data-rel="dialog" data-transition="pop">Show page "popup" (as a dialog)</a></p>
- </div><!-- /content -->
-
- <div data-role="footer" data-theme="d">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page one -->
-
-
-<!-- Start of second page: #two -->
-<div data-role="page" id="two" data-theme="a">
-
- <div data-role="header">
- <h1>Two</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="a">
- <h2>Two</h2>
- <p>I have an id of "two" on my page container. I'm the second page container in this multi-page template.</p>
- <p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>
- <p><a href="#one" data-direction="reverse" data-role="button" data-theme="b">Back to page "one"</a></p>
-
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page two -->
-
-
-<!-- Start of third page: #popup -->
-<div data-role="page" id="popup">
-
- <div data-role="header" data-theme="e">
- <h1>Dialog</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="d">
- <h2>Popup</h2>
- <p>I have an id of "popup" on my page container and only look like a dialog because the link to me had a <code>data-rel="dialog"</code> attribute which gives me this inset look and a <code>data-transition="pop"</code> attribute to change the transition to pop. Without this, I'd be styled as a normal page.</p>
- <p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page "one"</a></p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page popup -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Anatomy of a Page</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Anatomy of a Page</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>The jQuery Mobile "page" structure is optimized to support either single pages, or local internal linked "pages" within a page.</p>
-
- <p>The goal of this model is to allow developers to create websites using best practices — where ordinary links will "just work" without any special configuration — while creating a rich, native-like experience that can't be achieved with standard HTTP requests.</p>
-
- <h2>Mobile page structure</h2>
-
- <p>A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. (Older devices with browsers that don't understand HTML5 will safely ignore the 'doctype' and various custom attributes.) </p>
- <p>In the 'head', references to jQuery, jQuery Mobile and the mobile theme CSS are all required to start things off. jQuery Mobile 1.1 works with both 1.6.4 and 1.7.1 versions of jQuery core. We recommend linking to the files hosted on the jQuery CDN for best performance: </p>
-
-<pre><code>
-<strong><!DOCTYPE html> </strong>
-<html>
- <head>
- <title>Page Title</title>
-
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
-</head>
-
-<body>
-...content goes here...
-</body>
-</html>
-</code></pre>
-
- <h2>Viewport meta tag</h2>
- <p>Note above that there is a meta <code>viewport</code> tag in the <code>head</code> to specify how the browser should display the page zoom level and dimensions. If this isn't set, many mobile browsers will use a "virtual" page width around 900 pixels to make it work well with existing desktop sites but the screens may look zoomed out and too wide. By setting the viewport attributes to <code>content="width=device-width, initial-scale=1"</code>, the width will be set to the pixel width of the device screen. </p>
-
- <pre><code><meta name="viewport" content="width=device-width, initial-scale=1"> </code></pre>
-
- <p>These settings do not disable the user's ability to zoom the pages, which is nice from an accessibility perspective. There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed in a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library. </p>
-
- <h2>Inside the body: Pages</h2>
- <p>Inside the <code><body></code> tag, each view or "page" on the mobile device is identified with an element (usually a <code>div</code>) with the <code> data-role="page"</code> attribute. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to pages.</p>
-
-<div class="highlight">
-<pre><span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"page"</span><span class="nt">></span>
- ...
-<span class="nt"></div></span>
-</pre>
-</div>
-
- <p>Within the "page" container, any valid HTML markup can be used, but for typical pages in jQuery Mobile, the immediate children of a "page" are divs with data-roles of <code>"header"</code>, <code>"content"</code>, and <code>"footer"</code>.</p>
-
-<div class="highlight">
-<pre><span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"page"</span><span class="nt">></span>
- <span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"header"</span><span class="nt">></span>...<span class="nt"></div></span>
- <span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"content"</span><span class="nt">></span>...<span class="nt"></div></span>
- <span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"footer"</span><span class="nt">></span>...<span class="nt"></div></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
-
-<h2>Putting it together: Basic single page template</h2>
-
-<p>Putting it all together, this is the standard boilerplate page template you should start with on a project: </p>
-
-<pre><code>
-<!DOCTYPE html>
-<html>
- <head>
- <title>Page Title</title>
-
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Page Title</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>Page content goes here.</p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page -->
-
-</body>
-</html>
-</code></pre>
-
- <a href="page-template.html" data-inline="true" data-theme="b" data-role="button">View boilerplate template</a>
-
-
- <h2>Multi-page template structure</h2>
-
- <p>A single HTML document can contain multiple 'pages' that are loaded together by stacking multiple divs with a <code> data-role</code> of <code>"page"</code>. Each 'page' block needs a unique ID (<code>id="foo"</code>) that will be used to link internally between 'pages' (<code>href="#foo"</code>). When a link is clicked, the framework will look for an internal 'page' with the ID and transition it into view.</p>
-
- <p>Here is an example of a 2 "page" site built with two jQuery Mobile divs navigated by linking to an ID placed on each page wrapper. Note that the IDs on the page wrappers are only needed to support the internal page linking, and are optional if each page is a separate HTML document. Here is what two pages look inside the <code>body</code> element.</p>
-
-<pre><code>
-<body>
-
-<!-- Start of first page -->
-<div data-role="page" id="foo">
-
- <div data-role="header">
- <h1>Foo</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>I'm first in the source order so I'm shown as the page.</p>
- <p>View internal page called <a href="#bar">bar</a></p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page -->
-
-
-<!-- Start of second page -->
-<div data-role="page" id="bar">
-
- <div data-role="header">
- <h1>Bar</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my ID is beeing clicked.</p>
- <p><a href="#foo">Back to foo</a></p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page -->
-</body>
-</code></pre>
-
- <a href="../../docs/pages/multipage-template.html" data-inline="true" data-theme="b" data-role="button" rel="external">View multi-page template</a>
-
- <p> </p>
-
- <p>PLEASE NOTE: Since we are using the hash to track navigation history for all the Ajax 'pages', it's not currently possible to deep link to an anchor (<code>index.html#foo</code>) on a page in jQuery Mobile, because the framework will look for a 'page' with an <code>ID</code> of <code>#foo</code> instead of the native behavior of scrolling to the content with that <code>ID</code>.</p>
-
-
-<h2>Conventions, not requirements</h2>
-
-<p>Although the page structure outlined above is a recommended approach for a standard web app built with jQuery Mobile, the framework is very flexible with document structure. The page, header, content, and footer data-role elements are optional and are mostly helpful for providing some basic formatting and structure. The page wrapper that used to be required for auto-initialization to work is now optional for single page documents, so there isn't any required markup at all. For a web page with a custom layout, all of these structural elements can be omitted and the Ajax navigation and all widgets will work just like they do in the boilerplate structure. Behind the scenes, the framework will inject the page wrapper if it's not included in the markup because it’s needed for managing pages, but the starting markup can now be extremely simple. </p>
-
-<p>Note that in a multi-page setup, you are required to have page wrappers in your markup in order to group the content into multiple pages.</p>
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li data-theme="a"><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Prefetching & caching pages</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Prefetching & caching pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
-
- <h2>Prefetching pages</h2>
-
- <p>Usually, it's a good idea to store your app's pages in several single-page templates instead of one large multi-page template. This minimizes the size of the page's DOM.</p>
-
- <p>When using single-page templates, you can prefetch pages into the DOM so that they're available instantly when the user visits them. To prefetch a page, add the <code>data-prefetch</code> attribute to a link that points to the page. jQuery Mobile then loads the target page in the background after the primary page has loaded and the <code>pagecreate</code> event has triggered. For example:</p>
-
-<pre><code>
-<a href="prefetchThisPage.html" data-prefetch> ... </a>
-</code></pre>
-
- <p>You can prefetch as many linked pages as you like. Just add <code>data-prefetch</code> to all the links you want to prefetch.</p>
-
- <p>Alternatively, you can prefetch a page programmatically using <code>$.mobile.loadPage()</code>:</p>
-
-<pre><code>
-$.mobile.loadPage( <var>pageUrl</var>, { showLoadMsg: false } );
-</code></pre>
-
- <p>Another advantage of prefetching a page is that the user doesn't see the Ajax loading message when visiting the prefetched page. The Ajax loading message only appears if the framework hasn't finished prefetching the page by the time the link is followed.</p>
-
- <p>Prefetching pages naturally creates additional HTTP requests and uses bandwidth, so it's wise to use this feature only in situations where it's highly likely that the prefetched page will be visited. A common scenario is a photo gallery, where you can prefetch the "previous" and "next" photo pages so that the user can move quickly between photos.</p>
-
-
- <h2>DOM size management</h2>
-
- <p>For animated page transitions to work, the pages you're transitioning from and to both need to be in the DOM. However, keeping old pages in the DOM quickly fills the browser's memory, and can cause some mobile browsers to slow down or even crash.</p>
-
- <p>jQuery Mobile therefore has a simple mechanism to keep the DOM tidy. Whenever it loads a page via Ajax, jQuery Mobile flags the page to be removed from the DOM when you navigate away from it later (technically, on the <code>pagehide</code> event). If you revisit a removed page, the browser may be able to retrieve the page's HTML file from its cache. If not, it refetches the file from the server. (In the case of nested list views, jQuery Mobile removes all the pages that make up the nested list once you navigate to a page that's not part of the list.)</p>
-
- <p>Pages inside a multi-page template aren't affected by this feature at all - jQuery Mobile only removes pages loaded via Ajax.</p>
-
-
- <h2>Caching pages in the DOM</h2>
-
- <p>If you prefer, you can tell jQuery Mobile to keep previously-visited pages in the DOM instead of removing them. This lets you cache pages so that they're available instantly if the user returns to them.</p>
-
- <p>To keep all previously-visited pages in the DOM, set the <code>domCache</code> option on the page plugin to <code>true</code>, like this:</p>
-
-<pre><code>
-$.mobile.page.prototype.options.domCache = true;
-</code></pre>
-
- <p>Alternatively, to cache just a particular page, you can add the <code>data-dom-cache="true"</code> attribute to the page's container:</p>
-
-<pre><code>
-<div data-role="page" id="cacheMe" data-dom-cache="true">
-</code></pre>
-
- <p>You can also cache a page programmatically like this:</p>
-
-<pre><code>
-<var>pageContainerElement</var>.page({ domCache: true });
-</code></pre>
-
- <p>The drawback of DOM caching is that the DOM can get very large, resulting in slowdowns and memory issues on some devices. If you enable DOM caching, take care to manage the DOM yourself and test thoroughly on a range of devices.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li data-theme="a"><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Transitions</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Transitions</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Creating custom CSS-based transitions</h2>
-
-
- <p>To create a custom CSS transition, select a class name that corresponds to the name of your transition, for example "slide", and then define your "in" and "out" CSS rules to take advantage of transitions or animation keyframes:</p>
-
- <pre><code>
- .slide.in {
- -webkit-transform: translateX(0);
- -moz-transform: translateX(0);
- -webkit-animation-name: slideinfromright;
- -moz-animation-name: slideinfromright;
- }
-
- .slide.out {
- -webkit-transform: translateX(-100%);
- -moz-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
- -moz-animation-name: slideouttoleft;
- }
-
- @-webkit-keyframes slideinfromright {
- from { -webkit-transform: translateX(100%); }
- to { -webkit-transform: translateX(0); }
- }
-
- @-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
- }
-
- @-moz-keyframes slideinfromright {
- from { -moz-transform: translateX(100%); }
- to { -moz-transform: translateX(0); }
- }
-
- @-moz-keyframes slideouttoleft {
- from { -moz-transform: translateX(0); }
- to { -moz-transform: translateX(-100%); }
- }
-
- </code></pre>
-
- <p>During a CSS-based page transition, jQuery Mobile will place the class name of the transition on both the "from" and "to" pages involved in the transition. It then places an "out" class on the "from" page, and "in" class on the "to" page. The presence of these classes on the "from" and "to" page elements then triggers the animation CSS rules defined above. As of jQuery Mobile version 1.1, animation class additions are queued, rather than simultaneous, producing an out-then-in sequence, which is friendlier for mobile rendering than our previous simultaneous transition sequence.</p>
-
- <p>If your transition supports a reverse direction, you need to create CSS rules that use the <code>reverse</code> class in addition to the transition class name and the "in" and "out" classes:</p>
-
- <pre><code>
- .slide.in.reverse {
- -webkit-transform: translateX(0);
- -moz-transform: translateX(0);
- -webkit-animation-name: slideinfromleft;
- -moz-animation-name: slideinfromleft;
- }
-
- .slide.out.reverse {
- -webkit-transform: translateX(100%);
- -moz-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
- -moz-animation-name: slideouttoright;
- }
-
- @-webkit-keyframes slideinfromleft {
- from { -webkit-transform: translateX(-100%); }
- to { -webkit-transform: translateX(0); }
- }
-
- @-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
- }
-
- @-moz-keyframes slideinfromleft {
- from { -moz-transform: translateX(-100%); }
- to { -moz-transform: translateX(0); }
- }
-
- @-moz-keyframes slideouttoright {
- from { -moz-transform: translateX(0); }
- to { -moz-transform: translateX(100%); }
- }
-
- </code></pre>
-
- <p>After the CSS rules are in place, you simply specify the name of your transition within the @data-transition attribute of a navigation link:</p>
-
- <pre><code><a href="#page2" data-transition="slide">Page 2</a>
- </code></pre>
-
- <p>When the user clicks on the navigation link, jQuery Mobile will invoke your transition when it navigates to the page mentioned within the link.</p>
-
- <p>In case you were wondering why none of the CSS rules above specified any easing or duration, it's because the CSS for jQuery Mobile defines the default easing and duration in the following rules:</p>
-
- <pre><code>
- .in {
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-duration: 350ms;
- -moz-animation-timing-function: ease-out;
- -moz-animation-duration: 350ms;
- }
-
- .out {
- -webkit-animation-timing-function: ease-in;
- -webkit-animation-duration: 225ms;
- -moz-animation-timing-function: ease-in;
- -moz-animation-duration: 225;
- }
- </code></pre>
-
- <p>If you need to specify a different easing or duration, simply add the appropriate CSS3 property to your custom page transition rules.</p>
-
-
- <h2>Creating custom JavaScript-based transitions</h2>
-
- <p>When a user clicks on a link within a page, jQuery Mobile checks if the link specifies a <code>@data-transition</code> attribute. The value of this attribute is the name of the transition to use when displaying the page referred to by the link. If there is no <code>@data-transition</code> attribute, the transition name specified by the configuration option <code>$.mobile.defaultPageTransition</code> is used for pages, and <code>$.mobile.defaultDialogTransition</code> is used for dialogs.</p>
-
- <p>After the new page is loaded, the <code>$.mobile.transitionHandlers</code> dictionary is used to see if any transition handler function is registered for the given transition name. If a handler is found, that handler is invoked to start and manage the transition. If no handler is found the handler specified by the configuration option <code>$.mobile.defaultTransitionHandler</code> is invoked.</p>
-
- <p>By default, the <code>$.mobile.transitionHandlers</code> dictionary is only populated with a single handler entry called "default". This handler plays a dual purpose of either executing a "none" transition, which removes the <code>"ui-page-active"</code> class from the page we are transitioning "from", and places it on the page we are transitioning "to", or a Queued CSS3 Animated Transition, such as the one explained above. If the transition is "none", it will be instantaneous; no animation, no fanfare.</p>
-
- <p>The <code>$.mobile.defaultTransitionHandler</code> points to a handler function that assumes the name is a CSS class name, and implements the "Pure CSS3 Based Transitions" section above.</p>
-
- <p>The default transition handler is available on the $.mobile namespace:</p>
-
- <pre><code>
-$.mobile.transitionHandlers[ "default" ];
- </code></pre>
-
- <h3>Transition Handlers</h3>
-
- <p>A transition handler is a function with the following call signature:</p>
-
- <pre><code>
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
- </code></pre>
-
- <p>Your handler must create a Deferred object and return a promise to the caller. The promise is used to communicate to the caller when your transition is actually complete. It is up to you to call <code>deferred.resolve()</code> at the correct time. If you are new to Deferred objects, you can find documentation <a href="http://api.jquery.com/category/deferred-object/" rel="nofollow">here</a>.</p>
-
- <h3>Registering and Invoking Your Transition Handler</h3>
-
- <p>Once you have created a transition handler function, you need to tell jQuery Mobile about it. To do this, simply add your handler to the <code>$.mobile.transitionHandlers</code> dictionary. Remember, the key used should be the name of your transition. This name is also the same name that will be used within the <code>@data-transition</code> attribute of any navigation links.</p>
-
- <pre><code>
-// Define your transition handler:
-
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
-
-// Register it with jQuery Mobile:
-
-$.mobile.transitionHandlers["myTransition"] = myTransitionHandler;
- </code></pre>
-
- <p>Once you've registered your handler, you can invoke your transition by placing a <code>data-transition</code> attribute on a link:</p>
-
- <pre><code><a href="#page2" data-transition="myTransition">Page 2</a>
- </code></pre>
-
- <p>When the user clicks the link above, your transition handler will be invoked after the page is loaded and it is ready to be shown.</p>
-
- <h3>Overriding a CSS Transition With Your Own Handler</h3>
-
- <p>As previously mentioned the default transition handler assumes that any transition name other than "none" is a CSS class to be placed on the "from" and "to" elements to kick off a CSS3 animation. If you would like to override one of these built-in CSS transitions, you simply register your own handler with the same name as the CSS page transition you want to override. So for example, if I wanted to override the built-in "slide" CSS transition with my own JavaScript based transition, I would simply do the following:</p>
-
- <pre><code>// Define your transition handler:
-
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
-
-// Register it with jQuery Mobile:
-
-$.mobile.transitionHandlers["slide"] = myTransitionHandler;
- </code></pre>
-
- <p>Once you do this, anytime the "slide" transition is invoked, your handler, instead of the default one, will be called to perform the transition.</p>
-
- <h3>Overriding the Default Transition Handler</h3>
-
- <p>The <code>$.mobile.css3TransitionHandler</code> function is the default transition handler that gets invoked when a transition name is used and not found in the <code>$.mobile.transitionHandlers</code> dictionary. If you want to install your own custom default handler, you simply set the <code>$.mobile.defaultTransitionHandler</code> to your handler:</p>
-
- <pre><code>// Define your default transition handler:
-
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
-
-$.mobile.defaultTransitionHandler = myTransitionHandler;
- </code></pre>
-
- <p>Once you do this, your handler will be invoked any time a transition name is used but not found within the <code>$.mobile.transitionHandlers</code> dictionary.</p>
-
- <h2>A model for Custom transition handler development</h2>
- <p>Transition handlers involve a number of critical operations, such as hiding any existing page, showing the new page, scrolling either to the top or a remembered scroll position on that new page, setting focus on the new page, and any animation and timing sequences you'd like to add. During development, we would recommend using <code>jquery.mobile.transitions.js</code> as a coding reference.</p>
-
- <h2>Transitions and scroll position</h2>
- <p>One of the key things jQuery Mobile does is store your scroll position before starting a transition so it can restore you to the same place once you return to the page when hitting the Back button or closing a dialog. Here are the same buttons from the top to test the scrolling logic.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Dialogs</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dialogs</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content" class="ui-body">
- <div class="content-primary">
- <h2>Creating dialogs</h2>
- <p>Any page can be presented as a modal dialog by adding the <code>data-rel="dialog"</code> attribute to the page anchor link. When the "dialog" attribute is applied, the framework adds styles to add rounded corners, margins around the page and a dark background to make the "dialog" appear to be suspended above the page.</p>
-
- <p>
- <code>
- <a href="foo.html" data-rel="dialog">Open dialog</a>
- </code>
- </p>
-
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a>
-
-
-
- <h2>Transitions</h2>
- <p>By default, the dialog will open with a 'pop' transition. Like all pages, you can specify any page transition you want on the dialog by adding the <code>data-transition</code> attribute to the link. To make it feel more dialog-like, we recommend specifying a transition of "pop", "slideup" or "flip".</p>
-
-<code>
-<a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a>
-</code>
-
- <div>
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">data-transition="pop"</a>
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">data-transition="slidedown"</a>
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="flip">data-transition="flip"</a>
- </div>
-
-
- <h2>Closing dialogs</h2>
- <p>When any link is clicked within in a dialog, the framework will automatically close the dialog and transition to the requested page, just as if the dialog were a normal page. To create a "cancel" button in a dialog, just link to the page that triggered the dialog to open and add the <code>data-rel="back"</code> attribute to your link. This pattern of linking to the previous page is also usable in non-JS devices as well.</p>
- <p>For JavaScript-generated links, you can simply set the href attribute to "#" and use the <code>data-rel="back"</code> attribute. You can also call the dialog's <code>close()</code> method to programmatically close dialogs, for example: <code>$('.ui-dialog').dialog('close')</code>. </p>
-
- <h3>Setting the close button text</h3>
- <p>Just like the page plugin, you can set a dialog's close button text through an option or data attribute. The option can be configured for all dialogs by binding to the <code>mobileinit</code> event and setting the <code>$.mobile.dialog.prototype.options.closeBtnText</code> property to a string of your choosing, or you can place the data attribute <code>data-close-btn-text</code> to configure the text from your markup.</p>
-
- <h2>History & Back button behavior</h2>
- <p>Since dialogs are typically used to support actions within a page, the framework does not include dialogs in the hash state history tracking. This means that dialogs will not appear in your browsing history chronology when the Back button is clicked. For example, if you are on a page, click a link to open a dialog, close the dialog, then navigate to another page, if you were to click the browser's Back button at that point you will navigate back to the first page, not the dialog.</p>
-
- <h2>Styling & theming</h2>
- <p>Dialogs can be styled with different theme swatches, just like any page by adding <code>data-theme</code> attributes to the header, content, or footer containers. Here is an example of a different dialog design:</p>
- <a href="dialog-alt.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">An alternate color scheme</a>
-
- <p>Dialogs appear to be floating above an overlay layer. This overlay adopts the swatch A content color by default, but the <code>data-overlay-theme</code> attribute can be added to the page wrapper to set the overlay to any swatch letter. Here is an example of a dialog with the overlay set to swatch e:</p>
- <a href="dialog-overlay.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Custom overlay swatch</a>
-
-
- <p>Dialogs can also be used more like a control sheet to offer multiple buttons if you simply remove the top margin from the dialog's inner container element. For example, if your dialog page had a class of <code>my-dialog</code>, you could add this CSS to pin that dialog to the top: <code>.ui-dialog.my-dialog .ui-dialog-contain { margin-top: 0 }</code>, or you could just apply that style to all dialogs with <code>.ui-dialog .ui-dialog-contain { margin-top: 0 }</code>.</p>
- <a href="dialog-buttons.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">Share photos...</a>
-
- <h2>Dialog width and margins</h2>
- <p>For the sake of readability, dialogs have a default <code>max-width</code> of 500 pixels (plus 15px padding on each side). There is also a 10% top <code>margin</code> to give dialogs larger top margin on larger screens, but collapse to a small margin on smartphones. To override these styles, add the following CSS override rule to your stylesheet and tweak as needed:</p>
-
-<code><pre>
-.ui-dialog .ui-header,
-.ui-dialog .ui-content,
-.ui-dialog .ui-footer {
-<strong> max-width: 500px;
- margin: 10% auto 15px auto; </strong>
-}
-</pre></code>
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li data-theme="a"><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Dynamically Injecting Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dynamically Injecting Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>jQuery Mobile and Dynamic Page Generation</h2>
- <p>jQuery Mobile allows pages to be pulled into the DOM dynamically via its default click hijacking behavior, or through manual calls to <code>$.mobile.changePage()</code>. This is great for applications that generate HTML pages/fragments on the server-side, but there are sometimes cases where an application needs to dynamically generate page content on the client-side from JSON or some other format. This may be necessary for bandwidth/performance reasons, or because it is the data format of choice for the server they are interacting with.</p>
- <p>For applications that need to generate page markup on the client-side, it's important to know about the notifications that are triggered during a <code>$.mobile.changePage()</code> call because they can be used as hooks into the navigation system that will allow you to generate your content at the appropriate time.</p>
- <p>A call to <code>changePage()</code> will usually trigger the following event notifications:</p>
- <ul>
- <li><code>pagebeforechange</code>
- <ul>
- <li>Fired off before any page loading or transition.</li>
- <li>NOTE: This event was formerly known as "beforechangepage".</li>
- </ul>
- </li>
- <li><code>pagechange</code>
- <ul>
- <li>Fired off after all page loading and transitions.</li>
- <li>NOTE: this event was formerly known as "changepage".</li>
- </ul>
- </li>
- <li><code>pagechangefailed</code>
- <ul>
- <li>Fired off if an error has occurred while attempting to dynamically load a new page. </li>
- </ul>
- </li>
- </ul>
- <p>These notifications are triggered on the parent container element (<code>$.mobile.pageContainer</code>) of pages, and will bubble all the way up to the document element and window.</p>
-<p>For applications wishing to inject pages, or radically modify the content of an existing page, based on some non-HTML data, such as JSON or in-memory JS object, the <code>pagebeforechange</code> event is very useful since it gives you a hook for analyzing the URL or page element the application is being asked to load or switch to, and short-circuit the default <code>changePage()</code> behavior by simply calling <code>preventDefault()</code> on the <code>pagebeforechange</code> event.</p>
-<p>To illustrate this technique, take a look at this <a href="dynamic-samples/sample-reuse-page.html" rel="external">working sample</a>. In this sample, the main page starts off with a list of categories that the user can navigate into. The actual items in each category are stored in a JavaScript object in memory, for illustrative purposes, but the data can really come from anywhere.</p>
-<pre><code>
-var categoryData = {
- animals: {
- name: "Animals",
- description: "All your favorites from aardvarks to zebras.",
- items: [
- {
- name: "Pets"
- },
- {
- name: "Farm Animals"
- },
- {
- name: "Wild Animals"
- }
- ]
- },
- colors: {
- name: "Colors",
- description: "Fresh colors from the magic rainbow.",
- items: [
- {
- name: "Blue"
- },
- {
- name: "Green"
- },
- {
- name: "Orange"
- },
- {
- name: "Purple"
- },
- {
- name: "Red"
- },
- {
- name: "Yellow"
- },
- {
- name: "Violet"
- }
- ]
- },
- vehicles: {
- name: "Vehicles",
- description: "Everything from cars to planes.",
- items: [
- {
- name: "Cars"
- },
- {
- name: "Planes"
- },
- {
- name: "Construction"
- }
- ]
- }
-};
-</code></pre>
-<p>The application uses links with urls that contain a hash that tells the application what category items to display:</p>
-<pre>
-<code>
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="#category-items?category=animals">Animals</a></li>
- <li><a href="#category-items?category=colors">Colors</a></li>
- <li><a href="#category-items?category=vehicles">Vehicles</a></li>
- </ul>
-</code>
-</pre>
-<p>Internally, when the user clicks on one of these links, the application intercepts the internal <code>$.mobile.changePage()</code> call that is invoked by the frameworks' default link hijacking behavior. It then analyzes the URL for the page about to be loaded, and then decides whether or not it should handle the loading itself, or to let the normal <code>changePage()</code> code handle things.</p>
-<p>The application was able to insert itself into the <code>changePage()</code> flow by binding to the <code>pagebeforechange</code> event at the document level:</p>
-<pre>
-<code>
-// Listen for any attempts to call changePage().
-$(document).bind( "pagebeforechange", function( e, data ) {
-
- // We only want to handle changePage() calls where the caller is
- // asking us to load a page by URL.
- if ( typeof data.toPage === "string" ) {
-
- // We are being asked to load a page by URL, but we only
- // want to handle URLs that request the data for a specific
- // category.
- var u = $.mobile.path.parseUrl( data.toPage ),
- re = /^#category-item/;
-
- if ( u.hash.search(re) !== -1 ) {
-
- // We're being asked to display the items for a specific category.
- // Call our internal method that builds the content for the category
- // on the fly based on our in-memory category data structure.
- showCategory( u, data.options );
-
- // Make sure to tell changePage() we've handled this call so it doesn't
- // have to do anything.
- e.preventDefault();
- }
- }
-});
-</code>
-</pre>
-<p>So why listen at the document level? In short, because of deep-linking. We need our binding to be active before the jQuery Mobile framework initializes and decides how to process the initial URL that invoked the application.</p>
-<p>When the callback for the <code>pagebeforechange</code> binding is invoked, the 2nd argument to the callback will be a data object that contains the arguments that were passed to the initial <code>$.mobile.changePage()</code> call. The properties of this object are as follows:</p>
-<ul>
- <li><code>toPage</code>
- <ul>
- <li>Can be either a jQuery collection object containing the page to be transitioned to, <b>OR</b> a URL reference for a page to be loaded/transitioned to.</li>
- </ul>
- </li>
- <li>options
- <ul>
- <li>Object containing the options that were passed in by the caller of the <code>$.mobile.changePage()</code> function.</li>
- <li>A list of the options can be found <a href="../api/methods.html">here</a>.</li>
- </ul>
- </li>
- </ul>
-<p>For our sample application, we are only interested in <code>changePage()</code> calls where URLs are initially passed in, so the first thing our callback does is check the type for the <code>toPage</code>. Next, with the help of some URL parsing utilities, it checks to make sure if the URL contains a hash that we are interested in handling ourselves. If so, it then calls an application function called <code>showCategory()</code> which will dynamically create the content for the category specified by the URL hash, and then it calls <code>preventDefault()</code> on the event.</p>
-<p>Calling <code>preventDefault()</code> on a <code>pagebeforechange</code> event causes the originating <code>$.mobile.changePage()</code> call to exit without performing any work. Calling the <code>preventDefault()</code> method on the event is the equivalent of telling jQuery Mobile that you have handled the <code>changePage()</code> request yourself.</p>
-<p>If <code>preventDefault()</code> is not called, <code>changePage()</code> will continue on processing as it normally does. One thing to point out about the data object that is passed into our callback, is that any changes you make to the <code>toPage</code> property, or options properties, will affect <code>changePage()</code> processing if <code>preventDefault()</code> is not called. So for example, if we wanted to redirect or map a specific URL to another internal/external page, our callback could simply set the <code>data.toPage</code> property in the callback to the URL or DOM element of the page to redirect to. Likewise, we could set, or un-set any option from within our callback, and <code>changePage()</code> would use the new settings.</p>
-<p>So now that we know how to intercept <code>changePage()</code> calls, let's take a closer look at how this sample actually generates the markup for a page. Our example actually uses, or we should say, re-uses the same page to display each of the categories. Each time one of our special links is clicked, the function <code>showCategory()</code> gets invoked:</p>
-<pre><code>
-// Load the data for a specific category, based on
-// the URL passed in. Generate markup for the items in the
-// category, inject it into an embedded page, and then make
-// that page the current active page.
-function showCategory( urlObj, options )
-{
- var categoryName = urlObj.hash.replace( /.*category=/, "" ),
-
- // Get the object that represents the category we
- // are interested in. Note, that at this point we could
- // instead fire off an ajax request to fetch the data, but
- // for the purposes of this sample, it's already in memory.
- category = categoryData[ categoryName ],
-
- // The pages we use to display our content are already in
- // the DOM. The id of the page we are going to write our
- // content into is specified in the hash before the '?'.
- pageSelector = urlObj.hash.replace( /\?.*$/, "" );
-
- if ( category ) {
- // Get the page we are going to dump our content into.
- var $page = $( pageSelector ),
-
- // Get the header for the page.
- $header = $page.children( ":jqmData(role=header)" ),
-
- // Get the content area element for the page.
- $content = $page.children( ":jqmData(role=content)" ),
-
- // The markup we are going to inject into the content
- // area of the page.
- markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
-
- // The array of items for this category.
- cItems = category.items,
-
- // The number of items in the category.
- numItems = cItems.length;
-
- // Generate a list item for each item in the category
- // and add it to our markup.
- for ( var i = 0; i < numItems; i++ ) {
- markup += "<li>" + cItems[i].name + "</li>";
- }
- markup += "</ul>";
-
- // Find the h1 element in our header and inject the name of
- // the category into it.
- $header.find( "h1" ).html( category.name );
-
- // Inject the category items markup into the content element.
- $content.html( markup );
-
- // Pages are lazily enhanced. We call page() on the page
- // element to make sure it is always enhanced before we
- // attempt to enhance the listview markup we just injected.
- // Subsequent calls to page() are ignored since a page/widget
- // can only be enhanced once.
- $page.page();
-
- // Enhance the listview we just injected.
- $content.find( ":jqmData(role=listview)" ).listview();
-
- // We don't want the data-url of the page we just modified
- // to be the url that shows up in the browser's location field,
- // so set the dataUrl option to the URL for the category
- // we just loaded.
- options.dataUrl = urlObj.href;
-
- // Now call changePage() and tell it to switch to
- // the page we just modified.
- $.mobile.changePage( $page, options );
- }
-}
-</code></pre>
-<p>In our sample app, the hash of the URL we handle contains 2 parts:</p>
-<pre><code>
-#category-items?category=vehicles
-</code></pre>
-<p>The first part, before the '?' is actually the id of the page to write content into, the part after the '?' is info the app uses to figure out what data it should use when generating the markup for the page. The first thing <code>showCategory()</code> does is deconstruct this hash to extract out the id of the page to write content into, and the name of the category it should use to get the correct set of data from our in-memory JavaScript category object. After it figures out what category data to use, it then generates the markup for the category, and then injects it into the header and content area of the page, wiping out any other markup that previously existed in those elements.</p>
-<p>After it injects the markup, it then calls the appropriate jQuery Mobile widget calls to enhance the list markup it just injected. This is what turns the normal list markup into a fully styled listview with all its behaviors.</p>
-<p>Once that's done, it then calls <code>$.mobile.changePage()</code>, passing it the DOM element of the page we just modified, to tell the framework that it wants to show that page.</p>
-<p>Now an interesting problem here is that jQuery Mobile typically updates the browser's location hash with the URL associated with the page it is showing. Because we are re-using the same page for each category, this wouldn't be ideal, because the URL for that page has no specific category info associated with it. To get around this problem, <code>showCategory()</code> simply sets the <code>dataUrl</code> property on the options object it passes into <code>changePage()</code> to tell it to display our original URL instead.</p>
-<p>That's the sample in a nutshell. It should be noted that this particular sample and its usage is not a very good example of an app that degrades gracefully when JavaScript is turned off. That means it probably won't work very well on C-Grade browsers. We will be posting other examples that demonstrate how to degrade gracefully in the future. Check this <a href="http://jquerymobile.com/test/docs/pages/dynamic-samples/">page</a> for updates.</p>
- </div>
- <!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li data-theme="a"><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Linking Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Linking pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Linking pages</h2>
-
- <p>jQuery Mobile is designed to work with simple page linking conventions. Essentially, you can link pages and assets as you normally would, and jQuery Mobile will automatically handle page requests in a single-page model, using Ajax when possible. When Ajax isn't possible (such as a non-same-domain url, or if specified using certain attributes on the link), a normal http request is used instead.</p>
-
- <p>The goal of this model is to allow developers to create websites using best practices — where ordinary links will "just work" without any special configuration — while creating a rich, native-like experience that can't be achieved with standard HTTP requests.</p>
-
- <h2>Default link behavior: Ajax</h2>
-
- <p>To enable animated page transitions, all links that point to an external page (ex. products.html) will be loaded via Ajax. To do this unobtrusively, the framework parses the link's <code>href</code> to formulate an Ajax request (Hijax) and displays the loading spinner. All this happens automatically by jQuery Mobile.</p>
-
- <p>If the Ajax request is successful, the new page content is added to the DOM, all mobile widgets are auto-initialized, then the new page is animated into view with a page transition.</p>
-
- <p>If the Ajax request fails, the framework will display a small error message overlay (styled in the "e" swatch) that disappears after a brief time so this doesn't break the navigation flow. View an <a href="notapage.html">example of the error message</a>.</p>
-
- <p><strong>Note:</strong> You cannot link <strong>to</strong> a multipage document with Ajax navigation active because the framework will only load the first page it finds, not the full set of internal pages. In these cases, you must link without Ajax (see next section) for a full page refresh to prevent potential hash collisions. There is currently a <a href="https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget" rel="external">subpage plugin</a> that makes it possible to load in multi-page documents.</p>
-
-
-<h2>Linking without Ajax</h2>
-
- <p>Links that point to other domains or that have <code>rel="external"</code>, <code>data-ajax="false"</code> or <code>target</code> attributes will not be loaded with Ajax. Instead, these links will cause a full page refresh with no animated transition. Both attributes (<code>rel="external"</code> and <code>data-ajax="false"</code>) have the same effect, but a different semantic meaning: <code>rel="external"</code> should be used when linking to another site or domain, while <code>data-ajax="false"</code> is useful for simply opting a page within your domain from being loaded via Ajax. Because of security restrictions, the framework always opts links to external domains out of the Ajax behavior.</p>
- <p>In version 1.1, we've added support for using <code>data-ajax="false"</code> on a parent container which allows you to excluded a large number of links from the Ajax navigation system. This avoids the need to add this attribute to every link in a container.</p>
- <p>Note: When building a jQuery Mobile application where the Ajax navigation system is disabled globally or frequently disabled on individual links, we recommend disabling the <code>$.mobile.pushStateEnabled</code> global <a href="../api/globalconfig.html">configuration option</a> to avoid inconsistent navigation behavior in some browsers.</p>
-
-
-
- <h2>Linking within a multi-page document</h2>
-
- <p>A single HTML document can contain one or many 'page' containers simply by stacking multiple divs with a <code> data-role</code> of <code>"page"</code>. This allows you to build a small site or application within a single HTML document; jQuery Mobile will simply display the first 'page' it finds in the source order when the page loads.</p>
-
- <p>If a link in a multi-page document points to an anchor (<code>#foo</code>), the framework will look for a page wrapper with that ID (<code>id="foo"</code>). If it finds a page in the HTML document, it will transition the new page into view. You can seamlessly navigate between local, internal "pages" and external pages in jQuery Mobile. Both will look the same to the end user except that external pages will display the Ajax spinner while loading. In either situation, jQuery Mobile updates the page's URL hash to enable Back button support, deep-linking and bookmarking. </p>
-
- <p>It's important to note that if you are linking from a mobile page that was loaded via Ajax to a page that contains multiple internal pages, you need to add a <code>rel="external"</code> or <code>data-ajax="false"</code> to the link. This tells the framework to do a full page reload to clear out the Ajax hash in the URL. This is critical because Ajax pages use the hash (<code>#</code>) to track the Ajax history, while multiple internal pages use the hash to indicate internal pages so there will be conflicts in the hash between these two modes.</p>
-
- <p>For example, a link to a page containing multiple internal pages would look like this:</p>
-
- <code><a href="multipage.html" rel="external">Multi-page link</a></code>
-
-
-
- <h2>"Back" button links</h2>
- <p>If you use the attribute <code>data-rel="back"</code> on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default <code>href</code>. This is particularly useful when generating "back" buttons with JavaScript, such as a button to close a dialog.
- When using this feature in your source markup, although browsers that support this feature will not use the specified <code>href</code> attribute, <strong>be sure to still provide a meaningful value that actually points to the URL of the referring page to allow the feature to work for users in C-Grade browsers</strong>. If users can reach this page from more than one referring pages, specify a sensible <code>href</code> so that the navigation remains logical for all users.
- Also, please keep in mind that if you just want a reverse transition without actually going back in history, you should use the <code>data-direction="reverse"</code> attribute instead.
- Note: <code>data-direction="reverse"</code> is meant to simply run the backwards version of the transition that will run on that page change, while <code>data-rel="back"</code> makes the link functionally equivalent to the browser's back button and all the standard back button logic applies. Adding <code>data-direction="reverse"</code> to a link with <code>data-rel="back"</code> <b>will not</b> reverse the reversed page transition and produce the "normal" version of the transition.
- </p>
-
-
- <h2>Redirects and linking to directories</h2>
-
- <p>When linking to directory indexes (such as href="typesofcats/" instead of href="typesofcats/index.html"), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.</p>
-
- <p>However, you can work around this issue by returning your page div with a <code>data-url</code> attribute already specified. When you do this, jQuery Mobile will use that attribute's value for updating the URL, instead of the url used to request that page. This also allows you to return urls that change as the result of a redirect, for example, you might post a form to "/login.html" but return a page from the url "/account" after a successful submission. This tool allows you to take control of the jQuery Mobile history stack in these situations. Here's an example:</p>
-
- <p>The following link points to "docs-links-urltest/index.html": <a href="docs-links-urltest/index.html">Test Link</a> which is a directory with an index page. The return page will update the hash as "/docs/pages/docs-links-urltest/" with a trailing slash. This is done via the data-url attribute in that page's source. Keep in mind that the value will replace the entire hash, and it is up to you to replace it with a URL that actually resolves to the correct page when requested via refresh or deep link.</p>
-
- <p>Learn more about the technical details of the navigation model and <a href="page-navmodel.html">Ajax, hashes and history</a> in jQuery mobile.</p>
-
-
-
- <h2>Link examples</h2>
- <p>All standard HTML link types are supported in jQuery Mobile in addition to the types outlined above. Here is a sampler of many common link types:</p>
-
- <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="d">
- <li data-role="list-divider">Links that will be Ajax-loaded with page transitions</li>
- <li><a href="../../index.html">Link in the same domain</a></li>
- <li><a href="../pages/dialog.html" data-rel="dialog">Dialog link: data-rel="dialog" (not tracked in history)</a></li>
- <li data-role="list-divider">Links that will refresh the page</li>
- <li><a href="http://www.jquery.com">External domain</a></li>
- <li><a href="../../index.html" rel="external">Link with rel="external"</a></li>
- <li><a href="index.html" data-ajax="false">link with [data-ajax="false"]</a></li>
- <li><a href="../../index.html" target="foo">Link with target="foo"</a></li>
- <li data-role="list-divider">Email links</li>
- <li><a href="mailto:jdoe@foo.com">Basic email: mailto:jdoe@foo.com</a></li>
- <li><a href="mailto:jdoe@foo.com?cc=bill@bar.com&bcc=mark@abc.com&subject=Happy%20Birthday&body=Best%20wishes!">Mailto with a cc:, bcc:, subject and body pre-filled</a></li>
-
- <li data-role="list-divider">Phone links</li>
- <li><a href="tel:15555555555">Phone: tel:15555555555</a></li>
- <li data-role="list-divider">Other</li>
- <li><a href="#">A href="#" will return false</a></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li data-theme="a"><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Ajax, hashes & history</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Ajax, hashes & history</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>jQuery Mobile's navigation model</h2>
-
- <p>A "page" in jQuery Mobile consists of an element (usually a <code>div</code>) with a <code> data-role</code> attribute set to <code>"page"</code>, which generally contains <code>div</code> elements with roles of <code>"header"</code>, <code>"content"</code>, and <code>"footer"</code>, each containing common markup, forms, and custom jQuery Mobile widgets.</p>
-
- <p>The basic workflow with page loading is as follows: first, a page is requested with a normal HTTP request, and subsequent "pages" are then requested and injected into that page's DOM. Because of this, the DOM may have a number of "pages" in it at a time, each of which can be re-visited by linking to its <code>data-url</code> attribute.</p>
-
- <p>When a url is initially requested, there may be one or more "pages" in the response, and only the first one will be shown. The advantage of storing more than one "page" is that it allows you to pre-fetch static pages that are likely to be visited.</p>
-
- <h2>Hash and Ajax driven page navigation</h2>
-
- <p>By default all navigation within jQuery Mobile is based on changes and updates to <code>location.hash</code>. Whenever possible, page changes will use a smooth transition between the current "page" and the next, whether it is either already present in the DOM, or is automatically loaded via Ajax.</p>
-
- <p>Hash values created by jQuery Mobile are normalized as full paths relative to the URL of the first "real" page that was loaded. The hash is always maintained as a valid URL, so any "page" in jQuery mobile can be bookmarked or referenced in a link. To retrieve a non-hash-based URL, simply remove the # from the address and refresh the page.</p>
-
- <p>In general, hash changes are created whenever a link is clicked in jQuery mobile. When a link is clicked, jQuery mobile will make sure that the link is referencing a local URL, and if so, it'll prevent the link's default click behavior from occurring and request the referenced url via Ajax instead. When the page returns successfully, it will set the <code>location.hash</code> to the new page's relative url. </p>
-
- <p>Hash changes that occur independently of a click, such as when a user clicks the back button, are handled through the <code>hashchange</code> event, which is bound to the window object using Ben Alman's <code>hashchange</code> special event plugin (included in jQuery Mobile). When a hash change occurs (and also when the first page loads), the <code>hashchange</code> event handler will send the <code>location.hash</code> to the <code>$.mobile.changePage()</code> function, which in turn either loads or reveals the referenced page.</p>
-
-
- <p>Once the referenced page is present in the DOM, the <code>$.mobile.changePage()</code> function applies a transition between the current active page and the new page. Page transitions happen through adding and removing classes that apply CSS animations. For example, in a slide-left transition, the exiting page is given the classes <code>"slideleft"</code> and <code>"out"</code>, and the entering page is given the classes <code>"slideleft"</code> and <code>"in"</code>, as well as a class of <code>"ui-page-active"</code> to mark it as the new "active" page being viewed. When the animation is complete, the <code>"in"</code> and <code>"out"</code> classes are removed, and the exited page loses its <code>"ui-page-active"</code> class.</p>
-
- <h2>pushState plugin</h2>
-
- <p>There is an optional feature that converts the longer, hash-based URLs mentioned in the previous section into the full document path which is cleaner and makes the Ajax tracking transparent in the URL structure. This is built as an enhancement on top of the hash-based URL system for Ajax links. Note that despite the name, this feature technically converts hash-based urls by using <code>history.replaceState</code> (not <code>history.pushState</code>) in the current release because this works more reliably across our target platforms. For browsers that do not support <code>history.replaceState</code>, or if this feature is disabled, hash-based URLs will be used instead. </p>
-
- <p>Since the plugin initializes when the DOM is fully loaded you can enable and disable it manually by setting <code>$.mobile.pushStateEnabled</code> global <a href="../api/globalconfig.html">configuration option</a> to <code>false</code> anytime before document ready.</p>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: rel="external" and $.mobile.ajaxEnabled=false</h4>
- <p>Slightly different implementations of the replaceState API in various browsers can cause odd behavior in specific scenarios. For example, some browser implementations (including desktop browsers) implement the <code>popstate</code> event differently when linking externally and moving back to a page onto which state has already been pushed/replaced. When building a jQuery Mobile application where the ajax navigation is being explicitly disabled, either through the frequent use of <code>rel="external"</code> on links or by disabling Ajax navigation completely via the <code>$.mobile.ajaxEnabled=false</code>, we recommend disabling the pushState feature to fall back to the hash based navigation for more consistent behavior.</p>
- </div>
-
- <h2>changePage</h2>
-
- <p>Within the framework, page changes - both for pages already in the DOM and for pages that need to be loaded via Ajax - use the <code>$.mobile.changePage()</code> function. <code>$.mobile.changePage()</code> contains all of the logic for finding pages to transition to and from, and how to handle various response conditions such as a page not found. <code>$.mobile.changePage()</code> can be called externally and accepts the following arguments (to, transition, back, changeHash). The <code>to</code> argument can accept either a string (such as a file url or local element's ID), an array (in which the first array item is any local page you'd like to transition from, and the second array item is the <code>to</code> page), or an object (with expected properties: url, type ("get" or "post"), and data (for serialized parameters)), the latter of which is useful for loading pages that expect form data. The <code>transition</code> argument accepts a string representing a named transition, such as "slide". The <code>back</code> argument accepts a boolean representing whether the transition should go forward or in reverse. Lastly, the <code>changeHash</code> argument accepts a boolean for whether you'd like the url to be updated upon a successful page change.</p>
-
- <p>The <code>$.mobile.changePage()</code> function is used in a number of places in jQuery Mobile. For example, when a link is clicked, its <code>href</code> attribute is normalized and then <code>$.mobile.changePage()</code> handles the rest. When forms are submitted, jQuery Mobile simply gathers a few of the form's attributes, serializes its data, and once again, <code>$.mobile.changePage()</code> is used to handle the submission and response. Also, links that create dialogs use <code>$.mobile.changePage()</code>to open a referenced page without updating the hash, which is useful for keeping dialogs out of history tracking. </p>
-
- <h2>Base element</h2>
-
- <p>Another key ingredient to jQuery Mobile's page navigation model is the <code>base</code> element, which is injected into the <code>head</code> and modified on every page change to ensure that any assets (images, CSS, JS, etc.) referenced on that page will be requested from a proper path. In browsers that don't support dynamic updates to the <code>base</code> element (such as Firefox 3.6), jQuery Mobile loops through all of the referenced assets on the page and prefixes their <code>href</code> and <code>src</code> attributes with the base path.</p>
-
-
- <h2>Developer explanation of base url management:</h2>
-
- <p>jQuery Mobile manages http requests using a combination of generated absolute URL paths and manipulating a generated <code><base></code> element's href attribute. The combination of these two approaches allows us to create URLs that contain full path information for loading pages, and a base element to properly direct asset requests made by those loaded pages (such as images and stylesheets).</p>
-
-<p><strong>TODO: update description of internal base and urlHistory objects</strong></p>
-
- <h2>Data-url storage</h2>
-
- <p>The navigation model maintains a <code>data-url</code> attribute on all <code>data-role="page"</code> elements. This <code>data-url</code> attribute is used to track the origin of the page element. Pages embedded within the main application document all have their <code>data-url</code> parameter set to the ID of their element with <code>data-role="page"</code>. The only exception to this is the first-page in the document. The first-page is special because it can be addressed by its <code>id</code> if it has one, or by the document or base URL (with no hash fragment).</p>
-
- <p>Pages that are external to the application document get pulled in dynamically via ajax, and their data-url is set to the site relative path to the external page. If you are running in an environment where loading an external page from a different domain is allowed, then the data-url is set to the absolute URL.</p>
-
- <h2>Auto-generated pages and sub-hash urls</h2>
-
- <p>Some plugins may choose to dynamically break a page's content into separate navigable pages, which can then be reached via deep links. One example of this would be the Listview plugin, which will break a nested UL (or OL) into separate pages, which are each given a <code>data-url</code> attribute so they can be linked to like any normal "page" in jQuery Mobile. However, in order to link to these pages, the page that generates them must first be requested from the server. To make this work, pages that are auto-generated by plugins use the following special data-url structure:
- <code><div data-url="page.html&subpageidentifier"></code></p>
-
- <p>So, for example, a page generated by the listview plugin may have a <code>data-url</code> attribute like this: <code>data-url="artists.html&ui-page=listview-1"</code></p>
-
- <p>When a page is requested, jQuery Mobile knows to split the URL at "&ui-page" and make an HTTP request to the portion of the URL before that key. In the case of the listview example mentioned above, the URL would look like this: http://example.com/artists.html&ui-page=listview-1
- ...and jQuery Mobile would request artists.html, which would then generate its sub-pages, creating the <code>div</code> with <code>data-url="artists.html&ui-page=listview-1"</code>, which it will then display as the active page.</p>
-
- <p><em>Note that the <code>data-url</code> attribute of the element contains the full URL path, not just the portion after &ui-page=. This allows jQuery Mobile to use a single consistent mechanism that matches URLs to page <code>data-url</code> attributes.</em></p>
-
- <h2>Cases when Ajax navigation will not be used</h2>
-
- <p>Under certain conditions, normal http requests will be used instead of Ajax requests. One case where this is true is when linking to pages on external websites. You can also specify that a normal http request be made through the following link attributes:</p>
-
- <ul>
- <li><p><code>rel=external</code></p></li>
- <li><p><code>target</code> (with any value, such as <code>"_blank"</code>)</p></li>
-
- </ul><h2>Form submissions</h2>
-
- <p>Form submissions are handled automatically through the navigation model as well. Visit the <a href="../forms/forms-sample.html">forms section</a> for more information.</p>
-
- <h2>Using the Application Cache</h2>
-
- <p>When using the application cache with jQuery Mobile there is at least one important issue to consider. Some browsers, when making requests to the cache will report an http status of 0 on success. This causes jQuery Core's <code>$.ajax</code> to trigger error handlers. The suggested workaround for users leveraging the application cache is to use a jQuery ajax pre-filter. Something like the following (credit to <a href="https://github.com/jquery/jquery-mobile/issues/1579#issuecomment-1209338" rel="external">jammus</a> for the snippet):</p>
-
- <pre><code>
-
-$.ajaxPrefilter( function(options, originalOptions, jqXHR) {
- if ( applicationCache &&
- applicationCache.status != applicationCache.UNCACHED &&
- applicationCache.status != applicationCache.OBSOLETE ) {
- // the important bit
- options.isLocal = true;
- }
-});
-
- </code></pre>
-
- <p>Setting <code>isLocal</code> to true for your ajax requests will alert jQuery Core that it should handle the 0 return values differently. Local requests exhibit similar behavior (ie 0 statuses), and Core will then fall back to determining success based on the presence of content in the xhr <code>responseText</code> attribute.</p>
-
- <p>One important issue to note with the above is that it will set <code>isLocal</code> to <code>true</code> for all requests made via ajax regardless of whether they are in the manifest or not so long as the cache is valid. This works for now because Core only consults the <code>isLocal</code> value when the status is in fact 0 which doesn't affect uncached results. There is no long term guarantee that <code>isLocal</code> will remain isolated in its purpose for handling 0 status values. If that changes it may break your application.</p>
-
- <h2>Known limitations</h2>
-
- <p>The non-standard environment created by jQuery Mobile's page navigation model introduces some conditions of which you should be aware when building pages:</p>
-
- <ul>
- <li><p>When linking to directories, without a filename url, (such as <code>href="typesofcats/"</code> instead of <code>href="typesofcats/index.html"</code>), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.</p></li>
- <li><p>Documents loaded via Ajax will select the first page in the DOM of that document to be loaded as a JQM page element. As a result the developer must make sure to manage the ID attributes of the loaded page and child elements to prevent confusion when manipulating the DOM.</p></li>
- <li><p>If you link to multipage document, you must use a <code>data-ajax="false"</code> attribute on the link to cause a full page refresh due to the limitation above where we only load the first page node in an Ajax request due to potential hash collisions. There is currently a <a href="https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget" rel="external">subpage plugin</a> that makes it possible to load in multi-page documents. </p></li>
- <li><p>Any unique assets referenced by pages in a jQuery Mobile-driven site should be placed inside the "page" element (the element with a <code>data-role</code> attribute of <code>"page"</code>). For example, links to styles and scripts that are specific to a particular page can be referenced inside that <code>div</code>. However, a better approach is to use jQuery Mobile's page events to trigger specific scripting when certain pages load. <strong>Note: </strong> you can return a page from the server with a <code>data-url</code> already specified in the markup, and jQuery Mobile will use that for the hash update. This allows you to ensure directory paths resolve with a trailing slash and will therefore be used in the base url path for future requests.</p></li>
- <li><p>Conversely, any non-unique assets (those used site-wide) should be referenced in the <code><head></code> section of an HTML document, or at the very least, outside of the "page" element, to prevent running scripts more than once.</p></li>
- <li><p>The <code>"ui-page"</code> key name used in sub-hash url references can be set to any value you'd like, so as to blend into your URL structure. This value is stored in <code>jQuery.mobile.subPageUrlKey</code>.</p></li>
- <li><p>When traveling back to a previously loaded jQuery Mobile document from an external <b>or</b> internal document with the push state plugin enabled, some browsers load and trigger the <code>popstate</code> event on the wrong document or for the wrong reasons (two edge cases recorded so far). If you are regularly linking to external documents and find the application behaving erratically try disabling pushstate support.</p></li>
- <li><p>jQuery Mobile does not support query parameter passing to internal/embedded pages but there are two plugins that you can add to your project to support this feature. There is a lightweight <a href="https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params" rel="external">page params plugin</a> and a more fully featured <a href="https://github.com/azicchetti/jquerymobile-router" rel="external">jQuery Mobile router plugin</a> for use with backbone.js or spine.js.</p></li>
- <li><p>Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the <a href="../api/methods.html"><code>silentScroll</code></a> method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a <code>yPos</code> arguments to scroll to that Y location.</p></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li data-theme="a"><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Scripting pages</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Scripting pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Scripting pages in jQuery Mobile</h2>
- <p>Since jQuery Mobile uses an Ajax-powered navigation system, there are a few helpful things to know when writing scripts that manipulate your content. You can explore the mobile API in more detail by reading up on <a href="../api/globalconfig.html">global configuration options</a>, <a href="../api/events.html">events</a>, and <a href="../api/methods.html">methods</a> or dig into the technical details of the <a href="page-navmodel.html">Ajax navigation model</a>.</p>
-
- <h2>Scripts & styles in the head</h2>
-
- <p>When the user clicks a link in a jQuery Mobile-driven site, the default behavior of the navigation system is to use that link's <code>href</code> to formulate an Ajax request (instead of allowing the browser's default link behavior of requesting that <code>href</code> with full page load). When that Ajax request goes out, the framework will receive its entire text content, but it will only inject the <em>contents of the response's <code>body</code> element (or more specifically the <code>data-role="page"</code> element, if it's provided)</em>, meaning nothing in the <code>head</code> of the page will be used (with the exception of the page title, which is fetched specifically). Please note that script's loaded dynamically in this fashion do not guarantee a load order in the same way they would if the page was loaded via a normal http request.</p>
-
- <p> This means that any scripts and styles referenced the <code>head</code> of a page won't have any effect <em>when a page is loaded via Ajax</em>, but they <strong>will execute if the page is requested normally via HTTP</strong>. When scripting jQuery Mobile sites, both scenarios need to be considered. The reason that the <code>head</code> of a page is ignored when requested via Ajax is that the potential of re-executing the same JavaScript is very high (it's common to reference the same scripts in every page of a site). Due to the complexity of attempting to work around that issue, we leave the task of executing page-specific scripts to the developer, and assume <code>head</code> scripts are only expected to execute once per browsing session.</p>
-
- <p>The simplest approach when building a jQuery Mobile site is to reference the same set of stylesheets and scripts in the head of every page. If you need to load in specific scripts or styles for a particular page, we recommend binding logic to the <code>pageInit</code> event (details below) to run necessary code when a specific page is created (which can be determined by its <code>id</code> attribute, or a number of other ways). Following this approach will ensure that the code executes if the page is loaded directly or is pulled in and shown via Ajax.</p>
-
- <p>Another approach for page-specific scripting would be to include scripts at the end of the <code>body</code> element when no <code>data-role=page</code> element is defined, or inside the first <code>data-role=page</code> element. If you include your custom scripting this way, be aware that these scripts will execute when that page is loaded via Ajax or regular HTTP, so if these scripts are the same on every page, you'll likely run into problems. If you're including scripts this way, we'd recommend enclosing your page content in a <code>data-role="page"</code> element, and placing scripts that are referenced on every page outside of that element. Scripts that are unique to that page can be placed in that element, to ensure that they execute when the page is fetched via Ajax.</p>
-
- <h2>pageinit = DOM ready</h2>
-
- <p>One of the first things people learn in jQuery is to use the <code>$(document).ready()</code> function for executing DOM-specific code as soon as the DOM is ready (which often occurs long before the <code>onload</code> event). However, in jQuery Mobile site and apps, pages are requested and injected into the same DOM as the user navigates, so the DOM ready event is not as useful, as it only executes for the first page. To execute code whenever a new page is loaded and created in jQuery Mobile, you can bind to the <a href="../api/events.html"><code>pageinit</code></a> event. </p>
-
- <p>The <code>pageinit</code> event is triggered on a page when it is initialized, right after initialization occurs. Most of jQuery Mobile's official widgets auto-initialize themselves based on this event, and you can set up your code to do the same.</p>
-<pre><code>
-$( document ).delegate("#aboutPage", "pageinit", function() {
- alert('A page with an ID of "aboutPage" was just created by jQuery Mobile!');
-});
-</code></pre>
-
- <p>If you'd like to manipulate a page's contents <em>before</em> the pageinit event fires and widgets are auto-initialized, you can instead bind to the <code>pagebeforecreate</code> event:</p>
-
-<pre><code>
-$( document ).delegate("#aboutPage", "pagebeforecreate", function() {
- alert('A page with an ID of "aboutPage" is about to be created by jQuery Mobile!');
-});
-</code></pre>
-
- <h4 style="margin:.5em 0">Important note: <code>pageCreate()</code> vs <code>pageInit()</code></h4>
- <p>Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code>pagecreate</code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code>pagecreate</code> event in place of direct calls to the widget methods. As a result, users binding to the <code>pagecreate</code> in <code>mobileinit</code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code>pageinit</code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.
-
- In short, if you were previously using <code>pagecreate</code> to manipulate the enhanced markup before the page was shown, it's very likely you'll want to migrate to 'pageinit'.
- </p>
-
-
- <h2>Changing pages</h2>
- <p>If you want to change the current active page with JavaScript, you can use the <a href="../api/methods.html"><code>changePage</code></a> method. There are a lot of methods and properties that you can set when changing pages, but here are two simple examples:</p>
- <pre><code>
-<strong>//transition to the "about us" page with a slideup transition</strong>
-$.mobile.changePage( "about/us.html", { transition: "slideup"} );
-
-<strong>//transition to the "search results" page, using data from a form with an ID of "search"" </strong>
-$.mobile.changePage( "searchresults.php", {
- type: "post",
- data: $("form#search").serialize()
-});
-</code></pre>
-
- <h2>Loading pages</h2>
- <p>To load an external page, enhance its content, and insert it into the DOM, use the <a href="../api/methods.html"><code>loadPage</code> method</a>. There are a lot of methods and properties that you can set when loading pages, but here is a simple example:</p>
- <pre><code>
-//load the "about us" page into the DOM
-$.mobile.loadPage( "about/us.html" );
-</code></pre>
-
- <h2>Enhancing new markup</h2>
- <p>The page plugin dispatches a <code>pageInit</code> event, which most widgets use to auto-initialize themselves. As long as a widget plugin script is referenced, it will automatically enhance any instances of the widgets it finds on the page.</p>
- <p>However, if you generate new markup client-side or load in content via Ajax and inject it into a page, you can trigger the <code>create</code> event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page <code>div</code> itself), saving you the task of manually initializing each plugin (listview button, select, etc.).</p>
- <p>For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the <code>create</code> event to automatically transform all the widgets it contains (<a href="http://jquerymobile.com/test/docs/forms/textinputs/index.html">inputs</a> and <a href="http://jquerymobile.com/test/docs/buttons/index.html">buttons</a> in this case) into the enhanced versions. The code for this scenario would be:</p>
-<pre style="margin: 25px 0;"><code style="font-size: 12px;">$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
-</code></pre>
-
- <h2>Create vs. refresh: An important distinction</h2>
- <p>Note that there is an important difference between the <code>create</code> event and <code>refresh</code> method that some widgets have. The <code>create</code> event is suited for enhancing <em>raw markup</em> that contains one or more widgets. The <code>refresh</code> method should be used on existing (already enhanced) widgets that have been manipulated programmatically and need the UI be updated to match.</p>
-
- <p>For example, if you had a page where you dynamically appended a new unordered list with <code>data-role=listview</code> attribute after page creation, triggering <code>create</code> on a parent element of that list would transform it into a <a href="http://jquerymobile.com/test/docs/lists/index.html">listview</a> styled widget. If more list items were then programmatically added, calling the listview’s <code>refresh</code> method would update just those new list items to the enhanced state and leave the existing list items untouched.</p>
-
-
- <h2>Scrolling to a position within a page</h2>
- <p>Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the <a href="../api/methods.html"><code>silentScroll</code></a> method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a <code>yPos</code> arguments to scroll to that Y location. For example:</p>
-<pre><code>
-//scroll to Y 300px
-$.mobile.silentScroll(300);
-</code></pre>
-
- <h2>Binding to mouse and touch events</h2>
- <p>One inportant consideration in mobile is handling mouse and touch events. These events differ significantly across mobile platforms, but the common denominator is that click events will work everywhere, but usually after a significant delay of 500-700ms. This delay is necessary for the browser to wait for double tap, scroll and extended hold tap events to potentially occur. To avoid this delay, it's possible to bind to touch events (ex. touchstart) but the issue with this approach is that some mobile platforms (WP7, Blackberry) don't support touch. To compound this issue, some platforms will emit <em>both</em> touch and mouse events so if you bind to both types, duplicate events will be fired for a single interaction.</p>
- <p>Our solution is to create a set of <a href="../api/events.html">virtual events</a> that normalize mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. This still retains the order of event firing in the traditional mouse environment, should multiple handlers be registered on the same element for different events. The virtual mouse system exposes the following virtual events to jQuery bind methods: <code>vmouseover</code>, <code>vmousedown</code>, <code>vmousemove</code>, <code>vmouseup</code>, <code>vclick</code>, and <code>vmousecancel</code></p>
-
-
- <h2>Passing parameters between pages</h2>
- <p>jQuery Mobile does not support query parameter passing to internal/embedded pages. For example, if the framework sees a link to "#somePage?someId=1" it interpret that as "#somePage" and navigate to the internal page div with an ID of <code>somePage</code> and apply a data-url of <code>#somePage?someId=1</code> to that page container. Subsequent calls to other params such as "#somePage?someId=2" will find the same div because jQuery Mobile refers to the data-url on the div which is only set once and will remain at <code>#somePage?someId=1</code>.</p>
-
- <p>There are two plugins that you can add to your project if query parameters are needed between pages. There is a lightweight <a href="https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params" rel="external">page params plugin</a> and a more fully featured <a href="https://github.com/azicchetti/jquerymobile-router" rel="external">jQuery Mobile router plugin</a> for use with backbone.js or spine.js.</p>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li data-theme="a"><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Single page template</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
-</head>
-
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Single page</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>This is a single page boilerplate template that you can copy to build your first jQuery Mobile page. Each link or form from here will pull a new page in via Ajax to support the animated page transitions.</p>
- <p>Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.</p>
- <p>This template is standard HTML document with a single "page" container inside, unlike a <a href="multipage-template.html" data-ajax="false">multi-page template</a> that has multiple pages within it. We strongly recommend building your site or app as a series of separate pages like this because it's cleaner, more lightweight and works better without JavaScript.</p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Footer content</h4>
- </div><!-- /footer -->
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Page titles</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Page titles</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Titles in Ajax navigation</h2>
-
- <p>When you load the first page of a jQuery Mobile based site, then click a link or submit a form, Ajax is used to pull in the content of the requested page. Having both pages in the DOM is essential to enable the animated page transitions, but one downside of this approach is that the page title is always that of the first page, not the subsequent page you’re viewing.</p>
- <p>To remedy this, jQuery Mobile automatically parses the <code>title</code> of the page pulled via Ajax and changes the <code>title</code> attribute of the parent document to match.</p>
-
- <h2>Titles in multi-page templates</h2>
-
- <p>On multi-page documents, we follow a similiar convention, but since all the pages share a common <code>title</code>, we have a <code>data-title</code> attribute that can be added to each page container within a multi-page template to manually define a title. The title of the HTML document will be automatically updated to match the <code>data-title</code> of the page currently in view.</p>
-
-<pre><code>
-<div data-role="page" id="foo" <strong>data-title="Page Foo"</strong>>
-
-</div><!-- /page -->
-</code></pre>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li data-theme="a"><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" id="dialog-success" data-dom-cache="true"><!-- dialog-->
-
- <div data-role="header" data-theme="e">
- <h1>Dialog</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="e">
- <p>That was an animated page transition effect to a dialog that we added with a <code>data-transition</code> attribute on the link.</p>
- <p>Since it uses CSS animations, this should be hardware accelerated on many devices. To see transitions, 3D transform support is required so if you only saw a fade transition that's the reason.</p>
-
- <a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">Take me back</a>
- </div>
- </div>
-
- <div data-role="page" id="page-success"><!-- dialog-->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Page</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-
-
- <div data-role="page" id="page-success" data-dom-cache="true"><!-- page-->
- <div data-role="header" data-theme="a">
- <h1>Page</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="d">
- <p>That was an animated page transition effect to a page that we added with a <code>data-transition</code> attribute on the link. This uses a different background theme swatch to see how that looks with the transitions.</p>
- <p>Since it uses CSS animations, this should be hardware accelerated on many devices. To see transitions, 3D transform support is required so if you only saw a fade transition that's the reason.</p>
-
- <form action="#" method="get">
- <h2>Here's a few form elements</h2>
-
- <p>These are here to see if this slows down rendering.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" data-highlight="true" />
- </div>
-
- </form>
-
- <a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back" data-inline="true">Take me back</a>
- </div>
-
- <div data-role="footer" data-theme="d">
- <div style="margin:5px 10px;"><!-- To add a bit of spacing -->
- <label for="search" class="ui-hidden-accessible">Search:</label>
- <input type="search" name="password" id="search" placeholder="Search..." value="" />
- </div>
- </div><!-- /footer -->
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Transitions</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Transitions</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Page transitions</h2>
-
- <p>The jQuery Mobile framework includes a set of CSS-based transition effects that can be applied to any page link or form submission with Ajax navigation: </p>
-
- <style>
- table { width:100%; border-bottom:1px solid #ccc; border-collapse: collapse; }
- th { text-align:left; }
- th h3 { margin:.6em 0; }
- th, td { vertical-align:top; border-top:1px solid #ccc; padding: 1px 3px; }
- td .ui-btn { margin:.4em 0 .5em 0; }
- td .ui-btn-inner { padding: .4em 15px; }
- </style>
-
- <table margin="0">
- <tr>
- <th><h3>fade</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="fade" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>pop</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="pop" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>flip</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flip" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="flip" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>turn</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="turn" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="turn" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>flow</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="flow" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="flow" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slidefade</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidefade" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="slidefade" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slide</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slide" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="slide" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slideup</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slideup" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="slideup" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slidedown</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-transition="slidedown" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>none</h3></th>
- <td><a href="page-transitions-dialog.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">dialog</a></td>
- <td><a href="page-transitions-page.html" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">page</a></td>
- </tr>
- </table>
-
-
-<p><strong>Only seeing fade transitions?</strong> To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
-
-<p><strong>Transitions were originally inspired by <a href="http://www.jqtouch.com/">jQtouch</a></strong> They've since been rebuilt, but props to David Kaneda and Jonathan Stark for the initial guidance.</p>
-
- <h2>Setting a transition on a link or form submit</h2>
- <p>By default, the framework applies a <strong>fade</strong> transition. To set a custom transition effect, add the <code>data-transition</code> attribute to the link. </p>
-
-<code><code>
-<a href="index.html" <strong>data-transition="pop"</strong>>I'll pop</a>
-</code></code>
-
- <p>When the Back button is pressed, the framework will automatically apply the reverse version of the transition that was used to show the page. To specify that the reverse version of a transition should be used, add the <code>data-direction="reverse"</code> attribute to a link.</p>
-
- <h2>Global configuration of transitions</h2>
-
- <p>Set the <code>defaultPageTransition</code> <a href="../api/globalconfig.html">global option</a> if you'd prefer a different default transition. Dialogs have a different option called <code>defaultDialogTransition</code> that can also set configured.</p>
-
-
- <h2>Browser support and performance</h2>
- <p>All transitions are built with CSS keyframe animations and include both <code>-webkit</code> vendor prefixed rules for iOS, Blackberry, Android, Safari and Chrome browsers and <code>-moz</code> rules for Firefox browsers. Support for keyframe animations and transition smoothness is determined by the browser version and hardware and will safely fall back to no transition if animations aren't supported. To proactively exclude transition in situations with poor performance, we exclude browsers that lack 3D transforms and provide a fallback transition and apply a max width for when transitions are applied.</p>
-
- <h2>Defining fallback transitions for non-3D support</h2>
- <p>By default, all transitions except fade require 3D transform support. Devices that lack 3D support will fall back to a fade transition, regardless of the transition specified. We do this to proactively exclude poorly-performing platforms like Android 2.x from advanced transitions and ensure they still have a smooth experience. Note that there are platforms such as Android 3.0 that technically support 3D transforms, but still have poor animation performance so this won't guarantee that every browser will be 100% flicker-free but we try to target this responsibly.</p>
-
- <p>The fallback transition for browsers that don't support 3D transforms can be configured for each transition type, but by default we specify "fade" as the fallback. For example, this will set the fallback transition for the slideout transition to "none":</p>
- <code>$.mobile.transitionFallbacks.slideout = "none"</code>
-
- <h2>Setting a max width for transitions</h2>
- <p>By default, transitions can be disabled (set to "none") when the window width is greater than a certain pixel width. This feature is useful because transitions can be distracting or perform poorly on larger screens. This value is configurable via the global option <code>$.mobile.maxTransitionWidth</code>, which defaults to <code>false</code>. The option accepts any number representing a pixel width or <code>false</code> value. If it's not <code>false</code>, the handler will use a "none" transition when the window width is wider than the specified value.</p>
-
-
-
-
-
- <h2>Creating custom transitions</h2>
-
- <p>jQuery Mobile allows for the addition of <a href="page-customtransitions.html">custom transitions</a> to the <code>$.mobile.transitionHandlers</code> dictionary so you can expand the selection of transitions on your site or app.
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li data-theme="a"><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="pages-themes.html" data-role="button" data-transition="fade" class="ui-btn-active">Theme Overview</a></li>
-
- <li><a href="pages-themes/theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="pages-themes/theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="pages-themes/theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="pages-themes/theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="pages-themes/theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Page Theming</h2>
-
- <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages are styled. There is detailed theming documentation within each page widget, but let's look at a few high-level examples of how theming is applied.</p>
-
- <p>The <code> data-theme</code> attribute can be applied to the header and footer containers to apply any of the lettered theme color swatches. While the <code>data-theme</code> attribute could be added to the content container, we recommend adding it instead to <code>div</code> or container that has been assigned the <code> data-role="page"</code> attribute to ensure that the background color is applied to the full page. When this is done, all widgets on the page will also inherit the theme specified in the page container. However, headers and footers will default to theme "a". If you want to have a page with, for example, only theme "b" for all its elements, including its header and footer, you will need to specify <code>data-theme="b"</code> to the page <code>div</code> as well as the header and footer <code>divs</code>. </p>
-
- <p>The default Theme mixes styles from multiple swatches to create visual texture and present the various elements in optimal contrast to one another:</p>
-
- <div data-role="header">
- <h1>Default Theme</h1>
- </div>
-
- <div class="ui-body ui-body-c">
- <h3>Default Theme Content Header</h3>
- <p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
-
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
-
- <h2>Swatch A</h2>
- <div data-role="header">
- <h1>Header A</h1>
- </div>
-
-
- <div class="ui-body ui-body-a">
- <h3>Header</h3>
- <p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
-
- <h2>Swatch B</h2>
- <div data-role="header" data-theme="b">
- <h1>Header B</h1>
- </div>
- <div class="ui-body ui-body-b">
- <h3>Header</h3>
- <p>This is content color swatch "B" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <h2>Swatch C</h2>
- <div data-role="header" data-theme="c">
- <h1>Header C</h1>
- </div>
- <div class="ui-body ui-body-c">
- <h3>Header</h3>
- <p>This is content color swatch "C" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <h2>Swatch D</h2>
- <div data-role="header" data-theme="d">
- <h1>Header D</h1>
- </div>
- <div class="ui-body ui-body-d">
- <h3>Header</h3>
- <p>This is content color swatch "D" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <h2>Swatch E</h2>
- <div data-role="header" data-theme="e">
- <h1>Header E</h1>
- </div>
- <div class="ui-body ui-body-e">
- <h3>Header</h3>
- <p>This is content color swatch "E" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li data-theme="a"><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="a">
-
- <div data-role="header">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade" class="ui-btn-active">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme A Sample Page</h2>
-
- <p>This is an example of <code>data-theme="a"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
- <div data-role="collapsible" data-collapsed="true" data-theme="a" data-content-theme="a">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="a" data-dividertheme="a">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="b"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="b">
-
- <div data-role="header" data-theme="b">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade" class="ui-btn-active">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme B Sample Page</h2>
-
- <p>This is an example of <code>data-theme="b"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="b">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="b" data-dividertheme="b">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="b">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="c">
-
- <div data-role="header" data-theme="c">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade" class="ui-btn-active">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme C Sample Page</h2>
-
- <p>This is an example of <code>data-theme="c"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="c">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="d">
-
- <div data-role="header" data-theme="d">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade" class="ui-btn-active">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme D Sample Page</h2>
-
- <p>This is an example of <code>data-theme="d"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="d">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="e">
-
- <div data-role="header" data-theme="e">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade" class="ui-btn-active">E </a></li>
- </ul>
-
- <h2>Theme E Sample Page</h2>
-
- <p>This is an example of <code>data-theme="e"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="e" data-content-theme="e">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="e" data-dividertheme="e">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../../page-titles.html">Page titles</a></li>
- <li><a href="../../page-links.html">Linking pages</a></li>
- <li><a href="../../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../../page-dialogs.html">Dialogs</a></li>
- <li><a href="../../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="e">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Phonegap</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>PhoneGap apps</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
-
- <h2>Building PhoneGap apps with jQuery Mobile</h2>
-
- <p><a href="http://phonegap.com/" rel="external">PhoneGap</a> is an HTML5 app platform that allows developers to author native applications with web technologies and get access to APIs and app stores. Applications are built as normal HTML pages and packaged up to run as a native application within a UIWebView or WebView (a chromeless browser, referred to hereafter as a webview). Since PhoneGap is frequently used in conjunction with jQuery Mobile, we wanted to offer a few tips and recommendations to help you get staretd. </p>
-
- <p>The initial application document is loaded by the PhoneGap application by a local file:// URL. This means that if you want to pull in pages from your company's remote server (phone home) you will have to refer to them with absolute URLs to your server. Because your document originates from a file:// URL, loading pages or assets from your remote server is considered a cross-domain request that can be blocked in certain scenarios. </p>
-
- <p>Your ability to access cross-domain pages from within a Phone Gap jQuery Mobile application is controlled by two key things: <code>$.support.cors</code> and <code>$.mobile.allowCrossDomainPages</code>, and can also be influenced by the white list feature in later builds of PhoneGap.</p>
-
- <h2>$.support.cors</h2>
-
- <p>In jQuery core, there is a <a href="http://api.jquery.com/jQuery.support/" rel="external">$.support.cors</a> boolean that indicates whether or not jQuery thinks the browser supports the W3C "<a hre="http://www.w3.org/TR/cors/" rel="external">Cross-Origin Resource Sharing</a>" feature to support cross-domain requests.</p>
-
- <p>Since jQuery Mobile relies on jQuery core's $.ajax() functionality, <code>$.support.cors</code> must be set to <code>true</code> to tell <code>$.ajax</code> to load cross-domain pages. We've heard reports that webviews on some platforms, like BlackBerry, support cross-domain loading, but that jQuery core incorrectly sets <code>$.support.cors</code> value to <code>false</code> which disables cross-domain $.ajax() requests and will cause the page or assets to fail to load. </p>
-
- <h2>$.mobile.buttonMarkup.hoverDelay</h2>
-
- <p>If you find that the button down/hover state (lists, buttons, links etc) feels sluggish the <code>$.mobile.buttonMarkup.hoverDelay</code> setting might be of use. It will decrease the time between the touch event and the application of the relevant class but will also result in a higher chance that the same class will be applied even when the user is scrolling (eg, over a long list of links).</p>
-
- <h2>$.mobile.allowCrossDomainPages</h2>
-
- <p>When jQuery Mobile attempts to load an external page, the request runs through <code>$.mobile.loadPage()</code>. This will only allow cross-domain requests if the <code>$.mobile.allowCrossDomainPages</code> configuration option is set to <code>true</code>. Because the jQuery Mobile framework tracks what page is being viewed within the browser's location hash, it is possible for a cross-site scripting (XSS) attack to occur if the XSS code in question can manipulate the hash and set it to a cross-domain URL of its choice. This is the main reason that the default setting for <code>$.mobile.allowCrossDomainPages</code> is set to <code>false</code>.</p>
-
- <p>So in PhoneGap apps that must "phone home" by loading assets off a remote server, both the <code>$.support.cors</code> AND <code>$.mobile.allowCrossDomainPages</code> must be set to <code>true</code>. The <code>$.mobile.allowCrossDomainPages</code> option must be set before any cross-domain request is made so we recommend wrapping this in a <code>mobileinit</code> handler:</p>
-
-<pre><code>$( document ).bind( "mobileinit", function() {
- // Make your jQuery Mobile framework configuration changes here!
-
- $.mobile.allowCrossDomainPages = true;
-});</code></pre>
-
- <h2>PhoneGap White Listing</h2>
-
- <p>PhoneGap 1.0 introduced the idea of white-listing servers that its internal webview is allowed to make cross-domain requests to. You can find info about it here on the <a href="http://wiki.phonegap.com/w/page/40796976/Install%20the%20latest%20%28trunk%29%20source%20of%20iOS%20PhoneGap">PhoneGap wiki</a>:</p>
-
- <p>However, not all platforms support this white-listing feature so check the PhoneGap documentation for details. Older versions of PhoneGap prior to 1.0 defaulted to allowing cross-domain requests to any server.</p>
-
- <h2>Still having issues?</h2>
-
- <p>Here are a few more tips that aren't specifically related to PhoneGap but are good to know:</p>
-
- <p><strong>We recommend disabling the <a href="../api/globalconfig.html">pushState feature</a> for installed apps </strong>because there are edge cases where this feature can cause unexpected navigation behavior and since URLs aren't visible in a webview, it's not worth keeping this active in these situations. </p>
-
- <p><strong>Android enforces a timeout when loading URLs in a webview</strong> which may be too short for your needs. You can change this timeout by editing a Java class generated by the Eclipse plugin for Android:</p>
-
- <code>super.setIntegerProperty("loadUrlTimeoutValue", 60000);</code>
-
-
-
- </div>
- <!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - touchOverflow</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>touchOverflow</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <div class="ui-body ui-body-e">
- <h2>touchOverflowEnabled: Deprecated in 1.1.0</h2>
-
- <p>Prior to jQuery Mobile 1.1, true fixed toolbar support was contingent on native browser support for the CSS property <code>overflow-scrolling: touch</code>, which is currently only supported in iOS5. As of version 1.1, jQuery Mobile no longer uses this CSS property at all. We've removed all internal usage of this property in the framework, but we've left it defined globally on the $.mobile object to reduce the risk that its removal will cause trouble with existing applications. This property is flagged for removal, so please update your code to no longer use it. The support test for this property, however, remains defined under <code>$.support</code> and we have no plans to remove that test at this time. </p>
- </div>
-
- <h2 id="ios5">touchOverflow: Improved page transitions and true fixed toolbars</h2>
-
- <p>Currently, both the page you're viewing and the one you're navigating to are sitting next to each other in the viewport, which lets us leverage native scrolling for the broadest possible device support. The downside to this approach is that since both pages share the same viewport, when a page transition starts, we must first scroll to the top of the document, then start animating to ensure that the pages are lined up vertically. If you hit the Back button, we need to scroll up, transition, then restore the previous scroll position. Since mobile browsers are pretty slow, these scroll movements can detract from the flow of the experience.</p>
-
- <p>The way to really improve this situation is to have both pages in separate containers, each with its own internal scroll bar. The means no more scrolling the document or needing to restore scroll positions for a smoother experience. It also has the benefit of making fixed toolbars very easy to implement by simply placing them outside the containers with internal scrolling.<p>
-
- <h2>How it works</h2>
-
- <p>To leverage iOS5′s support for a touch-targeted version of <code>overflow:auto</code> which allows for internal scrolling regions with the native momentum scrolling, we've added a feature called touchOverflow that leverages these new CSS capabilities to enable us to bring both true “fixed” toolbars and super smooth transitions to iOS5, all by using web standards and very little additional code.</p>
-
- <p>A feature called <code>touchOverflowEnabled</code> is designed to leverage the upcoming wave of browsers that support overflow scrolling in CSS. Note that this feature is off by default to give us more time to test and debug this for best performance but we hope to turn it on by default at a later point. Here's how to enable this <a href="../api/globalconfig.html">global option</a>:</p>
-
-<pre><code><script>
-$(document).bind("mobileinit", function(){
-<strong> $.mobile.touchOverflowEnabled = true;
-</strong>});
-</script></code></pre>
-
- <p>When this feature is activated, the framework looks for browser support for both the <code>overflow:</code> and <code>-webkit-overflow-scrolling:touch</code> CSS properties. In browsers that support both, it switches to a dual page container model with native overflow: scrolling within each, which brings true fixed toolbars smooth transitions. Coupled with iOS’s already excellent hardware-accelerated transitions, it's now possible to build interfaces that are very close to native performance.</p>
-
- <p>To demo this feature, check out <a href="../config/touchOverflow.html">this page</a> in iOS5.</p>
-
- <h2>A few downsides</h2>
-
- <p>Nothing is perfect, especially a new feature, so there are a few downsides to keep in mind. When activating this feature:</p>
-
- <ul>
- <li>Sometimes child elements like lists and forms wouldn't render when embedded in a page with <code>overflow:</code> in iOS5. This was a pretty random phenomenon but is not acceptable so we've added a <code>translate-z</code> CSS property which forces iOS to render the contents. The downside with this fix is that when a transform is applied, all elements are set to position:relative which can cause issues in your layout.</li>
- <li>The <code>-webkit-overflow-scrolling:touch</code> property seems to disable the events to scroll you to the top of the page when the time is tapped in the status bar. We hope Apple fixes this because it's a very useful feature.</li>
- <li>When <code>overflow:</code> and <code>-webkit-overflow-scrolling:touch</code> properties are set, iOS appears to ignore any overflow:hidden properties on the parent, which is the page in our case. So if you have an image or code block that is wider than the viewport, horizontal scrolling will be seen. </li>
- <li>When this feature is active, we are disabling user zoom by manipulating the meta viewport tag because both the toolbars and page content can easily be zoomed to an odd size and it's very difficult to zoom back out. Even though we believe in allowing users to zoom the page, alleviating the usability concerns we have with fixed toolbars and overflow containers is more important.</li>
- <li>Scroll position can be lost when going back to a page that has been re-loaded. If DOM caching is on, this shouldn't be as much of an issue.</li>
- <li>This is still an experimental feature, so not all the kinks have been worked out yet. Use with caution and test thoroughly.</li>
- </ul>
-
-
-
- <h2>Don’t other mobile platforms already support overflow?</h2>
- <p>Yes, but there’s a catch. Both Android Honeycomb and the Blackberry PlayBook support <code>overflow:</code> properties, but we found in testing that their implementation of overflow wasn't smooth enough, so pages would stutter and hang during scrolling, leading to an unusable experience. We're working with device makers to ensure that they are included when performance improves.</p>
- <p>More importantly, targeting overflow correctly is a major issue. If we simply placed an <code>overflow: auto</code> CSS rule on the pages, other popular mobile platforms like older versions of Android and iOS would essentially just clip off the content and make it effectively inaccessible (yes, you can do a two-finger scroll gesture in iOS but nobody knows that). The smart thing about Apple’s implementation for iOS5 is that they added an additional CSS property <code>-webkit-overflow-scrolling:touch</code> that allows us to test for this touch scrolling property and, if supported, add in the <code>overflow</code> rules for just those browsers. This is the only safe way to target overflow without resorting to complex and unmaintainable user agent detection.</p>
- <p>We will be working with device and browser makers to encourage support for <em>both</em> these CSS-based properties because we strongly believe that this a critical piece needed to build rich mobile web apps. The project will add any vendor-prefixed additions to touch scrolling property if, for example, Opera, Firefox or Microsoft added this support. Once people see how much better page transitions and fixed toolbars are on iOS5, we’re hoping this will be supported quickly by other browsers. JS-based scroller scripts may still have a place in this new world as a polyfill for browsers that don’t yet support these new CSS capabilities but we see this as a brief, interim tool in the evolution of the mobile web.</p>
-
-
-
- <h2>Debugging touchOverflow</h2>
- <p>Generally touchOverflow is only enabled on devices that support touch-scrolling of overflow areas, not desktop browsers. This can make it difficult to debug problems with the touchOverflow feature. To enable touchOverflow on all browsers, use the following code:
-
-<pre><code><script>
-$(document).bind("mobileinit", function() {
- <strong>$.support.touchOverflow = true;</strong>
- $.mobile.touchOverflowEnabled = true;
-});
-</script></code></pre>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li data-theme="a"><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header" data-theme="e">
- <h1>Ta-da!</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="e">
- <p>That was an animated page transition effect that we added with a <code>data-transition</code> attribute on the link.</p>
- <p>Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</p>
- <p>What do you think?</p>
- <a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">I like it</a>
- </div>
-</div>
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
-
- <h1>Fixed toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Fixed toolbars</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="bars-fixed.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>The fixedtoolbar plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a fixed toolbar is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).fixedtoolbar({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <h1>Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
-
- <div class="ui-grid-a">
- <form>
- <div class="ui-block-a" style="width:60%">
- <h1 style="font-size:19px; margin-left:12px;">2,146 Songs</h1>
- </div>
- <div class="ui-block-b" style="width:38%; padding:6px 5px 0 0;">
- <select name="select-mini" id="select-mini" data-mini="true">
- <option value="">Sort...</option>
- <option value="date" selected>Newest</option>
- <option value="name">Name</option>
- <option value="rating">Top Rated</option>
- <option value="track">Track #</option>
- </select>
- </div>
- </div><!-- /grid-b -->
-
- <div class="ui-bar-d">
- <div class="ui-grid-a">
- <div class="ui-block-a" style="width:78%">
- <label for="text-mini" class="ui-hidden-accessible">Search Input:</label>
- <input type="search" name="name" id="search-mini" value="" data-mini="true" placeholder="Search songs..." />
- </div>
- <div class="ui-block-b" style="width:22%">
- <button type="submit" data-mini="true" style="float:right" data-theme="d">Go</button>
- </div>
- </div><!-- /grid-a -->
- </div><!-- /search bar -->
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
- <li><a href="index.html">
- <img src="../lists/images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="../lists/images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="../lists/images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="../lists/images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <div data-role="fieldcontain">
- <label for="slider-2" style="margin-left:15px;">Volume:</label>
- <input type="range" name="slider" id="slider-2" value="50" min="0" max="100" data-highlight="true" data-mini="true" class="ui-hidden-accessible" />
- </div>
- </form>
-
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <label for="text-1" class="ui-hidden-accessible">Text Input:</label>
- <input type="text" name="text-1" id="text-1" value="" data-mini="true" data-theme="d" />
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <label for="text-2" class="ui-hidden-accessible">Text Input:</label>
- <input type="text" name="text-2" id="text-2" value="" data-mini="true" />
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <label for="search-1" class="ui-hidden-accessible">Search Input:</label>
- <input type="search" name="search-1" id="search-1" value="" data-mini="true" data-theme="d" />
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <label for="search-2" class="ui-hidden-accessible">Search Input:</label>
- <input type="search" name="search-2" id="search-2" value="" data-mini="true" />
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <legend class="ui-hidden-accessible">Choose a pet:</legend>
- <input type="radio" name="radio-choice-a" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-a" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-a" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-a" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <legend class="ui-hidden-accessible">Choose a pet:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-5" value="choice-5" checked="checked" />
- <label for="radio-choice-5">Cat</label>
-
- <input type="radio" name="radio-choice-b" id="radio-choice-6" value="choice-6" />
- <label for="radio-choice-6">Dog</label>
-
- <input type="radio" name="radio-choice-b" id="radio-choice-7" value="choice-7" />
- <label for="radio-choice-7">Hamster</label>
-
- <input type="radio" name="radio-choice-b" id="radio-choice-8" value="choice-8" />
- <label for="radio-choice-8">Lizard</label>
- </fieldset>
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <legend class="ui-hidden-accessible">Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
- <legend class="ui-hidden-accessible">Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1ba" id="checkbox-1b" />
- <label for="checkbox-1b">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2b" id="checkbox-2b" />
- <label for="checkbox-2b">Doritos</label>
-
- <input type="checkbox" name="checkbox-3b" id="checkbox-3b" />
- <label for="checkbox-3b">Fritos</label>
-
- <input type="checkbox" name="checkbox-4b" id="checkbox-4b" />
- <label for="checkbox-4b">Sun Chips</label>
- </fieldset>
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <label for="slider-1" class="ui-hidden-accessible">Slider:</label>
- <input type="range" name="slider" id="slider-1" value="50" min="0" max="100" data-highlight="true" data-mini="true" />
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <label for="slider-2" class="ui-hidden-accessible">Slider:</label>
- <input type="range" name="slider" id="slider-2" value="50" min="0" max="100" data-highlight="true" data-mini="true" />
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <label for="select-1" class="select" class="ui-hidden-accessible">Your state:</label>
- <select name="select-1" id="select-1" data-mini="true">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <label for="select-2" class="select" class="ui-hidden-accessible">Your state:</label>
- <select name="select-2" id="select-2" data-mini="true">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="b">
- <form action="#" method="get">
- <a href="index.html" data-role="button" data-inline="true">Link</a>
- <button type="submit" data-inline="true">Button</button>
- <input type="submit" value="Submit" data-inline="true" />
- <input type="reset" value="Reset" data-inline="true"/>
- <input type="image" value="Image" data-inline="true" />
- </form>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Forms in fixed toolbar demos</h2>
- <p>These pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.
- </p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <form action="#" method="get">
- <a href="index.html" data-role="button" data-inline="true">Link</a>
- <button type="submit" data-inline="true">Button</button>
- <input type="submit" value="Submit" data-inline="true" />
- <input type="reset" value="Reset" data-inline="true"/>
- <input type="image" value="Image" data-inline="true" />
- </form>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="a">
- <!-- <input type="submit" value="submitBtn" class="ui-btn-left" /> -->
-
- <select name="slider2" id="slider2" class="ui-btn-left">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
-
- <button type="submit" class="ui-btn-right">Cancel</button>
-
- <h1>Fixed + Forms</h1>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <a href="#" data-role="button">Default</a>
- <a href="#" data-role="button" data-mini="true">Mini True</a>
- <a href="#" data-role="button" data-mini="false">Mini False</a>
- </div>
- </div><!-- /content -->
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
-
- <h1>Fixed toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Fixed toolbars</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="bars-fixed.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
-
-
-
-
-
- <p>The fixedtoolbar plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>show</code> show the toolbar</dt>
- <dd>
- <pre><code>
- $("[data-position='fixed']").fixedtoolbar('show');
- </code></pre>
-
-<div class="ui-body ui-body-e">
- <p><strong>Note:</strong>Prior to version 1.1, the following syntax was used to show the toolbars, but it is no longer supported:</p>
-<pre><code>
-$.mobile.fixedToolbars
- .show(true);
-</code></pre>
-
-
-</div>
-
- </dd>
-
- <dt><code>hide</code> hide the toolbar (if it's not a fullscreen toolbar, it'll toggle back to static positioning, which may or may not be hidden from view depending on scroll)</dt>
- <dd>
- <pre><code>
-$("[data-position='fixed']").fixedtoolbar('hide');
- </code></pre>
- </dd>
-
- <dt><code>toggle</code> calls either the show or the hide method, depending on whether the toolbar is visible.</dt>
- <dd>
- <pre><code>
-$("[data-position='fixed']").fixedtoolbar('toggle');
- </code></pre>
- </dd>
-
- <dt><code>updatePagePadding</code> update the padding (either top or bottom, depending on if the toolbar is a header or a footer) of the page element parent of the toolbar to match the height of the toolbar.</dt>
- <dd>
- <pre><code>
-$("[data-position='fixed']").fixedtoolbar('updatePagePadding');
- </code></pre>
-
-<p>There is also an <code>updatelayout</code> event that can be used to trigger the toolbars to re-position. Developers who are building dynamic applications that inject content into the current page can also manually trigger this <code><a href="../api/events.html">updatelayout</a></code> event to ensure components on the page update in response to the new content that was just added. This event is used internally in the collapsible and listview filter plugins and is powerful because it's not toolbar-specific -- any widget can be built to listen for the <code>updatelayout</code> event to update the widget in response.</p>
- </dd>
-
- <dt><code>destroy</code> destroy at fixedtoolbar (restore the element to its initial state)</dt>
- <dd>
- <pre><code>
-$("[data-position='fixed']").fixedtoolbar('destroy');
- </code></pre>
- </dd>
-
-
- </dl>
-
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <h1>Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
-
- <h1>Fixed toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Fixed toolbars</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="bars-fixed.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The fixedtoolbar plugin has the following options:</p>
-
-
- <dl>
-
- <dt><code>visibleOnPageShow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>This determines whether the toolbar is visible or not when its parent page is shown. This option is also exposed as a data attribute: <code>data-visible-on-page-show="false"</code></p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ visibleOnPageShow: false }</strong>);</code></pre>
- </dd>
-
- <dt><code>disablePageZoom</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>This determines whether user-scaling should be disabled on pages that contain fixed toolbars. This option is also exposed as a data attribute: <code>data-disable-page-zoom="false"</code></p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ disablePageZoom: false }</strong>);</code></pre>
- </dd>
-
- <dt><code>transition</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "slide" (which ends up using slideup and slidedown)</p>
- <p>The transition that should be used for showing and hiding a fixed toolbar. Possible values are "none", "fade", and "slide" (or you can write a CSS transition of your own and use that too). This option is also exposed as a data attribute: <code>data-transition="fade"</code></p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ transition: "fade" }</strong>);</code></pre>
- </dd>
-
- <dt><code>fullscreen</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Fullscreen fixed toolbars sit on top of the content at all times when they are visible, and unlike regular fixed toolbars, fullscreen toolbars do not fall back to static positioning when toggled, instead they disappear from the screen entirely. Fullscreen toolbars are ideal for more immersive interfaces, like a photo viewer that is meant to fill the entire screen with the photo itself and no distractions. <a href="bars-fullscreen.html">This page</a> demonstrates toolbars that use the fullscreen option. This option is also exposed as a data attribute: <code>data-fullscreen="true"</code></p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ fullscreen: true }</strong>);</code></pre>
-
- <p class="ui-body ui-body-e"><strong>Note:</strong>While the data-attribute syntax for this option has not changed, it is now only supported on the toolbar element itself, and not the page element. </p>
-
- </dd>
-
- <dt><code>tapToggle</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Enable or disable the user's ability to toggle toolbar visibility with a tap on the screen (or a click, for mouse users). This option is also exposed as a data attribute: <code>data-tap-toggle="true"</code></p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ tapToggle: true }</strong>);</code></pre>
-
- <div class="ui-body ui-body-e">
- <p><strong>Note:</strong> This behavior was formerly configurable as follows, but as of version 1.1 this syntax is no longer supported:
-<pre><code>
-$.mobile.fixedToolbars
- .setTouchToggleEnabled(false);
-</code></pre>
-
- </div>
-
- </dd>
-
-
-
- <dt><code>tapToggleBlacklist</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "a, .ui-header-fixed, .ui-footer-fixed"</p>
- <p>A list of jQuery selectors that, when tapped, will not cause the toolbars to be toggled.</p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ tapToggleBlacklist: "a, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" }</strong>);</code></pre>
- </dd>
-
- <dt><code>hideDuringFocus</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "input, select, textarea"</p>
- <p>A list of jQuery selectors that should cause the toolbars to hide while focused, except if they are in a fixed toolbar.</p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ hideDuringFocus: "input, select, textarea" }</strong>);</code></pre>
- </dd>
-
-
- <dt><code>updatePagePadding</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Since toolbars can vary in height depending on the content they contain, this option automatically updates the padding on the page element to ensure that fixed toolbars have adequate space in the document when they are statically positioned, and when scrolled to the top or bottom of the page. When enabled, the padding updates during many operations, such as pageshow, during page transitions, and on resize and orientationchange. As an optimization, we would recommend that you consider disabling this option and adding a rule to your CSS to set the padding of the page div to match the EM height of your toolbars, such as <code>.ui-page-header-fixed { padding-top: 4.5em; }</code>. This option is also exposed as a data attribute: <code>data-update-page-paddinge="false"</code></p>
- <pre><code>$("[data-role=header]").fixedtoolbar(<strong>{ updatePagePadding: false }</strong>);</code></pre>
- </dd>
-
-
- <dt><code>supportBlacklist</code> <em>function</em></dt>
- <dd>
- <p class="default">default: function that returns a boolean value</p>
- <p>CSS <code>position: fixed</code> support is very difficult to test; in fact, at the time of version 1.1 release, there was no known way to reasonably test for fixed support without turning up false positives or negatives in certain popular browsers. This option is a function that attempts to opt-out some popular platforms that are known to be troublesome with <code>position: fixed</code> . Often, these platforms support <code>position: fixed</code> partially, which can be worse than not supporting it at all. If overriding this option with your own blacklist logic, you simply need to provide a function that returns a true or false result when called upon initialization. You must set it on mobileinit, so that it applies when the plugin is initially created.</p>
- <pre><code>
-$( document ).bind("mobileinit", function(){
- $.mobile.fixedtoolbar.prototype.options.supportBlacklist = function(){
- var result;
- // logic to determine whether result should be true or false
- return result;
- };
-})</code></pre>
- </dd>
-
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: ":jqmData(position='fixed')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as fixed toolbars. To change which elements are initialized, bind this option to the <a href="../api/globalconfig.html">mobileinit event</a>:</p>
- <pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.fixedtoolbar.prototype.options.initSelector = ".myselector";</strong>
-});
-</code></pre>
- </dd>
-
-
-
- </dl>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <h1>Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
- <h1>Fixed toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Fixed toolbars</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="bars-fixed.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="bars-fixed-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="bars-fixed-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="bars-fixed-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
-
- <p>In browsers that support CSS <code>position: fixed</code> (most desktop browsers, iOS5+, Android 2.2+, BlackBerry 6, and others), toolbars that use the "fixedtoolbar" plugin will be fixed to the top or bottom of the viewport, while the page content scrolls freely in between. In browsers that don't support fixed positioning, the toolbars will remain positioned in flow, at the top or bottom of the page. </p>
-
- <p>To enable this behavior on a header or footer, add the <code>data-position="fixed"</code> attribute to a jQuery Mobile header or footer element.</p>
-
- <p>Fixed header markup example:</p>
- <pre><code>
-<div data-role="header" <strong>data-position="fixed"</strong>>
- <h1>Fixed Header!</h1>
-</div>
- </code></pre>
-
- <p>Fixed footer markup example:</p>
- <pre><code>
-<div data-role="footer" <strong>data-position="fixed"</strong>>
- <h1>Fixed Footer!</h1>
-</div>
- </code></pre>
-
- <h2>Fullscreen Toolbars</h2>
- <p><a href="bars-fullscreen.html">Fullscreen</a> fixed toolbars sit on top of the content at all times when they are visible, and unlike regular fixed toolbars, fullscreen toolbars do not fall back to static positioning when toggled. Instead they disappear from the screen entirely. Fullscreen toolbars are ideal for more immersive interfaces, like a photo viewer that is meant to fill the entire screen with the photo itself and no distractions.</p>
-
- <p>To enable this option on a fixed header or footer, add the <code>data-fullscreen</code> attribute to the element.</p>
-
- <pre><code>
-<div data-role="header" data-position="fixed" data-fullscreen="true">
- <h1>Fixed Header!</h1>
-</div>
- </code></pre>
-
-
- <h2>Forms in toolbars</h2>
-
- <p>While all form elements are now tested to work correctly within <em>static</em> toolbars as of jQuery Mobile 1.1, we recommend extensive testing when using form elements within <em>fixed</em> toolbars or within any <code>position: fixed</code> elements. This can potentially trigger a number of unpredictable issues in various mobile browsers, Android 2.2/2.3 in particular (detailed in <b>Known issues in Android 2.2/2.3</b>, below).</p>
-
- <h2>Changes in jQuery Mobile 1.1</h2>
-
- <p>Prior to version 1.1, jQuery Mobile used dynamically re-positioned toolbars for the fixed header effect because very few mobile browsers supported the <code>position:fixed</code> CSS property, and simulating fixed support through the use of "fake" JavaScript overflow-scrolling behavior would have reduced our browser support reach, in addition to feeling unnatural on certain platforms. This behavior was not ideal, and jQuery Mobile 1.1 took a new approach to fixed toolbars that allows much broader support. The framework now offers true fixed toolbars on many popular platforms, while gracefully degrading non-supporting platforms to static positioning.</p>
-
- <h3>Polyfilling older platforms</h3>
- <p>The fixed toolbar plugin degrades gracefully in platforms that do not support CSS <code>position:fixed</code> properly, such as iOS4.3. If you still need to support fixed toolbars on that platform (with the show/hide behavior) included in previous releases, Filament Group has developed a polyfill that you can use.</p>
-
- <ul>
- <li><a href="https://github.com/filamentgroup/jQuery-Mobile-FixedToolbar-Legacy-Polyfill">Github code repository with CSS, and JavaScript required for the fixed toolbars polyfill</a></li>
- <li><a href="http://filamentgroup.github.com/jQuery-Mobile-FixedToolbar-Legacy-Polyfill/">Preview URL using the code in the repo above</a></li>
- </ul>
-
- <p>Just include the CSS and JS files after your references to jQuery Mobile and Fixed toolbars will work similar to jQuery Mobile 1.0 in iOS4.3, with the inclusion of the new API for the 1.1 fixedtoolbar plugin.</p>
-
- <p>If you have any improvements to suggest, fork the <a href="https://github.com/filamentgroup/jQuery-Mobile-FixedToolbar-Legacy-Polyfill">gist</a> on github and let us know!</p>
-
- <h2>Known issue with form controls inside fixed toolbars, and programatic scroll</h2>
- <p>An obscure issue exists in iOS5 and some Android platforms where form controls placed inside fixed-positioned containers can lose their hit area when the window is programatically scrolled (using <code>window.scrollTo</code> for example). This is not an issue specific to jQuery Mobile, but because of it, we recommend not programatically scrolling a document when using form controls inside jQuery Mobile fixed toolbars. <a href="https://github.com/scottjehl/Device-Bugs/issues/1">This ticket</a> from the <a href="https://github.com/scottjehl/Device-Bugs/">Device Bugs project</a> tracker explains this problem in more detail.</p>
-
-
- <h2>Known issues in Android 2.2/2.3</h2>
- <p>Android 2.2/2.3’s implementation of <code>position: fixed;</code> can, in conjunction with seemingly unrelated styles and markup patterns, cause a number of strange issues, particularly in the case of <code>position: absolute</code> elements inside of <code>position: fixed</code> elements. While we’ve done our best to work around a number of these unique bugs within the scope of the library, custom styles may cause a number of issues.</p>
- <ul>
- <li>Form elements elsewhere on the page—select menus in particular—can fail to respond to user interaction when an <em>empty</em> absolute positioned element is placed within a fixed position element. In rare cases—and specific to Android 2.2—this can cause <em>entire pages</em> to fail to respond to user interaction. This can seemingly be solved by adding any character to the absolute positioned element, including a non-breaking space, and in some cases even whitespace.</li>
- <li>The above-described issue can also be triggered by an absolute positioned image inside of a fixed position element, but <em>only</em> when that image is using something <em>other than its inherent dimensions</em>. If a height or width is specified on the image using CSS, or the image src is invalid (thus having no inherent height and width), this issue can occur. If an image that is inherently, say, 50x50 pixels is placed in a fixed element and left at its inherent dimensions, this issue does not seem to occur.</li>
- <li>When a <code>position: fixed</code> element appears anywhere on a page, most 2D CSS transforms will fail. Oddly, only <code>translate</code> transforms seem unaffected by this. Even more oddly, this issue is solved by setting a CSS <code>opacity</code> of .9 or below on the parent of the fixed element.</li>
- <li>Combinations of <code>position: fixed</code> and overflow properties are best avoided, as both have been known to cause unpredictable issues in older versions of Android OS.</li>
- <li>Any element that triggers the on-screen keyboard, when placed inside a <code>position: fixed</code> element, will fail to respond to user input when using anything other than the default keyboard. This includes Swype, XT9 or, it seems, any input method apart from the standard non-predictive keyboard.</li>
- </ul>
-
- <p>While we will continue to try to find ways to mitigate these bugs as best we can, we currently advise against implementing fixed toolbars containing complicated user styles and form elements without extensive testing in all versions of Android’s native browser.</p>
-
- <p>The following pages are designed to test fixed toolbars and form elements:
- <a href="bars-fixed-forms-a.html">demo app</a>,
- <a href="bars-fixed-forms-b.html">text inputs</a>,
- <a href="bars-fixed-forms-c.html">search inputs</a>,
- <a href="bars-fixed-forms-d.html">radio toggles</a>,
- <a href="bars-fixed-forms-e.html">checkbox toggles</a>,
- <a href="bars-fixed-forms-f.html">slider</a>,
- <a href="bars-fixed-forms-g.html">select</a>, and
- <a href="bars-fixed-forms-h.html">buttons</a>.</p>
-
-
-<div class="ui-body ui-body-e">
- <h2>No longer supported: touchOverflowEnabled</h2>
-
- <p>Prior to jQuery Mobile 1.1, true fixed toolbar support was contingent on native browser support for the CSS property <code>overflow-scrolling: touch</code>, which is currently only supported in iOS5. As of version 1.1, jQuery Mobile no longer uses this CSS property at all. We've removed all internal usage of this property in the framework, but we've left it defined globally on the $.mobile object to reduce the risk that its removal will cause trouble with existing applications. This property is flagged for removal, so please update your code to no longer use it. The support test for this property, however, remains defined under <code>$.support</code> and we have no plans to remove that test at this time. </p>
-</div>
- <hr>
-
-
- <h2>The rest of the page is just sample content to make the page very long</h2>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>And an inset list</h3>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <br />
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-theme="a" data-position="fixed">
- <h1>Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fullscreen Fixed toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f" data-fullscreen="true">
- <h1>Fullscreen fixed header</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <img src="images/photo-run.jpeg" alt="Photo Run">
-
- <p class="ui-body">This page demonstrates the "fullscreen" toolbar mode. This toolbar treatment is used in special cases where you want the content to fill the whole screen, and you want the header and footer toolbars to appear and disappear when the page is clicked responsively — a common scenario for photo, image or video viewers.</p>
-
- <p class="ui-body">To enable this toolbar feature type, you apply the <code>data-fullscreen="true"</code> attribute and the <code>data-position="fixed"</code> attribute to both the header and footer <code>div</code> elements, or whichever you want to be full-screen. </p>
-
- <p class="ui-body">Keep in mind that the toolbars in this mode will sit <strong>over</strong> page content, so not all content will be accessible with the toolbars open, just as shown in this demo.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed" data-fullscreen="true">
- <h1>Fullscreen Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Theming Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Bar theming </h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
-
- <div data-role="content">
- <div class="content-primary">
- <p>Both the header and footer bars will be styled by default with the theme's "a" color swatch (black in the default theme) because these bars are typically primary in the visual hierarchy of a page. </p>
-
-
- <h2>Theming headers and footers</h2>
- <p>To set the header or footer bars to a different color in your theme, add the <code> data-theme</code> attribute and specify the letter of the theme swatch (a, b, c, etc.). For example, this will set the bar to swatch "b" (blue in the default theme):</p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"header"</span> <strong><span class="na">data-theme=</span><span class="s">"b"</span></strong><span class="nt">></span>
- <span class="nt"><h1></span>Page Title<span class="nt"></h1></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
-
- <h2>Theming buttons in toolbars</h2>
-
- <p>Any link added inside the header block will be automatically styled as a button that matches the color of the bar's theme swatch. To make a button stand out as a primary call to action, the <code> data-theme</code> attribute can be used to specify a contrasting button color from a different theme swatch. For example, if we set the header to theme "c" (light gray), both buttons would be styled as the "c" button by default. If we wanted the Save button to visually pop, we can override the color by setting the <code> data-theme</code> attribute to "b" (blue in our default theme) on the Save button's anchor.</p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><a</span> <span class="na">href=</span><span class="s">"add-user.php"</span> <strong><span class="na">data-theme=</span><span class="s">"b"</span></strong><span class="nt">></span>Save<span class="nt"></a></span>
-</pre>
-</div>
-
-
-
- <h2>Theme variations</h2>
- <p>This is a demo of the variation that can be achieved by tweaking the theme swatches and buttons inside the headers and footers.</p>
- <h3>Headers</h3>
-
-
- <div data-role="header">
- <h1>Bar theme "a"</h1>
- <a href="index.html" data-icon="plus" data-theme="c">New</a>
- </div>
-
- <div data-role="header">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "a"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
- </div>
-
- <div data-role="header" data-theme="b">
- <h1>Bar theme "b"</h1>
- <a href="index.html" data-icon="plus" data-theme="a">New</a>
- </div>
-
- <div data-role="header" data-theme="b">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "b"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="d">Save</a>
- </div>
-
- <div data-role="header" data-theme="c">
- <h1>Bar theme "c"</h1>
- <a href="index.html" data-icon="plus" data-theme="a">New</a>
- </div>
-
- <div data-role="header" data-theme="c">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "c"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
- </div>
-
- <div data-role="header" data-theme="d">
- <h1>Bar theme "d"</h1>
- <a href="index.html" data-icon="plus" data-theme="a">New</a>
- </div>
-
- <div data-role="header" data-theme="d">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "d"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
- </div>
-
- <h3>Footers</h3>
- <p>These are examples of a footer with link buttons inside. Note that footers do not have the same prescriptive markup conventions as headers with button slots so use <a href="../content/content-grids.html">layout grids</a> or custom styles to achieve the design you want.</p>
-
-
-
- <div data-role="footer" data-theme="a">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="b">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="c">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="d">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="e">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li data-theme="a"><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Toolbar Basics</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Toolbar basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Toolbar types</h2>
-
- <p>In jQuery Mobile, there are two standard types of toolbars: Headers and Footers. </p>
-
-<ul> <li>The <a href="docs-headers.html"><strong>Header bar </strong></a> serves as the page title, is usually the first element inside each <a href="../pages/page-anatomy.html">mobile page</a>, and typically contains a page title and up to two buttons.</li>
-
- <li>The <a href="docs-footers.html"><strong>Footer bar</strong></a> is usually the last element inside each mobile page, and tends to be more freeform than the header in terms of content and functionality, but typically contains a combination of text and buttons.</li>
-</ul>
-
- <p>It's very common to have a horizontal navigation or tab bar inside the header or footer; jQuery Mobile includes a <a href="docs-navbar.html"><strong>navbar widget </strong></a> that turns an unordered list of links into a horizontal button bar, which works well in these instances.</p>
-
- <p>View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to toolbars.</p>
-
-
- <h2>Toolbar positioning options</h2>
-
- <p>Header and footers can be positioned on the page in a few different ways. By default, the toolbars use the <strong>"inline" positioning</strong> mode. In this mode, the headers and footer sit in the natural document flow (the default HTML behavior), which ensures that they are visible on all devices, regardless of JavaScript and CSS positioning support.</p>
-
- <p>A <a href="bars-fixed.html"><strong>"fixed" positioning mode</strong></a> fixes the toolbars to either the top or bottom of the viewport on browsers that support CSS fixed positioning (which includes most desktop browsers, iOS5+, Android 2.2+, BlackBerry 6, and others). In browsers that don't support fixed positioning, the toolbars will fall back to static, inline position in the page.</p>
- <p> When tap-toggling is enabled, tapping the screen will toggle the visibility of the fixed toolbars. Tapping the page when the toolbars aren't visible brings them into view. Tapping again hides them until you tap again. This gives users the option to hide the toolbars until needed to maximize screen real estate. One caveat is that fixed toolbars never truly hide, but toggle between fixed and static positioning. This means that if you're at the top of a page, you can't tap-toggle a header toolbar out of view, as it instead toggles into its spot in the document flow at the top of the page. The same goes for fixed footers when scrolled to the very bottom of a document.</p>
- <p>To set this behavior on a header or footer, add the <code> data-position="fixed"</code> attribute to the header or footer element.</p>
-
- <p>A <a href="bars-fullscreen.html"><strong>"fullscreen" position mode</strong></a> works just like the fixed mode except that the toolbars overlay the page content, rather than reserving a place in the document when not in fixed mode. This is useful for immersive apps like photo or video viewers where you want the content to fill the whole screen and toolbars can be hidden or summoned to appear by tapping the screen. Keep in mind that the toolbars in this mode will sit <strong>over</strong> page content so this is best used for specific situations.</p>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li data-theme="a"><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Footer Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Footers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Footer bar structure</h2>
-
- <p>The <code>footer</code> bar has the same basic structure as the <a href="docs-headers.html">header</a> except it uses the <code> data-role</code> attribute value of <code>footer</code>. </p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><div</span> <strong><span class="na">data-role=</span><span class="s">"footer"</span></strong><span class="nt">></span>
- <span class="nt"><h4></span>Footer content<span class="nt"></h4></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
-
- <p>The <code>footer</code> toolbar will be be themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p>
-
- <div data-role="footer">
- <h4>Footer content</h4>
- </div>
-
- <p>The page footer is very similar to the header in terms of options and configuration. The primary difference is that the footer is designed to be less structured than the header to allow for more flexibility, so the framework doesn't automatically place buttons to the left or right based on source order as it does in the header. </p>
- <p>Since footers do not have the same prescriptive markup conventions as headers, we recommend using layout <a href="../content/content-grids.html">grids</a> or writing custom styles to achieve the design you want.</p>
-
-
-
- <h2>Adding buttons</h2>
-
- <p>Any link or valid <a href="../buttons/buttons-types.html">button markup</a> added to the footer will automatically be turned into a button. To save space, buttons in toolbars are automatically set to <a href="../buttons/buttons-inline.html">inline styling</a> so the button is only as wide as the text and icons it contains. </p>
-
- <p>By default, toolbars don't have any padding to accommodate nav bars and other widgets. To include padding on the bar, add a <code>class="ui-bar"</code> to the footer.</p>
-
-
-<pre><code>
-<div data-role="footer" class="ui-bar">
- <a href="index.html" data-role="button" data-icon="plus">Add</a>
- <a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
-</div>
-</code></pre>
-
- <p>This creates this toolbar with buttons sitting in a row</p>
-
- <div data-role="footer" class="ui-bar">
- <a href="index.html" data-icon="plus">Add</a>
- <a href="index.html" data-icon="arrow-u">Up</a>
- <a href="index.html" data-icon="arrow-d">Down</a>
- </div>
-
- </p>Note that <code>.ui-bar</code> should not be added to header or footer bars that span the full width of the page, as the additional padding will cause a full-width element to break out of its parent container. To add padding inside of a full-width toolbar, wrap the toolbar's contents in an element and apply the padding to that element.</p>
-
- <p>To group buttons together into a button set, wrap the links in a wrapper with <code> data-role="controlgroup"</code> and <code>data-type="horizontal"</code> attributes.</p>
-
-<code><div data-role="controlgroup" data-type="horizontal"></code>
-
- <p>This creates a grouped set of buttons:</p>
-
- <div data-role="footer" class="ui-bar">
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-icon="plus">Add</a>
- <a href="index.html" data-icon="arrow-u">Up</a>
- <a href="index.html" data-icon="arrow-d">Down</a>
- </div>
- </div>
-
-
-
- <h2>Adding form elements</h2>
-
- <p><a href="../forms/forms-all.html">Forms</a> elements and other content can also be added to toolbars. Here is an example of a <a href="../forms/selects/index.html">select</a> menu inside a footer bar. We recommend using <a href="../forms/forms-all-mini.html" >mini-sized</a> form elements in toolbars by adding the <code>data-mini="true"</code> attribute:</p>
-
-
- <div data-role="footer" class="ui-bar">
- <label for="select-choice-1">Shipping:</label>
- <select name="select-choice-1" id="select-choice-1" data-theme="a" data-mini="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
-
-
-
-
- <h2>Fixed & Persistent footers</h2>
- <p>In situations where the footer is a global navigation element, you may want it to appear <a href="bars-fixed.html">fixed</a> so it doesn't scroll out of view. It's also possible to make a fixed toolbar <a href="footer-persist-d.html">persistent</a> so it appears to not move between <a href="../pages/page-transitions.html">page transitions</a>. This can be accomplished by using the persistent footer feature included in jQuery Mobile.</p>
-
- <p>To make a footer persistent between transitions, add the <code>data-id</code> attribute to the footer of all relevant pages and use the same <code>id</code> value for each. For example, by adding <code>data-id="myfooter"</code> to the current page and the target page, the framework will keep the footer anchors in the same spot during the page animation. <strong>This effect will only work correctly if the header and footer toolbars are set to <code>data-position="fixed"</code> so they are in view during the transition.</strong></p>
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li data-theme="a"><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Header Bars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Headers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Header structure</h2>
- <p>The <code>header</code> is a toolbar at the top of the page that usually contains the page title text and optional buttons positioned to the the left and/or right of the title for navigation or actions. Headers can optionally be positioned as <a href="bars-fixed.html">fixed</a> so they remain at the top of the screen at all times instead of scrolling with the page.</p>
-
- <p>The title text is normally an H1 heading element but it's possible to use any heading level (H1-H6) to allow for semantic flexibility. For example, a page containing multiple mobile 'pages' may use a H1 element on the home 'page' and a H2 element on the secondary pages. All heading levels are styled identically by default to maintain visual consistency.</p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><div</span> <strong><span class="na">data-role=</span><span class="s">"header"</span></strong><span class="nt">></span>
- <span class="nt"><h1></span>Page Title<span class="nt"></h1></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
- <h2>Default header features</h2>
- <p>The <code>header</code> toolbar is themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p>
-
-
-
- <div data-role="header">
- <h1>Page title</h1>
- </div>
-
-
- <h2>Adding buttons</h2>
-
-
-
-
-
- <p>In the standard header configuration, there are slots for buttons on either side of the text heading. Each button is typically an <code>anchor</code> element, but any valid <a href="../buttons/buttons-types.html">button markup</a> will work. To save space, buttons in toolbars are set to <a href="../buttons/buttons-inline.html">inline styling</a> so the button is only as wide as the text and icons it contains. </p>
-
-
-
-
- <h3>Default button positioning</h3>
-
- <p>The header plugin looks for immediate children of the header container, and automatically sets the first link in the left button slot and the second link in the right. In this example, the 'Cancel' button will appear in the left slot and 'Save' will appear in the right slot based on their sequence in the source order. </p>
-
-
-<pre><code>
-<div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check">Save</a>
-</div>
-</code></pre>
-
-
- <div data-role="header">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check">Save</a>
- </div>
-
- <h3>Making buttons visually stand out</h3>
-
- <p>Buttons automatically adopt the swatch color of the bar they sit in, so a link in a header bar with the "a" color will also be styled as "a" colored buttons. It's simple to make a button visually stand out. Here, we add the <code> data-theme</code> attribute and set the color swatch for the button to "b" to make the "Save" button pop.</p>
-
- <pre><code>
-<div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check" data-theme="b">Save</a>
-</div>
-</code></pre>
-
-
- <div data-role="header">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check" data-theme="b">Save</a>
- </div>
-
- <h3>Controlling button position with classes</h3>
-
- <p>The button position can also be controlled by adding classes to the button anchors, rather than relying on source order. This is especially useful if you only want a button in the right slot. To specify the button position, add the class of <code>ui-btn-left</code> or <code>ui-btn-right</code> to the anchor.</p>
-
-
-
-
-<div class="highlight">
-<pre><code>
-<div data-role="header" data-position="inline">
- <h1>Page Title</h1>
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
-</div>
-</code></pre>
-</div>
-
- <div data-role="header" >
- <h1>Page Title</h1>
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
- </div>
-
-
- <h3>Adding buttons to toolbars without heading</h3>
-
- <p>The heading in the header bar has some margin that will give the bar its height. If you choose not to use a heading, you will need to add an element with <code>class="ui-title"</code> so that the bar can get the height and display correctly.</p>
-
-
-<div class="highlight">
-<pre><code>
-<div data-role="header" data-position="inline">
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
- <span class="ui-title" />
-</div>
-
-</code></pre>
-</div>
-
- <div data-role="header" >
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
- <span class="ui-title" />
- </div>
-
-
-
- <h2>Adding Back buttons</h2>
-
- <p>jQuery Mobile has a feature to automatically create and append "back" buttons to any header, though it is disabled by default. This is primarily useful in chromeless installed applications, such as those running in a native app webview. The framework automatically generates a "back" button on a header when the page plugin's <code>addBackBtn</code> option is true. This can also be set via markup if the page div has a <code>data-add-back-btn="true"</code> attribute. </p>
-
-
- <p>If you use the attribute <code>data-rel="back"</code> on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default href. This is particularly useful when linking back to a named page, such as a link that says "home", or when generating "back" buttons with JavaScript, such as a button to close a dialog. When using this feature in your source markup, <strong>be sure to provide a meaningful href that actually points to the URL of the referring page. This will allow the feature to work for users in C-Grade browsers.</strong></p>
- <p>If you just want a reverse transition without actually going back in history, you should use the <code>data-direction="reverse"</code> attribute.</p>
-
- <h2>Customizing the back button text</h2>
-
- <p>If you'd like to configure the back button text, you can either use the <code>data-back-btn-text="previous"</code> attribute on your page element, or set it programmatically via the page plugin's options: <br /><code>$.mobile.page.prototype.options.backBtnText = "previous";</code></p>
-
- <h3>Default back button style</h3>
- <p>If you'd like to configure the back button role-theme, you can use: <br /><code>$.mobile.page.prototype.options.backBtnTheme = "a";</code><br />
- If you're doing this programmatically, set this option inside the mobileinit event handler.</p>
-
- <h2>Custom header configurations</h2>
- <p>If you need to to create a header that doesn't follow the default configuration, simply wrap your custom styled markup in any container, such as <code>div</code>. The plugin won't apply the automatic button logic to the wrapped content inside the header container so you can write custom styles for laying out the content in your header.</p>
-
- <p>It's also possible to create custom bars without using the header data-role at all. For example, start with any container and add the <code>ui-bar</code> class to apply standard bar padding and add the <code>ui-bar-b</code> class to assign the bar swatch styles from your theme. (The "b" can be any swatch letter.)</p>
-
- <pre><code>
-<div <strong>class="ui-bar ui-bar-b"</strong>>
- <h3>I'm just a div with bar classes and a <a href="#" data-role="button">Button</a></h3>
-</div>
- </code></pre>
-
- <p>This will produce this bar:</p>
- <div class="ui-bar ui-bar-b">
- <h3>I'm just a div with bar classes and a mini inline <a href="#" data-role="button" data-inline="true" data-mini="true">Button</a></h3>
- </div>
-
- <p>Note that <code>.ui-bar</code> should not be added to header or footer bars that span the full width of the page, as the additional padding will cause a full-width element to break out of its parent container. To add padding inside of a full-width toolbar, wrap the toolbar's contents in an element and apply the padding to that element instead.</p>
-
- <p>By writing some simple styles, it's easy to build message bars like this:</p>
- <!-- Yes, the inline styles aren't recommended in a real system but they are used to simply illustrate how to tweak CSS -->
- <div class="ui-bar ui-bar-e">
-
- <h3 style="display:inline-block; width:92%; margin-top:5px;">This is an alert message. </h3><div style="display:inline-block; width:8%; margin-top:0px;"><a href="#" data-role="button" data-icon="delete" data-iconpos="notext">Dismiss</a></div><p style="font-size:85%; margin:-.3em 0 1em;">And here's some additional text in a paragraph.</p>
- </div>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li data-theme="a"><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Navbar</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Navbar</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Simple navbar</h2>
-
- <p>jQuery Mobile has a very basic navbar widget that is useful for providing up to 5 buttons with optional icons in a bar, typically within a header or footer. There is also a <a href="footer-persist-a.html">persistent navbar</a> variation that works more like a tab bar that stays fixed as you navigate across pages.</p>
- <p>A navbar is coded as an unordered list of links wrapped in a container element that has the <code> data-role="navbar"</code> attribute. To set one of the links to the active (selected) state, add <code>class="ui-btn-active"</code> to the anchor. In this example, we have a two-button navbar in the footer with the "One" item set to active:</p>
-
-<pre><code>
-<strong><div data-role="navbar"></strong>
- <ul>
- <li><a href="a.html" class="ui-btn-active">One</a></li>
- <li><a href="b.html">Two</a></li>
- </ul>
-<strong></div><!-- /navbar --></strong>
-</code></pre>
-
- <p>The navbar items are set to divide the space evenly so in this case, each button is 1/2 the width of the browser window:</p>
-
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>Adding a third item will automatically make each button 1/3 the width of the browser window:</p>
-
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>Adding a fourth more item will automatically make each button 1/4 the width of the browser window:</p>
-
-
- <div data-role="navbar" data-grid="c">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>The navbar maxes out with 5 items, each 1/5 the width of the browser window:</p>
-
-
- <div data-role="navbar" data-grid="d">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
- <li><a href="#">Five</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>If more than 5 items are added, the navbar will simply wrap to multiple lines:</p>
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
- <li><a href="#">Five</a></li>
- <li><a href="#">Six</a></li>
- <li><a href="#">Seven</a></li>
- <li><a href="#">Eight</a></li>
- <li><a href="#">Nine</a></li>
- <li><a href="#">Ten</a></li>
- </ul>
- </div><!-- /navbar -->
-
- <p>Navbars with 1 item will simply render as 100%.</p>
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- </ul>
- </div><!-- /navbar -->
-
- <h2>Navbars in headers</h2>
-
- <p>If you want to add a navbar to the top of the page, you can still have a page title and buttons. Just add the navbar container inside the header block, right after the title and buttons in the source order.</p>
-
- <div data-role="header">
- <h1>I'm a header</h1>
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
-
- <div data-role="navbar">
- <ul>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /header -->
-
- <h2>Navbars in footers</h2>
-
- <p>If you want to add a navbar to the bottom of the page so it acts more like a tab bar, simply wrap the navbar in a container with a <code>data-role="footer"</code></p>
-<pre><code>
-<div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
-</div><!-- /footer -->
-</code></pre>
- <div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <h2>Icons in navbars</h2>
-
- <p>Icons can be added to navbar items by adding the <code> data-icon</code> attribute specifying a <a href="../buttons/buttons-icons.html">standard mobile icon</a> to each anchor. By default, icons are added above the text (<code>data-iconpos="top"</code>). The following examples add icons to a navbar in a footer.</p>
-
- <div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <p>The icon position is set <em>on the navbar container</em> instead of for individual links within for visual consistency. For example, to place the icons below the labels, add the <code> data-iconpos="bottom"</code> attribute to the navbar container.</p>
-<pre><code>
-<div data-role="navbar" <strong>data-iconpos="bottom"</strong>>
-</code></pre>
- <p>This will result in a bottom icon alignment:</p>
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="bottom">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <p>The icon position can be set to <code>data-iconpos="left"</code>:</p>
-
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="left">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <p>Or the icon position can be set to <code>data-iconpos="right"</code>:</p>
-
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="right">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <h2>Using 3rd party icon sets</h2>
-
- <p>You can add any of the popular icon libraries like <a href="http://glyphish.com/">Glyphish</a> to achieve the iOS style tab that has large icons stacked on top of text labels. All that is required is a bit of custom styles to link to the icons and position them in the navbar. Here is an example using Glyphish icons and custom styles (view page source for styles) in our navbar:</p>
-
-
- <style>
- .nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
- .nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
- #chat .ui-icon { background: url(glyphish-icons/09-chat2.png) 50% 50% no-repeat; background-size: 24px 22px; }
- #email .ui-icon { background: url(glyphish-icons/18-envelope.png) 50% 50% no-repeat; background-size: 24px 16px; }
- #login .ui-icon { background: url(glyphish-icons/30-key.png) 50% 50% no-repeat; background-size: 12px 26px; }
- #beer .ui-icon { background: url(glyphish-icons/88-beermug.png) 50% 50% no-repeat; background-size: 22px 27px; }
- #coffee .ui-icon { background: url(glyphish-icons/100-coffee.png) 50% 50% no-repeat; background-size: 20px 24px; }
- #skull .ui-icon { background: url(glyphish-icons/21-skull.png) 50% 50% no-repeat; background-size: 22px 24px; }
- </style>
-
- <div data-role="footer" class="nav-glyphish-example">
- <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
- <ul>
- <li><a href="#" id="chat" data-icon="custom">Chat</a></li>
- <li><a href="#" id="email" data-icon="custom">Email</a></li>
- <li><a href="#" id="skull" data-icon="custom">Danger</a></li>
- <li><a href="#" id="beer" data-icon="custom">Beer</a></li>
- <li><a href="#" id="coffee" data-icon="custom">Coffee</a></li>
- </ul>
- </div>
- </div>
-
- <p>Icons by Joseph Wain / <a href="http://glyphish.com/">glyphish.com</a>. Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</p>
-
-
- <h2>Theming navbars</h2>
-
- <p>Navbars inherit the theme swatch from their parent container, just like buttons. If a navbar is placed in the header or footer toolbar, it will inherit the default toolbar swatch (A) for bars unless you set this in the markup. </p>
- <p>Here are a few examples of navbars in various container swatches that automatically inherit their parent's swatch letter. Note that in these examples, instead of using a <code>data-theme</code> attribute, we're manually adding the swatch classes to apply the body swatch (<code>ui-body-a</code>) and the class to add the standard body padding (ui-body), but the inheritance works the same way:</p>
-
- <div class="ui-body-a ui-body">
- <h3>Swatch A</h3>
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid">A</a></li>
- <li><a href="#" data-icon="star">B</a></li>
- <li><a href="#" data-icon="gear">C</a></li>
- <li><a href="#" data-icon="arrow-l">D</a></li>
- <li><a href="#" data-icon="arrow-r">E</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /container -->
-
- <div class="ui-body-d ui-body">
- <h3>Swatch B</h3>
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid">A</a></li>
- <li><a href="#" data-icon="star">B</a></li>
- <li><a href="#" data-icon="gear">C</a></li>
- <li><a href="#" data-icon="arrow-l">D</a></li>
- <li><a href="#" data-icon="arrow-r">E</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /container -->
-
-<p>To set the theme color for a navbar item, add the <code>data-theme</code> attribute to the individual links and specify a theme swatch. Note that applying a theme swatch to the navbar container is <em>not</em> supported.</p>
- <div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid"data-theme="a">A</a></li>
- <li><a href="#" data-icon="star" data-theme="b">B</a></li>
- <li><a href="#" data-icon="gear" data-theme="c">C</a></li>
- <li><a href="#" data-icon="arrow-l" data-theme="d">D</a></li>
- <li><a href="#" data-icon="arrow-r" data-theme="e">E</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li data-theme="a"><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer A</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
- <h1>Friends</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
-
-
- <ul data-role="listview" data-theme="d" data-dividertheme="e" data-filter="true" data-filter-theme="d"data-filter-placeholder="Search friends...">
- <li data-role="list-divider">A</li>
- <li><a href="#">Adam Kinkaid</a></li>
- <li><a href="#">Alex Wickerham</a></li>
- <li><a href="#">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="#">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="#">Caleb Booth</a></li>
- <li><a href="#">Christopher Adams</a></li>
- <li><a href="#">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="#">David Walsh</a></li>
- <li><a href="#">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="#">Elizabeth Bacon</a></li>
- <li><a href="#">Emery Parker</a></li>
- <li><a href="#">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="#">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="#">Graham Smith</a></li>
- <li><a href="#">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="#">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="#">Mike Farnsworth</a></li>
- <li><a href="#">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="#">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="#">Paul Baker</a></li>
- <li><a href="#">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="#">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="#">Sawyer Wakefield</a></li>
- </ul>
-
-
-
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html" data-prefetch="true" class="ui-btn-active ui-state-persist">Friends</a></li>
- <li><a href="footer-persist-b.html" data-prefetch="true">Albums</a></li>
- <li><a href="footer-persist-c.html" data-prefetch="true">Emails</a></li>
- <li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup">Info</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer B</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
- <h1>Albums</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-theme="d" data-dividertheme="e" data-filter="true" data-filter-theme="d" data-filter-placeholder="Search albums..." data-split-icon="gear" data-split-theme="c">
- <li><a href="#">
- <img src="../lists/images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
-
- <img src="../lists/images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="../lists/images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="#">
- <img src="../lists/images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html" data-prefetch="true">Friends</a></li>
- <li><a href="footer-persist-b.html" data-prefetch="true" class="ui-btn-active ui-state-persist">Albums</a></li>
- <li><a href="footer-persist-c.html" data-prefetch="true">Emails</a></li>
- <li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup">Info</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer C</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
- <h1>Inbox</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-theme="d" data-dividertheme="e" data-filter="true" data-filter-theme="d" data-filter-placeholder="Search messages...">
- <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
- <li><a href="#">
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </a></li>
- <li><a href="#">
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </a></li>
- <li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
- <li><a href="#">
- <h3>Avery Walker</h3>
- <p><strong>Re: Dinner Tonight</strong></p>
- <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
- <p class="ui-li-aside"><strong>4:48</strong>PM</p>
- </a></li>
- <li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="#">
- <h3>Amazon.com</h3>
- <p><strong>4-for-3 Books for Kids</strong></p>
- <p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
- <p class="ui-li-aside"><strong>12:47</strong>PM</p>
- </a></li>
- <li><a href="#">
- <h3>Mike Taylor</h3>
- <p><strong>Re: This weekend in Maine</strong></p>
- <p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="#">
- <h3>Redfin</h3>
- <p><strong>Redfin listing updates for today</strong></p>
- <p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
- <p class="ui-li-aside"><strong>5:52</strong>AM</p>
- </a></li>
- <li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Angela Smith</h3>
- <p><strong>Link Request</strong></p>
- <p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>This weekend in Maine</strong></p>
- <p>Sounds good, let me check into our plans.</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html" data-prefetch="true">Friends</a></li>
- <li><a href="footer-persist-b.html" data-prefetch="true">Albums</a></li>
- <li><a href="footer-persist-c.html" data-prefetch="true" class="ui-btn-active ui-state-persist">Emails</a></li>
- <li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup">Info</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer C</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed" data-id="foo">
- <h1>Info</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>About persistent toolbars</h2>
- <p>These pages are a demo of persistent toolbars. Click on any of the links in the footer, and you'll see the page content transition, but both the persistent header and footer on these pages remains in place durning the animation to a new HTML page.</p>
- <p>To tell the framework to apply the persistent behavior, add a <code>data-id</code> attribute to the footer of all HTML pages in the navigation set to the same ID. It's that simple: if the page you're navigating to has a header or footer with the same <code>data-id</code>, the toolbars will appear fixed outside of the transition. Each of these pages has a different transition to test out how this works.</p>
-
- <p>Typically, the persistent toolbar technique will be combined with fixed positioning. In this example, the footer also has a navbar, like this:</p>
-
-<pre><code>
-<div data-role="footer"<strong> data-id="foo1" data-position="fixed"</strong>>
- <div data-role="navbar">
- <ul>
- <li><a href="a.html">Friends</a></li>
- <li><a href="b.html">Albums</a></li>
- <li><a href="c.html">Emails</a></li>
- <li><a href="d.html" >Info</a></li>
- </ul>
- </div><!-- /navbar -->
-</div><!-- /footer -->
-</code></pre>
- <p>To set the active state of an item in a persistent toolbar, add a class of <code>ui-state-persist</code> in addition to <code>ui-btn-active</code> to the corresponding anchor.</p>
-
-<pre><code>
-<li><a href="d.html" <strong>class="ui-btn-active ui-state-persist"</strong>>Info</a></li>
-</code></pre>
-
- <h3>A note about transitions</h3>
- <p>The slide, slideup, slidedown, fade or none <a href="../pages/page-transitions.html">page transitions</a> all work great with persistent fixed toolbars. However, intensive 3D transitions like flip, turn, and flow can cause positioning and animation performance issues with this technique so we don't recommend using them.</p>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html" data-prefetch="true">Friends</a></li>
- <li><a href="footer-persist-b.html" data-prefetch="true">Albums</a></li>
- <li><a href="footer-persist-c.html" data-prefetch="true">Emails</a></li>
- <li><a href="footer-persist-d.html" data-prefetch="true" data-transition="slideup" class="ui-btn-active ui-state-persist">Info</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-Created by Joseph Wain (see http://penandthink.com) at and probably downloaded from http://glyphish.com
-
-This work is licensed under the Creative Commons Attribution 3.0 United States License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/us/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
-
-You are free to share it and to remix it remix under the following conditions:
-
-* You must attribute the work in the manner specified by the author (SEE BELOW).
-* For any reuse or distribution, you must make clear to others the license terms of this work.
-* The above conditions can be waived if you get permission from the copyright holder (send me an email!).
-
-ATTRIBUTION -- a note reading "icons by Joseph Wain / glyphish.com" or similar, plus a link back to glyphish.com from your app's website, is the preferred form of attribution. Also acceptable would be, like, a link from within your iPhone application, or from the iTunes store page, but those aren't as useful to other people. If none of these work for you, please contact hello@glyphish.com and we can work something out.
-
-USE WITHOUT ATTRIBUTION -- If attribution is not possible, workable or desirable for your application, contact hello@glyphish.com for commercial non-attributed licensing terms.
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
- <a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>Toolbars are used for headers, footers, and utility bars throughout mobile sites and applications. jQuery Mobile provides a standard set of bars and navigation tools to cover most standard scenarios.</p>
-
-
- <ul data-role="listview" data-inset="true">
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent toolbars</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
- <!--<li><a href="api-bars.html">API documentation</a></li>-->
- </ul>
-
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Scrollview Demos and Tests</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div id="jqm-homeheader">
- <h1 id="jqm-logo"><img src="../../docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" width="235" height="61" /></h1>
- <p>A few examples tweaked to make use of the scrollview component.</p>
- <p id="jqm-version">Alpha Release</p>
- </div>
-
- <div data-role="content">
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Toolbars</li>
- <li><a href="../../docs/toolbars/footer-persist-a.html">Persistent footer nav bar (a)</a></li>
- <li><a href="../../docs/toolbars/footer-persist-b.html">Persistent footer nav bar (b)</a></li>
- <li><a href="../../docs/toolbars/footer-persist-c.html">Persistent footer nav bar (c)</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">List Views</li>
- <li><a href="lists-divider.html">Sticky list dividers</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Forms</li>
- <li><a href="../../docs/forms/forms-all.html">Form element gallery</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Tests</li>
- <li><a href="scrollview-direction.html" rel="external">Scroll Direction</a></li>
- <li><a href="scrollview-nested.html" rel="external">Nested Scroll Views</a></li>
- <li><a href="sv-test-01.html" rel="external">Form Elements Event Test</a></li>
- <li><a href="sv-test-02.html" rel="external">Form Elements in Scrollview Event Test</a></li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
- *
- * Uses the built in easing capabilities added In jQuery 1.1
- * to offer multiple easing options
- *
- * TERMS OF USE - jQuery Easing
- *
- * Open source under the BSD License.
- *
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
-*/
-
-// t: current time, b: begInnIng value, c: change In value, d: duration
-jQuery.easing['jswing'] = jQuery.easing['swing'];
-
-jQuery.extend( jQuery.easing,
-{
- def: 'easeOutQuad',
- swing: function (x, t, b, c, d) {
- //alert(jQuery.easing.default);
- return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
- },
- easeInQuad: function (x, t, b, c, d) {
- return c*(t/=d)*t + b;
- },
- easeOutQuad: function (x, t, b, c, d) {
- return -c *(t/=d)*(t-2) + b;
- },
- easeInOutQuad: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t + b;
- return -c/2 * ((--t)*(t-2) - 1) + b;
- },
- easeInCubic: function (x, t, b, c, d) {
- return c*(t/=d)*t*t + b;
- },
- easeOutCubic: function (x, t, b, c, d) {
- return c*((t=t/d-1)*t*t + 1) + b;
- },
- easeInOutCubic: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t + b;
- return c/2*((t-=2)*t*t + 2) + b;
- },
- easeInQuart: function (x, t, b, c, d) {
- return c*(t/=d)*t*t*t + b;
- },
- easeOutQuart: function (x, t, b, c, d) {
- return -c * ((t=t/d-1)*t*t*t - 1) + b;
- },
- easeInOutQuart: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
- return -c/2 * ((t-=2)*t*t*t - 2) + b;
- },
- easeInQuint: function (x, t, b, c, d) {
- return c*(t/=d)*t*t*t*t + b;
- },
- easeOutQuint: function (x, t, b, c, d) {
- return c*((t=t/d-1)*t*t*t*t + 1) + b;
- },
- easeInOutQuint: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
- return c/2*((t-=2)*t*t*t*t + 2) + b;
- },
- easeInSine: function (x, t, b, c, d) {
- return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
- },
- easeOutSine: function (x, t, b, c, d) {
- return c * Math.sin(t/d * (Math.PI/2)) + b;
- },
- easeInOutSine: function (x, t, b, c, d) {
- return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
- },
- easeInExpo: function (x, t, b, c, d) {
- return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
- },
- easeOutExpo: function (x, t, b, c, d) {
- return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
- },
- easeInOutExpo: function (x, t, b, c, d) {
- if (t==0) return b;
- if (t==d) return b+c;
- if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
- return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
- },
- easeInCirc: function (x, t, b, c, d) {
- return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
- },
- easeOutCirc: function (x, t, b, c, d) {
- return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
- },
- easeInOutCirc: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
- return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
- },
- easeInElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- },
- easeOutElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
- },
- easeInOutElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
- },
- easeInBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- return c*(t/=d)*t*((s+1)*t - s) + b;
- },
- easeOutBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
- },
- easeInOutBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
- return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
- },
- easeInBounce: function (x, t, b, c, d) {
- return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
- },
- easeOutBounce: function (x, t, b, c, d) {
- if ((t/=d) < (1/2.75)) {
- return c*(7.5625*t*t) + b;
- } else if (t < (2/2.75)) {
- return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
- } else if (t < (2.5/2.75)) {
- return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
- } else {
- return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
- }
- },
- easeInOutBounce: function (x, t, b, c, d) {
- if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
- return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
- }
-});
-
-/*
- *
- * TERMS OF USE - EASING EQUATIONS
- *
- * Open source under the BSD License.
- *
- * Copyright © 2001 Robert Penner
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
- */
\ No newline at end of file
+++ /dev/null
-@charset "utf-8";
-
-.ui-scrollview-clip {
- position: relative;
-}
-
-.ui-scrollview-view {
-}
-
-.ui-scrolllistview .ui-li-divider {
- z-index: 10;
-}
-
-.ui-scrollbar {
- position: absolute;
- overflow: hidden;
-
- opacity: 0;
- -webkit-transition: opacity 500ms;
- -moz-transition: opacity 500ms;
- transition: opacity 500ms;
-}
-
-.ui-scrollbar-visible {
- opacity: 1;
-}
-
-.ui-scrollbar-y {
- top: 2px;
- right: 2px;
- bottom: 8px;
- width: 5px;
-}
-
-.ui-scrollbar-x {
- right: 8px;
- bottom: 2px;
- left: 2px;
- height: 5px;
-}
-
-.ui-scrollbar-track {
- position: relative;
- width: 100%;
- height: 100%;
-}
-
-.ui-scrollbar-thumb {
- position: absolute;
- top: 0;
- left: 0;
- background-color: rgba(0, 0, 0, 0.3);
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
-}
-
-.ui-scrollbar-y .ui-scrollbar-thumb {
- width: 5px;
- height: 100%;
-}
-
-.ui-scrollbar-x .ui-scrollbar-thumb {
- width: 100%;
- height: 5px;
-}
+++ /dev/null
-/*
-* jQuery Mobile Framework : scrollview plugin
-* Copyright (c) 2010 Adobe Systems Incorporated - Kin Blas (jblas@adobe.com)
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-* Note: Code is in draft form and is subject to change
-*/
-(function($,window,document,undefined){
-
-jQuery.widget( "mobile.scrollview", jQuery.mobile.widget, {
- options: {
- fps: 60, // Frames per second in msecs.
- direction: null, // "x", "y", or null for both.
-
- scrollDuration: 2000, // Duration of the scrolling animation in msecs.
- overshootDuration: 250, // Duration of the overshoot animation in msecs.
- snapbackDuration: 500, // Duration of the snapback animation in msecs.
-
- moveThreshold: 10, // User must move this many pixels in any direction to trigger a scroll.
- moveIntervalThreshold: 150, // Time between mousemoves must not exceed this threshold.
-
- scrollMethod: "translate", // "translate", "position", "scroll"
-
- startEventName: "scrollstart",
- updateEventName: "scrollupdate",
- stopEventName: "scrollstop",
-
- eventType: $.support.touch ? "touch" : "mouse",
-
- showScrollBars: true,
-
- pagingEnabled: false,
- delayedClickSelector: "a,input,textarea,select,button,.ui-btn",
- delayedClickEnabled: false
- },
-
- _makePositioned: function($ele)
- {
- if ($ele.css("position") == "static")
- $ele.css("position", "relative");
- },
-
- _create: function()
- {
- this._$clip = $(this.element).addClass("ui-scrollview-clip");
- var $child = this._$clip.children();
- if ($child.length > 1) {
- $child = this._$clip.wrapInner("<div></div>").children();
- }
- this._$view = $child.addClass("ui-scrollview-view");
-
- this._$clip.css("overflow", this.options.scrollMethod === "scroll" ? "scroll" : "hidden");
- this._makePositioned(this._$clip);
-
- this._$view.css("overflow", "hidden");
-
- // Turn off our faux scrollbars if we are using native scrolling
- // to position the view.
-
- this.options.showScrollBars = this.options.scrollMethod === "scroll" ? false : this.options.showScrollBars;
-
- // We really don't need this if we are using a translate transformation
- // for scrolling. We set it just in case the user wants to switch methods
- // on the fly.
-
- this._makePositioned(this._$view);
- this._$view.css({ left: 0, top: 0 });
-
- this._sx = 0;
- this._sy = 0;
-
- var direction = this.options.direction;
- this._hTracker = (direction !== "y") ? new MomentumTracker(this.options) : null;
- this._vTracker = (direction !== "x") ? new MomentumTracker(this.options) : null;
-
- this._timerInterval = 1000/this.options.fps;
- this._timerID = 0;
-
- var self = this;
- this._timerCB = function(){ self._handleMomentumScroll(); };
-
- this._addBehaviors();
- },
-
- _startMScroll: function(speedX, speedY)
- {
- this._stopMScroll();
- this._showScrollBars();
-
- var keepGoing = false;
- var duration = this.options.scrollDuration;
-
- this._$clip.trigger(this.options.startEventName);
-
- var ht = this._hTracker;
- if (ht)
- {
- var c = this._$clip.width();
- var v = this._$view.width();
- ht.start(this._sx, speedX, duration, (v > c) ? -(v - c) : 0, 0);
- keepGoing = !ht.done();
- }
-
- var vt = this._vTracker;
- if (vt)
- {
- var c = this._$clip.height();
- var v = this._$view.height();
- vt.start(this._sy, speedY, duration, (v > c) ? -(v - c) : 0, 0);
- keepGoing = keepGoing || !vt.done();
- }
-
- if (keepGoing)
- this._timerID = setTimeout(this._timerCB, this._timerInterval);
- else
- this._stopMScroll();
- },
-
- _stopMScroll: function()
- {
- if (this._timerID)
- {
- this._$clip.trigger(this.options.stopEventName);
- clearTimeout(this._timerID);
- }
- this._timerID = 0;
-
- if (this._vTracker)
- this._vTracker.reset();
-
- if (this._hTracker)
- this._hTracker.reset();
-
- this._hideScrollBars();
- },
-
- _handleMomentumScroll: function()
- {
- var keepGoing = false;
- var v = this._$view;
-
- var x = 0, y = 0;
-
- var vt = this._vTracker;
- if (vt)
- {
- vt.update();
- y = vt.getPosition();
- keepGoing = !vt.done();
- }
-
- var ht = this._hTracker;
- if (ht)
- {
- ht.update();
- x = ht.getPosition();
- keepGoing = keepGoing || !ht.done();
- }
-
- this._setScrollPosition(x, y);
- this._$clip.trigger(this.options.updateEventName, [ { x: x, y: y } ]);
-
- if (keepGoing)
- this._timerID = setTimeout(this._timerCB, this._timerInterval);
- else
- this._stopMScroll();
- },
-
- _setScrollPosition: function(x, y)
- {
- this._sx = x;
- this._sy = y;
-
- var $v = this._$view;
-
- var sm = this.options.scrollMethod;
-
- switch (sm)
- {
- case "translate":
- setElementTransform($v, x + "px", y + "px");
- break;
- case "position":
- $v.css({left: x + "px", top: y + "px"});
- break;
- case "scroll":
- var c = this._$clip[0];
- c.scrollLeft = -x;
- c.scrollTop = -y;
- break;
- }
-
- var $vsb = this._$vScrollBar;
- var $hsb = this._$hScrollBar;
-
- if ($vsb)
- {
- var $sbt = $vsb.find(".ui-scrollbar-thumb");
- if (sm === "translate")
- setElementTransform($sbt, "0px", -y/$v.height() * $sbt.parent().height() + "px");
- else
- $sbt.css("top", -y/$v.height()*100 + "%");
- }
-
- if ($hsb)
- {
- var $sbt = $hsb.find(".ui-scrollbar-thumb");
- if (sm === "translate")
- setElementTransform($sbt, -x/$v.width() * $sbt.parent().width() + "px", "0px");
- else
- $sbt.css("left", -x/$v.width()*100 + "%");
- }
- },
-
- scrollTo: function(x, y, duration)
- {
- this._stopMScroll();
- if (!duration)
- return this._setScrollPosition(x, y);
-
- x = -x;
- y = -y;
-
- var self = this;
- var start = getCurrentTime();
- var efunc = $.easing["easeOutQuad"];
- var sx = this._sx;
- var sy = this._sy;
- var dx = x - sx;
- var dy = y - sy;
- var tfunc = function(){
- var elapsed = getCurrentTime() - start;
- if (elapsed >= duration)
- {
- self._timerID = 0;
- self._setScrollPosition(x, y);
- }
- else
- {
- var ec = efunc(elapsed/duration, elapsed, 0, 1, duration);
- self._setScrollPosition(sx + (dx * ec), sy + (dy * ec));
- self._timerID = setTimeout(tfunc, self._timerInterval);
- }
- };
-
- this._timerID = setTimeout(tfunc, this._timerInterval);
- },
-
- getScrollPosition: function()
- {
- return { x: -this._sx, y: -this._sy };
- },
-
- _getScrollHierarchy: function()
- {
- var svh = [];
- this._$clip.parents(".ui-scrollview-clip").each(function(){
- var d = $(this).jqmData("scrollview");
- if (d) svh.unshift(d);
- });
- return svh;
- },
-
- _getAncestorByDirection: function(dir)
- {
- var svh = this._getScrollHierarchy();
- var n = svh.length;
- while (0 < n--)
- {
- var sv = svh[n];
- var svdir = sv.options.direction;
-
- if (!svdir || svdir == dir)
- return sv;
- }
- return null;
- },
-
- _handleDragStart: function(e, ex, ey)
- {
- // Stop any scrolling of elements in our parent hierarcy.
- $.each(this._getScrollHierarchy(),function(i,sv){ sv._stopMScroll(); });
- this._stopMScroll();
-
- var c = this._$clip;
- var v = this._$view;
-
- if (this.options.delayedClickEnabled) {
- this._$clickEle = $(e.target).closest(this.options.delayedClickSelector);
- }
- this._lastX = ex;
- this._lastY = ey;
- this._doSnapBackX = false;
- this._doSnapBackY = false;
- this._speedX = 0;
- this._speedY = 0;
- this._directionLock = "";
- this._didDrag = false;
-
- if (this._hTracker)
- {
- var cw = parseInt(c.css("width"), 10);
- var vw = parseInt(v.css("width"), 10);
- this._maxX = cw - vw;
- if (this._maxX > 0) this._maxX = 0;
- if (this._$hScrollBar)
- this._$hScrollBar.find(".ui-scrollbar-thumb").css("width", (cw >= vw ? "100%" : Math.floor(cw/vw*100)+ "%"));
- }
-
- if (this._vTracker)
- {
- var ch = parseInt(c.css("height"), 10);
- var vh = parseInt(v.css("height"), 10);
- this._maxY = ch - vh;
- if (this._maxY > 0) this._maxY = 0;
- if (this._$vScrollBar)
- this._$vScrollBar.find(".ui-scrollbar-thumb").css("height", (ch >= vh ? "100%" : Math.floor(ch/vh*100)+ "%"));
- }
-
- var svdir = this.options.direction;
-
- this._pageDelta = 0;
- this._pageSize = 0;
- this._pagePos = 0;
-
- if (this.options.pagingEnabled && (svdir === "x" || svdir === "y"))
- {
- this._pageSize = svdir === "x" ? cw : ch;
- this._pagePos = svdir === "x" ? this._sx : this._sy;
- this._pagePos -= this._pagePos % this._pageSize;
- }
- this._lastMove = 0;
- this._enableTracking();
-
- // If we're using mouse events, we need to prevent the default
- // behavior to suppress accidental selection of text, etc. We
- // can't do this on touch devices because it will disable the
- // generation of "click" events.
- //
- // XXX: We should test if this has an effect on links! - kin
-
- if (this.options.eventType == "mouse" || this.options.delayedClickEnabled)
- e.preventDefault();
- e.stopPropagation();
- },
-
- _propagateDragMove: function(sv, e, ex, ey, dir)
- {
- this._hideScrollBars();
- this._disableTracking();
- sv._handleDragStart(e,ex,ey);
- sv._directionLock = dir;
- sv._didDrag = this._didDrag;
- },
-
- _handleDragMove: function(e, ex, ey)
- {
- this._lastMove = getCurrentTime();
-
- var v = this._$view;
-
- var dx = ex - this._lastX;
- var dy = ey - this._lastY;
- var svdir = this.options.direction;
-
- if (!this._directionLock)
- {
- var x = Math.abs(dx);
- var y = Math.abs(dy);
- var mt = this.options.moveThreshold;
-
- if (x < mt && y < mt) {
- return false;
- }
-
- var dir = null;
- var r = 0;
- if (x < y && (x/y) < 0.5) {
- dir = "y";
- }
- else if (x > y && (y/x) < 0.5) {
- dir = "x";
- }
-
- if (svdir && dir && svdir != dir)
- {
- // This scrollview can't handle the direction the user
- // is attempting to scroll. Find an ancestor scrollview
- // that can handle the request.
-
- var sv = this._getAncestorByDirection(dir);
- if (sv)
- {
- this._propagateDragMove(sv, e, ex, ey, dir);
- return false;
- }
- }
-
- this._directionLock = svdir ? svdir : (dir ? dir : "none");
- }
-
- var newX = this._sx;
- var newY = this._sy;
-
- if (this._directionLock !== "y" && this._hTracker)
- {
- var x = this._sx;
- this._speedX = dx;
- newX = x + dx;
-
- // Simulate resistance.
-
- this._doSnapBackX = false;
- if (newX > 0 || newX < this._maxX)
- {
- if (this._directionLock === "x")
- {
- var sv = this._getAncestorByDirection("x");
- if (sv)
- {
- this._setScrollPosition(newX > 0 ? 0 : this._maxX, newY);
- this._propagateDragMove(sv, e, ex, ey, dir);
- return false;
- }
- }
- newX = x + (dx/2);
- this._doSnapBackX = true;
- }
- }
-
- if (this._directionLock !== "x" && this._vTracker)
- {
- var y = this._sy;
- this._speedY = dy;
- newY = y + dy;
-
- // Simulate resistance.
-
- this._doSnapBackY = false;
- if (newY > 0 || newY < this._maxY)
- {
- if (this._directionLock === "y")
- {
- var sv = this._getAncestorByDirection("y");
- if (sv)
- {
- this._setScrollPosition(newX, newY > 0 ? 0 : this._maxY);
- this._propagateDragMove(sv, e, ex, ey, dir);
- return false;
- }
- }
-
- newY = y + (dy/2);
- this._doSnapBackY = true;
- }
-
- }
-
- if (this.options.pagingEnabled && (svdir === "x" || svdir === "y"))
- {
- if (this._doSnapBackX || this._doSnapBackY)
- this._pageDelta = 0;
- else
- {
- var opos = this._pagePos;
- var cpos = svdir === "x" ? newX : newY;
- var delta = svdir === "x" ? dx : dy;
-
- this._pageDelta = (opos > cpos && delta < 0) ? this._pageSize : ((opos < cpos && delta > 0) ? -this._pageSize : 0);
- }
- }
-
- this._didDrag = true;
- this._lastX = ex;
- this._lastY = ey;
-
- this._setScrollPosition(newX, newY);
-
- this._showScrollBars();
-
- // Call preventDefault() to prevent touch devices from
- // scrolling the main window.
-
- // e.preventDefault();
-
- return false;
- },
-
- _handleDragStop: function(e)
- {
- var l = this._lastMove;
- var t = getCurrentTime();
- var doScroll = l && (t - l) <= this.options.moveIntervalThreshold;
-
- var sx = (this._hTracker && this._speedX && doScroll) ? this._speedX : (this._doSnapBackX ? 1 : 0);
- var sy = (this._vTracker && this._speedY && doScroll) ? this._speedY : (this._doSnapBackY ? 1 : 0);
-
- var svdir = this.options.direction;
- if (this.options.pagingEnabled && (svdir === "x" || svdir === "y") && !this._doSnapBackX && !this._doSnapBackY)
- {
- var x = this._sx;
- var y = this._sy;
- if (svdir === "x")
- x = -this._pagePos + this._pageDelta;
- else
- y = -this._pagePos + this._pageDelta;
-
- this.scrollTo(x, y, this.options.snapbackDuration);
- }
- else if (sx || sy)
- this._startMScroll(sx, sy);
- else
- this._hideScrollBars();
-
- this._disableTracking();
-
- if (!this._didDrag && this.options.delayedClickEnabled && this._$clickEle.length) {
- this._$clickEle
- .trigger("mousedown")
- //.trigger("focus")
- .trigger("mouseup")
- .trigger("click");
- }
-
- // If a view scrolled, then we need to absorb
- // the event so that links etc, underneath our
- // cursor/finger don't fire.
-
- return this._didDrag ? false : undefined;
- },
-
- _enableTracking: function()
- {
- $(document).bind(this._dragMoveEvt, this._dragMoveCB);
- $(document).bind(this._dragStopEvt, this._dragStopCB);
- },
-
- _disableTracking: function()
- {
- $(document).unbind(this._dragMoveEvt, this._dragMoveCB);
- $(document).unbind(this._dragStopEvt, this._dragStopCB);
- },
-
- _showScrollBars: function()
- {
- var vclass = "ui-scrollbar-visible";
- if (this._$vScrollBar) this._$vScrollBar.addClass(vclass);
- if (this._$hScrollBar) this._$hScrollBar.addClass(vclass);
- },
-
- _hideScrollBars: function()
- {
- var vclass = "ui-scrollbar-visible";
- if (this._$vScrollBar) this._$vScrollBar.removeClass(vclass);
- if (this._$hScrollBar) this._$hScrollBar.removeClass(vclass);
- },
-
- _addBehaviors: function()
- {
- var self = this;
- if (this.options.eventType === "mouse")
- {
- this._dragStartEvt = "mousedown";
- this._dragStartCB = function(e){ return self._handleDragStart(e, e.clientX, e.clientY); };
-
- this._dragMoveEvt = "mousemove";
- this._dragMoveCB = function(e){ return self._handleDragMove(e, e.clientX, e.clientY); };
-
- this._dragStopEvt = "mouseup";
- this._dragStopCB = function(e){ return self._handleDragStop(e); };
- }
- else // "touch"
- {
- this._dragStartEvt = "touchstart";
- this._dragStartCB = function(e)
- {
- var t = e.originalEvent.targetTouches[0];
- return self._handleDragStart(e, t.pageX, t.pageY);
- };
-
- this._dragMoveEvt = "touchmove";
- this._dragMoveCB = function(e)
- {
- var t = e.originalEvent.targetTouches[0];
- return self._handleDragMove(e, t.pageX, t.pageY);
- };
-
- this._dragStopEvt = "touchend";
- this._dragStopCB = function(e){ return self._handleDragStop(e); };
- }
-
- this._$view.bind(this._dragStartEvt, this._dragStartCB);
-
- if (this.options.showScrollBars)
- {
- var $c = this._$clip;
- var prefix = "<div class=\"ui-scrollbar ui-scrollbar-";
- var suffix = "\"><div class=\"ui-scrollbar-track\"><div class=\"ui-scrollbar-thumb\"></div></div></div>";
- if (this._vTracker)
- {
- $c.append(prefix + "y" + suffix);
- this._$vScrollBar = $c.children(".ui-scrollbar-y");
- }
- if (this._hTracker)
- {
- $c.append(prefix + "x" + suffix);
- this._$hScrollBar = $c.children(".ui-scrollbar-x");
- }
- }
- }
-});
-
-function setElementTransform($ele, x, y)
-{
- var v = "translate3d(" + x + "," + y + ", 0px)";
- $ele.css({
- "-moz-transform": v,
- "-webkit-transform": v,
- "transform": v
- });
-}
-
-
-function MomentumTracker(options)
-{
- this.options = $.extend({}, options);
- this.easing = "easeOutQuad";
- this.reset();
-}
-
-var tstates = {
- scrolling: 0,
- overshot: 1,
- snapback: 2,
- done: 3
-};
-
-function getCurrentTime() { return (new Date()).getTime(); }
-
-$.extend(MomentumTracker.prototype, {
- start: function(pos, speed, duration, minPos, maxPos)
- {
- this.state = (speed != 0) ? ((pos < minPos || pos > maxPos) ? tstates.snapback : tstates.scrolling) : tstates.done;
- this.pos = pos;
- this.speed = speed;
- this.duration = (this.state == tstates.snapback) ? this.options.snapbackDuration : duration;
- this.minPos = minPos;
- this.maxPos = maxPos;
-
- this.fromPos = (this.state == tstates.snapback) ? this.pos : 0;
- this.toPos = (this.state == tstates.snapback) ? ((this.pos < this.minPos) ? this.minPos : this.maxPos) : 0;
-
- this.startTime = getCurrentTime();
- },
-
- reset: function()
- {
- this.state = tstates.done;
- this.pos = 0;
- this.speed = 0;
- this.minPos = 0;
- this.maxPos = 0;
- this.duration = 0;
- },
-
- update: function()
- {
- var state = this.state;
- if (state == tstates.done)
- return this.pos;
-
- var duration = this.duration;
- var elapsed = getCurrentTime() - this.startTime;
- elapsed = elapsed > duration ? duration : elapsed;
-
- if (state == tstates.scrolling || state == tstates.overshot)
- {
- var dx = this.speed * (1 - $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration));
-
- var x = this.pos + dx;
-
- var didOverShoot = (state == tstates.scrolling) && (x < this.minPos || x > this.maxPos);
- if (didOverShoot)
- x = (x < this.minPos) ? this.minPos : this.maxPos;
-
- this.pos = x;
-
- if (state == tstates.overshot)
- {
- if (elapsed >= duration)
- {
- this.state = tstates.snapback;
- this.fromPos = this.pos;
- this.toPos = (x < this.minPos) ? this.minPos : this.maxPos;
- this.duration = this.options.snapbackDuration;
- this.startTime = getCurrentTime();
- elapsed = 0;
- }
- }
- else if (state == tstates.scrolling)
- {
- if (didOverShoot)
- {
- this.state = tstates.overshot;
- this.speed = dx / 2;
- this.duration = this.options.overshootDuration;
- this.startTime = getCurrentTime();
- }
- else if (elapsed >= duration)
- this.state = tstates.done;
- }
- }
- else if (state == tstates.snapback)
- {
- if (elapsed >= duration)
- {
- this.pos = this.toPos;
- this.state = tstates.done;
- }
- else
- this.pos = this.fromPos + ((this.toPos - this.fromPos) * $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration));
- }
-
- return this.pos;
- },
-
- done: function() { return this.state == tstates.done; },
- getPosition: function(){ return this.pos; }
-});
-
-jQuery.widget( "mobile.scrolllistview", jQuery.mobile.scrollview, {
- options: {
- direction: "y"
- },
-
- _create: function() {
- $.mobile.scrollview.prototype._create.call(this);
-
- // Cache the dividers so we don't have to search for them everytime the
- // view is scrolled.
- //
- // XXX: Note that we need to update this cache if we ever support lists
- // that can dynamically update their content.
-
- this._$dividers = this._$view.find(":jqmData(role='list-divider')");
- this._lastDivider = null;
- },
-
- _setScrollPosition: function(x, y)
- {
- // Let the view scroll like it normally does.
-
- $.mobile.scrollview.prototype._setScrollPosition.call(this, x, y);
-
- y = -y;
-
- // Find the dividers for the list.
-
- var $divs = this._$dividers;
- var cnt = $divs.length;
- var d = null;
- var dy = 0;
- var nd = null;
-
- for (var i = 0; i < cnt; i++)
- {
- nd = $divs.get(i);
- var t = nd.offsetTop;
- if (y >= t)
- {
- d = nd;
- dy = t;
- }
- else if (d)
- break;
- }
-
- // If we found a divider to move position it at the top of the
- // clip view.
-
- if (d)
- {
- var h = d.offsetHeight;
- var mxy = (d != nd) ? nd.offsetTop : (this._$view.get(0).offsetHeight);
- if (y + h >= mxy)
- y = (mxy - h) - dy;
- else
- y = y - dy;
-
- // XXX: Need to convert this over to using $().css() and supporting the non-transform case.
-
- var ld = this._lastDivider;
- if (ld && d != ld) {
- setElementTransform($(ld), 0, 0);
- }
- setElementTransform($(d), 0, y + "px");
- this._lastDivider = d;
-
- }
- }
-});
-
-})(jQuery,window,document); // End Component
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>List dividers</h1>
- </div><!-- /header -->
-
- <div data-role="content" class="ui-scrolllistview">
- <ul data-role="listview">
- <li data-role="list-divider">A</li>
- <li><a href="../../docs/lists/index.html">Adam Kinkaid</a></li>
- <li><a href="../../docs/lists/index.html">Alex Wickerham</a></li>
- <li><a href="../../docs/lists/index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="../../docs/lists/index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="../../docs/lists/index.html">Caleb Booth</a></li>
- <li><a href="../../docs/lists/index.html">Christopher Adams</a></li>
- <li><a href="../../docs/lists/index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="../../docs/lists/index.html">David Walsh</a></li>
- <li><a href="../../docs/lists/index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="../../docs/lists/index.html">Elizabeth Bacon</a></li>
- <li><a href="../../docs/lists/index.html">Emery Parker</a></li>
- <li><a href="../../docs/lists/index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="../../docs/lists/index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="../../docs/lists/index.html">Graham Smith</a></li>
- <li><a href="../../docs/lists/index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="../../docs/lists/index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="../../docs/lists/index.html">Mike Farnsworth</a></li>
- <li><a href="../../docs/lists/index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="../../docs/lists/index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="../../docs/lists/index.html">Paul Baker</a></li>
- <li><a href="../../docs/lists/index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="../../docs/lists/index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="../../docs/lists/index.html">Sawyer Wakefield</a></li>
- <li data-role="list-divider">A</li>
- <li><a href="../../docs/lists/index.html">Adam Kinkaid</a></li>
- <li><a href="../../docs/lists/index.html">Alex Wickerham</a></li>
- <li><a href="../../docs/lists/index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="../../docs/lists/index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="../../docs/lists/index.html">Caleb Booth</a></li>
- <li><a href="../../docs/lists/index.html">Christopher Adams</a></li>
- <li><a href="../../docs/lists/index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="../../docs/lists/index.html">David Walsh</a></li>
- <li><a href="../../docs/lists/index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="../../docs/lists/index.html">Elizabeth Bacon</a></li>
- <li><a href="../../docs/lists/index.html">Emery Parker</a></li>
- <li><a href="../../docs/lists/index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="../../docs/lists/index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="../../docs/lists/index.html">Graham Smith</a></li>
- <li><a href="../../docs/lists/index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="../../docs/lists/index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="../../docs/lists/index.html">Mike Farnsworth</a></li>
- <li><a href="../../docs/lists/index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="../../docs/lists/index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="../../docs/lists/index.html">Paul Baker</a></li>
- <li><a href="../../docs/lists/index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="../../docs/lists/index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="../../docs/lists/index.html">Sawyer Wakefield</a></li>
- <li data-role="list-divider">A</li>
- <li><a href="../../docs/lists/index.html">Adam Kinkaid</a></li>
- <li><a href="../../docs/lists/index.html">Alex Wickerham</a></li>
- <li><a href="../../docs/lists/index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="../../docs/lists/index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="../../docs/lists/index.html">Caleb Booth</a></li>
- <li><a href="../../docs/lists/index.html">Christopher Adams</a></li>
- <li><a href="../../docs/lists/index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="../../docs/lists/index.html">David Walsh</a></li>
- <li><a href="../../docs/lists/index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="../../docs/lists/index.html">Elizabeth Bacon</a></li>
- <li><a href="../../docs/lists/index.html">Emery Parker</a></li>
- <li><a href="../../docs/lists/index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="../../docs/lists/index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="../../docs/lists/index.html">Graham Smith</a></li>
- <li><a href="../../docs/lists/index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="../../docs/lists/index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="../../docs/lists/index.html">Mike Farnsworth</a></li>
- <li><a href="../../docs/lists/index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="../../docs/lists/index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="../../docs/lists/index.html">Paul Baker</a></li>
- <li><a href="../../docs/lists/index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="../../docs/lists/index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="../../docs/lists/index.html">Sawyer Wakefield</a></li>
- </ul>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
- .square {
- width: 98px;
- height: 98px;
- border: solid 1px #333;
- text-align: center;
- line-height: 100px;
- font-size: 60px;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #3CF;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #F39;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #0F6;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #FF6;
- }
-
- .threeByThree {
- border: solid 1px black;
- background-color: #999;
- overflow: hidden;
- width: 300px;
- height: 300px;
- }
- .threeByThree > .ui-scrollview-view {
- width: 1300px;
- background-color: white;
- }
- .threeByThree .square {
- float: left;
- }
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Scroll View Direction Locking</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <h4>Scrollview</h4>
- <p>To turn an element into a scrollview, simply add a data-scroll="true" to the element. By default, a scrollview can scroll in both the horizontal and vertical directions. If the user drags the view horizontally (left or right), or vertically (up or down), scrolling will be locked so that it only scrolls in that one dimension. If the user drags the view diagonally, he will be able to scroll in both directions at the same time.</p>
- <div data-scroll="true" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <p>When there are nested scrollviews, if the user drags in a single dimension and hits either end of the view, the drag will be propagated up to the next outer scrollview that can handle a drag in that dimension. So for example, if you drag the scrollview above so that it reaches the top of its view, the entire page will start to scroll upward if you continue dragging. This is because the drag was propagated from the scrollview with the letters in it, out to the scrollview containing the entire content for the page.</p>
- <h4>Horizontal Scrollview</h4>
- <p>A scrollview can be set up so that it only scrolls in the horizontal direction. Simply place a data-scroll="x" on the element you want to scroll:</p>
- <div data-scroll="x" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <h4>Vertical Scrollview</h4>
- <p>A scrollview can be set up so that it only scrolls in the vertical direction. Simply place a data-scroll="y" on the element you want to scroll:</p>
- <div data-scroll="y" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <h4>Scrollview Paging</h4>
- <p>A scrollview can be set up so that it scrolls by pages. This feature is only enabled for horizontal or vertical scrollviews. Use data-scroll="xp" or data-scroll="yp" to turn on paging. The following scrollview pages horizontally.</p>
- <div id="ex4" data-scroll="xp" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
-
- .ui-scrollview-clip {
- background-color: #999;
- }
-
- .ui-scrollview-view {
- background-color: white;
- }
-
- .square {
- width: 200px;
- height: 200px;
- text-align: center;
- line-height: 200px;
- font-size: 160px;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #3CF;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #F39;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #0F6;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #FF6;
- }
-
- .single-block-view-h, .single-block-view-v {
- width: 200px;
- height: 200px;
- }
- .double-block-view-h {
- border: solid 1px black;
- width: 400px;
- height: 200px;
- }
-
- .double-block-view-v {
- border: solid 1px black;
- width: 200px;
- height: 400px;
- }
-
- .single-block-view-h > .view, .double-block-view-h > .view {
- width: 1400px;
- height: 200px;
- }
-
- .single-block-view-h > .view > .square, .double-block-view-h > .view > .square {
- float: left;
- }
-
- .single-block-view-v > .view, .double-block-view-v > .view {
- width: 200px;
- height: 1400px;
- }
-
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Nested Scrollviews</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <h4>Example 1</h4>
- <p>In the following example the #4 is actually a vertical scrollview embedded within a horizontal scrollview.</p>
- <div data-scroll="x" class="double-block-view-h">
- <div class="view">
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div data-scroll="y" class="square single-block-view-v">
- <div class="view">
- <div class="square">4</div>
- <div class="square">A</div>
- <div class="square">B</div>
- <div data-scroll="x" class="single-block-view-h">
- <div class="view">
- <div class="square">C</div>
- <div class="square">@</div>
- <div class="square">#</div>
- <div class="square">$</div>
- <div class="square">%</div>
- <div class="square">&</div>
- <div class="square">*</div>
- </div>
- </div>
- <div class="square">D</div>
- <div class="square">E</div>
- <div class="square">F</div>
- </div>
- </div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- </div>
- </div>
- <h4>Example 2</h4>
- <p>In the following example the #4 is actually a nested horizontal scrollview embedded within a horizontal scrollview. The idea here is that if you drag-scroll the nested scrollview, once it reaches either end of its view, it should start scrolling the outer view.</p>
- <div data-scroll="x" class="double-block-view-h">
- <div class="view">
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div data-scroll="x" class="square single-block-view-h">
- <div class="view">
- <div class="square">4</div>
- <div class="square">A</div>
- <div class="square">B</div>
- <div class="square">C</div>
- <div class="square">D</div>
- <div class="square">E</div>
- <div class="square">F</div>
- </div>
- </div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- </div>
- </div>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-function ResizePageContentHeight(page) {
- var $page = $(page),
- $content = $page.children( ".ui-content" ),
- hh = $page.children( ".ui-header" ).outerHeight() || 0,
- fh = $page.children( ".ui-footer" ).outerHeight() || 0,
- pt = parseFloat($content.css( "padding-top" )),
- pb = parseFloat($content.css( "padding-bottom" )),
- wh = window.innerHeight;
-
- $content.height(wh - (hh + fh) - (pt + pb));
-}
-
-$( ":jqmData(role='page')" ).live( "pageshow", function(event) {
- var $page = $( this );
-
- // For the demos that use this script, we want the content area of each
- // page to be scrollable in the 'y' direction.
-
- $page.find( ".ui-content" ).attr( "data-" + $.mobile.ns + "scroll", "y" );
-
- // This code that looks for [data-scroll] will eventually be folded
- // into the jqm page processing code when scrollview support is "official"
- // instead of "experimental".
-
- $page.find( ":jqmData(scroll):not(.ui-scrollview-clip)" ).each(function () {
- var $this = $( this );
- // XXX: Remove this check for ui-scrolllistview once we've
- // integrated list divider support into the main scrollview class.
- if ( $this.hasClass( "ui-scrolllistview" ) ) {
- $this.scrolllistview();
- } else {
- var st = $this.jqmData( "scroll" ) + "",
- paging = st && st.search(/^[xy]p$/) != -1,
- dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null,
-
- opts = {
- direction: dir || undefined,
- paging: paging || undefined,
- scrollMethod: $this.jqmData("scroll-method") || undefined
- };
-
- $this.scrollview( opts );
- }
- });
-
- // For the demos, we want to make sure the page being shown has a content
- // area that is sized to fit completely within the viewport. This should
- // also handle the case where pages are loaded dynamically.
-
- ResizePageContentHeight( event.target );
-});
-
-$( window ).bind( "orientationchange", function( event ) {
- ResizePageContentHeight( $( ".ui-page" ) );
-});
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Scrollview Test 1 - Form Element Event Test</title>
-<link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
-<link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
-<script src="../../js/jquery.js"></script>
-<script src="../../js/"></script>
-<style>
-
-#evtCatcher {
- border: solid 1px black;
- background-color: #FF9;
- padding: 10px;
-}
-
-</style>
-<script>
-
-function getEvtHandler(cb_pd, cb_sp)
-{
- return function(e) {
- if (cb_pd.checked)
- e.preventDefault();
- if (cb_sp.checked)
- e.stopPropagation();
- };
-}
-
-$(function(){
- $("#evtCatcher")
- .bind("touchstart", getEvtHandler($("#cb_hd_pd")[0], $("#cb_hd_sp")[0]))
- .bind("touchmove", getEvtHandler($("#cb_hm_pd")[0], $("#cb_hm_sp")[0]))
- .bind("touchstop", getEvtHandler($("#cb_hu_pd")[0], $("#cb_hu_sp")[0]));
-});
-</script>
-</head>
-<body>
-<div data-role="page" data-theme="c">
- <div data-role="header">
- <h1>Form Element Event Test</h1>
- </div>
- <!-- /header -->
-
- <div data-role="content" data-theme="c">
- <p>The form elements on this page are wrapped by a special div that has event handlers for touchstart, touchmove and touchstop. The checkboxes below control how the event within these handlers is treated when they fire. Use this page to figure out how the various event treatments impact the form elements on you mobile device, then add to the notes at the bottom of the page.</p>
- <p>All scrolling on this page is performed by the native viewport, there are no scrollviews on this page.</p>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="cb_hd_pd" id="cb_hd_pd" />
- <label for="cb_hd_pd">touchstart - Prevent Default</label>
- <input type="checkbox" name="cb_hd_sp" id="cb_hd_sp" />
- <label for="cb_hd_sp">touchstart - Stop Propagation</label>
- <input type="checkbox" name="cb_hm_pd" id="cb_hm_pd" />
- <label for="cb_hm_pd">touchmove - Prevent Default</label>
- <input type="checkbox" name="cb_hm_sp" id="cb_hm_sp" />
- <label for="cb_hm_sp">touchmove - Stop Propagation</label>
- <input type="checkbox" name="cb_hu_pd" id="cb_hu_pd" />
- <label for="cb_hu_pd">touchstop - Prevent Default</label>
- <input type="checkbox" name="cb_hu_sp" id="cb_hu_sp" />
- <label for="cb_hu_sp">touchstop - Stop Propagation</label>
- </fieldset>
- </div>
- <div id="evtCatcher">
- <form action="#" method="get">
- <h2>Form elements</h2>
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a">
- <button type="submit" data-theme="d">Cancel</button>
- </div>
- <div class="ui-block-b">
- <button type="submit" data-theme="a">Submit</button>
- </div>
- </fieldset>
- </div>
- </form>
- </div>
- <h3>Notes</h3>
- <ul>
- <li>iOS
- <ul>
- <li>None</li>
- </ul>
- </li>
- <li>Android
- <ul>
- <li>HTC Incredible - Android 2.1 (HTC Sense)
- <ul>
- <li>Calling preventDefault() on the touchstart event prevents te following elements from working properly:
- <ul>
- <li>Textfield</li>
- <li>Textarea</li>
- <li>Checkbox</li>
- <li>Radio</li>
- <li>Button</li>
- </ul>
- </li>
- </ul>
- </li>
- <li>Motorola Droid X - Android 2.2 ()</li>
- </ul>
- </li>
- <li>Black Berry OS 6
- <ul>
- <li>None</li>
- </ul>
- </li>
- </ul>
- </div>
- <!-- /content -->
-</div>
-<!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Scrollview Test 02 - Scrollview Events Test</title>
- <link rel="stylesheet" href="../../css/themes/default/"/>
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
-#evtCatcher {
- border: solid 1px black;
- background-color: #FF9;
- padding: 10px;
- height: 300px;
-}
-#evtCatcher .ui-scrollview-view {
- padding: 10px;
-}
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <!-- script src="scrollview.js"></script -->
- <script>
-$("[ data-role=page]").live("pageshow", function(event) {
- var $page = $(this);
- $page.find("[data-scroll]:not(.ui-scrollview-clip)").each(function(){
- var $this = $(this);
- // XXX: Remove this check for ui-scrolllistview once we've
- // integrated list divider support into the main scrollview class.
- if ($this.hasClass("ui-scrolllistview"))
- $this.scrolllistview();
- else
- {
- var st = $this.data("scroll") + "";
- var paging = st && st.search(/^[xy]p$/) != -1;
- var dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null;
-
- var opts = {};
- if (dir)
- opts.direction = dir;
- if (paging)
- opts.pagingEnabled = true;
-
- $this.scrollview(opts);
- }
- });
-
- changeDelayFormElementClick();
-});
-
-function changeScrollMethod()
-{
- var val = $("#s_method").val();
- var $sv = $("#evtCatcher").scrollview("scrollTo", 0, 0);
- if (val === "scroll") {
- $sv.css("overflow", "scroll");
- }
- else {
- $sv.css("overflow", "hidden");
- }
- $sv.data("scrollview").options.scrollMethod = val;
-}
-
-function changeDelayFormElementClick()
-{
- $("#evtCatcher").data("scrollview").options.delayedClickEnabled = ($("#s_delay").val() === "yes");
-}
-
-var cb_hd_pd,
- cb_hd_sp,
- cb_hm_pd,
- cb_hm_sp,
- cb_hu_pd,
- cb_hu_sp;
-
-var hd = $.mobile.scrollview.prototype._handleDragStart;
-var hm = $.mobile.scrollview.prototype._handleDragMove;
-var hu = $.mobile.scrollview.prototype._handleDragStop;
-
-function getDummyEvent(o)
-{
- return { target: o.target, _pd: false, _sp: false, preventDefault: function(){ this._pd = true; }, stopPropagation: function(){ this._sp = true; }};
-}
-
-function updateEvent(e, cb_pd, cb_sp)
-{
- if (cb_pd.checked)
- e.preventDefault();
- if (cb_sp.checked)
- e.stopPropagation();
-}
-
-$.mobile.scrollview.prototype._handleDragStart = function(e,x,y)
-{
- hd.call(this, getDummyEvent(e), x, y);
- updateEvent(e, cb_hd_pd, cb_hd_sp);
-};
-
-$.mobile.scrollview.prototype._handleDragMove = function(e,x,y)
-{
- hm.call(this, getDummyEvent(e), x, y);
- updateEvent(e, cb_hm_pd, cb_hm_sp);
-};
-
-$.mobile.scrollview.prototype._handleDragStop = function(e)
-{
- hu.call(this, getDummyEvent(e));
- updateEvent(e, cb_hu_pd, cb_hu_sp);
-};
-
-$(function(){
- cb_hd_pd = $("#cb_hd_pd")[0];
- cb_hd_sp = $("#cb_hd_sp")[0];
- cb_hm_pd = $("#cb_hm_pd")[0];
- cb_hm_sp = $("#cb_hm_sp")[0];
- cb_hu_pd = $("#cb_hu_pd")[0];
- cb_hu_sp = $("#cb_hu_sp")[0];
-});
- </script>
- </head>
- <body>
-<div data-role="page">
- <div data-role="header">
- <h1>Scroll View Events Test</h1>
- </div>
- <!-- /header -->
-
- <div data-role="content">
- <h3>Test</h3>
- <p>This page wraps the _handleDragStart, _handleDragMove, and _handleDragStop events of the scrollview widget so that the checkboxes below can determine how the native event is treated. You can use this page to figure out what events need to be caught and what special treatment is necessary to prevent native scrolling. You can also test the effect of that treatment on form elements within the sample scrollview.</p>
- <div data-role="fieldcontain">
- <label for="s_method" class="select">Scrolling Method:</label>
- <select name="s_method" id="s_method" onchange="changeScrollMethod();">
- <option value="translate" selected="selected">CSS3 Transform/Translate</option>
- <option value="position">CSS Top/Left Positioning</option>
- <option value="scroll">scrollTop/scrollLeft</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="s_delay" class="select">Delay Form Element Click:</label>
- <select name="s_delay" id="s_delay" onchange="changeDelayFormElementClick();">
- <option value="yes">Yes</option>
- <option value="no" selected="selected">No</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="cb_hd_pd" id="cb_hd_pd" checked="checked" />
- <label for="cb_hd_pd">touchstart - Prevent Default</label>
- <input type="checkbox" name="cb_hd_sp" id="cb_hd_sp" checked="checked" />
- <label for="cb_hd_sp">touchstart - Stop Propagation</label>
- <input type="checkbox" name="cb_hm_pd" id="cb_hm_pd" checked="checked" />
- <label for="cb_hm_pd">touchmove - Prevent Default</label>
- <input type="checkbox" name="cb_hm_sp" id="cb_hm_sp" />
- <label for="cb_hm_sp">touchmove - Stop Propagation</label>
- <input type="checkbox" name="cb_hu_pd" id="cb_hu_pd" />
- <label for="cb_hu_pd">touchstop - Prevent Default</label>
- <input type="checkbox" name="cb_hu_sp" id="cb_hu_sp" />
- <label for="cb_hu_sp">touchstop - Stop Propagation</label>
- </fieldset>
- </div>
- <div id="evtCatcher" data-scroll="y">
-<div data-role="fieldcontain">
- <label for="tf1">Textfield</label>
- <input type="text" name="tf1" id="tf1" />
-</div>
-<div data-role="fieldcontain">
- <label for="ta1">Textarea</label>
- <textarea name="ta1" id="ta1" rows="5" cols="10"></textarea>
-</div>
-<div data-role="fieldcontain">
- <label for="ta1">Select</label>
- <select name="s1" id="s1">
- <option value="1" selected="selected">Option 1</option>
- <option value="2">Option 2</option>
- <option value="3">Option 3</option>
- <option value="4">Option 4</option>
- <option value="5">Option 5</option>
- </select>
-</div>
-<div data-role="fieldcontain">
- <label for="ta1">Button</label>
- <input type="button" name="b1" id="b1" value="Button" />
-</div>
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="cb1" id="cb1" />
- <label for="cb1">Checkbox 1</label>
- <input type="checkbox" name="cb2" id="cb2" />
- <label for="cb2">Checkbox 2</label>
- </fieldset>
-</div>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div>
- <h3>Disabling Native Scrolling</h3>
- <p>In order to get faux scrolling to work, we need to prevent the native viewport scrolling from happening. Unfortunately the way you prevent this from happening differs on some mobile webkit platforms. Below is a table that shows what event needs to be caught, and what methods (preventDefault() and/or stopPropagation()) need to be called on that event to prevent native scrolling.<table border="1">
- <tr><th>Device/OS</th><th>D-PD</th><th>D-SP</th><th>M-PD</th><th>M-SP</th><th>U-PD</th><th>U-SP</th></tr>
- <tr><th>iOS 3.2</th><th></th><th></th>
- <th>X</th><th></th><th></th><th></th></tr>
- <tr><th>DroidX/Android 2.2</th>
- <th>X</th><th></th><th></th><th></th><th></th><th></th></tr>
- <tr><th>HTC Incredible/Android 2.1</th>
- <th>X</th>
- <th>X</th><th></th><th></th><th></th><th></th></tr>
- <tr><th>BB Torch/OS 6</th><th></th><th></th>
- <th>X</th>
- <th></th><th></th><th></th></tr>
- </table>
-<h4>Notes</h4>
-<ul>
-<li>The HTC Incredible seems to have a bug that triggers occassionally, where timers will be suspended until the viewport is scrolled.</li>
-<li>On Android devices, calling preventDefault() on the touchstart event, prevents form elements from getting click events and focus.</li>
-<li>On iOS, clicking and dragging within a form element (like textfield/textarea) will always cause the viewport to scroll, event if preventDefault() and stopPropagation() are called on both touchstart and touchmove events.</li>
-</ul>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div>
- <!-- /content -->
- </div>
-<!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-/**
- * QUnit - A JavaScript Unit Testing Framework
- *
- * http://docs.jquery.com/QUnit
- *
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * or GPL (GPL-LICENSE.txt) licenses.
- */
-
-/** Font Family and Sizes */
-
-#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
- font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
-}
-
-#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
-#qunit-tests { font-size: smaller; }
-
-
-/** Resets */
-
-#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
- margin: 0;
- padding: 0;
-}
-
-
-/** Header */
-
-#qunit-header {
- padding: 0.5em 0 0.5em 1em;
-
- color: #8699a4;
- background-color: #0d3349;
-
- font-size: 1.5em;
- line-height: 1em;
- font-weight: normal;
-
- border-radius: 15px 15px 0 0;
- -moz-border-radius: 15px 15px 0 0;
- -webkit-border-top-right-radius: 15px;
- -webkit-border-top-left-radius: 15px;
-}
-
-#qunit-header a {
- text-decoration: none;
- color: #c2ccd1;
-}
-
-#qunit-header a:hover,
-#qunit-header a:focus {
- color: #fff;
-}
-
-#qunit-banner {
- height: 5px;
-}
-
-#qunit-testrunner-toolbar {
- padding: 0.5em 0 0.5em 2em;
- color: #5E740B;
- background-color: #eee;
-}
-
-#qunit-userAgent {
- padding: 0.5em 0 0.5em 2.5em;
- background-color: #2b81af;
- color: #fff;
- text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
-}
-
-
-/** Tests: Pass/Fail */
-
-#qunit-tests {
- list-style-position: inside;
-}
-
-#qunit-tests li {
- padding: 0.4em 0.5em 0.4em 2.5em;
- border-bottom: 1px solid #fff;
- list-style-position: inside;
-}
-
-#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
- display: none;
-}
-
-#qunit-tests li strong {
- cursor: pointer;
-}
-
-#qunit-tests li a {
- padding: 0.5em;
- color: #c2ccd1;
- text-decoration: none;
-}
-#qunit-tests li a:hover,
-#qunit-tests li a:focus {
- color: #000;
-}
-
-#qunit-tests ol {
- margin-top: 0.5em;
- padding: 0.5em;
-
- background-color: #fff;
-
- border-radius: 15px;
- -moz-border-radius: 15px;
- -webkit-border-radius: 15px;
-
- box-shadow: inset 0px 2px 13px #999;
- -moz-box-shadow: inset 0px 2px 13px #999;
- -webkit-box-shadow: inset 0px 2px 13px #999;
-}
-
-#qunit-tests table {
- border-collapse: collapse;
- margin-top: .2em;
-}
-
-#qunit-tests th {
- text-align: right;
- vertical-align: top;
- padding: 0 .5em 0 0;
-}
-
-#qunit-tests td {
- vertical-align: top;
-}
-
-#qunit-tests pre {
- margin: 0;
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-
-#qunit-tests del {
- background-color: #e0f2be;
- color: #374e0c;
- text-decoration: none;
-}
-
-#qunit-tests ins {
- background-color: #ffcaca;
- color: #500;
- text-decoration: none;
-}
-
-/*** Test Counts */
-
-#qunit-tests b.counts { color: black; }
-#qunit-tests b.passed { color: #5E740B; }
-#qunit-tests b.failed { color: #710909; }
-
-#qunit-tests li li {
- margin: 0.5em;
- padding: 0.4em 0.5em 0.4em 0.5em;
- background-color: #fff;
- border-bottom: none;
- list-style-position: inside;
-}
-
-/*** Passing Styles */
-
-#qunit-tests li li.pass {
- color: #5E740B;
- background-color: #fff;
- border-left: 26px solid #C6E746;
-}
-
-#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
-#qunit-tests .pass .test-name { color: #366097; }
-
-#qunit-tests .pass .test-actual,
-#qunit-tests .pass .test-expected { color: #999999; }
-
-#qunit-banner.qunit-pass { background-color: #C6E746; }
-
-/*** Failing Styles */
-
-#qunit-tests li li.fail {
- color: #710909;
- background-color: #fff;
- border-left: 26px solid #EE5757;
- white-space: pre;
-}
-
-#qunit-tests > li:last-child {
- border-radius: 0 0 15px 15px;
- -moz-border-radius: 0 0 15px 15px;
- -webkit-border-bottom-right-radius: 15px;
- -webkit-border-bottom-left-radius: 15px;
-}
-
-#qunit-tests .fail { color: #000000; background-color: #EE5757; }
-#qunit-tests .fail .test-name,
-#qunit-tests .fail .module-name { color: #000000; }
-
-#qunit-tests .fail .test-actual { color: #EE5757; }
-#qunit-tests .fail .test-expected { color: green; }
-
-#qunit-banner.qunit-fail { background-color: #EE5757; }
-
-
-/** Result */
-
-#qunit-testresult {
- padding: 0.5em 0.5em 0.5em 2.5em;
-
- color: #2b81af;
- background-color: #D2E0E6;
-
- border-bottom: 1px solid white;
-}
-
-/** Fixture */
-
-#qunit-fixture {
- position: absolute;
- top: -10000px;
- left: -10000px;
-}
-
-[data-nstest-role='page'], [data-nstest-role='dialog'] {
- position: absolute !important;
- top: -10000px !important;
-}
+++ /dev/null
-/**
- * QUnit - A JavaScript Unit Testing Framework
- *
- * http://docs.jquery.com/QUnit
- *
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * or GPL (GPL-LICENSE.txt) licenses.
- */
-
-(function(window) {
-
-var defined = {
- setTimeout: typeof window.setTimeout !== "undefined",
- sessionStorage: (function() {
- try {
- return !!sessionStorage.getItem;
- } catch(e) {
- return false;
- }
- })()
-};
-
-var testId = 0;
-
-var Test = function(name, testName, expected, testEnvironmentArg, async, callback) {
- this.name = name;
- this.testName = testName;
- this.expected = expected;
- this.testEnvironmentArg = testEnvironmentArg;
- this.async = async;
- this.callback = callback;
- this.assertions = [];
-};
-Test.prototype = {
- init: function() {
- var tests = id("qunit-tests");
- if (tests) {
- var b = document.createElement("strong");
- b.innerHTML = "Running " + this.name;
- var li = document.createElement("li");
- li.appendChild( b );
- li.className = "running";
- li.id = this.id = "test-output" + testId++;
- tests.appendChild( li );
- }
- },
- setup: function() {
- if (this.module != config.previousModule) {
- if ( config.previousModule ) {
- runLoggingCallbacks('moduleDone', QUnit, {
- name: config.previousModule,
- failed: config.moduleStats.bad,
- passed: config.moduleStats.all - config.moduleStats.bad,
- total: config.moduleStats.all
- } );
- }
- config.previousModule = this.module;
- config.moduleStats = { all: 0, bad: 0 };
- runLoggingCallbacks( 'moduleStart', QUnit, {
- name: this.module
- } );
- }
-
- config.current = this;
- this.testEnvironment = extend({
- setup: function() {},
- teardown: function() {}
- }, this.moduleTestEnvironment);
- if (this.testEnvironmentArg) {
- extend(this.testEnvironment, this.testEnvironmentArg);
- }
-
- runLoggingCallbacks( 'testStart', QUnit, {
- name: this.testName,
- module: this.module
- });
-
- // allow utility functions to access the current test environment
- // TODO why??
- QUnit.current_testEnvironment = this.testEnvironment;
-
- try {
- if ( !config.pollution ) {
- saveGlobal();
- }
-
- this.testEnvironment.setup.call(this.testEnvironment);
- } catch(e) {
- QUnit.ok( false, "Setup failed on " + this.testName + ": " + e.message );
- }
- },
- run: function() {
- if ( this.async ) {
- QUnit.stop();
- }
-
- if ( config.notrycatch ) {
- this.callback.call(this.testEnvironment);
- return;
- }
- try {
- this.callback.call(this.testEnvironment);
- } catch(e) {
- fail("Test " + this.testName + " died, exception and test follows", e, this.callback);
- QUnit.ok( false, "Died on test #" + (this.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) );
- // else next test will carry the responsibility
- saveGlobal();
-
- // Restart the tests if they're blocking
- if ( config.blocking ) {
- start();
- }
- }
- },
- teardown: function() {
- try {
- this.testEnvironment.teardown.call(this.testEnvironment);
- checkPollution();
- } catch(e) {
- QUnit.ok( false, "Teardown failed on " + this.testName + ": " + e.message );
- }
- },
- finish: function() {
- if ( this.expected && this.expected != this.assertions.length ) {
- QUnit.ok( false, "Expected " + this.expected + " assertions, but " + this.assertions.length + " were run" );
- }
-
- var good = 0, bad = 0,
- tests = id("qunit-tests");
-
- config.stats.all += this.assertions.length;
- config.moduleStats.all += this.assertions.length;
-
- if ( tests ) {
- var ol = document.createElement("ol");
-
- for ( var i = 0; i < this.assertions.length; i++ ) {
- var assertion = this.assertions[i];
-
- var li = document.createElement("li");
- li.className = assertion.result ? "pass" : "fail";
- li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
- ol.appendChild( li );
-
- if ( assertion.result ) {
- good++;
- } else {
- bad++;
- config.stats.bad++;
- config.moduleStats.bad++;
- }
- }
-
- // store result when possible
- if ( QUnit.config.reorder && defined.sessionStorage ) {
- if (bad) {
- sessionStorage.setItem("qunit-" + this.module + "-" + this.testName, bad);
- } else {
- sessionStorage.removeItem("qunit-" + this.module + "-" + this.testName);
- }
- }
-
- if (bad == 0) {
- ol.style.display = "none";
- }
-
- var b = document.createElement("strong");
- b.innerHTML = this.name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + this.assertions.length + ")</b>";
-
- var a = document.createElement("a");
- a.innerHTML = "Rerun";
- a.href = QUnit.url({ filter: getText([b]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") });
-
- addEvent(b, "click", function() {
- var next = b.nextSibling.nextSibling,
- display = next.style.display;
- next.style.display = display === "none" ? "block" : "none";
- });
-
- addEvent(b, "dblclick", function(e) {
- var target = e && e.target ? e.target : window.event.srcElement;
- if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
- target = target.parentNode;
- }
- if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
- window.location = QUnit.url({ filter: getText([target]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") });
- }
- });
-
- var li = id(this.id);
- li.className = bad ? "fail" : "pass";
- li.removeChild( li.firstChild );
- li.appendChild( b );
- li.appendChild( a );
- li.appendChild( ol );
-
- } else {
- for ( var i = 0; i < this.assertions.length; i++ ) {
- if ( !this.assertions[i].result ) {
- bad++;
- config.stats.bad++;
- config.moduleStats.bad++;
- }
- }
- }
-
- try {
- QUnit.reset();
- } catch(e) {
- fail("reset() failed, following Test " + this.testName + ", exception and reset fn follows", e, QUnit.reset);
- }
-
- runLoggingCallbacks( 'testDone', QUnit, {
- name: this.testName,
- module: this.module,
- failed: bad,
- passed: this.assertions.length - bad,
- total: this.assertions.length
- } );
- },
-
- queue: function() {
- var test = this;
- synchronize(function() {
- test.init();
- });
- function run() {
- // each of these can by async
- synchronize(function() {
- test.setup();
- });
- synchronize(function() {
- test.run();
- });
- synchronize(function() {
- test.teardown();
- });
- synchronize(function() {
- test.finish();
- });
- }
- // defer when previous test run passed, if storage is available
- var bad = QUnit.config.reorder && defined.sessionStorage && +sessionStorage.getItem("qunit-" + this.module + "-" + this.testName);
- if (bad) {
- run();
- } else {
- synchronize(run);
- };
- }
-
-};
-
-var QUnit = {
-
- // call on start of module test to prepend name to all tests
- module: function(name, testEnvironment) {
- config.currentModule = name;
- config.currentModuleTestEnviroment = testEnvironment;
- },
-
- asyncTest: function(testName, expected, callback) {
- if ( arguments.length === 2 ) {
- callback = expected;
- expected = 0;
- }
-
- QUnit.test(testName, expected, callback, true);
- },
-
- test: function(testName, expected, callback, async) {
- var name = '<span class="test-name">' + testName + '</span>', testEnvironmentArg;
-
- if ( arguments.length === 2 ) {
- callback = expected;
- expected = null;
- }
- // is 2nd argument a testEnvironment?
- if ( expected && typeof expected === 'object') {
- testEnvironmentArg = expected;
- expected = null;
- }
-
- if ( config.currentModule ) {
- name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
- }
-
- if ( !validTest(config.currentModule + ": " + testName) ) {
- return;
- }
-
- var test = new Test(name, testName, expected, testEnvironmentArg, async, callback);
- test.module = config.currentModule;
- test.moduleTestEnvironment = config.currentModuleTestEnviroment;
- test.queue();
- },
-
- /**
- * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
- */
- expect: function(asserts) {
- config.current.expected = asserts;
- },
-
- /**
- * Asserts true.
- * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
- */
- ok: function(a, msg) {
- a = !!a;
- var details = {
- result: a,
- message: msg
- };
- msg = escapeInnerText(msg);
- runLoggingCallbacks( 'log', QUnit, details );
- config.current.assertions.push({
- result: a,
- message: msg
- });
- },
-
- /**
- * Checks that the first two arguments are equal, with an optional message.
- * Prints out both actual and expected values.
- *
- * Prefered to ok( actual == expected, message )
- *
- * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
- *
- * @param Object actual
- * @param Object expected
- * @param String message (optional)
- */
- equal: function(actual, expected, message) {
- QUnit.push(expected == actual, actual, expected, message);
- },
-
- notEqual: function(actual, expected, message) {
- QUnit.push(expected != actual, actual, expected, message);
- },
-
- deepEqual: function(actual, expected, message) {
- QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
- },
-
- notDeepEqual: function(actual, expected, message) {
- QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
- },
-
- strictEqual: function(actual, expected, message) {
- QUnit.push(expected === actual, actual, expected, message);
- },
-
- notStrictEqual: function(actual, expected, message) {
- QUnit.push(expected !== actual, actual, expected, message);
- },
-
- raises: function(block, expected, message) {
- var actual, ok = false;
-
- if (typeof expected === 'string') {
- message = expected;
- expected = null;
- }
-
- try {
- block();
- } catch (e) {
- actual = e;
- }
-
- if (actual) {
- // we don't want to validate thrown error
- if (!expected) {
- ok = true;
- // expected is a regexp
- } else if (QUnit.objectType(expected) === "regexp") {
- ok = expected.test(actual);
- // expected is a constructor
- } else if (actual instanceof expected) {
- ok = true;
- // expected is a validation function which returns true is validation passed
- } else if (expected.call({}, actual) === true) {
- ok = true;
- }
- }
-
- QUnit.ok(ok, message);
- },
-
- start: function(count) {
- config.semaphore -= count || 1;
- if (config.semaphore > 0) {
- // don't start until equal number of stop-calls
- return;
- }
- if (config.semaphore < 0) {
- // ignore if start is called more often then stop
- config.semaphore = 0;
- }
- // A slight delay, to avoid any current callbacks
- if ( defined.setTimeout ) {
- window.setTimeout(function() {
- if (config.semaphore > 0) {
- return;
- }
- if ( config.timeout ) {
- clearTimeout(config.timeout);
- }
-
- config.blocking = false;
- process();
- }, 13);
- } else {
- config.blocking = false;
- process();
- }
- },
-
- stop: function(count) {
- config.semaphore += count || 1;
- config.blocking = true;
-
- if ( config.testTimeout && defined.setTimeout ) {
- clearTimeout(config.timeout);
- config.timeout = window.setTimeout(function() {
- QUnit.ok( false, "Test timed out" );
- config.semaphore = 1;
- QUnit.start();
- }, config.testTimeout);
- }
- }
-};
-
-//We want access to the constructor's prototype
-(function() {
- function F(){};
- F.prototype = QUnit;
- QUnit = new F();
- //Make F QUnit's constructor so that we can add to the prototype later
- QUnit.constructor = F;
-})();
-
-// Backwards compatibility, deprecated
-QUnit.equals = QUnit.equal;
-QUnit.same = QUnit.deepEqual;
-
-// Maintain internal state
-var config = {
- // The queue of tests to run
- queue: [],
-
- // block until document ready
- blocking: true,
-
- // when enabled, show only failing tests
- // gets persisted through sessionStorage and can be changed in UI via checkbox
- hidepassed: false,
-
- // by default, run previously failed tests first
- // very useful in combination with "Hide passed tests" checked
- reorder: true,
-
- // by default, modify document.title when suite is done
- altertitle: true,
-
- urlConfig: ['noglobals', 'notrycatch'],
-
- //logging callback queues
- begin: [],
- done: [],
- log: [],
- testStart: [],
- testDone: [],
- moduleStart: [],
- moduleDone: []
-};
-
-// Load paramaters
-(function() {
- var location = window.location || { search: "", protocol: "file:" },
- params = location.search.slice( 1 ).split( "&" ),
- length = params.length,
- urlParams = {},
- current;
-
- if ( params[ 0 ] ) {
- for ( var i = 0; i < length; i++ ) {
- current = params[ i ].split( "=" );
- current[ 0 ] = decodeURIComponent( current[ 0 ] );
- // allow just a key to turn on a flag, e.g., test.html?noglobals
- current[ 1 ] = current[ 1 ] ? decodeURIComponent( current[ 1 ] ) : true;
- urlParams[ current[ 0 ] ] = current[ 1 ];
- }
- }
-
- QUnit.urlParams = urlParams;
- config.filter = urlParams.filter;
-
- // Figure out if we're running the tests from a server or not
- QUnit.isLocal = !!(location.protocol === 'file:');
-})();
-
-// Expose the API as global variables, unless an 'exports'
-// object exists, in that case we assume we're in CommonJS
-if ( typeof exports === "undefined" || typeof require === "undefined" ) {
- extend(window, QUnit);
- window.QUnit = QUnit;
-} else {
- extend(exports, QUnit);
- exports.QUnit = QUnit;
-}
-
-// define these after exposing globals to keep them in these QUnit namespace only
-extend(QUnit, {
- config: config,
-
- // Initialize the configuration options
- init: function() {
- extend(config, {
- stats: { all: 0, bad: 0 },
- moduleStats: { all: 0, bad: 0 },
- started: +new Date,
- updateRate: 1000,
- blocking: false,
- autostart: true,
- autorun: false,
- filter: "",
- queue: [],
- semaphore: 0
- });
-
- var tests = id( "qunit-tests" ),
- banner = id( "qunit-banner" ),
- result = id( "qunit-testresult" );
-
- if ( tests ) {
- tests.innerHTML = "";
- }
-
- if ( banner ) {
- banner.className = "";
- }
-
- if ( result ) {
- result.parentNode.removeChild( result );
- }
-
- if ( tests ) {
- result = document.createElement( "p" );
- result.id = "qunit-testresult";
- result.className = "result";
- tests.parentNode.insertBefore( result, tests );
- result.innerHTML = 'Running...<br/> ';
- }
- },
-
- /**
- * Resets the test setup. Useful for tests that modify the DOM.
- *
- * If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
- */
- reset: function() {
- if ( window.jQuery ) {
- jQuery( "#qunit-fixture" ).html( config.fixture );
- } else {
- var main = id( 'qunit-fixture' );
- if ( main ) {
- main.innerHTML = config.fixture;
- }
- }
- },
-
- /**
- * Trigger an event on an element.
- *
- * @example triggerEvent( document.body, "click" );
- *
- * @param DOMElement elem
- * @param String type
- */
- triggerEvent: function( elem, type, event ) {
- if ( document.createEvent ) {
- event = document.createEvent("MouseEvents");
- event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
- 0, 0, 0, 0, 0, false, false, false, false, 0, null);
- elem.dispatchEvent( event );
-
- } else if ( elem.fireEvent ) {
- elem.fireEvent("on"+type);
- }
- },
-
- // Safe object type checking
- is: function( type, obj ) {
- return QUnit.objectType( obj ) == type;
- },
-
- objectType: function( obj ) {
- if (typeof obj === "undefined") {
- return "undefined";
-
- // consider: typeof null === object
- }
- if (obj === null) {
- return "null";
- }
-
- var type = Object.prototype.toString.call( obj )
- .match(/^\[object\s(.*)\]$/)[1] || '';
-
- switch (type) {
- case 'Number':
- if (isNaN(obj)) {
- return "nan";
- } else {
- return "number";
- }
- case 'String':
- case 'Boolean':
- case 'Array':
- case 'Date':
- case 'RegExp':
- case 'Function':
- return type.toLowerCase();
- }
- if (typeof obj === "object") {
- return "object";
- }
- return undefined;
- },
-
- push: function(result, actual, expected, message) {
- var details = {
- result: result,
- message: message,
- actual: actual,
- expected: expected
- };
-
- message = escapeInnerText(message) || (result ? "okay" : "failed");
- message = '<span class="test-message">' + message + "</span>";
- expected = escapeInnerText(QUnit.jsDump.parse(expected));
- actual = escapeInnerText(QUnit.jsDump.parse(actual));
- var output = message + '<table><tr class="test-expected"><th>Expected: </th><td><pre>' + expected + '</pre></td></tr>';
- if (actual != expected) {
- output += '<tr class="test-actual"><th>Result: </th><td><pre>' + actual + '</pre></td></tr>';
- output += '<tr class="test-diff"><th>Diff: </th><td><pre>' + QUnit.diff(expected, actual) +'</pre></td></tr>';
- }
- if (!result) {
- var source = sourceFromStacktrace();
- if (source) {
- details.source = source;
- output += '<tr class="test-source"><th>Source: </th><td><pre>' + escapeInnerText(source) + '</pre></td></tr>';
- }
- }
- output += "</table>";
-
- runLoggingCallbacks( 'log', QUnit, details );
-
- config.current.assertions.push({
- result: !!result,
- message: output
- });
- },
-
- url: function( params ) {
- params = extend( extend( {}, QUnit.urlParams ), params );
- var querystring = "?",
- key;
- for ( key in params ) {
- querystring += encodeURIComponent( key ) + "=" +
- encodeURIComponent( params[ key ] ) + "&";
- }
- return window.location.pathname + querystring.slice( 0, -1 );
- },
-
- extend: extend,
- id: id,
- addEvent: addEvent
-});
-
-//QUnit.constructor is set to the empty F() above so that we can add to it's prototype later
-//Doing this allows us to tell if the following methods have been overwritten on the actual
-//QUnit object, which is a deprecated way of using the callbacks.
-extend(QUnit.constructor.prototype, {
- // Logging callbacks; all receive a single argument with the listed properties
- // run test/logs.html for any related changes
- begin: registerLoggingCallback('begin'),
- // done: { failed, passed, total, runtime }
- done: registerLoggingCallback('done'),
- // log: { result, actual, expected, message }
- log: registerLoggingCallback('log'),
- // testStart: { name }
- testStart: registerLoggingCallback('testStart'),
- // testDone: { name, failed, passed, total }
- testDone: registerLoggingCallback('testDone'),
- // moduleStart: { name }
- moduleStart: registerLoggingCallback('moduleStart'),
- // moduleDone: { name, failed, passed, total }
- moduleDone: registerLoggingCallback('moduleDone')
-});
-
-if ( typeof document === "undefined" || document.readyState === "complete" ) {
- config.autorun = true;
-}
-
-QUnit.load = function() {
- runLoggingCallbacks( 'begin', QUnit, {} );
-
- // Initialize the config, saving the execution queue
- var oldconfig = extend({}, config);
- QUnit.init();
- extend(config, oldconfig);
-
- config.blocking = false;
-
- var urlConfigHtml = '', len = config.urlConfig.length;
- for ( var i = 0, val; i < len, val = config.urlConfig[i]; i++ ) {
- config[val] = QUnit.urlParams[val];
- urlConfigHtml += '<label><input name="' + val + '" type="checkbox"' + ( config[val] ? ' checked="checked"' : '' ) + '>' + val + '</label>';
- }
-
- var userAgent = id("qunit-userAgent");
- if ( userAgent ) {
- userAgent.innerHTML = navigator.userAgent;
- }
- var banner = id("qunit-header");
- if ( banner ) {
- banner.innerHTML = '<a href="' + QUnit.url({ filter: undefined }) + '"> ' + banner.innerHTML + '</a> ' + urlConfigHtml;
- addEvent( banner, "change", function( event ) {
- var params = {};
- params[ event.target.name ] = event.target.checked ? true : undefined;
- window.location = QUnit.url( params );
- });
- }
-
- var toolbar = id("qunit-testrunner-toolbar");
- if ( toolbar ) {
- var filter = document.createElement("input");
- filter.type = "checkbox";
- filter.id = "qunit-filter-pass";
- addEvent( filter, "click", function() {
- var ol = document.getElementById("qunit-tests");
- if ( filter.checked ) {
- ol.className = ol.className + " hidepass";
- } else {
- var tmp = " " + ol.className.replace( /[\n\t\r]/g, " " ) + " ";
- ol.className = tmp.replace(/ hidepass /, " ");
- }
- if ( defined.sessionStorage ) {
- if (filter.checked) {
- sessionStorage.setItem("qunit-filter-passed-tests", "true");
- } else {
- sessionStorage.removeItem("qunit-filter-passed-tests");
- }
- }
- });
- if ( config.hidepassed || defined.sessionStorage && sessionStorage.getItem("qunit-filter-passed-tests") ) {
- filter.checked = true;
- var ol = document.getElementById("qunit-tests");
- ol.className = ol.className + " hidepass";
- }
- toolbar.appendChild( filter );
-
- var label = document.createElement("label");
- label.setAttribute("for", "qunit-filter-pass");
- label.innerHTML = "Hide passed tests";
- toolbar.appendChild( label );
- }
-
- var main = id('qunit-fixture');
- if ( main ) {
- config.fixture = main.innerHTML;
- }
-
- if (config.autostart) {
- QUnit.start();
- }
-};
-
-addEvent(window, "load", QUnit.load);
-
-function done() {
- config.autorun = true;
-
- // Log the last module results
- if ( config.currentModule ) {
- runLoggingCallbacks( 'moduleDone', QUnit, {
- name: config.currentModule,
- failed: config.moduleStats.bad,
- passed: config.moduleStats.all - config.moduleStats.bad,
- total: config.moduleStats.all
- } );
- }
-
- var banner = id("qunit-banner"),
- tests = id("qunit-tests"),
- runtime = +new Date - config.started,
- passed = config.stats.all - config.stats.bad,
- html = [
- 'Tests completed in ',
- runtime,
- ' milliseconds.<br/>',
- '<span class="passed">',
- passed,
- '</span> tests of <span class="total">',
- config.stats.all,
- '</span> passed, <span class="failed">',
- config.stats.bad,
- '</span> failed.'
- ].join('');
-
- if ( banner ) {
- banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
- }
-
- if ( tests ) {
- id( "qunit-testresult" ).innerHTML = html;
- }
-
- if ( config.altertitle && typeof document !== "undefined" && document.title ) {
- // show ✖ for good, ✔ for bad suite result in title
- // use escape sequences in case file gets loaded with non-utf-8-charset
- document.title = [
- (config.stats.bad ? "\u2716" : "\u2714"),
- document.title.replace(/^[\u2714\u2716] /i, "")
- ].join(" ");
- }
-
- runLoggingCallbacks( 'done', QUnit, {
- failed: config.stats.bad,
- passed: passed,
- total: config.stats.all,
- runtime: runtime
- } );
-}
-
-function validTest( name ) {
- var filter = config.filter,
- run = false;
-
- if ( !filter ) {
- return true;
- }
-
- var not = filter.charAt( 0 ) === "!";
- if ( not ) {
- filter = filter.slice( 1 );
- }
-
- if ( name.indexOf( filter ) !== -1 ) {
- return !not;
- }
-
- if ( not ) {
- run = true;
- }
-
- return run;
-}
-
-// so far supports only Firefox, Chrome and Opera (buggy)
-// could be extended in the future to use something like https://github.com/csnover/TraceKit
-function sourceFromStacktrace() {
- try {
- throw new Error();
- } catch ( e ) {
- if (e.stacktrace) {
- // Opera
- return e.stacktrace.split("\n")[6];
- } else if (e.stack) {
- // Firefox, Chrome
- return e.stack.split("\n")[4];
- } else if (e.sourceURL) {
- // Safari, PhantomJS
- // TODO sourceURL points at the 'throw new Error' line above, useless
- //return e.sourceURL + ":" + e.line;
- }
- }
-}
-
-function escapeInnerText(s) {
- if (!s) {
- return "";
- }
- s = s + "";
- return s.replace(/[\&<>]/g, function(s) {
- switch(s) {
- case "&": return "&";
- case "<": return "<";
- case ">": return ">";
- default: return s;
- }
- });
-}
-
-function synchronize( callback ) {
- config.queue.push( callback );
-
- if ( config.autorun && !config.blocking ) {
- process();
- }
-}
-
-function process() {
- var start = (new Date()).getTime();
-
- while ( config.queue.length && !config.blocking ) {
- if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) {
- config.queue.shift()();
- } else {
- window.setTimeout( process, 13 );
- break;
- }
- }
- if (!config.blocking && !config.queue.length) {
- done();
- }
-}
-
-function saveGlobal() {
- config.pollution = [];
-
- if ( config.noglobals ) {
- for ( var key in window ) {
- config.pollution.push( key );
- }
- }
-}
-
-function checkPollution( name ) {
- var old = config.pollution;
- saveGlobal();
-
- var newGlobals = diff( config.pollution, old );
- if ( newGlobals.length > 0 ) {
- ok( false, "Introduced global variable(s): " + newGlobals.join(", ") );
- }
-
- var deletedGlobals = diff( old, config.pollution );
- if ( deletedGlobals.length > 0 ) {
- ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") );
- }
-}
-
-// returns a new Array with the elements that are in a but not in b
-function diff( a, b ) {
- var result = a.slice();
- for ( var i = 0; i < result.length; i++ ) {
- for ( var j = 0; j < b.length; j++ ) {
- if ( result[i] === b[j] ) {
- result.splice(i, 1);
- i--;
- break;
- }
- }
- }
- return result;
-}
-
-function fail(message, exception, callback) {
- if ( typeof console !== "undefined" && console.error && console.warn ) {
- console.error(message);
- console.error(exception);
- console.warn(callback.toString());
-
- } else if ( window.opera && opera.postError ) {
- opera.postError(message, exception, callback.toString);
- }
-}
-
-function extend(a, b) {
- for ( var prop in b ) {
- if ( b[prop] === undefined ) {
- delete a[prop];
- } else {
- a[prop] = b[prop];
- }
- }
-
- return a;
-}
-
-function addEvent(elem, type, fn) {
- if ( elem.addEventListener ) {
- elem.addEventListener( type, fn, false );
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, fn );
- } else {
- fn();
- }
-}
-
-function id(name) {
- return !!(typeof document !== "undefined" && document && document.getElementById) &&
- document.getElementById( name );
-}
-
-function registerLoggingCallback(key){
- return function(callback){
- config[key].push( callback );
- };
-}
-
-// Supports deprecated method of completely overwriting logging callbacks
-function runLoggingCallbacks(key, scope, args) {
- //debugger;
- var callbacks;
- if ( QUnit.hasOwnProperty(key) ) {
- QUnit[key].call(scope, args);
- } else {
- callbacks = config[key];
- for( var i = 0; i < callbacks.length; i++ ) {
- callbacks[i].call( scope, args );
- }
- }
-}
-
-// Test for equality any JavaScript type.
-// Author: Philippe Rathé <prathe@gmail.com>
-QUnit.equiv = function () {
-
- var innerEquiv; // the real equiv function
- var callers = []; // stack to decide between skip/abort functions
- var parents = []; // stack to avoiding loops from circular referencing
-
- // Call the o related callback with the given arguments.
- function bindCallbacks(o, callbacks, args) {
- var prop = QUnit.objectType(o);
- if (prop) {
- if (QUnit.objectType(callbacks[prop]) === "function") {
- return callbacks[prop].apply(callbacks, args);
- } else {
- return callbacks[prop]; // or undefined
- }
- }
- }
-
- var callbacks = function () {
-
- // for string, boolean, number and null
- function useStrictEquality(b, a) {
- if (b instanceof a.constructor || a instanceof b.constructor) {
- // to catch short annotaion VS 'new' annotation of a
- // declaration
- // e.g. var i = 1;
- // var j = new Number(1);
- return a == b;
- } else {
- return a === b;
- }
- }
-
- return {
- "string" : useStrictEquality,
- "boolean" : useStrictEquality,
- "number" : useStrictEquality,
- "null" : useStrictEquality,
- "undefined" : useStrictEquality,
-
- "nan" : function(b) {
- return isNaN(b);
- },
-
- "date" : function(b, a) {
- return QUnit.objectType(b) === "date"
- && a.valueOf() === b.valueOf();
- },
-
- "regexp" : function(b, a) {
- return QUnit.objectType(b) === "regexp"
- && a.source === b.source && // the regex itself
- a.global === b.global && // and its modifers
- // (gmi) ...
- a.ignoreCase === b.ignoreCase
- && a.multiline === b.multiline;
- },
-
- // - skip when the property is a method of an instance (OOP)
- // - abort otherwise,
- // initial === would have catch identical references anyway
- "function" : function() {
- var caller = callers[callers.length - 1];
- return caller !== Object && typeof caller !== "undefined";
- },
-
- "array" : function(b, a) {
- var i, j, loop;
- var len;
-
- // b could be an object literal here
- if (!(QUnit.objectType(b) === "array")) {
- return false;
- }
-
- len = a.length;
- if (len !== b.length) { // safe and faster
- return false;
- }
-
- // track reference to avoid circular references
- parents.push(a);
- for (i = 0; i < len; i++) {
- loop = false;
- for (j = 0; j < parents.length; j++) {
- if (parents[j] === a[i]) {
- loop = true;// dont rewalk array
- }
- }
- if (!loop && !innerEquiv(a[i], b[i])) {
- parents.pop();
- return false;
- }
- }
- parents.pop();
- return true;
- },
-
- "object" : function(b, a) {
- var i, j, loop;
- var eq = true; // unless we can proove it
- var aProperties = [], bProperties = []; // collection of
- // strings
-
- // comparing constructors is more strict than using
- // instanceof
- if (a.constructor !== b.constructor) {
- return false;
- }
-
- // stack constructor before traversing properties
- callers.push(a.constructor);
- // track reference to avoid circular references
- parents.push(a);
-
- for (i in a) { // be strict: don't ensures hasOwnProperty
- // and go deep
- loop = false;
- for (j = 0; j < parents.length; j++) {
- if (parents[j] === a[i])
- loop = true; // don't go down the same path
- // twice
- }
- aProperties.push(i); // collect a's properties
-
- if (!loop && !innerEquiv(a[i], b[i])) {
- eq = false;
- break;
- }
- }
-
- callers.pop(); // unstack, we are done
- parents.pop();
-
- for (i in b) {
- bProperties.push(i); // collect b's properties
- }
-
- // Ensures identical properties name
- return eq
- && innerEquiv(aProperties.sort(), bProperties
- .sort());
- }
- };
- }();
-
- innerEquiv = function() { // can take multiple arguments
- var args = Array.prototype.slice.apply(arguments);
- if (args.length < 2) {
- return true; // end transition
- }
-
- return (function(a, b) {
- if (a === b) {
- return true; // catch the most you can
- } else if (a === null || b === null || typeof a === "undefined"
- || typeof b === "undefined"
- || QUnit.objectType(a) !== QUnit.objectType(b)) {
- return false; // don't lose time with error prone cases
- } else {
- return bindCallbacks(a, callbacks, [ b, a ]);
- }
-
- // apply transition with (1..n) arguments
- })(args[0], args[1])
- && arguments.callee.apply(this, args.splice(1,
- args.length - 1));
- };
-
- return innerEquiv;
-
-}();
-
-/**
- * jsDump Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com |
- * http://flesler.blogspot.com Licensed under BSD
- * (http://www.opensource.org/licenses/bsd-license.php) Date: 5/15/2008
- *
- * @projectDescription Advanced and extensible data dumping for Javascript.
- * @version 1.0.0
- * @author Ariel Flesler
- * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
- */
-QUnit.jsDump = (function() {
- function quote( str ) {
- return '"' + str.toString().replace(/"/g, '\\"') + '"';
- };
- function literal( o ) {
- return o + '';
- };
- function join( pre, arr, post ) {
- var s = jsDump.separator(),
- base = jsDump.indent(),
- inner = jsDump.indent(1);
- if ( arr.join )
- arr = arr.join( ',' + s + inner );
- if ( !arr )
- return pre + post;
- return [ pre, inner + arr, base + post ].join(s);
- };
- function array( arr, stack ) {
- var i = arr.length, ret = Array(i);
- this.up();
- while ( i-- )
- ret[i] = this.parse( arr[i] , undefined , stack);
- this.down();
- return join( '[', ret, ']' );
- };
-
- var reName = /^function (\w+)/;
-
- var jsDump = {
- parse:function( obj, type, stack ) { //type is used mostly internally, you can fix a (custom)type in advance
- stack = stack || [ ];
- var parser = this.parsers[ type || this.typeOf(obj) ];
- type = typeof parser;
- var inStack = inArray(obj, stack);
- if (inStack != -1) {
- return 'recursion('+(inStack - stack.length)+')';
- }
- //else
- if (type == 'function') {
- stack.push(obj);
- var res = parser.call( this, obj, stack );
- stack.pop();
- return res;
- }
- // else
- return (type == 'string') ? parser : this.parsers.error;
- },
- typeOf:function( obj ) {
- var type;
- if ( obj === null ) {
- type = "null";
- } else if (typeof obj === "undefined") {
- type = "undefined";
- } else if (QUnit.is("RegExp", obj)) {
- type = "regexp";
- } else if (QUnit.is("Date", obj)) {
- type = "date";
- } else if (QUnit.is("Function", obj)) {
- type = "function";
- } else if (typeof obj.setInterval !== undefined && typeof obj.document !== "undefined" && typeof obj.nodeType === "undefined") {
- type = "window";
- } else if (obj.nodeType === 9) {
- type = "document";
- } else if (obj.nodeType) {
- type = "node";
- } else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) {
- type = "array";
- } else {
- type = typeof obj;
- }
- return type;
- },
- separator:function() {
- return this.multiline ? this.HTML ? '<br />' : '\n' : this.HTML ? ' ' : ' ';
- },
- indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
- if ( !this.multiline )
- return '';
- var chr = this.indentChar;
- if ( this.HTML )
- chr = chr.replace(/\t/g,' ').replace(/ /g,' ');
- return Array( this._depth_ + (extra||0) ).join(chr);
- },
- up:function( a ) {
- this._depth_ += a || 1;
- },
- down:function( a ) {
- this._depth_ -= a || 1;
- },
- setParser:function( name, parser ) {
- this.parsers[name] = parser;
- },
- // The next 3 are exposed so you can use them
- quote:quote,
- literal:literal,
- join:join,
- //
- _depth_: 1,
- // This is the list of parsers, to modify them, use jsDump.setParser
- parsers:{
- window: '[Window]',
- document: '[Document]',
- error:'[ERROR]', //when no parser is found, shouldn't happen
- unknown: '[Unknown]',
- 'null':'null',
- 'undefined':'undefined',
- 'function':function( fn ) {
- var ret = 'function',
- name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
- if ( name )
- ret += ' ' + name;
- ret += '(';
-
- ret = [ ret, QUnit.jsDump.parse( fn, 'functionArgs' ), '){'].join('');
- return join( ret, QUnit.jsDump.parse(fn,'functionCode'), '}' );
- },
- array: array,
- nodelist: array,
- arguments: array,
- object:function( map, stack ) {
- var ret = [ ];
- QUnit.jsDump.up();
- for ( var key in map ) {
- var val = map[key];
- ret.push( QUnit.jsDump.parse(key,'key') + ': ' + QUnit.jsDump.parse(val, undefined, stack));
- }
- QUnit.jsDump.down();
- return join( '{', ret, '}' );
- },
- node:function( node ) {
- var open = QUnit.jsDump.HTML ? '<' : '<',
- close = QUnit.jsDump.HTML ? '>' : '>';
-
- var tag = node.nodeName.toLowerCase(),
- ret = open + tag;
-
- for ( var a in QUnit.jsDump.DOMAttrs ) {
- var val = node[QUnit.jsDump.DOMAttrs[a]];
- if ( val )
- ret += ' ' + a + '=' + QUnit.jsDump.parse( val, 'attribute' );
- }
- return ret + close + open + '/' + tag + close;
- },
- functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
- var l = fn.length;
- if ( !l ) return '';
-
- var args = Array(l);
- while ( l-- )
- args[l] = String.fromCharCode(97+l);//97 is 'a'
- return ' ' + args.join(', ') + ' ';
- },
- key:quote, //object calls it internally, the key part of an item in a map
- functionCode:'[code]', //function calls it internally, it's the content of the function
- attribute:quote, //node calls it internally, it's an html attribute value
- string:quote,
- date:quote,
- regexp:literal, //regex
- number:literal,
- 'boolean':literal
- },
- DOMAttrs:{//attributes to dump from nodes, name=>realName
- id:'id',
- name:'name',
- 'class':'className'
- },
- HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
- indentChar:' ',//indentation unit
- multiline:true //if true, items in a collection, are separated by a \n, else just a space.
- };
-
- return jsDump;
-})();
-
-// from Sizzle.js
-function getText( elems ) {
- var ret = "", elem;
-
- for ( var i = 0; elems[i]; i++ ) {
- elem = elems[i];
-
- // Get the text from text nodes and CDATA nodes
- if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
- ret += elem.nodeValue;
-
- // Traverse everything else, except comment nodes
- } else if ( elem.nodeType !== 8 ) {
- ret += getText( elem.childNodes );
- }
- }
-
- return ret;
-};
-
-//from jquery.js
-function inArray( elem, array ) {
- if ( array.indexOf ) {
- return array.indexOf( elem );
- }
-
- for ( var i = 0, length = array.length; i < length; i++ ) {
- if ( array[ i ] === elem ) {
- return i;
- }
- }
-
- return -1;
-}
-
-/*
- * Javascript Diff Algorithm
- * By John Resig (http://ejohn.org/)
- * Modified by Chu Alan "sprite"
- *
- * Released under the MIT license.
- *
- * More Info:
- * http://ejohn.org/projects/javascript-diff-algorithm/
- *
- * Usage: QUnit.diff(expected, actual)
- *
- * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
- */
-QUnit.diff = (function() {
- function diff(o, n) {
- var ns = {};
- var os = {};
-
- for (var i = 0; i < n.length; i++) {
- if (ns[n[i]] == null)
- ns[n[i]] = {
- rows: [],
- o: null
- };
- ns[n[i]].rows.push(i);
- }
-
- for (var i = 0; i < o.length; i++) {
- if (os[o[i]] == null)
- os[o[i]] = {
- rows: [],
- n: null
- };
- os[o[i]].rows.push(i);
- }
-
- for (var i in ns) {
- if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
- n[ns[i].rows[0]] = {
- text: n[ns[i].rows[0]],
- row: os[i].rows[0]
- };
- o[os[i].rows[0]] = {
- text: o[os[i].rows[0]],
- row: ns[i].rows[0]
- };
- }
- }
-
- for (var i = 0; i < n.length - 1; i++) {
- if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
- n[i + 1] == o[n[i].row + 1]) {
- n[i + 1] = {
- text: n[i + 1],
- row: n[i].row + 1
- };
- o[n[i].row + 1] = {
- text: o[n[i].row + 1],
- row: i + 1
- };
- }
- }
-
- for (var i = n.length - 1; i > 0; i--) {
- if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
- n[i - 1] == o[n[i].row - 1]) {
- n[i - 1] = {
- text: n[i - 1],
- row: n[i].row - 1
- };
- o[n[i].row - 1] = {
- text: o[n[i].row - 1],
- row: i - 1
- };
- }
- }
-
- return {
- o: o,
- n: n
- };
- }
-
- return function(o, n) {
- o = o.replace(/\s+$/, '');
- n = n.replace(/\s+$/, '');
- var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
-
- var str = "";
-
- var oSpace = o.match(/\s+/g);
- if (oSpace == null) {
- oSpace = [" "];
- }
- else {
- oSpace.push(" ");
- }
- var nSpace = n.match(/\s+/g);
- if (nSpace == null) {
- nSpace = [" "];
- }
- else {
- nSpace.push(" ");
- }
-
- if (out.n.length == 0) {
- for (var i = 0; i < out.o.length; i++) {
- str += '<del>' + out.o[i] + oSpace[i] + "</del>";
- }
- }
- else {
- if (out.n[0].text == null) {
- for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
- str += '<del>' + out.o[n] + oSpace[n] + "</del>";
- }
- }
-
- for (var i = 0; i < out.n.length; i++) {
- if (out.n[i].text == null) {
- str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
- }
- else {
- var pre = "";
-
- for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
- pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
- }
- str += " " + out.n[i].text + nSpace[i] + pre;
- }
- }
- }
-
- return str;
- };
-})();
-
-})(this);
+++ /dev/null
-/**
- * @license r.js 1.0.7+ Fri, 30 Mar 2012 00:24:35 GMT Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*
- * This is a bootstrap script to allow running RequireJS in the command line
- * in either a Java/Rhino or Node environment. It is modified by the top-level
- * dist.js file to inject other files to completely enable this file. It is
- * the shell of the r.js file.
- */
-
-/*jslint evil: true, nomen: true */
-/*global readFile: true, process: false, Packages: false, print: false,
-console: false, java: false, module: false, requirejsVars */
-
-var requirejs, require, define;
-(function (console, args, readFileFunc) {
-
- var fileName, env, fs, vm, path, exec, rhinoContext, dir, nodeRequire,
- nodeDefine, exists, reqMain, loadedOptimizedLib,
- version = '1.0.7+ Fri, 30 Mar 2012 00:24:35 GMT',
- jsSuffixRegExp = /\.js$/,
- commandOption = '',
- useLibLoaded = {},
- //Used by jslib/rhino/args.js
- rhinoArgs = args,
- readFile = typeof readFileFunc !== 'undefined' ? readFileFunc : null;
-
- function showHelp() {
- console.log('See https://github.com/jrburke/r.js for usage.');
- }
-
- if (typeof Packages !== 'undefined') {
- env = 'rhino';
-
- fileName = args[0];
-
- if (fileName && fileName.indexOf('-') === 0) {
- commandOption = fileName.substring(1);
- fileName = args[1];
- }
-
- //Set up execution context.
- rhinoContext = Packages.org.mozilla.javascript.ContextFactory.getGlobal().enterContext();
-
- exec = function (string, name) {
- return rhinoContext.evaluateString(this, string, name, 0, null);
- };
-
- exists = function (fileName) {
- return (new java.io.File(fileName)).exists();
- };
-
- //Define a console.log for easier logging. Don't
- //get fancy though.
- if (typeof console === 'undefined') {
- console = {
- log: function () {
- print.apply(undefined, arguments);
- }
- };
- }
- } else if (typeof process !== 'undefined') {
- env = 'node';
-
- //Get the fs module via Node's require before it
- //gets replaced. Used in require/node.js
- fs = require('fs');
- vm = require('vm');
- path = require('path');
- nodeRequire = require;
- nodeDefine = define;
- reqMain = require.main;
-
- //Temporarily hide require and define to allow require.js to define
- //them.
- require = undefined;
- define = undefined;
-
- readFile = function (path) {
- return fs.readFileSync(path, 'utf8');
- };
-
- exec = function (string, name) {
- return vm.runInThisContext(this.requirejsVars.require.makeNodeWrapper(string),
- name ? fs.realpathSync(name) : '');
- };
-
- exists = function (fileName) {
- return path.existsSync(fileName);
- };
-
-
- fileName = process.argv[2];
-
- if (fileName && fileName.indexOf('-') === 0) {
- commandOption = fileName.substring(1);
- fileName = process.argv[3];
- }
- }
-
- /** vim: et:ts=4:sw=4:sts=4
- * @license RequireJS 1.0.7 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-/*jslint strict: false, plusplus: false, sub: true */
-/*global window, navigator, document, importScripts, jQuery, setTimeout, opera */
-
-
-(function () {
- //Change this version number for each release.
- var version = "1.0.7",
- commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,
- cjsRequireRegExp = /require\(\s*["']([^'"\s]+)["']\s*\)/g,
- currDirRegExp = /^\.\//,
- jsSuffixRegExp = /\.js$/,
- ostring = Object.prototype.toString,
- ap = Array.prototype,
- aps = ap.slice,
- apsp = ap.splice,
- isBrowser = !!(typeof window !== "undefined" && navigator && document),
- isWebWorker = !isBrowser && typeof importScripts !== "undefined",
- //PS3 indicates loaded and complete, but need to wait for complete
- //specifically. Sequence is "loading", "loaded", execution,
- // then "complete". The UA check is unfortunate, but not sure how
- //to feature test w/o causing perf issues.
- readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ?
- /^complete$/ : /^(complete|loaded)$/,
- defContextName = "_",
- //Oh the tragedy, detecting opera. See the usage of isOpera for reason.
- isOpera = typeof opera !== "undefined" && opera.toString() === "[object Opera]",
- empty = {},
- contexts = {},
- globalDefQueue = [],
- interactiveScript = null,
- checkLoadedDepth = 0,
- useInteractive = false,
- reservedDependencies = {
- require: true,
- module: true,
- exports: true
- },
- req, cfg = {}, currentlyAddingScript, s, head, baseElement, scripts, script,
- src, subPath, mainScript, dataMain, globalI, ctx, jQueryCheck, checkLoadedTimeoutId;
-
- function isFunction(it) {
- return ostring.call(it) === "[object Function]";
- }
-
- function isArray(it) {
- return ostring.call(it) === "[object Array]";
- }
-
- /**
- * Simple function to mix in properties from source into target,
- * but only if target does not already have a property of the same name.
- * This is not robust in IE for transferring methods that match
- * Object.prototype names, but the uses of mixin here seem unlikely to
- * trigger a problem related to that.
- */
- function mixin(target, source, force) {
- for (var prop in source) {
- if (!(prop in empty) && (!(prop in target) || force)) {
- target[prop] = source[prop];
- }
- }
- return req;
- }
-
- /**
- * Constructs an error with a pointer to an URL with more information.
- * @param {String} id the error ID that maps to an ID on a web page.
- * @param {String} message human readable error.
- * @param {Error} [err] the original error, if there is one.
- *
- * @returns {Error}
- */
- function makeError(id, msg, err) {
- var e = new Error(msg + '\nhttp://requirejs.org/docs/errors.html#' + id);
- if (err) {
- e.originalError = err;
- }
- return e;
- }
-
- /**
- * Used to set up package paths from a packagePaths or packages config object.
- * @param {Object} pkgs the object to store the new package config
- * @param {Array} currentPackages an array of packages to configure
- * @param {String} [dir] a prefix dir to use.
- */
- function configurePackageDir(pkgs, currentPackages, dir) {
- var i, location, pkgObj;
-
- for (i = 0; (pkgObj = currentPackages[i]); i++) {
- pkgObj = typeof pkgObj === "string" ? { name: pkgObj } : pkgObj;
- location = pkgObj.location;
-
- //Add dir to the path, but avoid paths that start with a slash
- //or have a colon (indicates a protocol)
- if (dir && (!location || (location.indexOf("/") !== 0 && location.indexOf(":") === -1))) {
- location = dir + "/" + (location || pkgObj.name);
- }
-
- //Create a brand new object on pkgs, since currentPackages can
- //be passed in again, and config.pkgs is the internal transformed
- //state for all package configs.
- pkgs[pkgObj.name] = {
- name: pkgObj.name,
- location: location || pkgObj.name,
- //Remove leading dot in main, so main paths are normalized,
- //and remove any trailing .js, since different package
- //envs have different conventions: some use a module name,
- //some use a file name.
- main: (pkgObj.main || "main")
- .replace(currDirRegExp, '')
- .replace(jsSuffixRegExp, '')
- };
- }
- }
-
- /**
- * jQuery 1.4.3-1.5.x use a readyWait/ready() pairing to hold DOM
- * ready callbacks, but jQuery 1.6 supports a holdReady() API instead.
- * At some point remove the readyWait/ready() support and just stick
- * with using holdReady.
- */
- function jQueryHoldReady($, shouldHold) {
- if ($.holdReady) {
- $.holdReady(shouldHold);
- } else if (shouldHold) {
- $.readyWait += 1;
- } else {
- $.ready(true);
- }
- }
-
- if (typeof define !== "undefined") {
- //If a define is already in play via another AMD loader,
- //do not overwrite.
- return;
- }
-
- if (typeof requirejs !== "undefined") {
- if (isFunction(requirejs)) {
- //Do not overwrite and existing requirejs instance.
- return;
- } else {
- cfg = requirejs;
- requirejs = undefined;
- }
- }
-
- //Allow for a require config object
- if (typeof require !== "undefined" && !isFunction(require)) {
- //assume it is a config object.
- cfg = require;
- require = undefined;
- }
-
- /**
- * Creates a new context for use in require and define calls.
- * Handle most of the heavy lifting. Do not want to use an object
- * with prototype here to avoid using "this" in require, in case it
- * needs to be used in more super secure envs that do not want this.
- * Also there should not be that many contexts in the page. Usually just
- * one for the default context, but could be extra for multiversion cases
- * or if a package needs a special context for a dependency that conflicts
- * with the standard context.
- */
- function newContext(contextName) {
- var context, resume,
- config = {
- waitSeconds: 7,
- baseUrl: "./",
- paths: {},
- pkgs: {},
- catchError: {}
- },
- defQueue = [],
- specified = {
- "require": true,
- "exports": true,
- "module": true
- },
- urlMap = {},
- defined = {},
- loaded = {},
- waiting = {},
- waitAry = [],
- urlFetched = {},
- managerCounter = 0,
- managerCallbacks = {},
- plugins = {},
- //Used to indicate which modules in a build scenario
- //need to be full executed.
- needFullExec = {},
- fullExec = {},
- resumeDepth = 0;
-
- /**
- * Trims the . and .. from an array of path segments.
- * It will keep a leading path segment if a .. will become
- * the first path segment, to help with module name lookups,
- * which act like paths, but can be remapped. But the end result,
- * all paths that use this function should look normalized.
- * NOTE: this method MODIFIES the input array.
- * @param {Array} ary the array of path segments.
- */
- function trimDots(ary) {
- var i, part;
- for (i = 0; (part = ary[i]); i++) {
- if (part === ".") {
- ary.splice(i, 1);
- i -= 1;
- } else if (part === "..") {
- if (i === 1 && (ary[2] === '..' || ary[0] === '..')) {
- //End of the line. Keep at least one non-dot
- //path segment at the front so it can be mapped
- //correctly to disk. Otherwise, there is likely
- //no path mapping for a path starting with '..'.
- //This can still fail, but catches the most reasonable
- //uses of ..
- break;
- } else if (i > 0) {
- ary.splice(i - 1, 2);
- i -= 2;
- }
- }
- }
- }
-
- /**
- * Given a relative module name, like ./something, normalize it to
- * a real name that can be mapped to a path.
- * @param {String} name the relative name
- * @param {String} baseName a real name that the name arg is relative
- * to.
- * @returns {String} normalized name
- */
- function normalize(name, baseName) {
- var pkgName, pkgConfig;
-
- //Adjust any relative paths.
- if (name && name.charAt(0) === ".") {
- //If have a base name, try to normalize against it,
- //otherwise, assume it is a top-level require that will
- //be relative to baseUrl in the end.
- if (baseName) {
- if (config.pkgs[baseName]) {
- //If the baseName is a package name, then just treat it as one
- //name to concat the name with.
- baseName = [baseName];
- } else {
- //Convert baseName to array, and lop off the last part,
- //so that . matches that "directory" and not name of the baseName's
- //module. For instance, baseName of "one/two/three", maps to
- //"one/two/three.js", but we want the directory, "one/two" for
- //this normalization.
- baseName = baseName.split("/");
- baseName = baseName.slice(0, baseName.length - 1);
- }
-
- name = baseName.concat(name.split("/"));
- trimDots(name);
-
- //Some use of packages may use a . path to reference the
- //"main" module name, so normalize for that.
- pkgConfig = config.pkgs[(pkgName = name[0])];
- name = name.join("/");
- if (pkgConfig && name === pkgName + '/' + pkgConfig.main) {
- name = pkgName;
- }
- } else if (name.indexOf("./") === 0) {
- // No baseName, so this is ID is resolved relative
- // to baseUrl, pull off the leading dot.
- name = name.substring(2);
- }
- }
- return name;
- }
-
- /**
- * Creates a module mapping that includes plugin prefix, module
- * name, and path. If parentModuleMap is provided it will
- * also normalize the name via require.normalize()
- *
- * @param {String} name the module name
- * @param {String} [parentModuleMap] parent module map
- * for the module name, used to resolve relative names.
- *
- * @returns {Object}
- */
- function makeModuleMap(name, parentModuleMap) {
- var index = name ? name.indexOf("!") : -1,
- prefix = null,
- parentName = parentModuleMap ? parentModuleMap.name : null,
- originalName = name,
- normalizedName, url, pluginModule;
-
- if (index !== -1) {
- prefix = name.substring(0, index);
- name = name.substring(index + 1, name.length);
- }
-
- if (prefix) {
- prefix = normalize(prefix, parentName);
- }
-
- //Account for relative paths if there is a base name.
- if (name) {
- if (prefix) {
- pluginModule = defined[prefix];
- if (pluginModule && pluginModule.normalize) {
- //Plugin is loaded, use its normalize method.
- normalizedName = pluginModule.normalize(name, function (name) {
- return normalize(name, parentName);
- });
- } else {
- normalizedName = normalize(name, parentName);
- }
- } else {
- //A regular module.
- normalizedName = normalize(name, parentName);
-
- url = urlMap[normalizedName];
- if (!url) {
- //Calculate url for the module, if it has a name.
- //Use name here since nameToUrl also calls normalize,
- //and for relative names that are outside the baseUrl
- //this causes havoc. Was thinking of just removing
- //parentModuleMap to avoid extra normalization, but
- //normalize() still does a dot removal because of
- //issue #142, so just pass in name here and redo
- //the normalization. Paths outside baseUrl are just
- //messy to support.
- url = context.nameToUrl(name, null, parentModuleMap);
-
- //Store the URL mapping for later.
- urlMap[normalizedName] = url;
- }
- }
- }
-
- return {
- prefix: prefix,
- name: normalizedName,
- parentMap: parentModuleMap,
- url: url,
- originalName: originalName,
- fullName: prefix ? prefix + "!" + (normalizedName || '') : normalizedName
- };
- }
-
- /**
- * Determine if priority loading is done. If so clear the priorityWait
- */
- function isPriorityDone() {
- var priorityDone = true,
- priorityWait = config.priorityWait,
- priorityName, i;
- if (priorityWait) {
- for (i = 0; (priorityName = priorityWait[i]); i++) {
- if (!loaded[priorityName]) {
- priorityDone = false;
- break;
- }
- }
- if (priorityDone) {
- delete config.priorityWait;
- }
- }
- return priorityDone;
- }
-
- function makeContextModuleFunc(func, relModuleMap, enableBuildCallback) {
- return function () {
- //A version of a require function that passes a moduleName
- //value for items that may need to
- //look up paths relative to the moduleName
- var args = aps.call(arguments, 0), lastArg;
- if (enableBuildCallback &&
- isFunction((lastArg = args[args.length - 1]))) {
- lastArg.__requireJsBuild = true;
- }
- args.push(relModuleMap);
- return func.apply(null, args);
- };
- }
-
- /**
- * Helper function that creates a require function object to give to
- * modules that ask for it as a dependency. It needs to be specific
- * per module because of the implication of path mappings that may
- * need to be relative to the module name.
- */
- function makeRequire(relModuleMap, enableBuildCallback, altRequire) {
- var modRequire = makeContextModuleFunc(altRequire || context.require, relModuleMap, enableBuildCallback);
-
- mixin(modRequire, {
- nameToUrl: makeContextModuleFunc(context.nameToUrl, relModuleMap),
- toUrl: makeContextModuleFunc(context.toUrl, relModuleMap),
- defined: makeContextModuleFunc(context.requireDefined, relModuleMap),
- specified: makeContextModuleFunc(context.requireSpecified, relModuleMap),
- isBrowser: req.isBrowser
- });
- return modRequire;
- }
-
- /*
- * Queues a dependency for checking after the loader is out of a
- * "paused" state, for example while a script file is being loaded
- * in the browser, where it may have many modules defined in it.
- */
- function queueDependency(manager) {
- context.paused.push(manager);
- }
-
- function execManager(manager) {
- var i, ret, err, errFile, errModuleTree,
- cb = manager.callback,
- map = manager.map,
- fullName = map.fullName,
- args = manager.deps,
- listeners = manager.listeners,
- execCb = config.requireExecCb || req.execCb,
- cjsModule;
-
- //Call the callback to define the module, if necessary.
- if (cb && isFunction(cb)) {
- if (config.catchError.define) {
- try {
- ret = execCb(fullName, manager.callback, args, defined[fullName]);
- } catch (e) {
- err = e;
- }
- } else {
- ret = execCb(fullName, manager.callback, args, defined[fullName]);
- }
-
- if (fullName) {
- //If setting exports via "module" is in play,
- //favor that over return value and exports. After that,
- //favor a non-undefined return value over exports use.
- cjsModule = manager.cjsModule;
- if (cjsModule &&
- cjsModule.exports !== undefined &&
- //Make sure it is not already the exports value
- cjsModule.exports !== defined[fullName]) {
- ret = defined[fullName] = manager.cjsModule.exports;
- } else if (ret === undefined && manager.usingExports) {
- //exports already set the defined value.
- ret = defined[fullName];
- } else {
- //Use the return value from the function.
- defined[fullName] = ret;
- //If this module needed full execution in a build
- //environment, mark that now.
- if (needFullExec[fullName]) {
- fullExec[fullName] = true;
- }
- }
- }
- } else if (fullName) {
- //May just be an object definition for the module. Only
- //worry about defining if have a module name.
- ret = defined[fullName] = cb;
-
- //If this module needed full execution in a build
- //environment, mark that now.
- if (needFullExec[fullName]) {
- fullExec[fullName] = true;
- }
- }
-
- //Clean up waiting. Do this before error calls, and before
- //calling back listeners, so that bookkeeping is correct
- //in the event of an error and error is reported in correct order,
- //since the listeners will likely have errors if the
- //onError function does not throw.
- if (waiting[manager.id]) {
- delete waiting[manager.id];
- manager.isDone = true;
- context.waitCount -= 1;
- if (context.waitCount === 0) {
- //Clear the wait array used for cycles.
- waitAry = [];
- }
- }
-
- //Do not need to track manager callback now that it is defined.
- delete managerCallbacks[fullName];
-
- //Allow instrumentation like the optimizer to know the order
- //of modules executed and their dependencies.
- if (req.onResourceLoad && !manager.placeholder) {
- req.onResourceLoad(context, map, manager.depArray);
- }
-
- if (err) {
- errFile = (fullName ? makeModuleMap(fullName).url : '') ||
- err.fileName || err.sourceURL;
- errModuleTree = err.moduleTree;
- err = makeError('defineerror', 'Error evaluating ' +
- 'module "' + fullName + '" at location "' +
- errFile + '":\n' +
- err + '\nfileName:' + errFile +
- '\nlineNumber: ' + (err.lineNumber || err.line), err);
- err.moduleName = fullName;
- err.moduleTree = errModuleTree;
- return req.onError(err);
- }
-
- //Let listeners know of this manager's value.
- for (i = 0; (cb = listeners[i]); i++) {
- cb(ret);
- }
-
- return undefined;
- }
-
- /**
- * Helper that creates a callack function that is called when a dependency
- * is ready, and sets the i-th dependency for the manager as the
- * value passed to the callback generated by this function.
- */
- function makeArgCallback(manager, i) {
- return function (value) {
- //Only do the work if it has not been done
- //already for a dependency. Cycle breaking
- //logic in forceExec could mean this function
- //is called more than once for a given dependency.
- if (!manager.depDone[i]) {
- manager.depDone[i] = true;
- manager.deps[i] = value;
- manager.depCount -= 1;
- if (!manager.depCount) {
- //All done, execute!
- execManager(manager);
- }
- }
- };
- }
-
- function callPlugin(pluginName, depManager) {
- var map = depManager.map,
- fullName = map.fullName,
- name = map.name,
- plugin = plugins[pluginName] ||
- (plugins[pluginName] = defined[pluginName]),
- load;
-
- //No need to continue if the manager is already
- //in the process of loading.
- if (depManager.loading) {
- return;
- }
- depManager.loading = true;
-
- load = function (ret) {
- depManager.callback = function () {
- return ret;
- };
- execManager(depManager);
-
- loaded[depManager.id] = true;
-
- //The loading of this plugin
- //might have placed other things
- //in the paused queue. In particular,
- //a loader plugin that depends on
- //a different plugin loaded resource.
- resume();
- };
-
- //Allow plugins to load other code without having to know the
- //context or how to "complete" the load.
- load.fromText = function (moduleName, text) {
- /*jslint evil: true */
- var hasInteractive = useInteractive;
-
- //Indicate a the module is in process of loading.
- loaded[moduleName] = false;
- context.scriptCount += 1;
-
- //Indicate this is not a "real" module, so do not track it
- //for builds, it does not map to a real file.
- context.fake[moduleName] = true;
-
- //Turn off interactive script matching for IE for any define
- //calls in the text, then turn it back on at the end.
- if (hasInteractive) {
- useInteractive = false;
- }
-
- req.exec(text);
-
- if (hasInteractive) {
- useInteractive = true;
- }
-
- //Support anonymous modules.
- context.completeLoad(moduleName);
- };
-
- //No need to continue if the plugin value has already been
- //defined by a build.
- if (fullName in defined) {
- load(defined[fullName]);
- } else {
- //Use parentName here since the plugin's name is not reliable,
- //could be some weird string with no path that actually wants to
- //reference the parentName's path.
- plugin.load(name, makeRequire(map.parentMap, true, function (deps, cb) {
- var moduleDeps = [],
- i, dep, depMap;
- //Convert deps to full names and hold on to them
- //for reference later, when figuring out if they
- //are blocked by a circular dependency.
- for (i = 0; (dep = deps[i]); i++) {
- depMap = makeModuleMap(dep, map.parentMap);
- deps[i] = depMap.fullName;
- if (!depMap.prefix) {
- moduleDeps.push(deps[i]);
- }
- }
- depManager.moduleDeps = (depManager.moduleDeps || []).concat(moduleDeps);
- return context.require(deps, cb);
- }), load, config);
- }
- }
-
- /**
- * Adds the manager to the waiting queue. Only fully
- * resolved items should be in the waiting queue.
- */
- function addWait(manager) {
- if (!waiting[manager.id]) {
- waiting[manager.id] = manager;
- waitAry.push(manager);
- context.waitCount += 1;
- }
- }
-
- /**
- * Function added to every manager object. Created out here
- * to avoid new function creation for each manager instance.
- */
- function managerAdd(cb) {
- this.listeners.push(cb);
- }
-
- function getManager(map, shouldQueue) {
- var fullName = map.fullName,
- prefix = map.prefix,
- plugin = prefix ? plugins[prefix] ||
- (plugins[prefix] = defined[prefix]) : null,
- manager, created, pluginManager, prefixMap;
-
- if (fullName) {
- manager = managerCallbacks[fullName];
- }
-
- if (!manager) {
- created = true;
- manager = {
- //ID is just the full name, but if it is a plugin resource
- //for a plugin that has not been loaded,
- //then add an ID counter to it.
- id: (prefix && !plugin ?
- (managerCounter++) + '__p@:' : '') +
- (fullName || '__r@' + (managerCounter++)),
- map: map,
- depCount: 0,
- depDone: [],
- depCallbacks: [],
- deps: [],
- listeners: [],
- add: managerAdd
- };
-
- specified[manager.id] = true;
-
- //Only track the manager/reuse it if this is a non-plugin
- //resource. Also only track plugin resources once
- //the plugin has been loaded, and so the fullName is the
- //true normalized value.
- if (fullName && (!prefix || plugins[prefix])) {
- managerCallbacks[fullName] = manager;
- }
- }
-
- //If there is a plugin needed, but it is not loaded,
- //first load the plugin, then continue on.
- if (prefix && !plugin) {
- prefixMap = makeModuleMap(prefix);
-
- //Clear out defined and urlFetched if the plugin was previously
- //loaded/defined, but not as full module (as in a build
- //situation). However, only do this work if the plugin is in
- //defined but does not have a module export value.
- if (prefix in defined && !defined[prefix]) {
- delete defined[prefix];
- delete urlFetched[prefixMap.url];
- }
-
- pluginManager = getManager(prefixMap, true);
- pluginManager.add(function (plugin) {
- //Create a new manager for the normalized
- //resource ID and have it call this manager when
- //done.
- var newMap = makeModuleMap(map.originalName, map.parentMap),
- normalizedManager = getManager(newMap, true);
-
- //Indicate this manager is a placeholder for the real,
- //normalized thing. Important for when trying to map
- //modules and dependencies, for instance, in a build.
- manager.placeholder = true;
-
- normalizedManager.add(function (resource) {
- manager.callback = function () {
- return resource;
- };
- execManager(manager);
- });
- });
- } else if (created && shouldQueue) {
- //Indicate the resource is not loaded yet if it is to be
- //queued.
- loaded[manager.id] = false;
- queueDependency(manager);
- addWait(manager);
- }
-
- return manager;
- }
-
- function main(inName, depArray, callback, relModuleMap) {
- var moduleMap = makeModuleMap(inName, relModuleMap),
- name = moduleMap.name,
- fullName = moduleMap.fullName,
- manager = getManager(moduleMap),
- id = manager.id,
- deps = manager.deps,
- i, depArg, depName, depPrefix, cjsMod;
-
- if (fullName) {
- //If module already defined for context, or already loaded,
- //then leave. Also leave if jQuery is registering but it does
- //not match the desired version number in the config.
- if (fullName in defined || loaded[id] === true ||
- (fullName === "jquery" && config.jQuery &&
- config.jQuery !== callback().fn.jquery)) {
- return;
- }
-
- //Set specified/loaded here for modules that are also loaded
- //as part of a layer, where onScriptLoad is not fired
- //for those cases. Do this after the inline define and
- //dependency tracing is done.
- specified[id] = true;
- loaded[id] = true;
-
- //If module is jQuery set up delaying its dom ready listeners.
- if (fullName === "jquery" && callback) {
- jQueryCheck(callback());
- }
- }
-
- //Attach real depArray and callback to the manager. Do this
- //only if the module has not been defined already, so do this after
- //the fullName checks above. IE can call main() more than once
- //for a module.
- manager.depArray = depArray;
- manager.callback = callback;
-
- //Add the dependencies to the deps field, and register for callbacks
- //on the dependencies.
- for (i = 0; i < depArray.length; i++) {
- depArg = depArray[i];
- //There could be cases like in IE, where a trailing comma will
- //introduce a null dependency, so only treat a real dependency
- //value as a dependency.
- if (depArg) {
- //Split the dependency name into plugin and name parts
- depArg = makeModuleMap(depArg, (name ? moduleMap : relModuleMap));
- depName = depArg.fullName;
- depPrefix = depArg.prefix;
-
- //Fix the name in depArray to be just the name, since
- //that is how it will be called back later.
- depArray[i] = depName;
-
- //Fast path CommonJS standard dependencies.
- if (depName === "require") {
- deps[i] = makeRequire(moduleMap);
- } else if (depName === "exports") {
- //CommonJS module spec 1.1
- deps[i] = defined[fullName] = {};
- manager.usingExports = true;
- } else if (depName === "module") {
- //CommonJS module spec 1.1
- manager.cjsModule = cjsMod = deps[i] = {
- id: name,
- uri: name ? context.nameToUrl(name, null, relModuleMap) : undefined,
- exports: defined[fullName]
- };
- } else if (depName in defined && !(depName in waiting) &&
- (!(fullName in needFullExec) ||
- (fullName in needFullExec && fullExec[depName]))) {
- //Module already defined, and not in a build situation
- //where the module is a something that needs full
- //execution and this dependency has not been fully
- //executed. See r.js's requirePatch.js for more info
- //on fullExec.
- deps[i] = defined[depName];
- } else {
- //Mark this dependency as needing full exec if
- //the current module needs full exec.
- if (fullName in needFullExec) {
- needFullExec[depName] = true;
- //Reset state so fully executed code will get
- //picked up correctly.
- delete defined[depName];
- urlFetched[depArg.url] = false;
- }
-
- //Either a resource that is not loaded yet, or a plugin
- //resource for either a plugin that has not
- //loaded yet.
- manager.depCount += 1;
- manager.depCallbacks[i] = makeArgCallback(manager, i);
- getManager(depArg, true).add(manager.depCallbacks[i]);
- }
- }
- }
-
- //Do not bother tracking the manager if it is all done.
- if (!manager.depCount) {
- //All done, execute!
- execManager(manager);
- } else {
- addWait(manager);
- }
- }
-
- /**
- * Convenience method to call main for a define call that was put on
- * hold in the defQueue.
- */
- function callDefMain(args) {
- main.apply(null, args);
- }
-
- /**
- * jQuery 1.4.3+ supports ways to hold off calling
- * calling jQuery ready callbacks until all scripts are loaded. Be sure
- * to track it if the capability exists.. Also, since jQuery 1.4.3 does
- * not register as a module, need to do some global inference checking.
- * Even if it does register as a module, not guaranteed to be the precise
- * name of the global. If a jQuery is tracked for this context, then go
- * ahead and register it as a module too, if not already in process.
- */
- jQueryCheck = function (jqCandidate) {
- if (!context.jQuery) {
- var $ = jqCandidate || (typeof jQuery !== "undefined" ? jQuery : null);
-
- if ($) {
- //If a specific version of jQuery is wanted, make sure to only
- //use this jQuery if it matches.
- if (config.jQuery && $.fn.jquery !== config.jQuery) {
- return;
- }
-
- if ("holdReady" in $ || "readyWait" in $) {
- context.jQuery = $;
-
- //Manually create a "jquery" module entry if not one already
- //or in process. Note this could trigger an attempt at
- //a second jQuery registration, but does no harm since
- //the first one wins, and it is the same value anyway.
- callDefMain(["jquery", [], function () {
- return jQuery;
- }]);
-
- //Ask jQuery to hold DOM ready callbacks.
- if (context.scriptCount) {
- jQueryHoldReady($, true);
- context.jQueryIncremented = true;
- }
- }
- }
- }
- };
-
- function findCycle(manager, traced) {
- var fullName = manager.map.fullName,
- depArray = manager.depArray,
- fullyLoaded = true,
- i, depName, depManager, result;
-
- if (manager.isDone || !fullName || !loaded[fullName]) {
- return result;
- }
-
- //Found the cycle.
- if (traced[fullName]) {
- return manager;
- }
-
- traced[fullName] = true;
-
- //Trace through the dependencies.
- if (depArray) {
- for (i = 0; i < depArray.length; i++) {
- //Some array members may be null, like if a trailing comma
- //IE, so do the explicit [i] access and check if it has a value.
- depName = depArray[i];
- if (!loaded[depName] && !reservedDependencies[depName]) {
- fullyLoaded = false;
- break;
- }
- depManager = waiting[depName];
- if (depManager && !depManager.isDone && loaded[depName]) {
- result = findCycle(depManager, traced);
- if (result) {
- break;
- }
- }
- }
- if (!fullyLoaded) {
- //Discard the cycle that was found, since it cannot
- //be forced yet. Also clear this module from traced.
- result = undefined;
- delete traced[fullName];
- }
- }
-
- return result;
- }
-
- function forceExec(manager, traced) {
- var fullName = manager.map.fullName,
- depArray = manager.depArray,
- i, depName, depManager, prefix, prefixManager, value;
-
-
- if (manager.isDone || !fullName || !loaded[fullName]) {
- return undefined;
- }
-
- if (fullName) {
- if (traced[fullName]) {
- return defined[fullName];
- }
-
- traced[fullName] = true;
- }
-
- //Trace through the dependencies.
- if (depArray) {
- for (i = 0; i < depArray.length; i++) {
- //Some array members may be null, like if a trailing comma
- //IE, so do the explicit [i] access and check if it has a value.
- depName = depArray[i];
- if (depName) {
- //First, make sure if it is a plugin resource that the
- //plugin is not blocked.
- prefix = makeModuleMap(depName).prefix;
- if (prefix && (prefixManager = waiting[prefix])) {
- forceExec(prefixManager, traced);
- }
- depManager = waiting[depName];
- if (depManager && !depManager.isDone && loaded[depName]) {
- value = forceExec(depManager, traced);
- manager.depCallbacks[i](value);
- }
- }
- }
- }
-
- return defined[fullName];
- }
-
- /**
- * Checks if all modules for a context are loaded, and if so, evaluates the
- * new ones in right dependency order.
- *
- * @private
- */
- function checkLoaded() {
- var waitInterval = config.waitSeconds * 1000,
- //It is possible to disable the wait interval by using waitSeconds of 0.
- expired = waitInterval && (context.startTime + waitInterval) < new Date().getTime(),
- noLoads = "", hasLoadedProp = false, stillLoading = false,
- cycleDeps = [],
- i, prop, err, manager, cycleManager, moduleDeps;
-
- //If there are items still in the paused queue processing wait.
- //This is particularly important in the sync case where each paused
- //item is processed right away but there may be more waiting.
- if (context.pausedCount > 0) {
- return undefined;
- }
-
- //Determine if priority loading is done. If so clear the priority. If
- //not, then do not check
- if (config.priorityWait) {
- if (isPriorityDone()) {
- //Call resume, since it could have
- //some waiting dependencies to trace.
- resume();
- } else {
- return undefined;
- }
- }
-
- //See if anything is still in flight.
- for (prop in loaded) {
- if (!(prop in empty)) {
- hasLoadedProp = true;
- if (!loaded[prop]) {
- if (expired) {
- noLoads += prop + " ";
- } else {
- stillLoading = true;
- if (prop.indexOf('!') === -1) {
- //No reason to keep looking for unfinished
- //loading. If the only stillLoading is a
- //plugin resource though, keep going,
- //because it may be that a plugin resource
- //is waiting on a non-plugin cycle.
- cycleDeps = [];
- break;
- } else {
- moduleDeps = managerCallbacks[prop] && managerCallbacks[prop].moduleDeps;
- if (moduleDeps) {
- cycleDeps.push.apply(cycleDeps, moduleDeps);
- }
- }
- }
- }
- }
- }
-
- //Check for exit conditions.
- if (!hasLoadedProp && !context.waitCount) {
- //If the loaded object had no items, then the rest of
- //the work below does not need to be done.
- return undefined;
- }
- if (expired && noLoads) {
- //If wait time expired, throw error of unloaded modules.
- err = makeError("timeout", "Load timeout for modules: " + noLoads);
- err.requireType = "timeout";
- err.requireModules = noLoads;
- err.contextName = context.contextName;
- return req.onError(err);
- }
-
- //If still loading but a plugin is waiting on a regular module cycle
- //break the cycle.
- if (stillLoading && cycleDeps.length) {
- for (i = 0; (manager = waiting[cycleDeps[i]]); i++) {
- if ((cycleManager = findCycle(manager, {}))) {
- forceExec(cycleManager, {});
- break;
- }
- }
-
- }
-
- //If still waiting on loads, and the waiting load is something
- //other than a plugin resource, or there are still outstanding
- //scripts, then just try back later.
- if (!expired && (stillLoading || context.scriptCount)) {
- //Something is still waiting to load. Wait for it, but only
- //if a timeout is not already in effect.
- if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) {
- checkLoadedTimeoutId = setTimeout(function () {
- checkLoadedTimeoutId = 0;
- checkLoaded();
- }, 50);
- }
- return undefined;
- }
-
- //If still have items in the waiting cue, but all modules have
- //been loaded, then it means there are some circular dependencies
- //that need to be broken.
- //However, as a waiting thing is fired, then it can add items to
- //the waiting cue, and those items should not be fired yet, so
- //make sure to redo the checkLoaded call after breaking a single
- //cycle, if nothing else loaded then this logic will pick it up
- //again.
- if (context.waitCount) {
- //Cycle through the waitAry, and call items in sequence.
- for (i = 0; (manager = waitAry[i]); i++) {
- forceExec(manager, {});
- }
-
- //If anything got placed in the paused queue, run it down.
- if (context.paused.length) {
- resume();
- }
-
- //Only allow this recursion to a certain depth. Only
- //triggered by errors in calling a module in which its
- //modules waiting on it cannot finish loading, or some circular
- //dependencies that then may add more dependencies.
- //The value of 5 is a bit arbitrary. Hopefully just one extra
- //pass, or two for the case of circular dependencies generating
- //more work that gets resolved in the sync node case.
- if (checkLoadedDepth < 5) {
- checkLoadedDepth += 1;
- checkLoaded();
- }
- }
-
- checkLoadedDepth = 0;
-
- //Check for DOM ready, and nothing is waiting across contexts.
- req.checkReadyState();
-
- return undefined;
- }
-
- /**
- * Resumes tracing of dependencies and then checks if everything is loaded.
- */
- resume = function () {
- var manager, map, url, i, p, args, fullName;
-
- //Any defined modules in the global queue, intake them now.
- context.takeGlobalQueue();
-
- resumeDepth += 1;
-
- if (context.scriptCount <= 0) {
- //Synchronous envs will push the number below zero with the
- //decrement above, be sure to set it back to zero for good measure.
- //require() calls that also do not end up loading scripts could
- //push the number negative too.
- context.scriptCount = 0;
- }
-
- //Make sure any remaining defQueue items get properly processed.
- while (defQueue.length) {
- args = defQueue.shift();
- if (args[0] === null) {
- return req.onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1]));
- } else {
- callDefMain(args);
- }
- }
-
- //Skip the resume of paused dependencies
- //if current context is in priority wait.
- if (!config.priorityWait || isPriorityDone()) {
- while (context.paused.length) {
- p = context.paused;
- context.pausedCount += p.length;
- //Reset paused list
- context.paused = [];
-
- for (i = 0; (manager = p[i]); i++) {
- map = manager.map;
- url = map.url;
- fullName = map.fullName;
-
- //If the manager is for a plugin managed resource,
- //ask the plugin to load it now.
- if (map.prefix) {
- callPlugin(map.prefix, manager);
- } else {
- //Regular dependency.
- if (!urlFetched[url] && !loaded[fullName]) {
- (config.requireLoad || req.load)(context, fullName, url);
-
- //Mark the URL as fetched, but only if it is
- //not an empty: URL, used by the optimizer.
- //In that case we need to be sure to call
- //load() for each module that is mapped to
- //empty: so that dependencies are satisfied
- //correctly.
- if (url.indexOf('empty:') !== 0) {
- urlFetched[url] = true;
- }
- }
- }
- }
-
- //Move the start time for timeout forward.
- context.startTime = (new Date()).getTime();
- context.pausedCount -= p.length;
- }
- }
-
- //Only check if loaded when resume depth is 1. It is likely that
- //it is only greater than 1 in sync environments where a factory
- //function also then calls the callback-style require. In those
- //cases, the checkLoaded should not occur until the resume
- //depth is back at the top level.
- if (resumeDepth === 1) {
- checkLoaded();
- }
-
- resumeDepth -= 1;
-
- return undefined;
- };
-
- //Define the context object. Many of these fields are on here
- //just to make debugging easier.
- context = {
- contextName: contextName,
- config: config,
- defQueue: defQueue,
- waiting: waiting,
- waitCount: 0,
- specified: specified,
- loaded: loaded,
- urlMap: urlMap,
- urlFetched: urlFetched,
- scriptCount: 0,
- defined: defined,
- paused: [],
- pausedCount: 0,
- plugins: plugins,
- needFullExec: needFullExec,
- fake: {},
- fullExec: fullExec,
- managerCallbacks: managerCallbacks,
- makeModuleMap: makeModuleMap,
- normalize: normalize,
- /**
- * Set a configuration for the context.
- * @param {Object} cfg config object to integrate.
- */
- configure: function (cfg) {
- var paths, prop, packages, pkgs, packagePaths, requireWait;
-
- //Make sure the baseUrl ends in a slash.
- if (cfg.baseUrl) {
- if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== "/") {
- cfg.baseUrl += "/";
- }
- }
-
- //Save off the paths and packages since they require special processing,
- //they are additive.
- paths = config.paths;
- packages = config.packages;
- pkgs = config.pkgs;
-
- //Mix in the config values, favoring the new values over
- //existing ones in context.config.
- mixin(config, cfg, true);
-
- //Adjust paths if necessary.
- if (cfg.paths) {
- for (prop in cfg.paths) {
- if (!(prop in empty)) {
- paths[prop] = cfg.paths[prop];
- }
- }
- config.paths = paths;
- }
-
- packagePaths = cfg.packagePaths;
- if (packagePaths || cfg.packages) {
- //Convert packagePaths into a packages config.
- if (packagePaths) {
- for (prop in packagePaths) {
- if (!(prop in empty)) {
- configurePackageDir(pkgs, packagePaths[prop], prop);
- }
- }
- }
-
- //Adjust packages if necessary.
- if (cfg.packages) {
- configurePackageDir(pkgs, cfg.packages);
- }
-
- //Done with modifications, assing packages back to context config
- config.pkgs = pkgs;
- }
-
- //If priority loading is in effect, trigger the loads now
- if (cfg.priority) {
- //Hold on to requireWait value, and reset it after done
- requireWait = context.requireWait;
-
- //Allow tracing some require calls to allow the fetching
- //of the priority config.
- context.requireWait = false;
- //But first, call resume to register any defined modules that may
- //be in a data-main built file before the priority config
- //call.
- resume();
-
- context.require(cfg.priority);
-
- //Trigger a resume right away, for the case when
- //the script with the priority load is done as part
- //of a data-main call. In that case the normal resume
- //call will not happen because the scriptCount will be
- //at 1, since the script for data-main is being processed.
- resume();
-
- //Restore previous state.
- context.requireWait = requireWait;
- config.priorityWait = cfg.priority;
- }
-
- //If a deps array or a config callback is specified, then call
- //require with those args. This is useful when require is defined as a
- //config object before require.js is loaded.
- if (cfg.deps || cfg.callback) {
- context.require(cfg.deps || [], cfg.callback);
- }
- },
-
- requireDefined: function (moduleName, relModuleMap) {
- return makeModuleMap(moduleName, relModuleMap).fullName in defined;
- },
-
- requireSpecified: function (moduleName, relModuleMap) {
- return makeModuleMap(moduleName, relModuleMap).fullName in specified;
- },
-
- require: function (deps, callback, relModuleMap) {
- var moduleName, fullName, moduleMap;
- if (typeof deps === "string") {
- if (isFunction(callback)) {
- //Invalid call
- return req.onError(makeError("requireargs", "Invalid require call"));
- }
-
- //Synchronous access to one module. If require.get is
- //available (as in the Node adapter), prefer that.
- //In this case deps is the moduleName and callback is
- //the relModuleMap
- if (req.get) {
- return req.get(context, deps, callback);
- }
-
- //Just return the module wanted. In this scenario, the
- //second arg (if passed) is just the relModuleMap.
- moduleName = deps;
- relModuleMap = callback;
-
- //Normalize module name, if it contains . or ..
- moduleMap = makeModuleMap(moduleName, relModuleMap);
- fullName = moduleMap.fullName;
-
- if (!(fullName in defined)) {
- return req.onError(makeError("notloaded", "Module name '" +
- moduleMap.fullName +
- "' has not been loaded yet for context: " +
- contextName));
- }
- return defined[fullName];
- }
-
- //Call main but only if there are dependencies or
- //a callback to call.
- if (deps && deps.length || callback) {
- main(null, deps, callback, relModuleMap);
- }
-
- //If the require call does not trigger anything new to load,
- //then resume the dependency processing.
- if (!context.requireWait) {
- while (!context.scriptCount && context.paused.length) {
- resume();
- }
- }
- return context.require;
- },
-
- /**
- * Internal method to transfer globalQueue items to this context's
- * defQueue.
- */
- takeGlobalQueue: function () {
- //Push all the globalDefQueue items into the context's defQueue
- if (globalDefQueue.length) {
- //Array splice in the values since the context code has a
- //local var ref to defQueue, so cannot just reassign the one
- //on context.
- apsp.apply(context.defQueue,
- [context.defQueue.length - 1, 0].concat(globalDefQueue));
- globalDefQueue = [];
- }
- },
-
- /**
- * Internal method used by environment adapters to complete a load event.
- * A load event could be a script load or just a load pass from a synchronous
- * load call.
- * @param {String} moduleName the name of the module to potentially complete.
- */
- completeLoad: function (moduleName) {
- var args;
-
- context.takeGlobalQueue();
-
- while (defQueue.length) {
- args = defQueue.shift();
-
- if (args[0] === null) {
- args[0] = moduleName;
- break;
- } else if (args[0] === moduleName) {
- //Found matching define call for this script!
- break;
- } else {
- //Some other named define call, most likely the result
- //of a build layer that included many define calls.
- callDefMain(args);
- args = null;
- }
- }
- if (args) {
- callDefMain(args);
- } else {
- //A script that does not call define(), so just simulate
- //the call for it. Special exception for jQuery dynamic load.
- callDefMain([moduleName, [],
- moduleName === "jquery" && typeof jQuery !== "undefined" ?
- function () {
- return jQuery;
- } : null]);
- }
-
- //Doing this scriptCount decrement branching because sync envs
- //need to decrement after resume, otherwise it looks like
- //loading is complete after the first dependency is fetched.
- //For browsers, it works fine to decrement after, but it means
- //the checkLoaded setTimeout 50 ms cost is taken. To avoid
- //that cost, decrement beforehand.
- if (req.isAsync) {
- context.scriptCount -= 1;
- }
- resume();
- if (!req.isAsync) {
- context.scriptCount -= 1;
- }
- },
-
- /**
- * Converts a module name + .extension into an URL path.
- * *Requires* the use of a module name. It does not support using
- * plain URLs like nameToUrl.
- */
- toUrl: function (moduleNamePlusExt, relModuleMap) {
- var index = moduleNamePlusExt.lastIndexOf("."),
- ext = null;
-
- if (index !== -1) {
- ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length);
- moduleNamePlusExt = moduleNamePlusExt.substring(0, index);
- }
-
- return context.nameToUrl(moduleNamePlusExt, ext, relModuleMap);
- },
-
- /**
- * Converts a module name to a file path. Supports cases where
- * moduleName may actually be just an URL.
- */
- nameToUrl: function (moduleName, ext, relModuleMap) {
- var paths, pkgs, pkg, pkgPath, syms, i, parentModule, url,
- config = context.config;
-
- //Normalize module name if have a base relative module name to work from.
- moduleName = normalize(moduleName, relModuleMap && relModuleMap.fullName);
-
- //If a colon is in the URL, it indicates a protocol is used and it is just
- //an URL to a file, or if it starts with a slash or ends with .js, it is just a plain file.
- //The slash is important for protocol-less URLs as well as full paths.
- if (req.jsExtRegExp.test(moduleName)) {
- //Just a plain path, not module name lookup, so just return it.
- //Add extension if it is included. This is a bit wonky, only non-.js things pass
- //an extension, this method probably needs to be reworked.
- url = moduleName + (ext ? ext : "");
- } else {
- //A module that needs to be converted to a path.
- paths = config.paths;
- pkgs = config.pkgs;
-
- syms = moduleName.split("/");
- //For each module name segment, see if there is a path
- //registered for it. Start with most specific name
- //and work up from it.
- for (i = syms.length; i > 0; i--) {
- parentModule = syms.slice(0, i).join("/");
- if (paths[parentModule]) {
- syms.splice(0, i, paths[parentModule]);
- break;
- } else if ((pkg = pkgs[parentModule])) {
- //If module name is just the package name, then looking
- //for the main module.
- if (moduleName === pkg.name) {
- pkgPath = pkg.location + '/' + pkg.main;
- } else {
- pkgPath = pkg.location;
- }
- syms.splice(0, i, pkgPath);
- break;
- }
- }
-
- //Join the path parts together, then figure out if baseUrl is needed.
- url = syms.join("/") + (ext || ".js");
- url = (url.charAt(0) === '/' || url.match(/^\w+:/) ? "" : config.baseUrl) + url;
- }
-
- return config.urlArgs ? url +
- ((url.indexOf('?') === -1 ? '?' : '&') +
- config.urlArgs) : url;
- }
- };
-
- //Make these visible on the context so can be called at the very
- //end of the file to bootstrap
- context.jQueryCheck = jQueryCheck;
- context.resume = resume;
-
- return context;
- }
-
- /**
- * Main entry point.
- *
- * If the only argument to require is a string, then the module that
- * is represented by that string is fetched for the appropriate context.
- *
- * If the first argument is an array, then it will be treated as an array
- * of dependency string names to fetch. An optional function callback can
- * be specified to execute when all of those dependencies are available.
- *
- * Make a local req variable to help Caja compliance (it assumes things
- * on a require that are not standardized), and to give a short
- * name for minification/local scope use.
- */
- req = requirejs = function (deps, callback) {
-
- //Find the right context, use default
- var contextName = defContextName,
- context, config;
-
- // Determine if have config object in the call.
- if (!isArray(deps) && typeof deps !== "string") {
- // deps is a config object
- config = deps;
- if (isArray(callback)) {
- // Adjust args if there are dependencies
- deps = callback;
- callback = arguments[2];
- } else {
- deps = [];
- }
- }
-
- if (config && config.context) {
- contextName = config.context;
- }
-
- context = contexts[contextName] ||
- (contexts[contextName] = newContext(contextName));
-
- if (config) {
- context.configure(config);
- }
-
- return context.require(deps, callback);
- };
-
- /**
- * Support require.config() to make it easier to cooperate with other
- * AMD loaders on globally agreed names.
- */
- req.config = function (config) {
- return req(config);
- };
-
- /**
- * Export require as a global, but only if it does not already exist.
- */
- if (!require) {
- require = req;
- }
-
- /**
- * Global require.toUrl(), to match global require, mostly useful
- * for debugging/work in the global space.
- */
- req.toUrl = function (moduleNamePlusExt) {
- return contexts[defContextName].toUrl(moduleNamePlusExt);
- };
-
- req.version = version;
-
- //Used to filter out dependencies that are already paths.
- req.jsExtRegExp = /^\/|:|\?|\.js$/;
- s = req.s = {
- contexts: contexts,
- //Stores a list of URLs that should not get async script tag treatment.
- skipAsync: {}
- };
-
- req.isAsync = req.isBrowser = isBrowser;
- if (isBrowser) {
- head = s.head = document.getElementsByTagName("head")[0];
- //If BASE tag is in play, using appendChild is a problem for IE6.
- //When that browser dies, this can be removed. Details in this jQuery bug:
- //http://dev.jquery.com/ticket/2709
- baseElement = document.getElementsByTagName("base")[0];
- if (baseElement) {
- head = s.head = baseElement.parentNode;
- }
- }
-
- /**
- * Any errors that require explicitly generates will be passed to this
- * function. Intercept/override it if you want custom error handling.
- * @param {Error} err the error object.
- */
- req.onError = function (err) {
- throw err;
- };
-
- /**
- * Does the request to load a module for the browser case.
- * Make this a separate function to allow other environments
- * to override it.
- *
- * @param {Object} context the require context to find state.
- * @param {String} moduleName the name of the module.
- * @param {Object} url the URL to the module.
- */
- req.load = function (context, moduleName, url) {
- req.resourcesReady(false);
-
- context.scriptCount += 1;
- req.attach(url, context, moduleName);
-
- //If tracking a jQuery, then make sure its ready callbacks
- //are put on hold to prevent its ready callbacks from
- //triggering too soon.
- if (context.jQuery && !context.jQueryIncremented) {
- jQueryHoldReady(context.jQuery, true);
- context.jQueryIncremented = true;
- }
- };
-
- function getInteractiveScript() {
- var scripts, i, script;
- if (interactiveScript && interactiveScript.readyState === 'interactive') {
- return interactiveScript;
- }
-
- scripts = document.getElementsByTagName('script');
- for (i = scripts.length - 1; i > -1 && (script = scripts[i]); i--) {
- if (script.readyState === 'interactive') {
- return (interactiveScript = script);
- }
- }
-
- return null;
- }
-
- /**
- * The function that handles definitions of modules. Differs from
- * require() in that a string for the module should be the first argument,
- * and the function to execute after dependencies are loaded should
- * return a value to define the module corresponding to the first argument's
- * name.
- */
- define = function (name, deps, callback) {
- var node, context;
-
- //Allow for anonymous functions
- if (typeof name !== 'string') {
- //Adjust args appropriately
- callback = deps;
- deps = name;
- name = null;
- }
-
- //This module may not have dependencies
- if (!isArray(deps)) {
- callback = deps;
- deps = [];
- }
-
- //If no name, and callback is a function, then figure out if it a
- //CommonJS thing with dependencies.
- if (!deps.length && isFunction(callback)) {
- //Remove comments from the callback string,
- //look for require calls, and pull them into the dependencies,
- //but only if there are function args.
- if (callback.length) {
- callback
- .toString()
- .replace(commentRegExp, "")
- .replace(cjsRequireRegExp, function (match, dep) {
- deps.push(dep);
- });
-
- //May be a CommonJS thing even without require calls, but still
- //could use exports, and module. Avoid doing exports and module
- //work though if it just needs require.
- //REQUIRES the function to expect the CommonJS variables in the
- //order listed below.
- deps = (callback.length === 1 ? ["require"] : ["require", "exports", "module"]).concat(deps);
- }
- }
-
- //If in IE 6-8 and hit an anonymous define() call, do the interactive
- //work.
- if (useInteractive) {
- node = currentlyAddingScript || getInteractiveScript();
- if (node) {
- if (!name) {
- name = node.getAttribute("data-requiremodule");
- }
- context = contexts[node.getAttribute("data-requirecontext")];
- }
- }
-
- //Always save off evaluating the def call until the script onload handler.
- //This allows multiple modules to be in a file without prematurely
- //tracing dependencies, and allows for anonymous module support,
- //where the module name is not known until the script onload event
- //occurs. If no context, use the global queue, and get it processed
- //in the onscript load callback.
- (context ? context.defQueue : globalDefQueue).push([name, deps, callback]);
-
- return undefined;
- };
-
- define.amd = {
- multiversion: true,
- plugins: true,
- jQuery: true
- };
-
- /**
- * Executes the text. Normally just uses eval, but can be modified
- * to use a more environment specific call.
- * @param {String} text the text to execute/evaluate.
- */
- req.exec = function (text) {
- return eval(text);
- };
-
- /**
- * Executes a module callack function. Broken out as a separate function
- * solely to allow the build system to sequence the files in the built
- * layer in the right sequence.
- *
- * @private
- */
- req.execCb = function (name, callback, args, exports) {
- return callback.apply(exports, args);
- };
-
-
- /**
- * Adds a node to the DOM. Public function since used by the order plugin.
- * This method should not normally be called by outside code.
- */
- req.addScriptToDom = function (node) {
- //For some cache cases in IE 6-8, the script executes before the end
- //of the appendChild execution, so to tie an anonymous define
- //call to the module name (which is stored on the node), hold on
- //to a reference to this node, but clear after the DOM insertion.
- currentlyAddingScript = node;
- if (baseElement) {
- head.insertBefore(node, baseElement);
- } else {
- head.appendChild(node);
- }
- currentlyAddingScript = null;
- };
-
- /**
- * callback for script loads, used to check status of loading.
- *
- * @param {Event} evt the event from the browser for the script
- * that was loaded.
- *
- * @private
- */
- req.onScriptLoad = function (evt) {
- //Using currentTarget instead of target for Firefox 2.0's sake. Not
- //all old browsers will be supported, but this one was easy enough
- //to support and still makes sense.
- var node = evt.currentTarget || evt.srcElement, contextName, moduleName,
- context;
-
- if (evt.type === "load" || (node && readyRegExp.test(node.readyState))) {
- //Reset interactive script so a script node is not held onto for
- //to long.
- interactiveScript = null;
-
- //Pull out the name of the module and the context.
- contextName = node.getAttribute("data-requirecontext");
- moduleName = node.getAttribute("data-requiremodule");
- context = contexts[contextName];
-
- contexts[contextName].completeLoad(moduleName);
-
- //Clean up script binding. Favor detachEvent because of IE9
- //issue, see attachEvent/addEventListener comment elsewhere
- //in this file.
- if (node.detachEvent && !isOpera) {
- //Probably IE. If not it will throw an error, which will be
- //useful to know.
- node.detachEvent("onreadystatechange", req.onScriptLoad);
- } else {
- node.removeEventListener("load", req.onScriptLoad, false);
- }
- }
- };
-
- /**
- * Attaches the script represented by the URL to the current
- * environment. Right now only supports browser loading,
- * but can be redefined in other environments to do the right thing.
- * @param {String} url the url of the script to attach.
- * @param {Object} context the context that wants the script.
- * @param {moduleName} the name of the module that is associated with the script.
- * @param {Function} [callback] optional callback, defaults to require.onScriptLoad
- * @param {String} [type] optional type, defaults to text/javascript
- * @param {Function} [fetchOnlyFunction] optional function to indicate the script node
- * should be set up to fetch the script but do not attach it to the DOM
- * so that it can later be attached to execute it. This is a way for the
- * order plugin to support ordered loading in IE. Once the script is fetched,
- * but not executed, the fetchOnlyFunction will be called.
- */
- req.attach = function (url, context, moduleName, callback, type, fetchOnlyFunction) {
- var node;
- if (isBrowser) {
- //In the browser so use a script tag
- callback = callback || req.onScriptLoad;
- node = context && context.config && context.config.xhtml ?
- document.createElementNS("http://www.w3.org/1999/xhtml", "html:script") :
- document.createElement("script");
- node.type = type || (context && context.config.scriptType) ||
- "text/javascript";
- node.charset = "utf-8";
- //Use async so Gecko does not block on executing the script if something
- //like a long-polling comet tag is being run first. Gecko likes
- //to evaluate scripts in DOM order, even for dynamic scripts.
- //It will fetch them async, but only evaluate the contents in DOM
- //order, so a long-polling script tag can delay execution of scripts
- //after it. But telling Gecko we expect async gets us the behavior
- //we want -- execute it whenever it is finished downloading. Only
- //Helps Firefox 3.6+
- //Allow some URLs to not be fetched async. Mostly helps the order!
- //plugin
- node.async = !s.skipAsync[url];
-
- if (context) {
- node.setAttribute("data-requirecontext", context.contextName);
- }
- node.setAttribute("data-requiremodule", moduleName);
-
- //Set up load listener. Test attachEvent first because IE9 has
- //a subtle issue in its addEventListener and script onload firings
- //that do not match the behavior of all other browsers with
- //addEventListener support, which fire the onload event for a
- //script right after the script execution. See:
- //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution
- //UNFORTUNATELY Opera implements attachEvent but does not follow the script
- //script execution mode.
- if (node.attachEvent && !isOpera) {
- //Probably IE. IE (at least 6-8) do not fire
- //script onload right after executing the script, so
- //we cannot tie the anonymous define call to a name.
- //However, IE reports the script as being in "interactive"
- //readyState at the time of the define call.
- useInteractive = true;
-
-
- if (fetchOnlyFunction) {
- //Need to use old school onreadystate here since
- //when the event fires and the node is not attached
- //to the DOM, the evt.srcElement is null, so use
- //a closure to remember the node.
- node.onreadystatechange = function (evt) {
- //Script loaded but not executed.
- //Clear loaded handler, set the real one that
- //waits for script execution.
- if (node.readyState === 'loaded') {
- node.onreadystatechange = null;
- node.attachEvent("onreadystatechange", callback);
- fetchOnlyFunction(node);
- }
- };
- } else {
- node.attachEvent("onreadystatechange", callback);
- }
- } else {
- node.addEventListener("load", callback, false);
- }
- node.src = url;
-
- //Fetch only means waiting to attach to DOM after loaded.
- if (!fetchOnlyFunction) {
- req.addScriptToDom(node);
- }
-
- return node;
- } else if (isWebWorker) {
- //In a web worker, use importScripts. This is not a very
- //efficient use of importScripts, importScripts will block until
- //its script is downloaded and evaluated. However, if web workers
- //are in play, the expectation that a build has been done so that
- //only one script needs to be loaded anyway. This may need to be
- //reevaluated if other use cases become common.
- importScripts(url);
-
- //Account for anonymous modules
- context.completeLoad(moduleName);
- }
- return null;
- };
-
- //Look for a data-main script attribute, which could also adjust the baseUrl.
- if (isBrowser) {
- //Figure out baseUrl. Get it from the script tag with require.js in it.
- scripts = document.getElementsByTagName("script");
-
- for (globalI = scripts.length - 1; globalI > -1 && (script = scripts[globalI]); globalI--) {
- //Set the "head" where we can append children by
- //using the script's parent.
- if (!head) {
- head = script.parentNode;
- }
-
- //Look for a data-main attribute to set main script for the page
- //to load. If it is there, the path to data main becomes the
- //baseUrl, if it is not already set.
- if ((dataMain = script.getAttribute('data-main'))) {
- if (!cfg.baseUrl) {
- //Pull off the directory of data-main for use as the
- //baseUrl.
- src = dataMain.split('/');
- mainScript = src.pop();
- subPath = src.length ? src.join('/') + '/' : './';
-
- //Set final config.
- cfg.baseUrl = subPath;
- //Strip off any trailing .js since dataMain is now
- //like a module name.
- dataMain = mainScript.replace(jsSuffixRegExp, '');
- }
-
- //Put the data-main script in the files to load.
- cfg.deps = cfg.deps ? cfg.deps.concat(dataMain) : [dataMain];
-
- break;
- }
- }
- }
-
- //See if there is nothing waiting across contexts, and if not, trigger
- //resourcesReady.
- req.checkReadyState = function () {
- var contexts = s.contexts, prop;
- for (prop in contexts) {
- if (!(prop in empty)) {
- if (contexts[prop].waitCount) {
- return;
- }
- }
- }
- req.resourcesReady(true);
- };
-
- /**
- * Internal function that is triggered whenever all scripts/resources
- * have been loaded by the loader. Can be overridden by other, for
- * instance the domReady plugin, which wants to know when all resources
- * are loaded.
- */
- req.resourcesReady = function (isReady) {
- var contexts, context, prop;
-
- //First, set the public variable indicating that resources are loading.
- req.resourcesDone = isReady;
-
- if (req.resourcesDone) {
- //If jQuery with DOM ready delayed, release it now.
- contexts = s.contexts;
- for (prop in contexts) {
- if (!(prop in empty)) {
- context = contexts[prop];
- if (context.jQueryIncremented) {
- jQueryHoldReady(context.jQuery, false);
- context.jQueryIncremented = false;
- }
- }
- }
- }
- };
-
- //FF < 3.6 readyState fix. Needed so that domReady plugin
- //works well in that environment, since require.js is normally
- //loaded via an HTML script tag so it will be there before window load,
- //where the domReady plugin is more likely to be loaded after window load.
- req.pageLoaded = function () {
- if (document.readyState !== "complete") {
- document.readyState = "complete";
- }
- };
- if (isBrowser) {
- if (document.addEventListener) {
- if (!document.readyState) {
- document.readyState = "loading";
- window.addEventListener("load", req.pageLoaded, false);
- }
- }
- }
-
- //Set up default context. If require was a configuration object, use that as base config.
- req(cfg);
-
- //If modules are built into require.js, then need to make sure dependencies are
- //traced. Use a setTimeout in the browser world, to allow all the modules to register
- //themselves. In a non-browser env, assume that modules are not built into require.js,
- //which seems odd to do on the server.
- if (req.isAsync && typeof setTimeout !== "undefined") {
- ctx = s.contexts[(cfg.context || defContextName)];
- //Indicate that the script that includes require() is still loading,
- //so that require()'d dependencies are not traced until the end of the
- //file is parsed (approximated via the setTimeout call).
- ctx.requireWait = true;
- setTimeout(function () {
- ctx.requireWait = false;
-
- if (!ctx.scriptCount) {
- ctx.resume();
- }
- req.checkReadyState();
- }, 0);
- }
-}());
-
-
- if (env === 'rhino') {
- /**
- * @license RequireJS rhino Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global require: false, java: false, load: false */
-
-(function () {
-
- require.load = function (context, moduleName, url) {
- //Indicate a the module is in process of loading.
- context.scriptCount += 1;
-
- load(url);
-
- //Support anonymous modules.
- context.completeLoad(moduleName);
- };
-
-}());
- } else if (env === 'node') {
- this.requirejsVars = {
- require: require,
- requirejs: require,
- define: define,
- nodeRequire: nodeRequire
- };
- require.nodeRequire = nodeRequire;
-
- /**
- * @license RequireJS node Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint regexp: false, strict: false */
-/*global require: false, define: false, requirejsVars: false, process: false */
-
-/**
- * This adapter assumes that x.js has loaded it and set up
- * some variables. This adapter just allows limited RequireJS
- * usage from within the requirejs directory. The general
- * node adapater is r.js.
- */
-
-(function () {
- var nodeReq = requirejsVars.nodeRequire,
- req = requirejsVars.require,
- def = requirejsVars.define,
- fs = nodeReq('fs'),
- path = nodeReq('path'),
- vm = nodeReq('vm');
-
- //Supply an implementation that allows synchronous get of a module.
- req.get = function (context, moduleName, relModuleMap) {
- if (moduleName === "require" || moduleName === "exports" || moduleName === "module") {
- req.onError(new Error("Explicit require of " + moduleName + " is not allowed."));
- }
-
- var ret,
- moduleMap = context.makeModuleMap(moduleName, relModuleMap);
-
- //Normalize module name, if it contains . or ..
- moduleName = moduleMap.fullName;
-
- if (moduleName in context.defined) {
- ret = context.defined[moduleName];
- } else {
- if (ret === undefined) {
- //Try to dynamically fetch it.
- req.load(context, moduleName, moduleMap.url);
- //The above call is sync, so can do the next thing safely.
- ret = context.defined[moduleName];
- }
- }
-
- return ret;
- };
-
- //Add wrapper around the code so that it gets the requirejs
- //API instead of the Node API, and it is done lexically so
- //that it survives later execution.
- req.makeNodeWrapper = function (contents) {
- return '(function (require, requirejs, define) { ' +
- contents +
- '\n}(requirejsVars.require, requirejsVars.requirejs, requirejsVars.define));';
- };
-
- requirejsVars.nodeLoad = req.load = function (context, moduleName, url) {
- var contents, err;
-
- //Indicate a the module is in process of loading.
- context.scriptCount += 1;
-
- if (path.existsSync(url)) {
- contents = fs.readFileSync(url, 'utf8');
-
- contents = req.makeNodeWrapper(contents);
- try {
- vm.runInThisContext(contents, fs.realpathSync(url));
- } catch (e) {
- err = new Error('Evaluating ' + url + ' as module "' +
- moduleName + '" failed with error: ' + e);
- err.originalError = e;
- err.moduleName = moduleName;
- err.fileName = url;
- return req.onError(err);
- }
- } else {
- def(moduleName, function () {
- try {
- return (context.config.nodeRequire || req.nodeRequire)(moduleName);
- } catch (e) {
- err = new Error('Calling node\'s require("' +
- moduleName + '") failed with error: ' + e);
- err.originalError = e;
- err.moduleName = moduleName;
- return req.onError(err);
- }
- });
- }
-
- //Support anonymous modules.
- context.completeLoad(moduleName);
-
- return undefined;
- };
-
- //Override to provide the function wrapper for define/require.
- req.exec = function (text) {
- /*jslint evil: true */
- text = req.makeNodeWrapper(text);
- return eval(text);
- };
-
- //Hold on to the original execCb to use in useLib calls.
- requirejsVars.nodeRequireExecCb = require.execCb;
-}());
-
- }
-
- //Support a default file name to execute. Useful for hosted envs
- //like Joyent where it defaults to a server.js as the only executed
- //script. But only do it if this is not an optimization run.
- if (commandOption !== 'o' && (!fileName || !jsSuffixRegExp.test(fileName))) {
- fileName = 'main.js';
- }
-
- /**
- * Loads the library files that can be used for the optimizer, or for other
- * tasks.
- */
- function loadLib() {
- /**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global Packages: false, process: false, window: false, navigator: false,
- document: false, define: false */
-
-/**
- * A plugin that modifies any /env/ path to be the right path based on
- * the host environment. Right now only works for Node, Rhino and browser.
- */
-(function () {
- var pathRegExp = /(\/|^)env\/|\{env\}/,
- env = 'unknown';
-
- if (typeof Packages !== 'undefined') {
- env = 'rhino';
- } else if (typeof process !== 'undefined') {
- env = 'node';
- } else if (typeof window !== "undefined" && navigator && document) {
- env = 'browser';
- }
-
- define('env', {
- load: function (name, req, load, config) {
- //Allow override in the config.
- if (config.env) {
- env = config.env;
- }
-
- name = name.replace(pathRegExp, function (match, prefix) {
- if (match.indexOf('{') === -1) {
- return prefix + env + '/';
- } else {
- return env;
- }
- });
-
- req([name], function (mod) {
- load(mod);
- });
- }
- });
-}());
-if(env === 'node') {
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false, process: false */
-
-define('node/args', function () {
- //Do not return the "node" or "r.js" arguments
- var args = process.argv.slice(2);
-
- //Ignore any command option used for rq.js
- if (args[0] && args[0].indexOf('-' === 0)) {
- args = args.slice(1);
- }
-
- return args;
-});
-
-}
-
-if(env === 'rhino') {
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false, process: false */
-
-var jsLibRhinoArgs = (typeof rhinoArgs !== 'undefined' && rhinoArgs) || [].concat(Array.prototype.slice.call(arguments, 0));
-
-define('rhino/args', function () {
- var args = jsLibRhinoArgs;
-
- //Ignore any command option used for rq.js
- if (args[0] && args[0].indexOf('-' === 0)) {
- args = args.slice(1);
- }
-
- return args;
-});
-
-}
-
-if(env === 'node') {
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false, console: false */
-
-define('node/load', ['fs'], function (fs) {
- function load(fileName) {
- var contents = fs.readFileSync(fileName, 'utf8');
- process.compile(contents, fileName);
- }
-
- return load;
-});
-
-}
-
-if(env === 'rhino') {
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false, load: false */
-
-define('rhino/load', function () {
- return load;
-});
-
-}
-
-if(env === 'node') {
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint plusplus: false, octal:false, strict: false */
-/*global define: false, process: false */
-
-define('node/file', ['fs', 'path'], function (fs, path) {
-
- var isWindows = process.platform === 'win32',
- windowsDriveRegExp = /^[a-zA-Z]\:\/$/,
- file;
-
- function frontSlash(path) {
- return path.replace(/\\/g, '/');
- }
-
- function exists(path) {
- if (isWindows && path.charAt(path.length - 1) === '/' &&
- path.charAt(path.length - 2) !== ':') {
- path = path.substring(0, path.length - 1);
- }
-
- try {
- fs.statSync(path);
- return true;
- } catch (e) {
- return false;
- }
- }
-
- function mkDir(dir) {
- if (!exists(dir) && (!isWindows || !windowsDriveRegExp.test(dir))) {
- fs.mkdirSync(dir, 511);
- }
- }
-
- function mkFullDir(dir) {
- var parts = dir.split('/'),
- currDir = '',
- first = true;
-
- parts.forEach(function (part) {
- //First part may be empty string if path starts with a slash.
- currDir += part + '/';
- first = false;
-
- if (part) {
- mkDir(currDir);
- }
- });
- }
-
- file = {
- backSlashRegExp: /\\/g,
- exclusionRegExp: /^\./,
- getLineSeparator: function () {
- return '/';
- },
-
- exists: function (fileName) {
- return exists(fileName);
- },
-
- parent: function (fileName) {
- var parts = fileName.split('/');
- parts.pop();
- return parts.join('/');
- },
-
- /**
- * Gets the absolute file path as a string, normalized
- * to using front slashes for path separators.
- * @param {String} fileName
- */
- absPath: function (fileName) {
- return frontSlash(path.normalize(frontSlash(fs.realpathSync(fileName))));
- },
-
- normalize: function (fileName) {
- return frontSlash(path.normalize(fileName));
- },
-
- isFile: function (path) {
- return fs.statSync(path).isFile();
- },
-
- isDirectory: function (path) {
- return fs.statSync(path).isDirectory();
- },
-
- getFilteredFileList: function (/*String*/startDir, /*RegExp*/regExpFilters, /*boolean?*/makeUnixPaths) {
- //summary: Recurses startDir and finds matches to the files that match regExpFilters.include
- //and do not match regExpFilters.exclude. Or just one regexp can be passed in for regExpFilters,
- //and it will be treated as the "include" case.
- //Ignores files/directories that start with a period (.) unless exclusionRegExp
- //is set to another value.
- var files = [], topDir, regExpInclude, regExpExclude, dirFileArray,
- i, stat, filePath, ok, dirFiles, fileName;
-
- topDir = startDir;
-
- regExpInclude = regExpFilters.include || regExpFilters;
- regExpExclude = regExpFilters.exclude || null;
-
- if (file.exists(topDir)) {
- dirFileArray = fs.readdirSync(topDir);
- for (i = 0; i < dirFileArray.length; i++) {
- fileName = dirFileArray[i];
- filePath = path.join(topDir, fileName);
- stat = fs.statSync(filePath);
- if (stat.isFile()) {
- if (makeUnixPaths) {
- //Make sure we have a JS string.
- if (filePath.indexOf("/") === -1) {
- filePath = frontSlash(filePath);
- }
- }
-
- ok = true;
- if (regExpInclude) {
- ok = filePath.match(regExpInclude);
- }
- if (ok && regExpExclude) {
- ok = !filePath.match(regExpExclude);
- }
-
- if (ok && (!file.exclusionRegExp ||
- !file.exclusionRegExp.test(fileName))) {
- files.push(filePath);
- }
- } else if (stat.isDirectory() &&
- (!file.exclusionRegExp || !file.exclusionRegExp.test(fileName))) {
- dirFiles = this.getFilteredFileList(filePath, regExpFilters, makeUnixPaths);
- files.push.apply(files, dirFiles);
- }
- }
- }
-
- return files; //Array
- },
-
- copyDir: function (/*String*/srcDir, /*String*/destDir, /*RegExp?*/regExpFilter, /*boolean?*/onlyCopyNew) {
- //summary: copies files from srcDir to destDir using the regExpFilter to determine if the
- //file should be copied. Returns a list file name strings of the destinations that were copied.
- regExpFilter = regExpFilter || /\w/;
-
- //Normalize th directory names, but keep front slashes.
- //path module on windows now returns backslashed paths.
- srcDir = frontSlash(path.normalize(srcDir));
- destDir = frontSlash(path.normalize(destDir));
-
- var fileNames = file.getFilteredFileList(srcDir, regExpFilter, true),
- copiedFiles = [], i, srcFileName, destFileName;
-
- for (i = 0; i < fileNames.length; i++) {
- srcFileName = fileNames[i];
- destFileName = srcFileName.replace(srcDir, destDir);
-
- if (file.copyFile(srcFileName, destFileName, onlyCopyNew)) {
- copiedFiles.push(destFileName);
- }
- }
-
- return copiedFiles.length ? copiedFiles : null; //Array or null
- },
-
- copyFile: function (/*String*/srcFileName, /*String*/destFileName, /*boolean?*/onlyCopyNew) {
- //summary: copies srcFileName to destFileName. If onlyCopyNew is set, it only copies the file if
- //srcFileName is newer than destFileName. Returns a boolean indicating if the copy occurred.
- var parentDir;
-
- //logger.trace("Src filename: " + srcFileName);
- //logger.trace("Dest filename: " + destFileName);
-
- //If onlyCopyNew is true, then compare dates and only copy if the src is newer
- //than dest.
- if (onlyCopyNew) {
- if (file.exists(destFileName) && fs.statSync(destFileName).mtime.getTime() >= fs.statSync(srcFileName).mtime.getTime()) {
- return false; //Boolean
- }
- }
-
- //Make sure destination dir exists.
- parentDir = path.dirname(destFileName);
- if (!file.exists(parentDir)) {
- mkFullDir(parentDir);
- }
-
- fs.writeFileSync(destFileName, fs.readFileSync(srcFileName, 'binary'), 'binary');
-
- return true; //Boolean
- },
-
- /**
- * Renames a file. May fail if "to" already exists or is on another drive.
- */
- renameFile: function (from, to) {
- return fs.renameSync(from, to);
- },
-
- /**
- * Reads a *text* file.
- */
- readFile: function (/*String*/path, /*String?*/encoding) {
- if (encoding === 'utf-8') {
- encoding = 'utf8';
- }
- if (!encoding) {
- encoding = 'utf8';
- }
-
- var text = fs.readFileSync(path, encoding);
-
- //Hmm, would not expect to get A BOM, but it seems to happen,
- //remove it just in case.
- if (text.indexOf('\uFEFF') === 0) {
- text = text.substring(1, text.length);
- }
-
- return text;
- },
-
- saveUtf8File: function (/*String*/fileName, /*String*/fileContents) {
- //summary: saves a *text* file using UTF-8 encoding.
- file.saveFile(fileName, fileContents, "utf8");
- },
-
- saveFile: function (/*String*/fileName, /*String*/fileContents, /*String?*/encoding) {
- //summary: saves a *text* file.
- var parentDir;
-
- if (encoding === 'utf-8') {
- encoding = 'utf8';
- }
- if (!encoding) {
- encoding = 'utf8';
- }
-
- //Make sure destination directories exist.
- parentDir = path.dirname(fileName);
- if (!file.exists(parentDir)) {
- mkFullDir(parentDir);
- }
-
- fs.writeFileSync(fileName, fileContents, encoding);
- },
-
- deleteFile: function (/*String*/fileName) {
- //summary: deletes a file or directory if it exists.
- var files, i, stat;
- if (file.exists(fileName)) {
- stat = fs.statSync(fileName);
- if (stat.isDirectory()) {
- files = fs.readdirSync(fileName);
- for (i = 0; i < files.length; i++) {
- this.deleteFile(path.join(fileName, files[i]));
- }
- fs.rmdirSync(fileName);
- } else {
- fs.unlinkSync(fileName);
- }
- }
- }
- };
-
- return file;
-
-});
-
-}
-
-if(env === 'rhino') {
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-//Helper functions to deal with file I/O.
-
-/*jslint plusplus: false, strict: false */
-/*global java: false, define: false */
-
-define('rhino/file', function () {
- var file = {
- backSlashRegExp: /\\/g,
-
- exclusionRegExp: /^\./,
-
- getLineSeparator: function () {
- return file.lineSeparator;
- },
-
- lineSeparator: java.lang.System.getProperty("line.separator"), //Java String
-
- exists: function (fileName) {
- return (new java.io.File(fileName)).exists();
- },
-
- parent: function (fileName) {
- return file.absPath((new java.io.File(fileName)).getParentFile());
- },
-
- normalize: function (fileName) {
- return file.absPath(fileName);
- },
-
- isFile: function (path) {
- return (new java.io.File(path)).isFile();
- },
-
- isDirectory: function (path) {
- return (new java.io.File(path)).isDirectory();
- },
-
- /**
- * Gets the absolute file path as a string, normalized
- * to using front slashes for path separators.
- * @param {java.io.File||String} file
- */
- absPath: function (fileObj) {
- if (typeof fileObj === "string") {
- fileObj = new java.io.File(fileObj);
- }
- return (fileObj.getAbsolutePath() + "").replace(file.backSlashRegExp, "/");
- },
-
- getFilteredFileList: function (/*String*/startDir, /*RegExp*/regExpFilters, /*boolean?*/makeUnixPaths, /*boolean?*/startDirIsJavaObject) {
- //summary: Recurses startDir and finds matches to the files that match regExpFilters.include
- //and do not match regExpFilters.exclude. Or just one regexp can be passed in for regExpFilters,
- //and it will be treated as the "include" case.
- //Ignores files/directories that start with a period (.) unless exclusionRegExp
- //is set to another value.
- var files = [], topDir, regExpInclude, regExpExclude, dirFileArray,
- i, fileObj, filePath, ok, dirFiles;
-
- topDir = startDir;
- if (!startDirIsJavaObject) {
- topDir = new java.io.File(startDir);
- }
-
- regExpInclude = regExpFilters.include || regExpFilters;
- regExpExclude = regExpFilters.exclude || null;
-
- if (topDir.exists()) {
- dirFileArray = topDir.listFiles();
- for (i = 0; i < dirFileArray.length; i++) {
- fileObj = dirFileArray[i];
- if (fileObj.isFile()) {
- filePath = fileObj.getPath();
- if (makeUnixPaths) {
- //Make sure we have a JS string.
- filePath = String(filePath);
- if (filePath.indexOf("/") === -1) {
- filePath = filePath.replace(/\\/g, "/");
- }
- }
-
- ok = true;
- if (regExpInclude) {
- ok = filePath.match(regExpInclude);
- }
- if (ok && regExpExclude) {
- ok = !filePath.match(regExpExclude);
- }
-
- if (ok && (!file.exclusionRegExp ||
- !file.exclusionRegExp.test(fileObj.getName()))) {
- files.push(filePath);
- }
- } else if (fileObj.isDirectory() &&
- (!file.exclusionRegExp || !file.exclusionRegExp.test(fileObj.getName()))) {
- dirFiles = this.getFilteredFileList(fileObj, regExpFilters, makeUnixPaths, true);
- files.push.apply(files, dirFiles);
- }
- }
- }
-
- return files; //Array
- },
-
- copyDir: function (/*String*/srcDir, /*String*/destDir, /*RegExp?*/regExpFilter, /*boolean?*/onlyCopyNew) {
- //summary: copies files from srcDir to destDir using the regExpFilter to determine if the
- //file should be copied. Returns a list file name strings of the destinations that were copied.
- regExpFilter = regExpFilter || /\w/;
-
- var fileNames = file.getFilteredFileList(srcDir, regExpFilter, true),
- copiedFiles = [], i, srcFileName, destFileName;
-
- for (i = 0; i < fileNames.length; i++) {
- srcFileName = fileNames[i];
- destFileName = srcFileName.replace(srcDir, destDir);
-
- if (file.copyFile(srcFileName, destFileName, onlyCopyNew)) {
- copiedFiles.push(destFileName);
- }
- }
-
- return copiedFiles.length ? copiedFiles : null; //Array or null
- },
-
- copyFile: function (/*String*/srcFileName, /*String*/destFileName, /*boolean?*/onlyCopyNew) {
- //summary: copies srcFileName to destFileName. If onlyCopyNew is set, it only copies the file if
- //srcFileName is newer than destFileName. Returns a boolean indicating if the copy occurred.
- var destFile = new java.io.File(destFileName), srcFile, parentDir,
- srcChannel, destChannel;
-
- //logger.trace("Src filename: " + srcFileName);
- //logger.trace("Dest filename: " + destFileName);
-
- //If onlyCopyNew is true, then compare dates and only copy if the src is newer
- //than dest.
- if (onlyCopyNew) {
- srcFile = new java.io.File(srcFileName);
- if (destFile.exists() && destFile.lastModified() >= srcFile.lastModified()) {
- return false; //Boolean
- }
- }
-
- //Make sure destination dir exists.
- parentDir = destFile.getParentFile();
- if (!parentDir.exists()) {
- if (!parentDir.mkdirs()) {
- throw "Could not create directory: " + parentDir.getAbsolutePath();
- }
- }
-
- //Java's version of copy file.
- srcChannel = new java.io.FileInputStream(srcFileName).getChannel();
- destChannel = new java.io.FileOutputStream(destFileName).getChannel();
- destChannel.transferFrom(srcChannel, 0, srcChannel.size());
- srcChannel.close();
- destChannel.close();
-
- return true; //Boolean
- },
-
- /**
- * Renames a file. May fail if "to" already exists or is on another drive.
- */
- renameFile: function (from, to) {
- return (new java.io.File(from)).renameTo((new java.io.File(to)));
- },
-
- readFile: function (/*String*/path, /*String?*/encoding) {
- //A file read function that can deal with BOMs
- encoding = encoding || "utf-8";
- var fileObj = new java.io.File(path),
- input = new java.io.BufferedReader(new java.io.InputStreamReader(new java.io.FileInputStream(fileObj), encoding)),
- stringBuffer, line;
- try {
- stringBuffer = new java.lang.StringBuffer();
- line = input.readLine();
-
- // Byte Order Mark (BOM) - The Unicode Standard, version 3.0, page 324
- // http://www.unicode.org/faq/utf_bom.html
-
- // Note that when we use utf-8, the BOM should appear as "EF BB BF", but it doesn't due to this bug in the JDK:
- // http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=4508058
- if (line && line.length() && line.charAt(0) === 0xfeff) {
- // Eat the BOM, since we've already found the encoding on this file,
- // and we plan to concatenating this buffer with others; the BOM should
- // only appear at the top of a file.
- line = line.substring(1);
- }
- while (line !== null) {
- stringBuffer.append(line);
- stringBuffer.append(file.lineSeparator);
- line = input.readLine();
- }
- //Make sure we return a JavaScript string and not a Java string.
- return String(stringBuffer.toString()); //String
- } finally {
- input.close();
- }
- },
-
- saveUtf8File: function (/*String*/fileName, /*String*/fileContents) {
- //summary: saves a file using UTF-8 encoding.
- file.saveFile(fileName, fileContents, "utf-8");
- },
-
- saveFile: function (/*String*/fileName, /*String*/fileContents, /*String?*/encoding) {
- //summary: saves a file.
- var outFile = new java.io.File(fileName), outWriter, parentDir, os;
-
- parentDir = outFile.getAbsoluteFile().getParentFile();
- if (!parentDir.exists()) {
- if (!parentDir.mkdirs()) {
- throw "Could not create directory: " + parentDir.getAbsolutePath();
- }
- }
-
- if (encoding) {
- outWriter = new java.io.OutputStreamWriter(new java.io.FileOutputStream(outFile), encoding);
- } else {
- outWriter = new java.io.OutputStreamWriter(new java.io.FileOutputStream(outFile));
- }
-
- os = new java.io.BufferedWriter(outWriter);
- try {
- os.write(fileContents);
- } finally {
- os.close();
- }
- },
-
- deleteFile: function (/*String*/fileName) {
- //summary: deletes a file or directory if it exists.
- var fileObj = new java.io.File(fileName), files, i;
- if (fileObj.exists()) {
- if (fileObj.isDirectory()) {
- files = fileObj.listFiles();
- for (i = 0; i < files.length; i++) {
- this.deleteFile(files[i]);
- }
- }
- fileObj["delete"]();
- }
- }
- };
-
- return file;
-});
-
-}
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint plusplus: true */
-/*global define */
-
-define('lang', function () {
- 'use strict';
-
- var lang = {
- backSlashRegExp: /\\/g,
- ostring: Object.prototype.toString,
-
- isArray: Array.isArray || function (it) {
- return lang.ostring.call(it) === "[object Array]";
- },
-
- isFunction: function(it) {
- return lang.ostring.call(it) === "[object Function]";
- },
-
- isRegExp: function(it) {
- return it && it instanceof RegExp;
- },
-
- _mixin: function(dest, source, override){
- var name;
- for (name in source) {
- if(source.hasOwnProperty(name)
- && (override || !dest.hasOwnProperty(name))) {
- dest[name] = source[name];
- }
- }
-
- return dest; // Object
- },
-
- /**
- * mixin({}, obj1, obj2) is allowed. If the last argument is a boolean,
- * then the source objects properties are force copied over to dest.
- */
- mixin: function(dest){
- var parameters = Array.prototype.slice.call(arguments),
- override, i, l;
-
- if (!dest) { dest = {}; }
-
- if (parameters.length > 2 && typeof arguments[parameters.length-1] === 'boolean') {
- override = parameters.pop();
- }
-
- for (i = 1, l = parameters.length; i < l; i++) {
- lang._mixin(dest, parameters[i], override);
- }
- return dest; // Object
- },
-
- delegate: (function () {
- // boodman/crockford delegation w/ cornford optimization
- function TMP() {}
- return function (obj, props) {
- TMP.prototype = obj;
- var tmp = new TMP();
- TMP.prototype = null;
- if (props) {
- lang.mixin(tmp, props);
- }
- return tmp; // Object
- };
- }())
- };
- return lang;
-});
-
-if(env === 'node') {
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false, console: false */
-
-define('node/print', function () {
- function print(msg) {
- console.log(msg);
- }
-
- return print;
-});
-
-}
-
-if(env === 'rhino') {
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false, print: false */
-
-define('rhino/print', function () {
- return print;
-});
-
-}
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint nomen: false, strict: false */
-/*global define: false */
-
-define('logger', ['env!env/print'], function (print) {
- var logger = {
- TRACE: 0,
- INFO: 1,
- WARN: 2,
- ERROR: 3,
- SILENT: 4,
- level: 0,
- logPrefix: "",
-
- logLevel: function( level ) {
- this.level = level;
- },
-
- trace: function (message) {
- if (this.level <= this.TRACE) {
- this._print(message);
- }
- },
-
- info: function (message) {
- if (this.level <= this.INFO) {
- this._print(message);
- }
- },
-
- warn: function (message) {
- if (this.level <= this.WARN) {
- this._print(message);
- }
- },
-
- error: function (message) {
- if (this.level <= this.ERROR) {
- this._print(message);
- }
- },
-
- _print: function (message) {
- this._sysPrint((this.logPrefix ? (this.logPrefix + " ") : "") + message);
- },
-
- _sysPrint: function (message) {
- print(message);
- }
- };
-
- return logger;
-});
-//Just a blank file to use when building the optimizer with the optimizer,
-//so that the build does not attempt to inline some env modules,
-//like Node's fs and path.
-
-//Just a blank file to use when building the optimizer with the optimizer,
-//so that the build does not attempt to inline some env modules,
-//like Node's fs and path.
-
-define('uglifyjs/parse-js', ["require", "exports", "module"], function(require, exports, module) {
-/***********************************************************************
-
- A JavaScript tokenizer / parser / beautifier / compressor.
-
- This version is suitable for Node.js. With minimal changes (the
- exports stuff) it should work on any JS platform.
-
- This file contains the tokenizer/parser. It is a port to JavaScript
- of parse-js [1], a JavaScript parser library written in Common Lisp
- by Marijn Haverbeke. Thank you Marijn!
-
- [1] http://marijn.haverbeke.nl/parse-js/
-
- Exported functions:
-
- - tokenizer(code) -- returns a function. Call the returned
- function to fetch the next token.
-
- - parse(code) -- returns an AST of the given JavaScript code.
-
- -------------------------------- (C) ---------------------------------
-
- Author: Mihai Bazon
- <mihai.bazon@gmail.com>
- http://mihai.bazon.net/blog
-
- Distributed under the BSD license:
-
- Copyright 2010 (c) Mihai Bazon <mihai.bazon@gmail.com>
- Based on parse-js (http://marijn.haverbeke.nl/parse-js/).
-
- Redistribution and use in source and binary forms, with or without
- modification, are permitted provided that the following conditions
- are met:
-
- * Redistributions of source code must retain the above
- copyright notice, this list of conditions and the following
- disclaimer.
-
- * Redistributions in binary form must reproduce the above
- copyright notice, this list of conditions and the following
- disclaimer in the documentation and/or other materials
- provided with the distribution.
-
- THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
- EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
- IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
- PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
- LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
- OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
- PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
- THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
- TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
- THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
- SUCH DAMAGE.
-
- ***********************************************************************/
-
-/* -----[ Tokenizer (constants) ]----- */
-
-var KEYWORDS = array_to_hash([
- "break",
- "case",
- "catch",
- "const",
- "continue",
- "default",
- "delete",
- "do",
- "else",
- "finally",
- "for",
- "function",
- "if",
- "in",
- "instanceof",
- "new",
- "return",
- "switch",
- "throw",
- "try",
- "typeof",
- "var",
- "void",
- "while",
- "with"
-]);
-
-var RESERVED_WORDS = array_to_hash([
- "abstract",
- "boolean",
- "byte",
- "char",
- "class",
- "debugger",
- "double",
- "enum",
- "export",
- "extends",
- "final",
- "float",
- "goto",
- "implements",
- "import",
- "int",
- "interface",
- "long",
- "native",
- "package",
- "private",
- "protected",
- "public",
- "short",
- "static",
- "super",
- "synchronized",
- "throws",
- "transient",
- "volatile"
-]);
-
-var KEYWORDS_BEFORE_EXPRESSION = array_to_hash([
- "return",
- "new",
- "delete",
- "throw",
- "else",
- "case"
-]);
-
-var KEYWORDS_ATOM = array_to_hash([
- "false",
- "null",
- "true",
- "undefined"
-]);
-
-var OPERATOR_CHARS = array_to_hash(characters("+-*&%=<>!?|~^"));
-
-var RE_HEX_NUMBER = /^0x[0-9a-f]+$/i;
-var RE_OCT_NUMBER = /^0[0-7]+$/;
-var RE_DEC_NUMBER = /^\d*\.?\d*(?:e[+-]?\d*(?:\d\.?|\.?\d)\d*)?$/i;
-
-var OPERATORS = array_to_hash([
- "in",
- "instanceof",
- "typeof",
- "new",
- "void",
- "delete",
- "++",
- "--",
- "+",
- "-",
- "!",
- "~",
- "&",
- "|",
- "^",
- "*",
- "/",
- "%",
- ">>",
- "<<",
- ">>>",
- "<",
- ">",
- "<=",
- ">=",
- "==",
- "===",
- "!=",
- "!==",
- "?",
- "=",
- "+=",
- "-=",
- "/=",
- "*=",
- "%=",
- ">>=",
- "<<=",
- ">>>=",
- "|=",
- "^=",
- "&=",
- "&&",
- "||"
-]);
-
-var WHITESPACE_CHARS = array_to_hash(characters(" \u00a0\n\r\t\f\u000b\u200b\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000"));
-
-var PUNC_BEFORE_EXPRESSION = array_to_hash(characters("[{}(,.;:"));
-
-var PUNC_CHARS = array_to_hash(characters("[]{}(),;:"));
-
-var REGEXP_MODIFIERS = array_to_hash(characters("gmsiy"));
-
-/* -----[ Tokenizer ]----- */
-
-// regexps adapted from http://xregexp.com/plugins/#unicode
-var UNICODE = {
- letter: new RegExp("[\\u0041-\\u005A\\u0061-\\u007A\\u00AA\\u00B5\\u00BA\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02C1\\u02C6-\\u02D1\\u02E0-\\u02E4\\u02EC\\u02EE\\u0370-\\u0374\\u0376\\u0377\\u037A-\\u037D\\u0386\\u0388-\\u038A\\u038C\\u038E-\\u03A1\\u03A3-\\u03F5\\u03F7-\\u0481\\u048A-\\u0523\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05D0-\\u05EA\\u05F0-\\u05F2\\u0621-\\u064A\\u066E\\u066F\\u0671-\\u06D3\\u06D5\\u06E5\\u06E6\\u06EE\\u06EF\\u06FA-\\u06FC\\u06FF\\u0710\\u0712-\\u072F\\u074D-\\u07A5\\u07B1\\u07CA-\\u07EA\\u07F4\\u07F5\\u07FA\\u0904-\\u0939\\u093D\\u0950\\u0958-\\u0961\\u0971\\u0972\\u097B-\\u097F\\u0985-\\u098C\\u098F\\u0990\\u0993-\\u09A8\\u09AA-\\u09B0\\u09B2\\u09B6-\\u09B9\\u09BD\\u09CE\\u09DC\\u09DD\\u09DF-\\u09E1\\u09F0\\u09F1\\u0A05-\\u0A0A\\u0A0F\\u0A10\\u0A13-\\u0A28\\u0A2A-\\u0A30\\u0A32\\u0A33\\u0A35\\u0A36\\u0A38\\u0A39\\u0A59-\\u0A5C\\u0A5E\\u0A72-\\u0A74\\u0A85-\\u0A8D\\u0A8F-\\u0A91\\u0A93-\\u0AA8\\u0AAA-\\u0AB0\\u0AB2\\u0AB3\\u0AB5-\\u0AB9\\u0ABD\\u0AD0\\u0AE0\\u0AE1\\u0B05-\\u0B0C\\u0B0F\\u0B10\\u0B13-\\u0B28\\u0B2A-\\u0B30\\u0B32\\u0B33\\u0B35-\\u0B39\\u0B3D\\u0B5C\\u0B5D\\u0B5F-\\u0B61\\u0B71\\u0B83\\u0B85-\\u0B8A\\u0B8E-\\u0B90\\u0B92-\\u0B95\\u0B99\\u0B9A\\u0B9C\\u0B9E\\u0B9F\\u0BA3\\u0BA4\\u0BA8-\\u0BAA\\u0BAE-\\u0BB9\\u0BD0\\u0C05-\\u0C0C\\u0C0E-\\u0C10\\u0C12-\\u0C28\\u0C2A-\\u0C33\\u0C35-\\u0C39\\u0C3D\\u0C58\\u0C59\\u0C60\\u0C61\\u0C85-\\u0C8C\\u0C8E-\\u0C90\\u0C92-\\u0CA8\\u0CAA-\\u0CB3\\u0CB5-\\u0CB9\\u0CBD\\u0CDE\\u0CE0\\u0CE1\\u0D05-\\u0D0C\\u0D0E-\\u0D10\\u0D12-\\u0D28\\u0D2A-\\u0D39\\u0D3D\\u0D60\\u0D61\\u0D7A-\\u0D7F\\u0D85-\\u0D96\\u0D9A-\\u0DB1\\u0DB3-\\u0DBB\\u0DBD\\u0DC0-\\u0DC6\\u0E01-\\u0E30\\u0E32\\u0E33\\u0E40-\\u0E46\\u0E81\\u0E82\\u0E84\\u0E87\\u0E88\\u0E8A\\u0E8D\\u0E94-\\u0E97\\u0E99-\\u0E9F\\u0EA1-\\u0EA3\\u0EA5\\u0EA7\\u0EAA\\u0EAB\\u0EAD-\\u0EB0\\u0EB2\\u0EB3\\u0EBD\\u0EC0-\\u0EC4\\u0EC6\\u0EDC\\u0EDD\\u0F00\\u0F40-\\u0F47\\u0F49-\\u0F6C\\u0F88-\\u0F8B\\u1000-\\u102A\\u103F\\u1050-\\u1055\\u105A-\\u105D\\u1061\\u1065\\u1066\\u106E-\\u1070\\u1075-\\u1081\\u108E\\u10A0-\\u10C5\\u10D0-\\u10FA\\u10FC\\u1100-\\u1159\\u115F-\\u11A2\\u11A8-\\u11F9\\u1200-\\u1248\\u124A-\\u124D\\u1250-\\u1256\\u1258\\u125A-\\u125D\\u1260-\\u1288\\u128A-\\u128D\\u1290-\\u12B0\\u12B2-\\u12B5\\u12B8-\\u12BE\\u12C0\\u12C2-\\u12C5\\u12C8-\\u12D6\\u12D8-\\u1310\\u1312-\\u1315\\u1318-\\u135A\\u1380-\\u138F\\u13A0-\\u13F4\\u1401-\\u166C\\u166F-\\u1676\\u1681-\\u169A\\u16A0-\\u16EA\\u1700-\\u170C\\u170E-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176C\\u176E-\\u1770\\u1780-\\u17B3\\u17D7\\u17DC\\u1820-\\u1877\\u1880-\\u18A8\\u18AA\\u1900-\\u191C\\u1950-\\u196D\\u1970-\\u1974\\u1980-\\u19A9\\u19C1-\\u19C7\\u1A00-\\u1A16\\u1B05-\\u1B33\\u1B45-\\u1B4B\\u1B83-\\u1BA0\\u1BAE\\u1BAF\\u1C00-\\u1C23\\u1C4D-\\u1C4F\\u1C5A-\\u1C7D\\u1D00-\\u1DBF\\u1E00-\\u1F15\\u1F18-\\u1F1D\\u1F20-\\u1F45\\u1F48-\\u1F4D\\u1F50-\\u1F57\\u1F59\\u1F5B\\u1F5D\\u1F5F-\\u1F7D\\u1F80-\\u1FB4\\u1FB6-\\u1FBC\\u1FBE\\u1FC2-\\u1FC4\\u1FC6-\\u1FCC\\u1FD0-\\u1FD3\\u1FD6-\\u1FDB\\u1FE0-\\u1FEC\\u1FF2-\\u1FF4\\u1FF6-\\u1FFC\\u2071\\u207F\\u2090-\\u2094\\u2102\\u2107\\u210A-\\u2113\\u2115\\u2119-\\u211D\\u2124\\u2126\\u2128\\u212A-\\u212D\\u212F-\\u2139\\u213C-\\u213F\\u2145-\\u2149\\u214E\\u2183\\u2184\\u2C00-\\u2C2E\\u2C30-\\u2C5E\\u2C60-\\u2C6F\\u2C71-\\u2C7D\\u2C80-\\u2CE4\\u2D00-\\u2D25\\u2D30-\\u2D65\\u2D6F\\u2D80-\\u2D96\\u2DA0-\\u2DA6\\u2DA8-\\u2DAE\\u2DB0-\\u2DB6\\u2DB8-\\u2DBE\\u2DC0-\\u2DC6\\u2DC8-\\u2DCE\\u2DD0-\\u2DD6\\u2DD8-\\u2DDE\\u2E2F\\u3005\\u3006\\u3031-\\u3035\\u303B\\u303C\\u3041-\\u3096\\u309D-\\u309F\\u30A1-\\u30FA\\u30FC-\\u30FF\\u3105-\\u312D\\u3131-\\u318E\\u31A0-\\u31B7\\u31F0-\\u31FF\\u3400\\u4DB5\\u4E00\\u9FC3\\uA000-\\uA48C\\uA500-\\uA60C\\uA610-\\uA61F\\uA62A\\uA62B\\uA640-\\uA65F\\uA662-\\uA66E\\uA67F-\\uA697\\uA717-\\uA71F\\uA722-\\uA788\\uA78B\\uA78C\\uA7FB-\\uA801\\uA803-\\uA805\\uA807-\\uA80A\\uA80C-\\uA822\\uA840-\\uA873\\uA882-\\uA8B3\\uA90A-\\uA925\\uA930-\\uA946\\uAA00-\\uAA28\\uAA40-\\uAA42\\uAA44-\\uAA4B\\uAC00\\uD7A3\\uF900-\\uFA2D\\uFA30-\\uFA6A\\uFA70-\\uFAD9\\uFB00-\\uFB06\\uFB13-\\uFB17\\uFB1D\\uFB1F-\\uFB28\\uFB2A-\\uFB36\\uFB38-\\uFB3C\\uFB3E\\uFB40\\uFB41\\uFB43\\uFB44\\uFB46-\\uFBB1\\uFBD3-\\uFD3D\\uFD50-\\uFD8F\\uFD92-\\uFDC7\\uFDF0-\\uFDFB\\uFE70-\\uFE74\\uFE76-\\uFEFC\\uFF21-\\uFF3A\\uFF41-\\uFF5A\\uFF66-\\uFFBE\\uFFC2-\\uFFC7\\uFFCA-\\uFFCF\\uFFD2-\\uFFD7\\uFFDA-\\uFFDC]"),
- non_spacing_mark: new RegExp("[\\u0300-\\u036F\\u0483-\\u0487\\u0591-\\u05BD\\u05BF\\u05C1\\u05C2\\u05C4\\u05C5\\u05C7\\u0610-\\u061A\\u064B-\\u065E\\u0670\\u06D6-\\u06DC\\u06DF-\\u06E4\\u06E7\\u06E8\\u06EA-\\u06ED\\u0711\\u0730-\\u074A\\u07A6-\\u07B0\\u07EB-\\u07F3\\u0816-\\u0819\\u081B-\\u0823\\u0825-\\u0827\\u0829-\\u082D\\u0900-\\u0902\\u093C\\u0941-\\u0948\\u094D\\u0951-\\u0955\\u0962\\u0963\\u0981\\u09BC\\u09C1-\\u09C4\\u09CD\\u09E2\\u09E3\\u0A01\\u0A02\\u0A3C\\u0A41\\u0A42\\u0A47\\u0A48\\u0A4B-\\u0A4D\\u0A51\\u0A70\\u0A71\\u0A75\\u0A81\\u0A82\\u0ABC\\u0AC1-\\u0AC5\\u0AC7\\u0AC8\\u0ACD\\u0AE2\\u0AE3\\u0B01\\u0B3C\\u0B3F\\u0B41-\\u0B44\\u0B4D\\u0B56\\u0B62\\u0B63\\u0B82\\u0BC0\\u0BCD\\u0C3E-\\u0C40\\u0C46-\\u0C48\\u0C4A-\\u0C4D\\u0C55\\u0C56\\u0C62\\u0C63\\u0CBC\\u0CBF\\u0CC6\\u0CCC\\u0CCD\\u0CE2\\u0CE3\\u0D41-\\u0D44\\u0D4D\\u0D62\\u0D63\\u0DCA\\u0DD2-\\u0DD4\\u0DD6\\u0E31\\u0E34-\\u0E3A\\u0E47-\\u0E4E\\u0EB1\\u0EB4-\\u0EB9\\u0EBB\\u0EBC\\u0EC8-\\u0ECD\\u0F18\\u0F19\\u0F35\\u0F37\\u0F39\\u0F71-\\u0F7E\\u0F80-\\u0F84\\u0F86\\u0F87\\u0F90-\\u0F97\\u0F99-\\u0FBC\\u0FC6\\u102D-\\u1030\\u1032-\\u1037\\u1039\\u103A\\u103D\\u103E\\u1058\\u1059\\u105E-\\u1060\\u1071-\\u1074\\u1082\\u1085\\u1086\\u108D\\u109D\\u135F\\u1712-\\u1714\\u1732-\\u1734\\u1752\\u1753\\u1772\\u1773\\u17B7-\\u17BD\\u17C6\\u17C9-\\u17D3\\u17DD\\u180B-\\u180D\\u18A9\\u1920-\\u1922\\u1927\\u1928\\u1932\\u1939-\\u193B\\u1A17\\u1A18\\u1A56\\u1A58-\\u1A5E\\u1A60\\u1A62\\u1A65-\\u1A6C\\u1A73-\\u1A7C\\u1A7F\\u1B00-\\u1B03\\u1B34\\u1B36-\\u1B3A\\u1B3C\\u1B42\\u1B6B-\\u1B73\\u1B80\\u1B81\\u1BA2-\\u1BA5\\u1BA8\\u1BA9\\u1C2C-\\u1C33\\u1C36\\u1C37\\u1CD0-\\u1CD2\\u1CD4-\\u1CE0\\u1CE2-\\u1CE8\\u1CED\\u1DC0-\\u1DE6\\u1DFD-\\u1DFF\\u20D0-\\u20DC\\u20E1\\u20E5-\\u20F0\\u2CEF-\\u2CF1\\u2DE0-\\u2DFF\\u302A-\\u302F\\u3099\\u309A\\uA66F\\uA67C\\uA67D\\uA6F0\\uA6F1\\uA802\\uA806\\uA80B\\uA825\\uA826\\uA8C4\\uA8E0-\\uA8F1\\uA926-\\uA92D\\uA947-\\uA951\\uA980-\\uA982\\uA9B3\\uA9B6-\\uA9B9\\uA9BC\\uAA29-\\uAA2E\\uAA31\\uAA32\\uAA35\\uAA36\\uAA43\\uAA4C\\uAAB0\\uAAB2-\\uAAB4\\uAAB7\\uAAB8\\uAABE\\uAABF\\uAAC1\\uABE5\\uABE8\\uABED\\uFB1E\\uFE00-\\uFE0F\\uFE20-\\uFE26]"),
- space_combining_mark: new RegExp("[\\u0903\\u093E-\\u0940\\u0949-\\u094C\\u094E\\u0982\\u0983\\u09BE-\\u09C0\\u09C7\\u09C8\\u09CB\\u09CC\\u09D7\\u0A03\\u0A3E-\\u0A40\\u0A83\\u0ABE-\\u0AC0\\u0AC9\\u0ACB\\u0ACC\\u0B02\\u0B03\\u0B3E\\u0B40\\u0B47\\u0B48\\u0B4B\\u0B4C\\u0B57\\u0BBE\\u0BBF\\u0BC1\\u0BC2\\u0BC6-\\u0BC8\\u0BCA-\\u0BCC\\u0BD7\\u0C01-\\u0C03\\u0C41-\\u0C44\\u0C82\\u0C83\\u0CBE\\u0CC0-\\u0CC4\\u0CC7\\u0CC8\\u0CCA\\u0CCB\\u0CD5\\u0CD6\\u0D02\\u0D03\\u0D3E-\\u0D40\\u0D46-\\u0D48\\u0D4A-\\u0D4C\\u0D57\\u0D82\\u0D83\\u0DCF-\\u0DD1\\u0DD8-\\u0DDF\\u0DF2\\u0DF3\\u0F3E\\u0F3F\\u0F7F\\u102B\\u102C\\u1031\\u1038\\u103B\\u103C\\u1056\\u1057\\u1062-\\u1064\\u1067-\\u106D\\u1083\\u1084\\u1087-\\u108C\\u108F\\u109A-\\u109C\\u17B6\\u17BE-\\u17C5\\u17C7\\u17C8\\u1923-\\u1926\\u1929-\\u192B\\u1930\\u1931\\u1933-\\u1938\\u19B0-\\u19C0\\u19C8\\u19C9\\u1A19-\\u1A1B\\u1A55\\u1A57\\u1A61\\u1A63\\u1A64\\u1A6D-\\u1A72\\u1B04\\u1B35\\u1B3B\\u1B3D-\\u1B41\\u1B43\\u1B44\\u1B82\\u1BA1\\u1BA6\\u1BA7\\u1BAA\\u1C24-\\u1C2B\\u1C34\\u1C35\\u1CE1\\u1CF2\\uA823\\uA824\\uA827\\uA880\\uA881\\uA8B4-\\uA8C3\\uA952\\uA953\\uA983\\uA9B4\\uA9B5\\uA9BA\\uA9BB\\uA9BD-\\uA9C0\\uAA2F\\uAA30\\uAA33\\uAA34\\uAA4D\\uAA7B\\uABE3\\uABE4\\uABE6\\uABE7\\uABE9\\uABEA\\uABEC]"),
- connector_punctuation: new RegExp("[\\u005F\\u203F\\u2040\\u2054\\uFE33\\uFE34\\uFE4D-\\uFE4F\\uFF3F]")
-};
-
-function is_letter(ch) {
- return UNICODE.letter.test(ch);
-};
-
-function is_digit(ch) {
- ch = ch.charCodeAt(0);
- return ch >= 48 && ch <= 57; //XXX: find out if "UnicodeDigit" means something else than 0..9
-};
-
-function is_alphanumeric_char(ch) {
- return is_digit(ch) || is_letter(ch);
-};
-
-function is_unicode_combining_mark(ch) {
- return UNICODE.non_spacing_mark.test(ch) || UNICODE.space_combining_mark.test(ch);
-};
-
-function is_unicode_connector_punctuation(ch) {
- return UNICODE.connector_punctuation.test(ch);
-};
-
-function is_identifier_start(ch) {
- return ch == "$" || ch == "_" || is_letter(ch);
-};
-
-function is_identifier_char(ch) {
- return is_identifier_start(ch)
- || is_unicode_combining_mark(ch)
- || is_digit(ch)
- || is_unicode_connector_punctuation(ch)
- || ch == "\u200c" // zero-width non-joiner <ZWNJ>
- || ch == "\u200d" // zero-width joiner <ZWJ> (in my ECMA-262 PDF, this is also 200c)
- ;
-};
-
-function parse_js_number(num) {
- if (RE_HEX_NUMBER.test(num)) {
- return parseInt(num.substr(2), 16);
- } else if (RE_OCT_NUMBER.test(num)) {
- return parseInt(num.substr(1), 8);
- } else if (RE_DEC_NUMBER.test(num)) {
- return parseFloat(num);
- }
-};
-
-function JS_Parse_Error(message, line, col, pos) {
- this.message = message;
- this.line = line + 1;
- this.col = col + 1;
- this.pos = pos + 1;
- this.stack = new Error().stack;
-};
-
-JS_Parse_Error.prototype.toString = function() {
- return this.message + " (line: " + this.line + ", col: " + this.col + ", pos: " + this.pos + ")" + "\n\n" + this.stack;
-};
-
-function js_error(message, line, col, pos) {
- throw new JS_Parse_Error(message, line, col, pos);
-};
-
-function is_token(token, type, val) {
- return token.type == type && (val == null || token.value == val);
-};
-
-var EX_EOF = {};
-
-function tokenizer($TEXT) {
-
- var S = {
- text : $TEXT.replace(/\r\n?|[\n\u2028\u2029]/g, "\n").replace(/^\uFEFF/, ''),
- pos : 0,
- tokpos : 0,
- line : 0,
- tokline : 0,
- col : 0,
- tokcol : 0,
- newline_before : false,
- regex_allowed : false,
- comments_before : []
- };
-
- function peek() { return S.text.charAt(S.pos); };
-
- function next(signal_eof, in_string) {
- var ch = S.text.charAt(S.pos++);
- if (signal_eof && !ch)
- throw EX_EOF;
- if (ch == "\n") {
- S.newline_before = S.newline_before || !in_string;
- ++S.line;
- S.col = 0;
- } else {
- ++S.col;
- }
- return ch;
- };
-
- function eof() {
- return !S.peek();
- };
-
- function find(what, signal_eof) {
- var pos = S.text.indexOf(what, S.pos);
- if (signal_eof && pos == -1) throw EX_EOF;
- return pos;
- };
-
- function start_token() {
- S.tokline = S.line;
- S.tokcol = S.col;
- S.tokpos = S.pos;
- };
-
- function token(type, value, is_comment) {
- S.regex_allowed = ((type == "operator" && !HOP(UNARY_POSTFIX, value)) ||
- (type == "keyword" && HOP(KEYWORDS_BEFORE_EXPRESSION, value)) ||
- (type == "punc" && HOP(PUNC_BEFORE_EXPRESSION, value)));
- var ret = {
- type : type,
- value : value,
- line : S.tokline,
- col : S.tokcol,
- pos : S.tokpos,
- endpos : S.pos,
- nlb : S.newline_before
- };
- if (!is_comment) {
- ret.comments_before = S.comments_before;
- S.comments_before = [];
- }
- S.newline_before = false;
- return ret;
- };
-
- function skip_whitespace() {
- while (HOP(WHITESPACE_CHARS, peek()))
- next();
- };
-
- function read_while(pred) {
- var ret = "", ch = peek(), i = 0;
- while (ch && pred(ch, i++)) {
- ret += next();
- ch = peek();
- }
- return ret;
- };
-
- function parse_error(err) {
- js_error(err, S.tokline, S.tokcol, S.tokpos);
- };
-
- function read_num(prefix) {
- var has_e = false, after_e = false, has_x = false, has_dot = prefix == ".";
- var num = read_while(function(ch, i){
- if (ch == "x" || ch == "X") {
- if (has_x) return false;
- return has_x = true;
- }
- if (!has_x && (ch == "E" || ch == "e")) {
- if (has_e) return false;
- return has_e = after_e = true;
- }
- if (ch == "-") {
- if (after_e || (i == 0 && !prefix)) return true;
- return false;
- }
- if (ch == "+") return after_e;
- after_e = false;
- if (ch == ".") {
- if (!has_dot && !has_x)
- return has_dot = true;
- return false;
- }
- return is_alphanumeric_char(ch);
- });
- if (prefix)
- num = prefix + num;
- var valid = parse_js_number(num);
- if (!isNaN(valid)) {
- return token("num", valid);
- } else {
- parse_error("Invalid syntax: " + num);
- }
- };
-
- function read_escaped_char(in_string) {
- var ch = next(true, in_string);
- switch (ch) {
- case "n" : return "\n";
- case "r" : return "\r";
- case "t" : return "\t";
- case "b" : return "\b";
- case "v" : return "\u000b";
- case "f" : return "\f";
- case "0" : return "\0";
- case "x" : return String.fromCharCode(hex_bytes(2));
- case "u" : return String.fromCharCode(hex_bytes(4));
- case "\n": return "";
- default : return ch;
- }
- };
-
- function hex_bytes(n) {
- var num = 0;
- for (; n > 0; --n) {
- var digit = parseInt(next(true), 16);
- if (isNaN(digit))
- parse_error("Invalid hex-character pattern in string");
- num = (num << 4) | digit;
- }
- return num;
- };
-
- function read_string() {
- return with_eof_error("Unterminated string constant", function(){
- var quote = next(), ret = "";
- for (;;) {
- var ch = next(true);
- if (ch == "\\") {
- // read OctalEscapeSequence (XXX: deprecated if "strict mode")
- // https://github.com/mishoo/UglifyJS/issues/178
- var octal_len = 0, first = null;
- ch = read_while(function(ch){
- if (ch >= "0" && ch <= "7") {
- if (!first) {
- first = ch;
- return ++octal_len;
- }
- else if (first <= "3" && octal_len <= 2) return ++octal_len;
- else if (first >= "4" && octal_len <= 1) return ++octal_len;
- }
- return false;
- });
- if (octal_len > 0) ch = String.fromCharCode(parseInt(ch, 8));
- else ch = read_escaped_char(true);
- }
- else if (ch == quote) break;
- ret += ch;
- }
- return token("string", ret);
- });
- };
-
- function read_line_comment() {
- next();
- var i = find("\n"), ret;
- if (i == -1) {
- ret = S.text.substr(S.pos);
- S.pos = S.text.length;
- } else {
- ret = S.text.substring(S.pos, i);
- S.pos = i;
- }
- return token("comment1", ret, true);
- };
-
- function read_multiline_comment() {
- next();
- return with_eof_error("Unterminated multiline comment", function(){
- var i = find("*/", true),
- text = S.text.substring(S.pos, i);
- S.pos = i + 2;
- S.line += text.split("\n").length - 1;
- S.newline_before = text.indexOf("\n") >= 0;
-
- // https://github.com/mishoo/UglifyJS/issues/#issue/100
- if (/^@cc_on/i.test(text)) {
- warn("WARNING: at line " + S.line);
- warn("*** Found \"conditional comment\": " + text);
- warn("*** UglifyJS DISCARDS ALL COMMENTS. This means your code might no longer work properly in Internet Explorer.");
- }
-
- return token("comment2", text, true);
- });
- };
-
- function read_name() {
- var backslash = false, name = "", ch;
- while ((ch = peek()) != null) {
- if (!backslash) {
- if (ch == "\\") backslash = true, next();
- else if (is_identifier_char(ch)) name += next();
- else break;
- }
- else {
- if (ch != "u") parse_error("Expecting UnicodeEscapeSequence -- uXXXX");
- ch = read_escaped_char();
- if (!is_identifier_char(ch)) parse_error("Unicode char: " + ch.charCodeAt(0) + " is not valid in identifier");
- name += ch;
- backslash = false;
- }
- }
- return name;
- };
-
- function read_regexp(regexp) {
- return with_eof_error("Unterminated regular expression", function(){
- var prev_backslash = false, ch, in_class = false;
- while ((ch = next(true))) if (prev_backslash) {
- regexp += "\\" + ch;
- prev_backslash = false;
- } else if (ch == "[") {
- in_class = true;
- regexp += ch;
- } else if (ch == "]" && in_class) {
- in_class = false;
- regexp += ch;
- } else if (ch == "/" && !in_class) {
- break;
- } else if (ch == "\\") {
- prev_backslash = true;
- } else {
- regexp += ch;
- }
- var mods = read_name();
- return token("regexp", [ regexp, mods ]);
- });
- };
-
- function read_operator(prefix) {
- function grow(op) {
- if (!peek()) return op;
- var bigger = op + peek();
- if (HOP(OPERATORS, bigger)) {
- next();
- return grow(bigger);
- } else {
- return op;
- }
- };
- return token("operator", grow(prefix || next()));
- };
-
- function handle_slash() {
- next();
- var regex_allowed = S.regex_allowed;
- switch (peek()) {
- case "/":
- S.comments_before.push(read_line_comment());
- S.regex_allowed = regex_allowed;
- return next_token();
- case "*":
- S.comments_before.push(read_multiline_comment());
- S.regex_allowed = regex_allowed;
- return next_token();
- }
- return S.regex_allowed ? read_regexp("") : read_operator("/");
- };
-
- function handle_dot() {
- next();
- return is_digit(peek())
- ? read_num(".")
- : token("punc", ".");
- };
-
- function read_word() {
- var word = read_name();
- return !HOP(KEYWORDS, word)
- ? token("name", word)
- : HOP(OPERATORS, word)
- ? token("operator", word)
- : HOP(KEYWORDS_ATOM, word)
- ? token("atom", word)
- : token("keyword", word);
- };
-
- function with_eof_error(eof_error, cont) {
- try {
- return cont();
- } catch(ex) {
- if (ex === EX_EOF) parse_error(eof_error);
- else throw ex;
- }
- };
-
- function next_token(force_regexp) {
- if (force_regexp != null)
- return read_regexp(force_regexp);
- skip_whitespace();
- start_token();
- var ch = peek();
- if (!ch) return token("eof");
- if (is_digit(ch)) return read_num();
- if (ch == '"' || ch == "'") return read_string();
- if (HOP(PUNC_CHARS, ch)) return token("punc", next());
- if (ch == ".") return handle_dot();
- if (ch == "/") return handle_slash();
- if (HOP(OPERATOR_CHARS, ch)) return read_operator();
- if (ch == "\\" || is_identifier_start(ch)) return read_word();
- parse_error("Unexpected character '" + ch + "'");
- };
-
- next_token.context = function(nc) {
- if (nc) S = nc;
- return S;
- };
-
- return next_token;
-
-};
-
-/* -----[ Parser (constants) ]----- */
-
-var UNARY_PREFIX = array_to_hash([
- "typeof",
- "void",
- "delete",
- "--",
- "++",
- "!",
- "~",
- "-",
- "+"
-]);
-
-var UNARY_POSTFIX = array_to_hash([ "--", "++" ]);
-
-var ASSIGNMENT = (function(a, ret, i){
- while (i < a.length) {
- ret[a[i]] = a[i].substr(0, a[i].length - 1);
- i++;
- }
- return ret;
-})(
- ["+=", "-=", "/=", "*=", "%=", ">>=", "<<=", ">>>=", "|=", "^=", "&="],
- { "=": true },
- 0
-);
-
-var PRECEDENCE = (function(a, ret){
- for (var i = 0, n = 1; i < a.length; ++i, ++n) {
- var b = a[i];
- for (var j = 0; j < b.length; ++j) {
- ret[b[j]] = n;
- }
- }
- return ret;
-})(
- [
- ["||"],
- ["&&"],
- ["|"],
- ["^"],
- ["&"],
- ["==", "===", "!=", "!=="],
- ["<", ">", "<=", ">=", "in", "instanceof"],
- [">>", "<<", ">>>"],
- ["+", "-"],
- ["*", "/", "%"]
- ],
- {}
-);
-
-var STATEMENTS_WITH_LABELS = array_to_hash([ "for", "do", "while", "switch" ]);
-
-var ATOMIC_START_TOKEN = array_to_hash([ "atom", "num", "string", "regexp", "name" ]);
-
-/* -----[ Parser ]----- */
-
-function NodeWithToken(str, start, end) {
- this.name = str;
- this.start = start;
- this.end = end;
-};
-
-NodeWithToken.prototype.toString = function() { return this.name; };
-
-function parse($TEXT, exigent_mode, embed_tokens) {
-
- var S = {
- input : typeof $TEXT == "string" ? tokenizer($TEXT, true) : $TEXT,
- token : null,
- prev : null,
- peeked : null,
- in_function : 0,
- in_loop : 0,
- labels : []
- };
-
- S.token = next();
-
- function is(type, value) {
- return is_token(S.token, type, value);
- };
-
- function peek() { return S.peeked || (S.peeked = S.input()); };
-
- function next() {
- S.prev = S.token;
- if (S.peeked) {
- S.token = S.peeked;
- S.peeked = null;
- } else {
- S.token = S.input();
- }
- return S.token;
- };
-
- function prev() {
- return S.prev;
- };
-
- function croak(msg, line, col, pos) {
- var ctx = S.input.context();
- js_error(msg,
- line != null ? line : ctx.tokline,
- col != null ? col : ctx.tokcol,
- pos != null ? pos : ctx.tokpos);
- };
-
- function token_error(token, msg) {
- croak(msg, token.line, token.col);
- };
-
- function unexpected(token) {
- if (token == null)
- token = S.token;
- token_error(token, "Unexpected token: " + token.type + " (" + token.value + ")");
- };
-
- function expect_token(type, val) {
- if (is(type, val)) {
- return next();
- }
- token_error(S.token, "Unexpected token " + S.token.type + ", expected " + type);
- };
-
- function expect(punc) { return expect_token("punc", punc); };
-
- function can_insert_semicolon() {
- return !exigent_mode && (
- S.token.nlb || is("eof") || is("punc", "}")
- );
- };
-
- function semicolon() {
- if (is("punc", ";")) next();
- else if (!can_insert_semicolon()) unexpected();
- };
-
- function as() {
- return slice(arguments);
- };
-
- function parenthesised() {
- expect("(");
- var ex = expression();
- expect(")");
- return ex;
- };
-
- function add_tokens(str, start, end) {
- return str instanceof NodeWithToken ? str : new NodeWithToken(str, start, end);
- };
-
- function maybe_embed_tokens(parser) {
- if (embed_tokens) return function() {
- var start = S.token;
- var ast = parser.apply(this, arguments);
- ast[0] = add_tokens(ast[0], start, prev());
- return ast;
- };
- else return parser;
- };
-
- var statement = maybe_embed_tokens(function() {
- if (is("operator", "/") || is("operator", "/=")) {
- S.peeked = null;
- S.token = S.input(S.token.value.substr(1)); // force regexp
- }
- switch (S.token.type) {
- case "num":
- case "string":
- case "regexp":
- case "operator":
- case "atom":
- return simple_statement();
-
- case "name":
- return is_token(peek(), "punc", ":")
- ? labeled_statement(prog1(S.token.value, next, next))
- : simple_statement();
-
- case "punc":
- switch (S.token.value) {
- case "{":
- return as("block", block_());
- case "[":
- case "(":
- return simple_statement();
- case ";":
- next();
- return as("block");
- default:
- unexpected();
- }
-
- case "keyword":
- switch (prog1(S.token.value, next)) {
- case "break":
- return break_cont("break");
-
- case "continue":
- return break_cont("continue");
-
- case "debugger":
- semicolon();
- return as("debugger");
-
- case "do":
- return (function(body){
- expect_token("keyword", "while");
- return as("do", prog1(parenthesised, semicolon), body);
- })(in_loop(statement));
-
- case "for":
- return for_();
-
- case "function":
- return function_(true);
-
- case "if":
- return if_();
-
- case "return":
- if (S.in_function == 0)
- croak("'return' outside of function");
- return as("return",
- is("punc", ";")
- ? (next(), null)
- : can_insert_semicolon()
- ? null
- : prog1(expression, semicolon));
-
- case "switch":
- return as("switch", parenthesised(), switch_block_());
-
- case "throw":
- if (S.token.nlb)
- croak("Illegal newline after 'throw'");
- return as("throw", prog1(expression, semicolon));
-
- case "try":
- return try_();
-
- case "var":
- return prog1(var_, semicolon);
-
- case "const":
- return prog1(const_, semicolon);
-
- case "while":
- return as("while", parenthesised(), in_loop(statement));
-
- case "with":
- return as("with", parenthesised(), statement());
-
- default:
- unexpected();
- }
- }
- });
-
- function labeled_statement(label) {
- S.labels.push(label);
- var start = S.token, stat = statement();
- if (exigent_mode && !HOP(STATEMENTS_WITH_LABELS, stat[0]))
- unexpected(start);
- S.labels.pop();
- return as("label", label, stat);
- };
-
- function simple_statement() {
- return as("stat", prog1(expression, semicolon));
- };
-
- function break_cont(type) {
- var name;
- if (!can_insert_semicolon()) {
- name = is("name") ? S.token.value : null;
- }
- if (name != null) {
- next();
- if (!member(name, S.labels))
- croak("Label " + name + " without matching loop or statement");
- }
- else if (S.in_loop == 0)
- croak(type + " not inside a loop or switch");
- semicolon();
- return as(type, name);
- };
-
- function for_() {
- expect("(");
- var init = null;
- if (!is("punc", ";")) {
- init = is("keyword", "var")
- ? (next(), var_(true))
- : expression(true, true);
- if (is("operator", "in"))
- return for_in(init);
- }
- return regular_for(init);
- };
-
- function regular_for(init) {
- expect(";");
- var test = is("punc", ";") ? null : expression();
- expect(";");
- var step = is("punc", ")") ? null : expression();
- expect(")");
- return as("for", init, test, step, in_loop(statement));
- };
-
- function for_in(init) {
- var lhs = init[0] == "var" ? as("name", init[1][0]) : init;
- next();
- var obj = expression();
- expect(")");
- return as("for-in", init, lhs, obj, in_loop(statement));
- };
-
- var function_ = function(in_statement) {
- var name = is("name") ? prog1(S.token.value, next) : null;
- if (in_statement && !name)
- unexpected();
- expect("(");
- return as(in_statement ? "defun" : "function",
- name,
- // arguments
- (function(first, a){
- while (!is("punc", ")")) {
- if (first) first = false; else expect(",");
- if (!is("name")) unexpected();
- a.push(S.token.value);
- next();
- }
- next();
- return a;
- })(true, []),
- // body
- (function(){
- ++S.in_function;
- var loop = S.in_loop;
- S.in_loop = 0;
- var a = block_();
- --S.in_function;
- S.in_loop = loop;
- return a;
- })());
- };
-
- function if_() {
- var cond = parenthesised(), body = statement(), belse;
- if (is("keyword", "else")) {
- next();
- belse = statement();
- }
- return as("if", cond, body, belse);
- };
-
- function block_() {
- expect("{");
- var a = [];
- while (!is("punc", "}")) {
- if (is("eof")) unexpected();
- a.push(statement());
- }
- next();
- return a;
- };
-
- var switch_block_ = curry(in_loop, function(){
- expect("{");
- var a = [], cur = null;
- while (!is("punc", "}")) {
- if (is("eof")) unexpected();
- if (is("keyword", "case")) {
- next();
- cur = [];
- a.push([ expression(), cur ]);
- expect(":");
- }
- else if (is("keyword", "default")) {
- next();
- expect(":");
- cur = [];
- a.push([ null, cur ]);
- }
- else {
- if (!cur) unexpected();
- cur.push(statement());
- }
- }
- next();
- return a;
- });
-
- function try_() {
- var body = block_(), bcatch, bfinally;
- if (is("keyword", "catch")) {
- next();
- expect("(");
- if (!is("name"))
- croak("Name expected");
- var name = S.token.value;
- next();
- expect(")");
- bcatch = [ name, block_() ];
- }
- if (is("keyword", "finally")) {
- next();
- bfinally = block_();
- }
- if (!bcatch && !bfinally)
- croak("Missing catch/finally blocks");
- return as("try", body, bcatch, bfinally);
- };
-
- function vardefs(no_in) {
- var a = [];
- for (;;) {
- if (!is("name"))
- unexpected();
- var name = S.token.value;
- next();
- if (is("operator", "=")) {
- next();
- a.push([ name, expression(false, no_in) ]);
- } else {
- a.push([ name ]);
- }
- if (!is("punc", ","))
- break;
- next();
- }
- return a;
- };
-
- function var_(no_in) {
- return as("var", vardefs(no_in));
- };
-
- function const_() {
- return as("const", vardefs());
- };
-
- function new_() {
- var newexp = expr_atom(false), args;
- if (is("punc", "(")) {
- next();
- args = expr_list(")");
- } else {
- args = [];
- }
- return subscripts(as("new", newexp, args), true);
- };
-
- var expr_atom = maybe_embed_tokens(function(allow_calls) {
- if (is("operator", "new")) {
- next();
- return new_();
- }
- if (is("punc")) {
- switch (S.token.value) {
- case "(":
- next();
- return subscripts(prog1(expression, curry(expect, ")")), allow_calls);
- case "[":
- next();
- return subscripts(array_(), allow_calls);
- case "{":
- next();
- return subscripts(object_(), allow_calls);
- }
- unexpected();
- }
- if (is("keyword", "function")) {
- next();
- return subscripts(function_(false), allow_calls);
- }
- if (HOP(ATOMIC_START_TOKEN, S.token.type)) {
- var atom = S.token.type == "regexp"
- ? as("regexp", S.token.value[0], S.token.value[1])
- : as(S.token.type, S.token.value);
- return subscripts(prog1(atom, next), allow_calls);
- }
- unexpected();
- });
-
- function expr_list(closing, allow_trailing_comma, allow_empty) {
- var first = true, a = [];
- while (!is("punc", closing)) {
- if (first) first = false; else expect(",");
- if (allow_trailing_comma && is("punc", closing)) break;
- if (is("punc", ",") && allow_empty) {
- a.push([ "atom", "undefined" ]);
- } else {
- a.push(expression(false));
- }
- }
- next();
- return a;
- };
-
- function array_() {
- return as("array", expr_list("]", !exigent_mode, true));
- };
-
- function object_() {
- var first = true, a = [];
- while (!is("punc", "}")) {
- if (first) first = false; else expect(",");
- if (!exigent_mode && is("punc", "}"))
- // allow trailing comma
- break;
- var type = S.token.type;
- var name = as_property_name();
- if (type == "name" && (name == "get" || name == "set") && !is("punc", ":")) {
- a.push([ as_name(), function_(false), name ]);
- } else {
- expect(":");
- a.push([ name, expression(false) ]);
- }
- }
- next();
- return as("object", a);
- };
-
- function as_property_name() {
- switch (S.token.type) {
- case "num":
- case "string":
- return prog1(S.token.value, next);
- }
- return as_name();
- };
-
- function as_name() {
- switch (S.token.type) {
- case "name":
- case "operator":
- case "keyword":
- case "atom":
- return prog1(S.token.value, next);
- default:
- unexpected();
- }
- };
-
- function subscripts(expr, allow_calls) {
- if (is("punc", ".")) {
- next();
- return subscripts(as("dot", expr, as_name()), allow_calls);
- }
- if (is("punc", "[")) {
- next();
- return subscripts(as("sub", expr, prog1(expression, curry(expect, "]"))), allow_calls);
- }
- if (allow_calls && is("punc", "(")) {
- next();
- return subscripts(as("call", expr, expr_list(")")), true);
- }
- return expr;
- };
-
- function maybe_unary(allow_calls) {
- if (is("operator") && HOP(UNARY_PREFIX, S.token.value)) {
- return make_unary("unary-prefix",
- prog1(S.token.value, next),
- maybe_unary(allow_calls));
- }
- var val = expr_atom(allow_calls);
- while (is("operator") && HOP(UNARY_POSTFIX, S.token.value) && !S.token.nlb) {
- val = make_unary("unary-postfix", S.token.value, val);
- next();
- }
- return val;
- };
-
- function make_unary(tag, op, expr) {
- if ((op == "++" || op == "--") && !is_assignable(expr))
- croak("Invalid use of " + op + " operator");
- return as(tag, op, expr);
- };
-
- function expr_op(left, min_prec, no_in) {
- var op = is("operator") ? S.token.value : null;
- if (op && op == "in" && no_in) op = null;
- var prec = op != null ? PRECEDENCE[op] : null;
- if (prec != null && prec > min_prec) {
- next();
- var right = expr_op(maybe_unary(true), prec, no_in);
- return expr_op(as("binary", op, left, right), min_prec, no_in);
- }
- return left;
- };
-
- function expr_ops(no_in) {
- return expr_op(maybe_unary(true), 0, no_in);
- };
-
- function maybe_conditional(no_in) {
- var expr = expr_ops(no_in);
- if (is("operator", "?")) {
- next();
- var yes = expression(false);
- expect(":");
- return as("conditional", expr, yes, expression(false, no_in));
- }
- return expr;
- };
-
- function is_assignable(expr) {
- if (!exigent_mode) return true;
- switch (expr[0]+"") {
- case "dot":
- case "sub":
- case "new":
- case "call":
- return true;
- case "name":
- return expr[1] != "this";
- }
- };
-
- function maybe_assign(no_in) {
- var left = maybe_conditional(no_in), val = S.token.value;
- if (is("operator") && HOP(ASSIGNMENT, val)) {
- if (is_assignable(left)) {
- next();
- return as("assign", ASSIGNMENT[val], left, maybe_assign(no_in));
- }
- croak("Invalid assignment");
- }
- return left;
- };
-
- var expression = maybe_embed_tokens(function(commas, no_in) {
- if (arguments.length == 0)
- commas = true;
- var expr = maybe_assign(no_in);
- if (commas && is("punc", ",")) {
- next();
- return as("seq", expr, expression(true, no_in));
- }
- return expr;
- });
-
- function in_loop(cont) {
- try {
- ++S.in_loop;
- return cont();
- } finally {
- --S.in_loop;
- }
- };
-
- return as("toplevel", (function(a){
- while (!is("eof"))
- a.push(statement());
- return a;
- })([]));
-
-};
-
-/* -----[ Utilities ]----- */
-
-function curry(f) {
- var args = slice(arguments, 1);
- return function() { return f.apply(this, args.concat(slice(arguments))); };
-};
-
-function prog1(ret) {
- if (ret instanceof Function)
- ret = ret();
- for (var i = 1, n = arguments.length; --n > 0; ++i)
- arguments[i]();
- return ret;
-};
-
-function array_to_hash(a) {
- var ret = {};
- for (var i = 0; i < a.length; ++i)
- ret[a[i]] = true;
- return ret;
-};
-
-function slice(a, start) {
- return Array.prototype.slice.call(a, start || 0);
-};
-
-function characters(str) {
- return str.split("");
-};
-
-function member(name, array) {
- for (var i = array.length; --i >= 0;)
- if (array[i] == name)
- return true;
- return false;
-};
-
-function HOP(obj, prop) {
- return Object.prototype.hasOwnProperty.call(obj, prop);
-};
-
-var warn = function() {};
-
-/* -----[ Exports ]----- */
-
-exports.tokenizer = tokenizer;
-exports.parse = parse;
-exports.slice = slice;
-exports.curry = curry;
-exports.member = member;
-exports.array_to_hash = array_to_hash;
-exports.PRECEDENCE = PRECEDENCE;
-exports.KEYWORDS_ATOM = KEYWORDS_ATOM;
-exports.RESERVED_WORDS = RESERVED_WORDS;
-exports.KEYWORDS = KEYWORDS;
-exports.ATOMIC_START_TOKEN = ATOMIC_START_TOKEN;
-exports.OPERATORS = OPERATORS;
-exports.is_alphanumeric_char = is_alphanumeric_char;
-exports.set_logger = function(logger) {
- warn = logger;
-};
-
-});
-define('uglifyjs/squeeze-more', ["require", "exports", "module", "./parse-js", "./process"], function(require, exports, module) {
-
-var jsp = require("./parse-js"),
- pro = require("./process"),
- slice = jsp.slice,
- member = jsp.member,
- curry = jsp.curry,
- MAP = pro.MAP,
- PRECEDENCE = jsp.PRECEDENCE,
- OPERATORS = jsp.OPERATORS;
-
-function ast_squeeze_more(ast) {
- var w = pro.ast_walker(), walk = w.walk, scope;
- function with_scope(s, cont) {
- var save = scope, ret;
- scope = s;
- ret = cont();
- scope = save;
- return ret;
- };
- function _lambda(name, args, body) {
- return [ this[0], name, args, with_scope(body.scope, curry(MAP, body, walk)) ];
- };
- return w.with_walkers({
- "toplevel": function(body) {
- return [ this[0], with_scope(this.scope, curry(MAP, body, walk)) ];
- },
- "function": _lambda,
- "defun": _lambda,
- "new": function(ctor, args) {
- if (ctor[0] == "name") {
- if (ctor[1] == "Array" && !scope.has("Array")) {
- if (args.length != 1) {
- return [ "array", args ];
- } else {
- return walk([ "call", [ "name", "Array" ], args ]);
- }
- } else if (ctor[1] == "Object" && !scope.has("Object")) {
- if (!args.length) {
- return [ "object", [] ];
- } else {
- return walk([ "call", [ "name", "Object" ], args ]);
- }
- } else if ((ctor[1] == "RegExp" || ctor[1] == "Function" || ctor[1] == "Error") && !scope.has(ctor[1])) {
- return walk([ "call", [ "name", ctor[1] ], args]);
- }
- }
- },
- "call": function(expr, args) {
- if (expr[0] == "dot" && expr[2] == "toString" && args.length == 0) {
- // foo.toString() ==> foo+""
- return [ "binary", "+", expr[1], [ "string", "" ]];
- }
- if (expr[0] == "name") {
- if (expr[1] == "Array" && args.length != 1 && !scope.has("Array")) {
- return [ "array", args ];
- }
- if (expr[1] == "Object" && !args.length && !scope.has("Object")) {
- return [ "object", [] ];
- }
- if (expr[1] == "String" && !scope.has("String")) {
- return [ "binary", "+", args[0], [ "string", "" ]];
- }
- }
- }
- }, function() {
- return walk(pro.ast_add_scope(ast));
- });
-};
-
-exports.ast_squeeze_more = ast_squeeze_more;
-
-});define('uglifyjs/process', ["require", "exports", "module", "./parse-js", "./squeeze-more"], function(require, exports, module) {
-
-/***********************************************************************
-
- A JavaScript tokenizer / parser / beautifier / compressor.
-
- This version is suitable for Node.js. With minimal changes (the
- exports stuff) it should work on any JS platform.
-
- This file implements some AST processors. They work on data built
- by parse-js.
-
- Exported functions:
-
- - ast_mangle(ast, options) -- mangles the variable/function names
- in the AST. Returns an AST.
-
- - ast_squeeze(ast) -- employs various optimizations to make the
- final generated code even smaller. Returns an AST.
-
- - gen_code(ast, options) -- generates JS code from the AST. Pass
- true (or an object, see the code for some options) as second
- argument to get "pretty" (indented) code.
-
- -------------------------------- (C) ---------------------------------
-
- Author: Mihai Bazon
- <mihai.bazon@gmail.com>
- http://mihai.bazon.net/blog
-
- Distributed under the BSD license:
-
- Copyright 2010 (c) Mihai Bazon <mihai.bazon@gmail.com>
-
- Redistribution and use in source and binary forms, with or without
- modification, are permitted provided that the following conditions
- are met:
-
- * Redistributions of source code must retain the above
- copyright notice, this list of conditions and the following
- disclaimer.
-
- * Redistributions in binary form must reproduce the above
- copyright notice, this list of conditions and the following
- disclaimer in the documentation and/or other materials
- provided with the distribution.
-
- THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
- EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
- IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
- PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
- LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
- OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
- PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
- THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
- TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
- THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
- SUCH DAMAGE.
-
- ***********************************************************************/
-
-var jsp = require("./parse-js"),
- slice = jsp.slice,
- member = jsp.member,
- PRECEDENCE = jsp.PRECEDENCE,
- OPERATORS = jsp.OPERATORS;
-
-/* -----[ helper for AST traversal ]----- */
-
-function ast_walker() {
- function _vardefs(defs) {
- return [ this[0], MAP(defs, function(def){
- var a = [ def[0] ];
- if (def.length > 1)
- a[1] = walk(def[1]);
- return a;
- }) ];
- };
- function _block(statements) {
- var out = [ this[0] ];
- if (statements != null)
- out.push(MAP(statements, walk));
- return out;
- };
- var walkers = {
- "string": function(str) {
- return [ this[0], str ];
- },
- "num": function(num) {
- return [ this[0], num ];
- },
- "name": function(name) {
- return [ this[0], name ];
- },
- "toplevel": function(statements) {
- return [ this[0], MAP(statements, walk) ];
- },
- "block": _block,
- "splice": _block,
- "var": _vardefs,
- "const": _vardefs,
- "try": function(t, c, f) {
- return [
- this[0],
- MAP(t, walk),
- c != null ? [ c[0], MAP(c[1], walk) ] : null,
- f != null ? MAP(f, walk) : null
- ];
- },
- "throw": function(expr) {
- return [ this[0], walk(expr) ];
- },
- "new": function(ctor, args) {
- return [ this[0], walk(ctor), MAP(args, walk) ];
- },
- "switch": function(expr, body) {
- return [ this[0], walk(expr), MAP(body, function(branch){
- return [ branch[0] ? walk(branch[0]) : null,
- MAP(branch[1], walk) ];
- }) ];
- },
- "break": function(label) {
- return [ this[0], label ];
- },
- "continue": function(label) {
- return [ this[0], label ];
- },
- "conditional": function(cond, t, e) {
- return [ this[0], walk(cond), walk(t), walk(e) ];
- },
- "assign": function(op, lvalue, rvalue) {
- return [ this[0], op, walk(lvalue), walk(rvalue) ];
- },
- "dot": function(expr) {
- return [ this[0], walk(expr) ].concat(slice(arguments, 1));
- },
- "call": function(expr, args) {
- return [ this[0], walk(expr), MAP(args, walk) ];
- },
- "function": function(name, args, body) {
- return [ this[0], name, args.slice(), MAP(body, walk) ];
- },
- "defun": function(name, args, body) {
- return [ this[0], name, args.slice(), MAP(body, walk) ];
- },
- "if": function(conditional, t, e) {
- return [ this[0], walk(conditional), walk(t), walk(e) ];
- },
- "for": function(init, cond, step, block) {
- return [ this[0], walk(init), walk(cond), walk(step), walk(block) ];
- },
- "for-in": function(vvar, key, hash, block) {
- return [ this[0], walk(vvar), walk(key), walk(hash), walk(block) ];
- },
- "while": function(cond, block) {
- return [ this[0], walk(cond), walk(block) ];
- },
- "do": function(cond, block) {
- return [ this[0], walk(cond), walk(block) ];
- },
- "return": function(expr) {
- return [ this[0], walk(expr) ];
- },
- "binary": function(op, left, right) {
- return [ this[0], op, walk(left), walk(right) ];
- },
- "unary-prefix": function(op, expr) {
- return [ this[0], op, walk(expr) ];
- },
- "unary-postfix": function(op, expr) {
- return [ this[0], op, walk(expr) ];
- },
- "sub": function(expr, subscript) {
- return [ this[0], walk(expr), walk(subscript) ];
- },
- "object": function(props) {
- return [ this[0], MAP(props, function(p){
- return p.length == 2
- ? [ p[0], walk(p[1]) ]
- : [ p[0], walk(p[1]), p[2] ]; // get/set-ter
- }) ];
- },
- "regexp": function(rx, mods) {
- return [ this[0], rx, mods ];
- },
- "array": function(elements) {
- return [ this[0], MAP(elements, walk) ];
- },
- "stat": function(stat) {
- return [ this[0], walk(stat) ];
- },
- "seq": function() {
- return [ this[0] ].concat(MAP(slice(arguments), walk));
- },
- "label": function(name, block) {
- return [ this[0], name, walk(block) ];
- },
- "with": function(expr, block) {
- return [ this[0], walk(expr), walk(block) ];
- },
- "atom": function(name) {
- return [ this[0], name ];
- }
- };
-
- var user = {};
- var stack = [];
- function walk(ast) {
- if (ast == null)
- return null;
- try {
- stack.push(ast);
- var type = ast[0];
- var gen = user[type];
- if (gen) {
- var ret = gen.apply(ast, ast.slice(1));
- if (ret != null)
- return ret;
- }
- gen = walkers[type];
- return gen.apply(ast, ast.slice(1));
- } finally {
- stack.pop();
- }
- };
-
- function dive(ast) {
- if (ast == null)
- return null;
- try {
- stack.push(ast);
- return walkers[ast[0]].apply(ast, ast.slice(1));
- } finally {
- stack.pop();
- }
- };
-
- function with_walkers(walkers, cont){
- var save = {}, i;
- for (i in walkers) if (HOP(walkers, i)) {
- save[i] = user[i];
- user[i] = walkers[i];
- }
- var ret = cont();
- for (i in save) if (HOP(save, i)) {
- if (!save[i]) delete user[i];
- else user[i] = save[i];
- }
- return ret;
- };
-
- return {
- walk: walk,
- dive: dive,
- with_walkers: with_walkers,
- parent: function() {
- return stack[stack.length - 2]; // last one is current node
- },
- stack: function() {
- return stack;
- }
- };
-};
-
-/* -----[ Scope and mangling ]----- */
-
-function Scope(parent) {
- this.names = {}; // names defined in this scope
- this.mangled = {}; // mangled names (orig.name => mangled)
- this.rev_mangled = {}; // reverse lookup (mangled => orig.name)
- this.cname = -1; // current mangled name
- this.refs = {}; // names referenced from this scope
- this.uses_with = false; // will become TRUE if with() is detected in this or any subscopes
- this.uses_eval = false; // will become TRUE if eval() is detected in this or any subscopes
- this.parent = parent; // parent scope
- this.children = []; // sub-scopes
- if (parent) {
- this.level = parent.level + 1;
- parent.children.push(this);
- } else {
- this.level = 0;
- }
-};
-
-var base54 = (function(){
- var DIGITS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_";
- return function(num) {
- var ret = "";
- do {
- ret = DIGITS.charAt(num % 54) + ret;
- num = Math.floor(num / 54);
- } while (num > 0);
- return ret;
- };
-})();
-
-Scope.prototype = {
- has: function(name) {
- for (var s = this; s; s = s.parent)
- if (HOP(s.names, name))
- return s;
- },
- has_mangled: function(mname) {
- for (var s = this; s; s = s.parent)
- if (HOP(s.rev_mangled, mname))
- return s;
- },
- toJSON: function() {
- return {
- names: this.names,
- uses_eval: this.uses_eval,
- uses_with: this.uses_with
- };
- },
-
- next_mangled: function() {
- // we must be careful that the new mangled name:
- //
- // 1. doesn't shadow a mangled name from a parent
- // scope, unless we don't reference the original
- // name from this scope OR from any sub-scopes!
- // This will get slow.
- //
- // 2. doesn't shadow an original name from a parent
- // scope, in the event that the name is not mangled
- // in the parent scope and we reference that name
- // here OR IN ANY SUBSCOPES!
- //
- // 3. doesn't shadow a name that is referenced but not
- // defined (possibly global defined elsewhere).
- for (;;) {
- var m = base54(++this.cname), prior;
-
- // case 1.
- prior = this.has_mangled(m);
- if (prior && this.refs[prior.rev_mangled[m]] === prior)
- continue;
-
- // case 2.
- prior = this.has(m);
- if (prior && prior !== this && this.refs[m] === prior && !prior.has_mangled(m))
- continue;
-
- // case 3.
- if (HOP(this.refs, m) && this.refs[m] == null)
- continue;
-
- // I got "do" once. :-/
- if (!is_identifier(m))
- continue;
-
- return m;
- }
- },
- set_mangle: function(name, m) {
- this.rev_mangled[m] = name;
- return this.mangled[name] = m;
- },
- get_mangled: function(name, newMangle) {
- if (this.uses_eval || this.uses_with) return name; // no mangle if eval or with is in use
- var s = this.has(name);
- if (!s) return name; // not in visible scope, no mangle
- if (HOP(s.mangled, name)) return s.mangled[name]; // already mangled in this scope
- if (!newMangle) return name; // not found and no mangling requested
- return s.set_mangle(name, s.next_mangled());
- },
- references: function(name) {
- return name && !this.parent || this.uses_with || this.uses_eval || this.refs[name];
- },
- define: function(name, type) {
- if (name != null) {
- if (type == "var" || !HOP(this.names, name))
- this.names[name] = type || "var";
- return name;
- }
- }
-};
-
-function ast_add_scope(ast) {
-
- var current_scope = null;
- var w = ast_walker(), walk = w.walk;
- var having_eval = [];
-
- function with_new_scope(cont) {
- current_scope = new Scope(current_scope);
- current_scope.labels = new Scope();
- var ret = current_scope.body = cont();
- ret.scope = current_scope;
- current_scope = current_scope.parent;
- return ret;
- };
-
- function define(name, type) {
- return current_scope.define(name, type);
- };
-
- function reference(name) {
- current_scope.refs[name] = true;
- };
-
- function _lambda(name, args, body) {
- var is_defun = this[0] == "defun";
- return [ this[0], is_defun ? define(name, "defun") : name, args, with_new_scope(function(){
- if (!is_defun) define(name, "lambda");
- MAP(args, function(name){ define(name, "arg") });
- return MAP(body, walk);
- })];
- };
-
- function _vardefs(type) {
- return function(defs) {
- MAP(defs, function(d){
- define(d[0], type);
- if (d[1]) reference(d[0]);
- });
- };
- };
-
- function _breacont(label) {
- if (label)
- current_scope.labels.refs[label] = true;
- };
-
- return with_new_scope(function(){
- // process AST
- var ret = w.with_walkers({
- "function": _lambda,
- "defun": _lambda,
- "label": function(name, stat) { current_scope.labels.define(name) },
- "break": _breacont,
- "continue": _breacont,
- "with": function(expr, block) {
- for (var s = current_scope; s; s = s.parent)
- s.uses_with = true;
- },
- "var": _vardefs("var"),
- "const": _vardefs("const"),
- "try": function(t, c, f) {
- if (c != null) return [
- this[0],
- MAP(t, walk),
- [ define(c[0], "catch"), MAP(c[1], walk) ],
- f != null ? MAP(f, walk) : null
- ];
- },
- "name": function(name) {
- if (name == "eval")
- having_eval.push(current_scope);
- reference(name);
- }
- }, function(){
- return walk(ast);
- });
-
- // the reason why we need an additional pass here is
- // that names can be used prior to their definition.
-
- // scopes where eval was detected and their parents
- // are marked with uses_eval, unless they define the
- // "eval" name.
- MAP(having_eval, function(scope){
- if (!scope.has("eval")) while (scope) {
- scope.uses_eval = true;
- scope = scope.parent;
- }
- });
-
- // for referenced names it might be useful to know
- // their origin scope. current_scope here is the
- // toplevel one.
- function fixrefs(scope, i) {
- // do children first; order shouldn't matter
- for (i = scope.children.length; --i >= 0;)
- fixrefs(scope.children[i]);
- for (i in scope.refs) if (HOP(scope.refs, i)) {
- // find origin scope and propagate the reference to origin
- for (var origin = scope.has(i), s = scope; s; s = s.parent) {
- s.refs[i] = origin;
- if (s === origin) break;
- }
- }
- };
- fixrefs(current_scope);
-
- return ret;
- });
-
-};
-
-/* -----[ mangle names ]----- */
-
-function ast_mangle(ast, options) {
- var w = ast_walker(), walk = w.walk, scope;
- options = options || {};
-
- function get_mangled(name, newMangle) {
- if (!options.toplevel && !scope.parent) return name; // don't mangle toplevel
- if (options.except && member(name, options.except))
- return name;
- return scope.get_mangled(name, newMangle);
- };
-
- function get_define(name) {
- if (options.defines) {
- // we always lookup a defined symbol for the current scope FIRST, so declared
- // vars trump a DEFINE symbol, but if no such var is found, then match a DEFINE value
- if (!scope.has(name)) {
- if (HOP(options.defines, name)) {
- return options.defines[name];
- }
- }
- return null;
- }
- };
-
- function _lambda(name, args, body) {
- if (!options.no_functions) {
- var is_defun = this[0] == "defun", extra;
- if (name) {
- if (is_defun) name = get_mangled(name);
- else if (body.scope.references(name)) {
- extra = {};
- if (!(scope.uses_eval || scope.uses_with))
- name = extra[name] = scope.next_mangled();
- else
- extra[name] = name;
- }
- else name = null;
- }
- }
- body = with_scope(body.scope, function(){
- args = MAP(args, function(name){ return get_mangled(name) });
- return MAP(body, walk);
- }, extra);
- return [ this[0], name, args, body ];
- };
-
- function with_scope(s, cont, extra) {
- var _scope = scope;
- scope = s;
- if (extra) for (var i in extra) if (HOP(extra, i)) {
- s.set_mangle(i, extra[i]);
- }
- for (var i in s.names) if (HOP(s.names, i)) {
- get_mangled(i, true);
- }
- var ret = cont();
- ret.scope = s;
- scope = _scope;
- return ret;
- };
-
- function _vardefs(defs) {
- return [ this[0], MAP(defs, function(d){
- return [ get_mangled(d[0]), walk(d[1]) ];
- }) ];
- };
-
- function _breacont(label) {
- if (label) return [ this[0], scope.labels.get_mangled(label) ];
- };
-
- return w.with_walkers({
- "function": _lambda,
- "defun": function() {
- // move function declarations to the top when
- // they are not in some block.
- var ast = _lambda.apply(this, arguments);
- switch (w.parent()[0]) {
- case "toplevel":
- case "function":
- case "defun":
- return MAP.at_top(ast);
- }
- return ast;
- },
- "label": function(label, stat) {
- if (scope.labels.refs[label]) return [
- this[0],
- scope.labels.get_mangled(label, true),
- walk(stat)
- ];
- return walk(stat);
- },
- "break": _breacont,
- "continue": _breacont,
- "var": _vardefs,
- "const": _vardefs,
- "name": function(name) {
- return get_define(name) || [ this[0], get_mangled(name) ];
- },
- "try": function(t, c, f) {
- return [ this[0],
- MAP(t, walk),
- c != null ? [ get_mangled(c[0]), MAP(c[1], walk) ] : null,
- f != null ? MAP(f, walk) : null ];
- },
- "toplevel": function(body) {
- var self = this;
- return with_scope(self.scope, function(){
- return [ self[0], MAP(body, walk) ];
- });
- }
- }, function() {
- return walk(ast_add_scope(ast));
- });
-};
-
-/* -----[
- - compress foo["bar"] into foo.bar,
- - remove block brackets {} where possible
- - join consecutive var declarations
- - various optimizations for IFs:
- - if (cond) foo(); else bar(); ==> cond?foo():bar();
- - if (cond) foo(); ==> cond&&foo();
- - if (foo) return bar(); else return baz(); ==> return foo?bar():baz(); // also for throw
- - if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}
- ]----- */
-
-var warn = function(){};
-
-function best_of(ast1, ast2) {
- return gen_code(ast1).length > gen_code(ast2[0] == "stat" ? ast2[1] : ast2).length ? ast2 : ast1;
-};
-
-function last_stat(b) {
- if (b[0] == "block" && b[1] && b[1].length > 0)
- return b[1][b[1].length - 1];
- return b;
-}
-
-function aborts(t) {
- if (t) switch (last_stat(t)[0]) {
- case "return":
- case "break":
- case "continue":
- case "throw":
- return true;
- }
-};
-
-function boolean_expr(expr) {
- return ( (expr[0] == "unary-prefix"
- && member(expr[1], [ "!", "delete" ])) ||
-
- (expr[0] == "binary"
- && member(expr[1], [ "in", "instanceof", "==", "!=", "===", "!==", "<", "<=", ">=", ">" ])) ||
-
- (expr[0] == "binary"
- && member(expr[1], [ "&&", "||" ])
- && boolean_expr(expr[2])
- && boolean_expr(expr[3])) ||
-
- (expr[0] == "conditional"
- && boolean_expr(expr[2])
- && boolean_expr(expr[3])) ||
-
- (expr[0] == "assign"
- && expr[1] === true
- && boolean_expr(expr[3])) ||
-
- (expr[0] == "seq"
- && boolean_expr(expr[expr.length - 1]))
- );
-};
-
-function empty(b) {
- return !b || (b[0] == "block" && (!b[1] || b[1].length == 0));
-};
-
-function is_string(node) {
- return (node[0] == "string" ||
- node[0] == "unary-prefix" && node[1] == "typeof" ||
- node[0] == "binary" && node[1] == "+" &&
- (is_string(node[2]) || is_string(node[3])));
-};
-
-var when_constant = (function(){
-
- var $NOT_CONSTANT = {};
-
- // this can only evaluate constant expressions. If it finds anything
- // not constant, it throws $NOT_CONSTANT.
- function evaluate(expr) {
- switch (expr[0]) {
- case "string":
- case "num":
- return expr[1];
- case "name":
- case "atom":
- switch (expr[1]) {
- case "true": return true;
- case "false": return false;
- case "null": return null;
- }
- break;
- case "unary-prefix":
- switch (expr[1]) {
- case "!": return !evaluate(expr[2]);
- case "typeof": return typeof evaluate(expr[2]);
- case "~": return ~evaluate(expr[2]);
- case "-": return -evaluate(expr[2]);
- case "+": return +evaluate(expr[2]);
- }
- break;
- case "binary":
- var left = expr[2], right = expr[3];
- switch (expr[1]) {
- case "&&" : return evaluate(left) && evaluate(right);
- case "||" : return evaluate(left) || evaluate(right);
- case "|" : return evaluate(left) | evaluate(right);
- case "&" : return evaluate(left) & evaluate(right);
- case "^" : return evaluate(left) ^ evaluate(right);
- case "+" : return evaluate(left) + evaluate(right);
- case "*" : return evaluate(left) * evaluate(right);
- case "/" : return evaluate(left) / evaluate(right);
- case "%" : return evaluate(left) % evaluate(right);
- case "-" : return evaluate(left) - evaluate(right);
- case "<<" : return evaluate(left) << evaluate(right);
- case ">>" : return evaluate(left) >> evaluate(right);
- case ">>>" : return evaluate(left) >>> evaluate(right);
- case "==" : return evaluate(left) == evaluate(right);
- case "===" : return evaluate(left) === evaluate(right);
- case "!=" : return evaluate(left) != evaluate(right);
- case "!==" : return evaluate(left) !== evaluate(right);
- case "<" : return evaluate(left) < evaluate(right);
- case "<=" : return evaluate(left) <= evaluate(right);
- case ">" : return evaluate(left) > evaluate(right);
- case ">=" : return evaluate(left) >= evaluate(right);
- case "in" : return evaluate(left) in evaluate(right);
- case "instanceof" : return evaluate(left) instanceof evaluate(right);
- }
- }
- throw $NOT_CONSTANT;
- };
-
- return function(expr, yes, no) {
- try {
- var val = evaluate(expr), ast;
- switch (typeof val) {
- case "string": ast = [ "string", val ]; break;
- case "number": ast = [ "num", val ]; break;
- case "boolean": ast = [ "name", String(val) ]; break;
- default: throw new Error("Can't handle constant of type: " + (typeof val));
- }
- return yes.call(expr, ast, val);
- } catch(ex) {
- if (ex === $NOT_CONSTANT) {
- if (expr[0] == "binary"
- && (expr[1] == "===" || expr[1] == "!==")
- && ((is_string(expr[2]) && is_string(expr[3]))
- || (boolean_expr(expr[2]) && boolean_expr(expr[3])))) {
- expr[1] = expr[1].substr(0, 2);
- }
- else if (no && expr[0] == "binary"
- && (expr[1] == "||" || expr[1] == "&&")) {
- // the whole expression is not constant but the lval may be...
- try {
- var lval = evaluate(expr[2]);
- expr = ((expr[1] == "&&" && (lval ? expr[3] : lval)) ||
- (expr[1] == "||" && (lval ? lval : expr[3])) ||
- expr);
- } catch(ex2) {
- // IGNORE... lval is not constant
- }
- }
- return no ? no.call(expr, expr) : null;
- }
- else throw ex;
- }
- };
-
-})();
-
-function warn_unreachable(ast) {
- if (!empty(ast))
- warn("Dropping unreachable code: " + gen_code(ast, true));
-};
-
-function prepare_ifs(ast) {
- var w = ast_walker(), walk = w.walk;
- // In this first pass, we rewrite ifs which abort with no else with an
- // if-else. For example:
- //
- // if (x) {
- // blah();
- // return y;
- // }
- // foobar();
- //
- // is rewritten into:
- //
- // if (x) {
- // blah();
- // return y;
- // } else {
- // foobar();
- // }
- function redo_if(statements) {
- statements = MAP(statements, walk);
-
- for (var i = 0; i < statements.length; ++i) {
- var fi = statements[i];
- if (fi[0] != "if") continue;
-
- if (fi[3] && walk(fi[3])) continue;
-
- var t = walk(fi[2]);
- if (!aborts(t)) continue;
-
- var conditional = walk(fi[1]);
-
- var e_body = statements.slice(i + 1);
- var e = e_body.length == 1 ? e_body[0] : [ "block", e_body ];
-
- var ret = statements.slice(0, i).concat([ [
- fi[0], // "if"
- conditional, // conditional
- t, // then
- e // else
- ] ]);
-
- return redo_if(ret);
- }
-
- return statements;
- };
-
- function redo_if_lambda(name, args, body) {
- body = redo_if(body);
- return [ this[0], name, args, body ];
- };
-
- function redo_if_block(statements) {
- return [ this[0], statements != null ? redo_if(statements) : null ];
- };
-
- return w.with_walkers({
- "defun": redo_if_lambda,
- "function": redo_if_lambda,
- "block": redo_if_block,
- "splice": redo_if_block,
- "toplevel": function(statements) {
- return [ this[0], redo_if(statements) ];
- },
- "try": function(t, c, f) {
- return [
- this[0],
- redo_if(t),
- c != null ? [ c[0], redo_if(c[1]) ] : null,
- f != null ? redo_if(f) : null
- ];
- }
- }, function() {
- return walk(ast);
- });
-};
-
-function for_side_effects(ast, handler) {
- var w = ast_walker(), walk = w.walk;
- var $stop = {}, $restart = {};
- function stop() { throw $stop };
- function restart() { throw $restart };
- function found(){ return handler.call(this, this, w, stop, restart) };
- function unary(op) {
- if (op == "++" || op == "--")
- return found.apply(this, arguments);
- };
- return w.with_walkers({
- "try": found,
- "throw": found,
- "return": found,
- "new": found,
- "switch": found,
- "break": found,
- "continue": found,
- "assign": found,
- "call": found,
- "if": found,
- "for": found,
- "for-in": found,
- "while": found,
- "do": found,
- "return": found,
- "unary-prefix": unary,
- "unary-postfix": unary,
- "defun": found
- }, function(){
- while (true) try {
- walk(ast);
- break;
- } catch(ex) {
- if (ex === $stop) break;
- if (ex === $restart) continue;
- throw ex;
- }
- });
-};
-
-function ast_lift_variables(ast) {
- var w = ast_walker(), walk = w.walk, scope;
- function do_body(body, env) {
- var _scope = scope;
- scope = env;
- body = MAP(body, walk);
- var hash = {}, names = MAP(env.names, function(type, name){
- if (type != "var") return MAP.skip;
- if (!env.references(name)) return MAP.skip;
- hash[name] = true;
- return [ name ];
- });
- if (names.length > 0) {
- // looking for assignments to any of these variables.
- // we can save considerable space by moving the definitions
- // in the var declaration.
- for_side_effects([ "block", body ], function(ast, walker, stop, restart) {
- if (ast[0] == "assign"
- && ast[1] === true
- && ast[2][0] == "name"
- && HOP(hash, ast[2][1])) {
- // insert the definition into the var declaration
- for (var i = names.length; --i >= 0;) {
- if (names[i][0] == ast[2][1]) {
- if (names[i][1]) // this name already defined, we must stop
- stop();
- names[i][1] = ast[3]; // definition
- names.push(names.splice(i, 1)[0]);
- break;
- }
- }
- // remove this assignment from the AST.
- var p = walker.parent();
- if (p[0] == "seq") {
- var a = p[2];
- a.unshift(0, p.length);
- p.splice.apply(p, a);
- }
- else if (p[0] == "stat") {
- p.splice(0, p.length, "block"); // empty statement
- }
- else {
- stop();
- }
- restart();
- }
- stop();
- });
- body.unshift([ "var", names ]);
- }
- scope = _scope;
- return body;
- };
- function _vardefs(defs) {
- var ret = null;
- for (var i = defs.length; --i >= 0;) {
- var d = defs[i];
- if (!d[1]) continue;
- d = [ "assign", true, [ "name", d[0] ], d[1] ];
- if (ret == null) ret = d;
- else ret = [ "seq", d, ret ];
- }
- if (ret == null) {
- if (w.parent()[0] == "for-in")
- return [ "name", defs[0][0] ];
- return MAP.skip;
- }
- return [ "stat", ret ];
- };
- function _toplevel(body) {
- return [ this[0], do_body(body, this.scope) ];
- };
- return w.with_walkers({
- "function": function(name, args, body){
- for (var i = args.length; --i >= 0 && !body.scope.references(args[i]);)
- args.pop();
- if (!body.scope.references(name)) name = null;
- return [ this[0], name, args, do_body(body, body.scope) ];
- },
- "defun": function(name, args, body){
- if (!scope.references(name)) return MAP.skip;
- for (var i = args.length; --i >= 0 && !body.scope.references(args[i]);)
- args.pop();
- return [ this[0], name, args, do_body(body, body.scope) ];
- },
- "var": _vardefs,
- "toplevel": _toplevel
- }, function(){
- return walk(ast_add_scope(ast));
- });
-};
-
-function ast_squeeze(ast, options) {
- options = defaults(options, {
- make_seqs : true,
- dead_code : true,
- no_warnings : false,
- keep_comps : true
- });
-
- var w = ast_walker(), walk = w.walk;
-
- function negate(c) {
- var not_c = [ "unary-prefix", "!", c ];
- switch (c[0]) {
- case "unary-prefix":
- return c[1] == "!" && boolean_expr(c[2]) ? c[2] : not_c;
- case "seq":
- c = slice(c);
- c[c.length - 1] = negate(c[c.length - 1]);
- return c;
- case "conditional":
- return best_of(not_c, [ "conditional", c[1], negate(c[2]), negate(c[3]) ]);
- case "binary":
- var op = c[1], left = c[2], right = c[3];
- if (!options.keep_comps) switch (op) {
- case "<=" : return [ "binary", ">", left, right ];
- case "<" : return [ "binary", ">=", left, right ];
- case ">=" : return [ "binary", "<", left, right ];
- case ">" : return [ "binary", "<=", left, right ];
- }
- switch (op) {
- case "==" : return [ "binary", "!=", left, right ];
- case "!=" : return [ "binary", "==", left, right ];
- case "===" : return [ "binary", "!==", left, right ];
- case "!==" : return [ "binary", "===", left, right ];
- case "&&" : return best_of(not_c, [ "binary", "||", negate(left), negate(right) ]);
- case "||" : return best_of(not_c, [ "binary", "&&", negate(left), negate(right) ]);
- }
- break;
- }
- return not_c;
- };
-
- function make_conditional(c, t, e) {
- var make_real_conditional = function() {
- if (c[0] == "unary-prefix" && c[1] == "!") {
- return e ? [ "conditional", c[2], e, t ] : [ "binary", "||", c[2], t ];
- } else {
- return e ? best_of(
- [ "conditional", c, t, e ],
- [ "conditional", negate(c), e, t ]
- ) : [ "binary", "&&", c, t ];
- }
- };
- // shortcut the conditional if the expression has a constant value
- return when_constant(c, function(ast, val){
- warn_unreachable(val ? e : t);
- return (val ? t : e);
- }, make_real_conditional);
- };
-
- function rmblock(block) {
- if (block != null && block[0] == "block" && block[1]) {
- if (block[1].length == 1)
- block = block[1][0];
- else if (block[1].length == 0)
- block = [ "block" ];
- }
- return block;
- };
-
- function _lambda(name, args, body) {
- return [ this[0], name, args, tighten(body, "lambda") ];
- };
-
- // this function does a few things:
- // 1. discard useless blocks
- // 2. join consecutive var declarations
- // 3. remove obviously dead code
- // 4. transform consecutive statements using the comma operator
- // 5. if block_type == "lambda" and it detects constructs like if(foo) return ... - rewrite like if (!foo) { ... }
- function tighten(statements, block_type) {
- statements = MAP(statements, walk);
-
- statements = statements.reduce(function(a, stat){
- if (stat[0] == "block") {
- if (stat[1]) {
- a.push.apply(a, stat[1]);
- }
- } else {
- a.push(stat);
- }
- return a;
- }, []);
-
- statements = (function(a, prev){
- statements.forEach(function(cur){
- if (prev && ((cur[0] == "var" && prev[0] == "var") ||
- (cur[0] == "const" && prev[0] == "const"))) {
- prev[1] = prev[1].concat(cur[1]);
- } else {
- a.push(cur);
- prev = cur;
- }
- });
- return a;
- })([]);
-
- if (options.dead_code) statements = (function(a, has_quit){
- statements.forEach(function(st){
- if (has_quit) {
- if (st[0] == "function" || st[0] == "defun") {
- a.push(st);
- }
- else if (st[0] == "var" || st[0] == "const") {
- if (!options.no_warnings)
- warn("Variables declared in unreachable code");
- st[1] = MAP(st[1], function(def){
- if (def[1] && !options.no_warnings)
- warn_unreachable([ "assign", true, [ "name", def[0] ], def[1] ]);
- return [ def[0] ];
- });
- a.push(st);
- }
- else if (!options.no_warnings)
- warn_unreachable(st);
- }
- else {
- a.push(st);
- if (member(st[0], [ "return", "throw", "break", "continue" ]))
- has_quit = true;
- }
- });
- return a;
- })([]);
-
- if (options.make_seqs) statements = (function(a, prev) {
- statements.forEach(function(cur){
- if (prev && prev[0] == "stat" && cur[0] == "stat") {
- prev[1] = [ "seq", prev[1], cur[1] ];
- } else {
- a.push(cur);
- prev = cur;
- }
- });
- if (a.length >= 2
- && a[a.length-2][0] == "stat"
- && (a[a.length-1][0] == "return" || a[a.length-1][0] == "throw")
- && a[a.length-1][1])
- {
- a.splice(a.length - 2, 2,
- [ a[a.length-1][0],
- [ "seq", a[a.length-2][1], a[a.length-1][1] ]]);
- }
- return a;
- })([]);
-
- // this increases jQuery by 1K. Probably not such a good idea after all..
- // part of this is done in prepare_ifs anyway.
- // if (block_type == "lambda") statements = (function(i, a, stat){
- // while (i < statements.length) {
- // stat = statements[i++];
- // if (stat[0] == "if" && !stat[3]) {
- // if (stat[2][0] == "return" && stat[2][1] == null) {
- // a.push(make_if(negate(stat[1]), [ "block", statements.slice(i) ]));
- // break;
- // }
- // var last = last_stat(stat[2]);
- // if (last[0] == "return" && last[1] == null) {
- // a.push(make_if(stat[1], [ "block", stat[2][1].slice(0, -1) ], [ "block", statements.slice(i) ]));
- // break;
- // }
- // }
- // a.push(stat);
- // }
- // return a;
- // })(0, []);
-
- return statements;
- };
-
- function make_if(c, t, e) {
- return when_constant(c, function(ast, val){
- if (val) {
- t = walk(t);
- warn_unreachable(e);
- return t || [ "block" ];
- } else {
- e = walk(e);
- warn_unreachable(t);
- return e || [ "block" ];
- }
- }, function() {
- return make_real_if(c, t, e);
- });
- };
-
- function make_real_if(c, t, e) {
- c = walk(c);
- t = walk(t);
- e = walk(e);
-
- if (empty(t)) {
- c = negate(c);
- t = e;
- e = null;
- } else if (empty(e)) {
- e = null;
- } else {
- // if we have both else and then, maybe it makes sense to switch them?
- (function(){
- var a = gen_code(c);
- var n = negate(c);
- var b = gen_code(n);
- if (b.length < a.length) {
- var tmp = t;
- t = e;
- e = tmp;
- c = n;
- }
- })();
- }
- if (empty(e) && empty(t))
- return [ "stat", c ];
- var ret = [ "if", c, t, e ];
- if (t[0] == "if" && empty(t[3]) && empty(e)) {
- ret = best_of(ret, walk([ "if", [ "binary", "&&", c, t[1] ], t[2] ]));
- }
- else if (t[0] == "stat") {
- if (e) {
- if (e[0] == "stat") {
- ret = best_of(ret, [ "stat", make_conditional(c, t[1], e[1]) ]);
- }
- }
- else {
- ret = best_of(ret, [ "stat", make_conditional(c, t[1]) ]);
- }
- }
- else if (e && t[0] == e[0] && (t[0] == "return" || t[0] == "throw") && t[1] && e[1]) {
- ret = best_of(ret, [ t[0], make_conditional(c, t[1], e[1] ) ]);
- }
- else if (e && aborts(t)) {
- ret = [ [ "if", c, t ] ];
- if (e[0] == "block") {
- if (e[1]) ret = ret.concat(e[1]);
- }
- else {
- ret.push(e);
- }
- ret = walk([ "block", ret ]);
- }
- else if (t && aborts(e)) {
- ret = [ [ "if", negate(c), e ] ];
- if (t[0] == "block") {
- if (t[1]) ret = ret.concat(t[1]);
- } else {
- ret.push(t);
- }
- ret = walk([ "block", ret ]);
- }
- return ret;
- };
-
- function _do_while(cond, body) {
- return when_constant(cond, function(cond, val){
- if (!val) {
- warn_unreachable(body);
- return [ "block" ];
- } else {
- return [ "for", null, null, null, walk(body) ];
- }
- });
- };
-
- return w.with_walkers({
- "sub": function(expr, subscript) {
- if (subscript[0] == "string") {
- var name = subscript[1];
- if (is_identifier(name))
- return [ "dot", walk(expr), name ];
- else if (/^[1-9][0-9]*$/.test(name) || name === "0")
- return [ "sub", walk(expr), [ "num", parseInt(name, 10) ] ];
- }
- },
- "if": make_if,
- "toplevel": function(body) {
- return [ "toplevel", tighten(body) ];
- },
- "switch": function(expr, body) {
- var last = body.length - 1;
- return [ "switch", walk(expr), MAP(body, function(branch, i){
- var block = tighten(branch[1]);
- if (i == last && block.length > 0) {
- var node = block[block.length - 1];
- if (node[0] == "break" && !node[1])
- block.pop();
- }
- return [ branch[0] ? walk(branch[0]) : null, block ];
- }) ];
- },
- "function": _lambda,
- "defun": _lambda,
- "block": function(body) {
- if (body) return rmblock([ "block", tighten(body) ]);
- },
- "binary": function(op, left, right) {
- return when_constant([ "binary", op, walk(left), walk(right) ], function yes(c){
- return best_of(walk(c), this);
- }, function no() {
- return function(){
- if(op != "==" && op != "!=") return;
- var l = walk(left), r = walk(right);
- if(l && l[0] == "unary-prefix" && l[1] == "!" && l[2][0] == "num")
- left = ['num', +!l[2][1]];
- else if (r && r[0] == "unary-prefix" && r[1] == "!" && r[2][0] == "num")
- right = ['num', +!r[2][1]];
- return ["binary", op, left, right];
- }() || this;
- });
- },
- "conditional": function(c, t, e) {
- return make_conditional(walk(c), walk(t), walk(e));
- },
- "try": function(t, c, f) {
- return [
- "try",
- tighten(t),
- c != null ? [ c[0], tighten(c[1]) ] : null,
- f != null ? tighten(f) : null
- ];
- },
- "unary-prefix": function(op, expr) {
- expr = walk(expr);
- var ret = [ "unary-prefix", op, expr ];
- if (op == "!")
- ret = best_of(ret, negate(expr));
- return when_constant(ret, function(ast, val){
- return walk(ast); // it's either true or false, so minifies to !0 or !1
- }, function() { return ret });
- },
- "name": function(name) {
- switch (name) {
- case "true": return [ "unary-prefix", "!", [ "num", 0 ]];
- case "false": return [ "unary-prefix", "!", [ "num", 1 ]];
- }
- },
- "while": _do_while,
- "assign": function(op, lvalue, rvalue) {
- lvalue = walk(lvalue);
- rvalue = walk(rvalue);
- var okOps = [ '+', '-', '/', '*', '%', '>>', '<<', '>>>', '|', '^', '&' ];
- if (op === true && lvalue[0] === "name" && rvalue[0] === "binary" &&
- ~okOps.indexOf(rvalue[1]) && rvalue[2][0] === "name" &&
- rvalue[2][1] === lvalue[1]) {
- return [ this[0], rvalue[1], lvalue, rvalue[3] ]
- }
- return [ this[0], op, lvalue, rvalue ];
- }
- }, function() {
- for (var i = 0; i < 2; ++i) {
- ast = prepare_ifs(ast);
- ast = walk(ast);
- }
- return ast;
- });
-};
-
-/* -----[ re-generate code from the AST ]----- */
-
-var DOT_CALL_NO_PARENS = jsp.array_to_hash([
- "name",
- "array",
- "object",
- "string",
- "dot",
- "sub",
- "call",
- "regexp",
- "defun"
-]);
-
-function make_string(str, ascii_only) {
- var dq = 0, sq = 0;
- str = str.replace(/[\\\b\f\n\r\t\x22\x27\u2028\u2029\0]/g, function(s){
- switch (s) {
- case "\\": return "\\\\";
- case "\b": return "\\b";
- case "\f": return "\\f";
- case "\n": return "\\n";
- case "\r": return "\\r";
- case "\t": return "\\t";
- case "\u2028": return "\\u2028";
- case "\u2029": return "\\u2029";
- case '"': ++dq; return '"';
- case "'": ++sq; return "'";
- case "\0": return "\\0";
- }
- return s;
- });
- if (ascii_only) str = to_ascii(str);
- if (dq > sq) return "'" + str.replace(/\x27/g, "\\'") + "'";
- else return '"' + str.replace(/\x22/g, '\\"') + '"';
-};
-
-function to_ascii(str) {
- return str.replace(/[\u0080-\uffff]/g, function(ch) {
- var code = ch.charCodeAt(0).toString(16);
- while (code.length < 4) code = "0" + code;
- return "\\u" + code;
- });
-};
-
-var SPLICE_NEEDS_BRACKETS = jsp.array_to_hash([ "if", "while", "do", "for", "for-in", "with" ]);
-
-function gen_code(ast, options) {
- options = defaults(options, {
- indent_start : 0,
- indent_level : 4,
- quote_keys : false,
- space_colon : false,
- beautify : false,
- ascii_only : false,
- inline_script: false
- });
- var beautify = !!options.beautify;
- var indentation = 0,
- newline = beautify ? "\n" : "",
- space = beautify ? " " : "";
-
- function encode_string(str) {
- var ret = make_string(str, options.ascii_only);
- if (options.inline_script)
- ret = ret.replace(/<\x2fscript([>\/\t\n\f\r ])/gi, "<\\/script$1");
- return ret;
- };
-
- function make_name(name) {
- name = name.toString();
- if (options.ascii_only)
- name = to_ascii(name);
- return name;
- };
-
- function indent(line) {
- if (line == null)
- line = "";
- if (beautify)
- line = repeat_string(" ", options.indent_start + indentation * options.indent_level) + line;
- return line;
- };
-
- function with_indent(cont, incr) {
- if (incr == null) incr = 1;
- indentation += incr;
- try { return cont.apply(null, slice(arguments, 1)); }
- finally { indentation -= incr; }
- };
-
- function add_spaces(a) {
- if (beautify)
- return a.join(" ");
- var b = [];
- for (var i = 0; i < a.length; ++i) {
- var next = a[i + 1];
- b.push(a[i]);
- if (next &&
- ((/[a-z0-9_\x24]$/i.test(a[i].toString()) && /^[a-z0-9_\x24]/i.test(next.toString())) ||
- (/[\+\-]$/.test(a[i].toString()) && /^[\+\-]/.test(next.toString())))) {
- b.push(" ");
- }
- }
- return b.join("");
- };
-
- function add_commas(a) {
- return a.join("," + space);
- };
-
- function parenthesize(expr) {
- var gen = make(expr);
- for (var i = 1; i < arguments.length; ++i) {
- var el = arguments[i];
- if ((el instanceof Function && el(expr)) || expr[0] == el)
- return "(" + gen + ")";
- }
- return gen;
- };
-
- function best_of(a) {
- if (a.length == 1) {
- return a[0];
- }
- if (a.length == 2) {
- var b = a[1];
- a = a[0];
- return a.length <= b.length ? a : b;
- }
- return best_of([ a[0], best_of(a.slice(1)) ]);
- };
-
- function needs_parens(expr) {
- if (expr[0] == "function" || expr[0] == "object") {
- // dot/call on a literal function requires the
- // function literal itself to be parenthesized
- // only if it's the first "thing" in a
- // statement. This means that the parent is
- // "stat", but it could also be a "seq" and
- // we're the first in this "seq" and the
- // parent is "stat", and so on. Messy stuff,
- // but it worths the trouble.
- var a = slice(w.stack()), self = a.pop(), p = a.pop();
- while (p) {
- if (p[0] == "stat") return true;
- if (((p[0] == "seq" || p[0] == "call" || p[0] == "dot" || p[0] == "sub" || p[0] == "conditional") && p[1] === self) ||
- ((p[0] == "binary" || p[0] == "assign" || p[0] == "unary-postfix") && p[2] === self)) {
- self = p;
- p = a.pop();
- } else {
- return false;
- }
- }
- }
- return !HOP(DOT_CALL_NO_PARENS, expr[0]);
- };
-
- function make_num(num) {
- var str = num.toString(10), a = [ str.replace(/^0\./, ".") ], m;
- if (Math.floor(num) === num) {
- if (num >= 0) {
- a.push("0x" + num.toString(16).toLowerCase(), // probably pointless
- "0" + num.toString(8)); // same.
- } else {
- a.push("-0x" + (-num).toString(16).toLowerCase(), // probably pointless
- "-0" + (-num).toString(8)); // same.
- }
- if ((m = /^(.*?)(0+)$/.exec(num))) {
- a.push(m[1] + "e" + m[2].length);
- }
- } else if ((m = /^0?\.(0+)(.*)$/.exec(num))) {
- a.push(m[2] + "e-" + (m[1].length + m[2].length),
- str.substr(str.indexOf(".")));
- }
- return best_of(a);
- };
-
- var w = ast_walker();
- var make = w.walk;
- return w.with_walkers({
- "string": encode_string,
- "num": make_num,
- "name": make_name,
- "toplevel": function(statements) {
- return make_block_statements(statements)
- .join(newline + newline);
- },
- "splice": function(statements) {
- var parent = w.parent();
- if (HOP(SPLICE_NEEDS_BRACKETS, parent)) {
- // we need block brackets in this case
- return make_block.apply(this, arguments);
- } else {
- return MAP(make_block_statements(statements, true),
- function(line, i) {
- // the first line is already indented
- return i > 0 ? indent(line) : line;
- }).join(newline);
- }
- },
- "block": make_block,
- "var": function(defs) {
- return "var " + add_commas(MAP(defs, make_1vardef)) + ";";
- },
- "const": function(defs) {
- return "const " + add_commas(MAP(defs, make_1vardef)) + ";";
- },
- "try": function(tr, ca, fi) {
- var out = [ "try", make_block(tr) ];
- if (ca) out.push("catch", "(" + ca[0] + ")", make_block(ca[1]));
- if (fi) out.push("finally", make_block(fi));
- return add_spaces(out);
- },
- "throw": function(expr) {
- return add_spaces([ "throw", make(expr) ]) + ";";
- },
- "new": function(ctor, args) {
- args = args.length > 0 ? "(" + add_commas(MAP(args, function(expr){
- return parenthesize(expr, "seq");
- })) + ")" : "";
- return add_spaces([ "new", parenthesize(ctor, "seq", "binary", "conditional", "assign", function(expr){
- var w = ast_walker(), has_call = {};
- try {
- w.with_walkers({
- "call": function() { throw has_call },
- "function": function() { return this }
- }, function(){
- w.walk(expr);
- });
- } catch(ex) {
- if (ex === has_call)
- return true;
- throw ex;
- }
- }) + args ]);
- },
- "switch": function(expr, body) {
- return add_spaces([ "switch", "(" + make(expr) + ")", make_switch_block(body) ]);
- },
- "break": function(label) {
- var out = "break";
- if (label != null)
- out += " " + make_name(label);
- return out + ";";
- },
- "continue": function(label) {
- var out = "continue";
- if (label != null)
- out += " " + make_name(label);
- return out + ";";
- },
- "conditional": function(co, th, el) {
- return add_spaces([ parenthesize(co, "assign", "seq", "conditional"), "?",
- parenthesize(th, "seq"), ":",
- parenthesize(el, "seq") ]);
- },
- "assign": function(op, lvalue, rvalue) {
- if (op && op !== true) op += "=";
- else op = "=";
- return add_spaces([ make(lvalue), op, parenthesize(rvalue, "seq") ]);
- },
- "dot": function(expr) {
- var out = make(expr), i = 1;
- if (expr[0] == "num") {
- if (!/\./.test(expr[1]))
- out += ".";
- } else if (needs_parens(expr))
- out = "(" + out + ")";
- while (i < arguments.length)
- out += "." + make_name(arguments[i++]);
- return out;
- },
- "call": function(func, args) {
- var f = make(func);
- if (f.charAt(0) != "(" && needs_parens(func))
- f = "(" + f + ")";
- return f + "(" + add_commas(MAP(args, function(expr){
- return parenthesize(expr, "seq");
- })) + ")";
- },
- "function": make_function,
- "defun": make_function,
- "if": function(co, th, el) {
- var out = [ "if", "(" + make(co) + ")", el ? make_then(th) : make(th) ];
- if (el) {
- out.push("else", make(el));
- }
- return add_spaces(out);
- },
- "for": function(init, cond, step, block) {
- var out = [ "for" ];
- init = (init != null ? make(init) : "").replace(/;*\s*$/, ";" + space);
- cond = (cond != null ? make(cond) : "").replace(/;*\s*$/, ";" + space);
- step = (step != null ? make(step) : "").replace(/;*\s*$/, "");
- var args = init + cond + step;
- if (args == "; ; ") args = ";;";
- out.push("(" + args + ")", make(block));
- return add_spaces(out);
- },
- "for-in": function(vvar, key, hash, block) {
- return add_spaces([ "for", "(" +
- (vvar ? make(vvar).replace(/;+$/, "") : make(key)),
- "in",
- make(hash) + ")", make(block) ]);
- },
- "while": function(condition, block) {
- return add_spaces([ "while", "(" + make(condition) + ")", make(block) ]);
- },
- "do": function(condition, block) {
- return add_spaces([ "do", make(block), "while", "(" + make(condition) + ")" ]) + ";";
- },
- "return": function(expr) {
- var out = [ "return" ];
- if (expr != null) out.push(make(expr));
- return add_spaces(out) + ";";
- },
- "binary": function(operator, lvalue, rvalue) {
- var left = make(lvalue), right = make(rvalue);
- // XXX: I'm pretty sure other cases will bite here.
- // we need to be smarter.
- // adding parens all the time is the safest bet.
- if (member(lvalue[0], [ "assign", "conditional", "seq" ]) ||
- lvalue[0] == "binary" && PRECEDENCE[operator] > PRECEDENCE[lvalue[1]] ||
- lvalue[0] == "function" && needs_parens(this)) {
- left = "(" + left + ")";
- }
- if (member(rvalue[0], [ "assign", "conditional", "seq" ]) ||
- rvalue[0] == "binary" && PRECEDENCE[operator] >= PRECEDENCE[rvalue[1]] &&
- !(rvalue[1] == operator && member(operator, [ "&&", "||", "*" ]))) {
- right = "(" + right + ")";
- }
- else if (!beautify && options.inline_script && (operator == "<" || operator == "<<")
- && rvalue[0] == "regexp" && /^script/i.test(rvalue[1])) {
- right = " " + right;
- }
- return add_spaces([ left, operator, right ]);
- },
- "unary-prefix": function(operator, expr) {
- var val = make(expr);
- if (!(expr[0] == "num" || (expr[0] == "unary-prefix" && !HOP(OPERATORS, operator + expr[1])) || !needs_parens(expr)))
- val = "(" + val + ")";
- return operator + (jsp.is_alphanumeric_char(operator.charAt(0)) ? " " : "") + val;
- },
- "unary-postfix": function(operator, expr) {
- var val = make(expr);
- if (!(expr[0] == "num" || (expr[0] == "unary-postfix" && !HOP(OPERATORS, operator + expr[1])) || !needs_parens(expr)))
- val = "(" + val + ")";
- return val + operator;
- },
- "sub": function(expr, subscript) {
- var hash = make(expr);
- if (needs_parens(expr))
- hash = "(" + hash + ")";
- return hash + "[" + make(subscript) + "]";
- },
- "object": function(props) {
- var obj_needs_parens = needs_parens(this);
- if (props.length == 0)
- return obj_needs_parens ? "({})" : "{}";
- var out = "{" + newline + with_indent(function(){
- return MAP(props, function(p){
- if (p.length == 3) {
- // getter/setter. The name is in p[0], the arg.list in p[1][2], the
- // body in p[1][3] and type ("get" / "set") in p[2].
- return indent(make_function(p[0], p[1][2], p[1][3], p[2]));
- }
- var key = p[0], val = parenthesize(p[1], "seq");
- if (options.quote_keys) {
- key = encode_string(key);
- } else if ((typeof key == "number" || !beautify && +key + "" == key)
- && parseFloat(key) >= 0) {
- key = make_num(+key);
- } else if (!is_identifier(key)) {
- key = encode_string(key);
- }
- return indent(add_spaces(beautify && options.space_colon
- ? [ key, ":", val ]
- : [ key + ":", val ]));
- }).join("," + newline);
- }) + newline + indent("}");
- return obj_needs_parens ? "(" + out + ")" : out;
- },
- "regexp": function(rx, mods) {
- return "/" + rx + "/" + mods;
- },
- "array": function(elements) {
- if (elements.length == 0) return "[]";
- return add_spaces([ "[", add_commas(MAP(elements, function(el, i){
- if (!beautify && el[0] == "atom" && el[1] == "undefined") return i === elements.length - 1 ? "," : "";
- return parenthesize(el, "seq");
- })), "]" ]);
- },
- "stat": function(stmt) {
- return make(stmt).replace(/;*\s*$/, ";");
- },
- "seq": function() {
- return add_commas(MAP(slice(arguments), make));
- },
- "label": function(name, block) {
- return add_spaces([ make_name(name), ":", make(block) ]);
- },
- "with": function(expr, block) {
- return add_spaces([ "with", "(" + make(expr) + ")", make(block) ]);
- },
- "atom": function(name) {
- return make_name(name);
- }
- }, function(){ return make(ast) });
-
- // The squeezer replaces "block"-s that contain only a single
- // statement with the statement itself; technically, the AST
- // is correct, but this can create problems when we output an
- // IF having an ELSE clause where the THEN clause ends in an
- // IF *without* an ELSE block (then the outer ELSE would refer
- // to the inner IF). This function checks for this case and
- // adds the block brackets if needed.
- function make_then(th) {
- if (th == null) return ";";
- if (th[0] == "do") {
- // https://github.com/mishoo/UglifyJS/issues/#issue/57
- // IE croaks with "syntax error" on code like this:
- // if (foo) do ... while(cond); else ...
- // we need block brackets around do/while
- return make_block([ th ]);
- }
- var b = th;
- while (true) {
- var type = b[0];
- if (type == "if") {
- if (!b[3])
- // no else, we must add the block
- return make([ "block", [ th ]]);
- b = b[3];
- }
- else if (type == "while" || type == "do") b = b[2];
- else if (type == "for" || type == "for-in") b = b[4];
- else break;
- }
- return make(th);
- };
-
- function make_function(name, args, body, keyword) {
- var out = keyword || "function";
- if (name) {
- out += " " + make_name(name);
- }
- out += "(" + add_commas(MAP(args, make_name)) + ")";
- out = add_spaces([ out, make_block(body) ]);
- return needs_parens(this) ? "(" + out + ")" : out;
- };
-
- function must_has_semicolon(node) {
- switch (node[0]) {
- case "with":
- case "while":
- return empty(node[2]); // `with' or `while' with empty body?
- case "for":
- case "for-in":
- return empty(node[4]); // `for' with empty body?
- case "if":
- if (empty(node[2]) && !node[3]) return true; // `if' with empty `then' and no `else'
- if (node[3]) {
- if (empty(node[3])) return true; // `else' present but empty
- return must_has_semicolon(node[3]); // dive into the `else' branch
- }
- return must_has_semicolon(node[2]); // dive into the `then' branch
- }
- };
-
- function make_block_statements(statements, noindent) {
- for (var a = [], last = statements.length - 1, i = 0; i <= last; ++i) {
- var stat = statements[i];
- var code = make(stat);
- if (code != ";") {
- if (!beautify && i == last && !must_has_semicolon(stat)) {
- code = code.replace(/;+\s*$/, "");
- }
- a.push(code);
- }
- }
- return noindent ? a : MAP(a, indent);
- };
-
- function make_switch_block(body) {
- var n = body.length;
- if (n == 0) return "{}";
- return "{" + newline + MAP(body, function(branch, i){
- var has_body = branch[1].length > 0, code = with_indent(function(){
- return indent(branch[0]
- ? add_spaces([ "case", make(branch[0]) + ":" ])
- : "default:");
- }, 0.5) + (has_body ? newline + with_indent(function(){
- return make_block_statements(branch[1]).join(newline);
- }) : "");
- if (!beautify && has_body && i < n - 1)
- code += ";";
- return code;
- }).join(newline) + newline + indent("}");
- };
-
- function make_block(statements) {
- if (!statements) return ";";
- if (statements.length == 0) return "{}";
- return "{" + newline + with_indent(function(){
- return make_block_statements(statements).join(newline);
- }) + newline + indent("}");
- };
-
- function make_1vardef(def) {
- var name = def[0], val = def[1];
- if (val != null)
- name = add_spaces([ make_name(name), "=", parenthesize(val, "seq") ]);
- return name;
- };
-
-};
-
-function split_lines(code, max_line_length) {
- var splits = [ 0 ];
- jsp.parse(function(){
- var next_token = jsp.tokenizer(code);
- var last_split = 0;
- var prev_token;
- function current_length(tok) {
- return tok.pos - last_split;
- };
- function split_here(tok) {
- last_split = tok.pos;
- splits.push(last_split);
- };
- function custom(){
- var tok = next_token.apply(this, arguments);
- out: {
- if (prev_token) {
- if (prev_token.type == "keyword") break out;
- }
- if (current_length(tok) > max_line_length) {
- switch (tok.type) {
- case "keyword":
- case "atom":
- case "name":
- case "punc":
- split_here(tok);
- break out;
- }
- }
- }
- prev_token = tok;
- return tok;
- };
- custom.context = function() {
- return next_token.context.apply(this, arguments);
- };
- return custom;
- }());
- return splits.map(function(pos, i){
- return code.substring(pos, splits[i + 1] || code.length);
- }).join("\n");
-};
-
-/* -----[ Utilities ]----- */
-
-function repeat_string(str, i) {
- if (i <= 0) return "";
- if (i == 1) return str;
- var d = repeat_string(str, i >> 1);
- d += d;
- if (i & 1) d += str;
- return d;
-};
-
-function defaults(args, defs) {
- var ret = {};
- if (args === true)
- args = {};
- for (var i in defs) if (HOP(defs, i)) {
- ret[i] = (args && HOP(args, i)) ? args[i] : defs[i];
- }
- return ret;
-};
-
-function is_identifier(name) {
- return /^[a-z_$][a-z0-9_$]*$/i.test(name)
- && name != "this"
- && !HOP(jsp.KEYWORDS_ATOM, name)
- && !HOP(jsp.RESERVED_WORDS, name)
- && !HOP(jsp.KEYWORDS, name);
-};
-
-function HOP(obj, prop) {
- return Object.prototype.hasOwnProperty.call(obj, prop);
-};
-
-// some utilities
-
-var MAP;
-
-(function(){
- MAP = function(a, f, o) {
- var ret = [], top = [], i;
- function doit() {
- var val = f.call(o, a[i], i);
- if (val instanceof AtTop) {
- val = val.v;
- if (val instanceof Splice) {
- top.push.apply(top, val.v);
- } else {
- top.push(val);
- }
- }
- else if (val != skip) {
- if (val instanceof Splice) {
- ret.push.apply(ret, val.v);
- } else {
- ret.push(val);
- }
- }
- };
- if (a instanceof Array) for (i = 0; i < a.length; ++i) doit();
- else for (i in a) if (HOP(a, i)) doit();
- return top.concat(ret);
- };
- MAP.at_top = function(val) { return new AtTop(val) };
- MAP.splice = function(val) { return new Splice(val) };
- var skip = MAP.skip = {};
- function AtTop(val) { this.v = val };
- function Splice(val) { this.v = val };
-})();
-
-/* -----[ Exports ]----- */
-
-exports.ast_walker = ast_walker;
-exports.ast_mangle = ast_mangle;
-exports.ast_squeeze = ast_squeeze;
-exports.ast_lift_variables = ast_lift_variables;
-exports.gen_code = gen_code;
-exports.ast_add_scope = ast_add_scope;
-exports.set_logger = function(logger) { warn = logger };
-exports.make_string = make_string;
-exports.split_lines = split_lines;
-exports.MAP = MAP;
-
-// keep this last!
-exports.ast_squeeze_more = require("./squeeze-more").ast_squeeze_more;
-
-});define('uglifyjs/index', ["require", "exports", "module", "./parse-js", "./process"], function(require, exports, module) {
-
-//convienence function(src, [options]);
-function uglify(orig_code, options){
- options || (options = {});
- var jsp = uglify.parser;
- var pro = uglify.uglify;
-
- var ast = jsp.parse(orig_code, options.strict_semicolons); // parse code and get the initial AST
- ast = pro.ast_mangle(ast, options.mangle_options); // get a new AST with mangled names
- ast = pro.ast_squeeze(ast, options.squeeze_options); // get an AST with compression optimizations
- var final_code = pro.gen_code(ast, options.gen_options); // compressed code here
- return final_code;
-};
-
-uglify.parser = require("./parse-js");
-uglify.uglify = require("./process");
-
-module.exports = uglify
-
-});/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint plusplus: false, strict: false */
-/*global define: false */
-
-define('parse', ['./uglifyjs/index'], function (uglify) {
- var parser = uglify.parser,
- processor = uglify.uglify,
- ostring = Object.prototype.toString,
- isArray;
-
- if (Array.isArray) {
- isArray = Array.isArray;
- } else {
- isArray = function (it) {
- return ostring.call(it) === "[object Array]";
- };
- }
-
- /**
- * Determines if the AST node is an array literal
- */
- function isArrayLiteral(node) {
- return node[0] === 'array';
- }
-
- /**
- * Determines if the AST node is an object literal
- */
- function isObjectLiteral(node) {
- return node[0] === 'object';
- }
-
- /**
- * Converts a regular JS array of strings to an AST node that
- * represents that array.
- * @param {Array} ary
- * @param {Node} an AST node that represents an array of strings.
- */
- function toAstArray(ary) {
- var output = [
- 'array',
- []
- ],
- i, item;
-
- for (i = 0; (item = ary[i]); i++) {
- output[1].push([
- 'string',
- item
- ]);
- }
-
- return output;
- }
-
- /**
- * Validates a node as being an object literal (like for i18n bundles)
- * or an array literal with just string members. If an array literal,
- * only return array members that are full strings. So the caller of
- * this function should use the return value as the new value for the
- * node.
- *
- * This function does not need to worry about comments, they are not
- * present in this AST.
- *
- * @param {Node} node an AST node.
- *
- * @returns {Node} an AST node to use for the valid dependencies.
- * If null is returned, then it means the input node was not a valid
- * dependency.
- */
- function validateDeps(node) {
- var newDeps = ['array', []],
- arrayArgs, i, dep;
-
- if (!node) {
- return null;
- }
-
- if (isObjectLiteral(node) || node[0] === 'function') {
- return node;
- }
-
- //Dependencies can be an object literal or an array.
- if (!isArrayLiteral(node)) {
- return null;
- }
-
- arrayArgs = node[1];
-
- for (i = 0; i < arrayArgs.length; i++) {
- dep = arrayArgs[i];
- if (dep[0] === 'string') {
- newDeps[1].push(dep);
- }
- }
- return newDeps[1].length ? newDeps : null;
- }
-
- /**
- * Gets dependencies from a node, but only if it is an array literal,
- * and only if the dependency is a string literal.
- *
- * This function does not need to worry about comments, they are not
- * present in this AST.
- *
- * @param {Node} node an AST node.
- *
- * @returns {Array} of valid dependencies.
- * If null is returned, then it means the input node was not a valid
- * array literal, or did not have any string literals..
- */
- function getValidDeps(node) {
- var newDeps = [],
- arrayArgs, i, dep;
-
- if (!node) {
- return null;
- }
-
- if (isObjectLiteral(node) || node[0] === 'function') {
- return null;
- }
-
- //Dependencies can be an object literal or an array.
- if (!isArrayLiteral(node)) {
- return null;
- }
-
- arrayArgs = node[1];
-
- for (i = 0; i < arrayArgs.length; i++) {
- dep = arrayArgs[i];
- if (dep[0] === 'string') {
- newDeps.push(dep[1]);
- }
- }
- return newDeps.length ? newDeps : null;
- }
-
- /**
- * Main parse function. Returns a string of any valid require or define/require.def
- * calls as part of one JavaScript source string.
- * @param {String} moduleName the module name that represents this file.
- * It is used to create a default define if there is not one already for the file.
- * This allows properly tracing dependencies for builds. Otherwise, if
- * the file just has a require() call, the file dependencies will not be
- * properly reflected: the file will come before its dependencies.
- * @param {String} moduleName
- * @param {String} fileName
- * @param {String} fileContents
- * @param {Object} options optional options. insertNeedsDefine: true will
- * add calls to require.needsDefine() if appropriate.
- * @returns {String} JS source string or null, if no require or define/require.def
- * calls are found.
- */
- function parse(moduleName, fileName, fileContents, options) {
- options = options || {};
-
- //Set up source input
- var moduleDeps = [],
- result = '',
- moduleList = [],
- needsDefine = true,
- astRoot = parser.parse(fileContents),
- i, moduleCall, depString;
-
- parse.recurse(astRoot, function (callName, config, name, deps) {
- //If name is an array, it means it is an anonymous module,
- //so adjust args appropriately. An anonymous module could
- //have a FUNCTION as the name type, but just ignore those
- //since we just want to find dependencies.
- if (name && isArrayLiteral(name)) {
- deps = name;
- name = null;
- }
-
- if (!(deps = getValidDeps(deps))) {
- deps = [];
- }
-
- //Get the name as a string literal, if it is available.
- if (name && name[0] === 'string') {
- name = name[1];
- } else {
- name = null;
- }
-
- if (callName === 'define' && (!name || name === moduleName)) {
- needsDefine = false;
- }
-
- if (!name) {
- //If there is no module name, the dependencies are for
- //this file/default module name.
- moduleDeps = moduleDeps.concat(deps);
- } else {
- moduleList.push({
- name: name,
- deps: deps
- });
- }
-
- //If define was found, no need to dive deeper, unless
- //the config explicitly wants to dig deeper.
- return !options.findNestedDependencies;
- }, options);
-
- if (options.insertNeedsDefine && needsDefine) {
- result += 'require.needsDefine("' + moduleName + '");';
- }
-
- if (moduleDeps.length || moduleList.length) {
- for (i = 0; (moduleCall = moduleList[i]); i++) {
- if (result) {
- result += '\n';
- }
-
- //If this is the main module for this file, combine any
- //"anonymous" dependencies (could come from a nested require
- //call) with this module.
- if (moduleCall.name === moduleName) {
- moduleCall.deps = moduleCall.deps.concat(moduleDeps);
- moduleDeps = [];
- }
-
- depString = moduleCall.deps.length ? '["' + moduleCall.deps.join('","') + '"]' : '[]';
- result += 'define("' + moduleCall.name + '",' + depString + ');';
- }
- if (moduleDeps.length) {
- if (result) {
- result += '\n';
- }
- depString = moduleDeps.length ? '["' + moduleDeps.join('","') + '"]' : '[]';
- result += 'define("' + moduleName + '",' + depString + ');';
- }
- }
-
- return result ? result : null;
- }
-
- //Add some private methods to object for use in derived objects.
- parse.isArray = isArray;
- parse.isObjectLiteral = isObjectLiteral;
- parse.isArrayLiteral = isArrayLiteral;
-
- /**
- * Handles parsing a file recursively for require calls.
- * @param {Array} parentNode the AST node to start with.
- * @param {Function} onMatch function to call on a parse match.
- * @param {Object} [options] This is normally the build config options if
- * it is passed.
- * @param {Function} [recurseCallback] function to call on each valid
- * node, defaults to parse.parseNode.
- */
- parse.recurse = function (parentNode, onMatch, options, recurseCallback) {
- var hasHas = options && options.has,
- i, node;
-
- recurseCallback = recurseCallback || this.parseNode;
-
- if (isArray(parentNode)) {
- for (i = 0; i < parentNode.length; i++) {
- node = parentNode[i];
- if (isArray(node)) {
- //If has config is in play, if calls have been converted
- //by this point to be true/false values. So, if
- //options has a 'has' value, skip if branches that have
- //literal false values.
-
- //uglify returns if constructs in an array:
- //[0]: 'if'
- //[1]: the condition, ['name', true | false] for the has replaced case.
- //[2]: the block to process if true
- //[3]: the block to process if false
- //For if/else if/else, the else if is in the [3],
- //so only ever have to deal with this structure.
- if (hasHas && node[0] === 'if' && node[1] && node[1][0] === 'name' &&
- (node[1][1] === 'true' || node[1][1] === 'false')) {
- if (node[1][1] === 'true') {
- this.recurse([node[2]], onMatch, options, recurseCallback);
- } else {
- this.recurse([node[3]], onMatch, options, recurseCallback);
- }
- } else {
- if (recurseCallback(node, onMatch)) {
- //The onMatch indicated parsing should
- //stop for children of this node.
- continue;
- }
- this.recurse(node, onMatch, options, recurseCallback);
- }
- }
- }
- }
- };
-
- /**
- * Determines if the file defines require().
- * @param {String} fileName
- * @param {String} fileContents
- * @returns {Boolean}
- */
- parse.definesRequire = function (fileName, fileContents) {
- var astRoot = parser.parse(fileContents);
- return this.nodeHasRequire(astRoot);
- };
-
- /**
- * Finds require("") calls inside a CommonJS anonymous module wrapped in a
- * define(function(require, exports, module){}) wrapper. These dependencies
- * will be added to a modified define() call that lists the dependencies
- * on the outside of the function.
- * @param {String} fileName
- * @param {String} fileContents
- * @returns {Array} an array of module names that are dependencies. Always
- * returns an array, but could be of length zero.
- */
- parse.getAnonDeps = function (fileName, fileContents) {
- var astRoot = parser.parse(fileContents),
- defFunc = this.findAnonDefineFactory(astRoot);
-
- return parse.getAnonDepsFromNode(defFunc);
- };
-
- /**
- * Finds require("") calls inside a CommonJS anonymous module wrapped
- * in a define function, given an AST node for the definition function.
- * @param {Node} node the AST node for the definition function.
- * @returns {Array} and array of dependency names. Can be of zero length.
- */
- parse.getAnonDepsFromNode = function (node) {
- var deps = [],
- funcArgLength;
-
- if (node) {
- this.findRequireDepNames(node, deps);
-
- //If no deps, still add the standard CommonJS require, exports, module,
- //in that order, to the deps, but only if specified as function args.
- //In particular, if exports is used, it is favored over the return
- //value of the function, so only add it if asked.
- funcArgLength = node[2] && node[2].length;
- if (funcArgLength) {
- deps = (funcArgLength > 1 ? ["require", "exports", "module"] :
- ["require"]).concat(deps);
- }
- }
- return deps;
- };
-
- /**
- * Finds the function in define(function (require, exports, module){});
- * @param {Array} node
- * @returns {Boolean}
- */
- parse.findAnonDefineFactory = function (node) {
- var callback, i, n, call, args;
-
- if (isArray(node)) {
- if (node[0] === 'call') {
- call = node[1];
- args = node[2];
- if ((call[0] === 'name' && call[1] === 'define') ||
- (call[0] === 'dot' && call[1][1] === 'require' && call[2] === 'def')) {
-
- //There should only be one argument and it should be a function,
- //or a named module with function as second arg
- if (args.length === 1 && args[0][0] === 'function') {
- return args[0];
- } else if (args.length === 2 && args[0][0] === 'string' &&
- args[1][0] === 'function') {
- return args[1];
- }
- }
- }
-
- //Check child nodes
- for (i = 0; i < node.length; i++) {
- n = node[i];
- if ((callback = this.findAnonDefineFactory(n))) {
- return callback;
- }
- }
- }
-
- return null;
- };
-
- /**
- * Finds any config that is passed to requirejs.
- * @param {String} fileName
- * @param {String} fileContents
- *
- * @returns {Object} a config object. Will be null if no config.
- * Can throw an error if the config in the file cannot be evaluated in
- * a build context to valid JavaScript.
- */
- parse.findConfig = function (fileName, fileContents) {
- /*jslint evil: true */
- //This is a litle bit inefficient, it ends up with two uglifyjs parser
- //calls. Can revisit later, but trying to build out larger functional
- //pieces first.
- var foundConfig = null,
- astRoot = parser.parse(fileContents);
-
- parse.recurse(astRoot, function (configNode) {
- var jsConfig;
-
- if (!foundConfig && configNode) {
- jsConfig = parse.nodeToString(configNode);
- foundConfig = eval('(' + jsConfig + ')');
- return foundConfig;
- }
- return undefined;
- }, null, parse.parseConfigNode);
-
- return foundConfig;
- };
-
- /**
- * Finds all dependencies specified in dependency arrays and inside
- * simplified commonjs wrappers.
- * @param {String} fileName
- * @param {String} fileContents
- *
- * @returns {Array} an array of dependency strings. The dependencies
- * have not been normalized, they may be relative IDs.
- */
- parse.findDependencies = function (fileName, fileContents, options) {
- //This is a litle bit inefficient, it ends up with two uglifyjs parser
- //calls. Can revisit later, but trying to build out larger functional
- //pieces first.
- var dependencies = [],
- astRoot = parser.parse(fileContents);
-
- parse.recurse(astRoot, function (callName, config, name, deps) {
- //Normalize the input args.
- if (name && isArrayLiteral(name)) {
- deps = name;
- name = null;
- }
-
- if ((deps = getValidDeps(deps))) {
- dependencies = dependencies.concat(deps);
- }
- }, options);
-
- return dependencies;
- };
-
- /**
- * Finds only CJS dependencies, ones that are the form require('stringLiteral')
- */
- parse.findCjsDependencies = function (fileName, fileContents, options) {
- //This is a litle bit inefficient, it ends up with two uglifyjs parser
- //calls. Can revisit later, but trying to build out larger functional
- //pieces first.
- var dependencies = [],
- astRoot = parser.parse(fileContents);
-
- parse.recurse(astRoot, function (dep) {
- dependencies.push(dep);
- }, options, function (node, onMatch) {
-
- var call, args;
-
- if (!isArray(node)) {
- return false;
- }
-
- if (node[0] === 'call') {
- call = node[1];
- args = node[2];
-
- if (call) {
- //A require('') use.
- if (call[0] === 'name' && call[1] === 'require' &&
- args[0][0] === 'string') {
- return onMatch(args[0][1]);
- }
- }
- }
-
- return false;
-
- });
-
- return dependencies;
- };
-
- /**
- * Determines if define(), require({}|[]) or requirejs was called in the
- * file. Also finds out if define() is declared and if define.amd is called.
- */
- parse.usesAmdOrRequireJs = function (fileName, fileContents, options) {
- var astRoot = parser.parse(fileContents),
- uses;
-
- parse.recurse(astRoot, function (prop) {
- if (!uses) {
- uses = {};
- }
- uses[prop] = true;
- }, options, parse.findAmdOrRequireJsNode);
-
- return uses;
- };
-
- /**
- * Determines if require(''), exports.x =, module.exports =,
- * __dirname, __filename are used. So, not strictly traditional CommonJS,
- * also checks for Node variants.
- */
- parse.usesCommonJs = function (fileName, fileContents, options) {
- var uses = null,
- assignsExports = false,
- astRoot = parser.parse(fileContents);
-
- parse.recurse(astRoot, function (prop) {
- if (prop === 'varExports') {
- assignsExports = true;
- } else if (prop !== 'exports' || !assignsExports) {
- if (!uses) {
- uses = {};
- }
- uses[prop] = true;
- }
- }, options, function (node, onMatch) {
-
- var call, args;
-
- if (!isArray(node)) {
- return false;
- }
-
- if (node[0] === 'name' && (node[1] === '__dirname' || node[1] === '__filename')) {
- return onMatch(node[1].substring(2));
- } else if (node[0] === 'var' && node[1] && node[1][0] && node[1][0][0] === 'exports') {
- //Hmm, a variable assignment for exports, so does not use cjs exports.
- return onMatch('varExports');
- } else if (node[0] === 'assign' && node[2] && node[2][0] === 'dot') {
- args = node[2][1];
-
- if (args) {
- //An exports or module.exports assignment.
- if (args[0] === 'name' && args[1] === 'module' &&
- node[2][2] === 'exports') {
- return onMatch('moduleExports');
- } else if (args[0] === 'name' && args[1] === 'exports') {
- return onMatch('exports');
- }
- }
- } else if (node[0] === 'call') {
- call = node[1];
- args = node[2];
-
- if (call) {
- //A require('') use.
- if (call[0] === 'name' && call[1] === 'require' &&
- args[0][0] === 'string') {
- return onMatch('require');
- }
- }
- }
-
- return false;
-
- });
-
- return uses;
- };
-
-
- parse.findRequireDepNames = function (node, deps) {
- var moduleName, i, n, call, args;
-
- if (isArray(node)) {
- if (node[0] === 'call') {
- call = node[1];
- args = node[2];
-
- if (call && call[0] === 'name' && call[1] === 'require') {
- moduleName = args[0];
- if (moduleName[0] === 'string') {
- deps.push(moduleName[1]);
- }
- }
-
-
- }
-
- //Check child nodes
- for (i = 0; i < node.length; i++) {
- n = node[i];
- this.findRequireDepNames(n, deps);
- }
- }
- };
-
- /**
- * Determines if a given node contains a require() definition.
- * @param {Array} node
- * @returns {Boolean}
- */
- parse.nodeHasRequire = function (node) {
- if (this.isDefineNode(node)) {
- return true;
- }
-
- if (isArray(node)) {
- for (var i = 0, n; i < node.length; i++) {
- n = node[i];
- if (this.nodeHasRequire(n)) {
- return true;
- }
- }
- }
-
- return false;
- };
-
- /**
- * Is the given node the actual definition of define(). Actually uses
- * the definition of define.amd to find require.
- * @param {Array} node
- * @returns {Boolean}
- */
- parse.isDefineNode = function (node) {
- //Actually look for the define.amd = assignment, since
- //that is more indicative of RequireJS vs a plain require definition.
- var assign;
- if (!node) {
- return null;
- }
-
- if (node[0] === 'assign' && node[1] === true) {
- assign = node[2];
- if (assign[0] === 'dot' && assign[1][0] === 'name' &&
- assign[1][1] === 'define' && assign[2] === 'amd') {
- return true;
- }
- }
- return false;
- };
-
- /**
- * Determines if a specific node is a valid require or define/require.def call.
- * @param {Array} node
- * @param {Function} onMatch a function to call when a match is found.
- * It is passed the match name, and the config, name, deps possible args.
- * The config, name and deps args are not normalized.
- *
- * @returns {String} a JS source string with the valid require/define call.
- * Otherwise null.
- */
- parse.parseNode = function (node, onMatch) {
- var call, name, config, deps, args, cjsDeps;
-
- if (!isArray(node)) {
- return false;
- }
-
- if (node[0] === 'call') {
- call = node[1];
- args = node[2];
-
- if (call) {
- if (call[0] === 'name' &&
- (call[1] === 'require' || call[1] === 'requirejs')) {
-
- //It is a plain require() call.
- config = args[0];
- deps = args[1];
- if (isArrayLiteral(config)) {
- deps = config;
- config = null;
- }
-
- if (!(deps = validateDeps(deps))) {
- return null;
- }
-
- return onMatch("require", null, null, deps);
-
- } else if (call[0] === 'name' && call[1] === 'define') {
-
- //A define call
- name = args[0];
- deps = args[1];
- //Only allow define calls that match what is expected
- //in an AMD call:
- //* first arg should be string, array, function or object
- //* second arg optional, or array, function or object.
- //This helps weed out calls to a non-AMD define, but it is
- //not completely robust. Someone could create a define
- //function that still matches this shape, but this is the
- //best that is possible, and at least allows UglifyJS,
- //which does create its own internal define in one file,
- //to be inlined.
- if (((name[0] === 'string' || isArrayLiteral(name) ||
- name[0] === 'function' || isObjectLiteral(name))) &&
- (!deps || isArrayLiteral(deps) ||
- deps[0] === 'function' || isObjectLiteral(deps) ||
- // allow define(['dep'], factory) pattern
- (isArrayLiteral(name) && deps[0] === 'name' && args.length === 2))) {
-
- //If first arg is a function, could be a commonjs wrapper,
- //look inside for commonjs dependencies.
- //Also, if deps is a function look for commonjs deps.
- if (name && name[0] === 'function') {
- cjsDeps = parse.getAnonDepsFromNode(name);
- if (cjsDeps.length) {
- name = toAstArray(cjsDeps);
- }
- } else if (deps && deps[0] === 'function') {
- cjsDeps = parse.getAnonDepsFromNode(deps);
- if (cjsDeps.length) {
- deps = toAstArray(cjsDeps);
- }
- }
-
- return onMatch("define", null, name, deps);
- }
- }
- }
- }
-
- return false;
- };
-
- /**
- * Looks for define(), require({} || []), requirejs({} || []) calls.
- */
- parse.findAmdOrRequireJsNode = function (node, onMatch) {
- var call, args, configNode, type;
-
- if (!isArray(node)) {
- return false;
- }
-
- if (node[0] === 'defun' && node[1] === 'define') {
- type = 'declaresDefine';
- } else if (node[0] === 'assign' && node[2] && node[2][2] === 'amd' &&
- node[2][1] && node[2][1][0] === 'name' &&
- node[2][1][1] === 'define') {
- type = 'defineAmd';
- } else if (node[0] === 'call') {
- call = node[1];
- args = node[2];
-
- if (call) {
- if ((call[0] === 'dot' &&
- (call[1] && call[1][0] === 'name' &&
- (call[1][1] === 'require' || call[1][1] === 'requirejs')) &&
- call[2] === 'config')) {
- //A require.config() or requirejs.config() call.
- type = call[1][1] + 'Config';
- } else if (call[0] === 'name' &&
- (call[1] === 'require' || call[1] === 'requirejs')) {
- //A require() or requirejs() config call.
- //Only want ones that start with an object or an array.
- configNode = args[0];
- if (configNode[0] === 'object' || configNode[0] === 'array') {
- type = call[1];
- }
- } else if (call[0] === 'name' && call[1] === 'define') {
- //A define call.
- type = 'define';
- }
- }
- }
-
- if (type) {
- return onMatch(type);
- }
-
- return false;
- };
-
- /**
- * Determines if a specific node is a valid require/requirejs config
- * call. That includes calls to require/requirejs.config().
- * @param {Array} node
- * @param {Function} onMatch a function to call when a match is found.
- * It is passed the match name, and the config, name, deps possible args.
- * The config, name and deps args are not normalized.
- *
- * @returns {String} a JS source string with the valid require/define call.
- * Otherwise null.
- */
- parse.parseConfigNode = function (node, onMatch) {
- var call, configNode, args;
-
- if (!isArray(node)) {
- return false;
- }
-
- if (node[0] === 'call') {
- call = node[1];
- args = node[2];
-
- if (call) {
- //A require.config() or requirejs.config() call.
- if ((call[0] === 'dot' &&
- (call[1] && call[1][0] === 'name' &&
- (call[1][1] === 'require' || call[1][1] === 'requirejs')) &&
- call[2] === 'config') ||
- //A require() or requirejs() config call.
-
- (call[0] === 'name' &&
- (call[1] === 'require' || call[1] === 'requirejs'))
- ) {
- //It is a plain require() call.
- configNode = args[0];
-
- if (configNode[0] !== 'object') {
- return null;
- }
-
- return onMatch(configNode);
-
- }
- }
- }
-
- return false;
- };
-
- /**
- * Converts an AST node into a JS source string. Does not maintain formatting
- * or even comments from original source, just returns valid JS source.
- * @param {Array} node
- * @returns {String} a JS source string.
- */
- parse.nodeToString = function (node) {
- return processor.gen_code(node, true);
- };
-
- return parse;
-});
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint regexp: false, strict: false, plusplus: false */
-/*global define: false */
-
-define('pragma', ['parse', 'logger'], function (parse, logger) {
-
- function Temp() {}
-
- function create(obj, mixin) {
- Temp.prototype = obj;
- var temp = new Temp(), prop;
-
- //Avoid any extra memory hanging around
- Temp.prototype = null;
-
- if (mixin) {
- for (prop in mixin) {
- if (mixin.hasOwnProperty(prop) && !(prop in temp)) {
- temp[prop] = mixin[prop];
- }
- }
- }
-
- return temp; // Object
- }
-
- var pragma = {
- conditionalRegExp: /(exclude|include)Start\s*\(\s*["'](\w+)["']\s*,(.*)\)/,
- useStrictRegExp: /['"]use strict['"];/g,
- hasRegExp: /has\s*\(\s*['"]([^'"]+)['"]\s*\)/g,
- nsRegExp: /(^|[^\.])(requirejs|require|define)\s*\(/,
- nsWrapRegExp: /\/\*requirejs namespace: true \*\//,
- apiDefRegExp: /var requirejs, require, define;/,
- defineCheckRegExp: /typeof\s+define\s*===\s*["']function["']\s*&&\s*define\s*\.\s*amd/g,
- defineJQueryRegExp: /typeof\s+define\s*===\s*["']function["']\s*&&\s*define\s*\.\s*amd\s*&&\s*define\s*\.\s*amd\s*\.\s*jQuery/g,
- defineHasRegExp: /typeof\s+define\s*==(=)?\s*['"]function['"]\s*&&\s*typeof\s+define\.amd\s*==(=)?\s*['"]object['"]\s*&&\s*define\.amd/g,
- defineTernaryRegExp: /typeof\s+define\s*===\s*['"]function["']\s*&&\s*define\s*\.\s*amd\s*\?\s*define/,
- amdefineRegExp: /if\s*\(\s*typeof define\s*\!==\s*'function'\s*\)\s*\{\s*[^\{\}]+amdefine[^\{\}]+\}/g,
-
- removeStrict: function (contents, config) {
- return config.useStrict ? contents : contents.replace(pragma.useStrictRegExp, '');
- },
-
- namespace: function (fileContents, ns, onLifecycleName) {
- if (ns) {
- //Namespace require/define calls
- fileContents = fileContents.replace(pragma.nsRegExp, '$1' + ns + '.$2(');
-
- //Namespace define ternary use:
- fileContents = fileContents.replace(pragma.defineTernaryRegExp,
- "typeof " + ns + ".define === 'function' && " + ns + ".define.amd ? " + ns + ".define");
-
- //Namespace define jquery use:
- fileContents = fileContents.replace(pragma.defineJQueryRegExp,
- "typeof " + ns + ".define === 'function' && " + ns + ".define.amd && " + ns + ".define.amd.jQuery");
-
- //Namespace has.js define use:
- fileContents = fileContents.replace(pragma.defineHasRegExp,
- "typeof " + ns + ".define === 'function' && typeof " + ns + ".define.amd === 'object' && " + ns + ".define.amd");
-
- //Namespace define checks.
- //Do this one last, since it is a subset of the more specific
- //checks above.
- fileContents = fileContents.replace(pragma.defineCheckRegExp,
- "typeof " + ns + ".define === 'function' && " + ns + ".define.amd");
-
- //Check for require.js with the require/define definitions
- if (pragma.apiDefRegExp.test(fileContents) &&
- fileContents.indexOf("if (typeof " + ns + " === 'undefined')") === -1) {
- //Wrap the file contents in a typeof check, and a function
- //to contain the API globals.
- fileContents = "var " + ns + ";(function () { if (typeof " +
- ns + " === 'undefined') {\n" +
- ns + ' = {};\n' +
- fileContents +
- "\n" +
- ns + ".requirejs = requirejs;" +
- ns + ".require = require;" +
- ns + ".define = define;\n" +
- "}\n}());";
- }
-
- //Finally, if the file wants a special wrapper because it ties
- //in to the requirejs internals in a way that would not fit
- //the above matches, do that. Look for /*requirejs namespace: true*/
- if (pragma.nsWrapRegExp.test(fileContents)) {
- //Remove the pragma.
- fileContents = fileContents.replace(pragma.nsWrapRegExp, '');
-
- //Alter the contents.
- fileContents = '(function () {\n' +
- 'var require = ' + ns + '.require,' +
- 'requirejs = ' + ns + '.requirejs,' +
- 'define = ' + ns + '.define;\n' +
- fileContents +
- '\n}());'
- }
- }
-
- return fileContents;
- },
-
- /**
- * processes the fileContents for some //>> conditional statements
- */
- process: function (fileName, fileContents, config, onLifecycleName, pluginCollector) {
- /*jslint evil: true */
- var foundIndex = -1, startIndex = 0, lineEndIndex, conditionLine,
- matches, type, marker, condition, isTrue, endRegExp, endMatches,
- endMarkerIndex, shouldInclude, startLength, lifecycleHas, deps,
- i, dep, moduleName,
- lifecyclePragmas, pragmas = config.pragmas, hasConfig = config.has,
- //Legacy arg defined to help in dojo conversion script. Remove later
- //when dojo no longer needs conversion:
- kwArgs = pragmas;
-
- //Mix in a specific lifecycle scoped object, to allow targeting
- //some pragmas/has tests to only when files are saved, or at different
- //lifecycle events. Do not bother with kwArgs in this section, since
- //the old dojo kwArgs were for all points in the build lifecycle.
- if (onLifecycleName) {
- lifecyclePragmas = config['pragmas' + onLifecycleName];
- lifecycleHas = config['has' + onLifecycleName];
-
- if (lifecyclePragmas) {
- pragmas = create(pragmas || {}, lifecyclePragmas);
- }
-
- if (lifecycleHas) {
- hasConfig = create(hasConfig || {}, lifecycleHas);
- }
- }
-
- //Replace has references if desired
- if (hasConfig) {
- fileContents = fileContents.replace(pragma.hasRegExp, function (match, test) {
- if (test in hasConfig) {
- return !!hasConfig[test];
- }
- return match;
- });
- }
-
- if (!config.skipPragmas) {
-
- while ((foundIndex = fileContents.indexOf("//>>", startIndex)) !== -1) {
- //Found a conditional. Get the conditional line.
- lineEndIndex = fileContents.indexOf("\n", foundIndex);
- if (lineEndIndex === -1) {
- lineEndIndex = fileContents.length - 1;
- }
-
- //Increment startIndex past the line so the next conditional search can be done.
- startIndex = lineEndIndex + 1;
-
- //Break apart the conditional.
- conditionLine = fileContents.substring(foundIndex, lineEndIndex + 1);
- matches = conditionLine.match(pragma.conditionalRegExp);
- if (matches) {
- type = matches[1];
- marker = matches[2];
- condition = matches[3];
- isTrue = false;
- //See if the condition is true.
- try {
- isTrue = !!eval("(" + condition + ")");
- } catch (e) {
- throw "Error in file: " +
- fileName +
- ". Conditional comment: " +
- conditionLine +
- " failed with this error: " + e;
- }
-
- //Find the endpoint marker.
- endRegExp = new RegExp('\\/\\/\\>\\>\\s*' + type + 'End\\(\\s*[\'"]' + marker + '[\'"]\\s*\\)', "g");
- endMatches = endRegExp.exec(fileContents.substring(startIndex, fileContents.length));
- if (endMatches) {
- endMarkerIndex = startIndex + endRegExp.lastIndex - endMatches[0].length;
-
- //Find the next line return based on the match position.
- lineEndIndex = fileContents.indexOf("\n", endMarkerIndex);
- if (lineEndIndex === -1) {
- lineEndIndex = fileContents.length - 1;
- }
-
- //Should we include the segment?
- shouldInclude = ((type === "exclude" && !isTrue) || (type === "include" && isTrue));
-
- //Remove the conditional comments, and optionally remove the content inside
- //the conditional comments.
- startLength = startIndex - foundIndex;
- fileContents = fileContents.substring(0, foundIndex) +
- (shouldInclude ? fileContents.substring(startIndex, endMarkerIndex) : "") +
- fileContents.substring(lineEndIndex + 1, fileContents.length);
-
- //Move startIndex to foundIndex, since that is the new position in the file
- //where we need to look for more conditionals in the next while loop pass.
- startIndex = foundIndex;
- } else {
- throw "Error in file: " +
- fileName +
- ". Cannot find end marker for conditional comment: " +
- conditionLine;
-
- }
- }
- }
- }
-
- //If need to find all plugin resources to optimize, do that now,
- //before namespacing, since the namespacing will change the API
- //names.
- //If there is a plugin collector, scan the file for plugin resources.
- if (config.optimizeAllPluginResources && pluginCollector) {
- try {
- deps = parse.findDependencies(fileName, fileContents);
- if (deps.length) {
- for (i = 0; (dep = deps[i]); i++) {
- if (dep.indexOf('!') !== -1) {
- (pluginCollector[moduleName] ||
- (pluginCollector[moduleName] = [])).push(dep);
- }
- }
- }
- } catch (eDep) {
- logger.error('Parse error looking for plugin resources in ' +
- fileName + ', skipping.');
- }
- }
-
- //Strip amdefine use for node-shared modules.
- fileContents = fileContents.replace(pragma.amdefineRegExp, '');
-
- //Do namespacing
- if (onLifecycleName === 'OnSave' && config.namespace) {
- fileContents = pragma.namespace(fileContents, config.namespace, onLifecycleName);
- }
-
-
- return pragma.removeStrict(fileContents, config);
- }
- };
-
- return pragma;
-});
-if(env === 'node') {
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false */
-/*global define: false */
-
-define('node/optimize', {});
-
-}
-
-if(env === 'rhino') {
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint strict: false, plusplus: false */
-/*global define: false, java: false, Packages: false */
-
-define('rhino/optimize', ['logger'], function (logger) {
-
- //Add .reduce to Rhino so UglifyJS can run in Rhino,
- //inspired by https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/reduce
- //but rewritten for brevity, and to be good enough for use by UglifyJS.
- if (!Array.prototype.reduce) {
- Array.prototype.reduce = function (fn /*, initialValue */) {
- var i = 0,
- length = this.length,
- accumulator;
-
- if (arguments.length >= 2) {
- accumulator = arguments[1];
- } else {
- do {
- if (i in this) {
- accumulator = this[i++];
- break;
- }
- }
- while (true);
- }
-
- for (; i < length; i++) {
- if (i in this) {
- accumulator = fn.call(undefined, accumulator, this[i], i, this);
- }
- }
-
- return accumulator;
- };
- }
-
- var JSSourceFilefromCode, optimize;
-
- //Bind to Closure compiler, but if it is not available, do not sweat it.
- try {
- JSSourceFilefromCode = java.lang.Class.forName('com.google.javascript.jscomp.JSSourceFile').getMethod('fromCode', [java.lang.String, java.lang.String]);
- } catch (e) {}
-
- //Helper for closure compiler, because of weird Java-JavaScript interactions.
- function closurefromCode(filename, content) {
- return JSSourceFilefromCode.invoke(null, [filename, content]);
- }
-
- optimize = {
- closure: function (fileName, fileContents, keepLines, config) {
- config = config || {};
- var jscomp = Packages.com.google.javascript.jscomp,
- flags = Packages.com.google.common.flags,
- //Fake extern
- externSourceFile = closurefromCode("fakeextern.js", " "),
- //Set up source input
- jsSourceFile = closurefromCode(String(fileName), String(fileContents)),
- options, option, FLAG_compilation_level, compiler,
- Compiler = Packages.com.google.javascript.jscomp.Compiler,
- result;
-
- logger.trace("Minifying file: " + fileName);
-
- //Set up options
- options = new jscomp.CompilerOptions();
- for (option in config.CompilerOptions) {
- // options are false by default and jslint wanted an if statement in this for loop
- if (config.CompilerOptions[option]) {
- options[option] = config.CompilerOptions[option];
- }
-
- }
- options.prettyPrint = keepLines || options.prettyPrint;
-
- FLAG_compilation_level = jscomp.CompilationLevel[config.CompilationLevel || 'SIMPLE_OPTIMIZATIONS'];
- FLAG_compilation_level.setOptionsForCompilationLevel(options);
-
- //Trigger the compiler
- Compiler.setLoggingLevel(Packages.java.util.logging.Level[config.loggingLevel || 'WARNING']);
- compiler = new Compiler();
-
- result = compiler.compile(externSourceFile, jsSourceFile, options);
- if (!result.success) {
- logger.error('Cannot closure compile file: ' + fileName + '. Skipping it.');
- } else {
- fileContents = compiler.toSource();
- }
-
- return fileContents;
- }
- };
-
- return optimize;
-});
-}
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint plusplus: false, nomen: false, regexp: false */
-/*global define: false */
-
-define('optimize', [ 'lang', 'logger', 'env!env/optimize', 'env!env/file', 'parse',
- 'pragma', 'uglifyjs/index'],
-function (lang, logger, envOptimize, file, parse,
- pragma, uglify) {
-
- var optimize,
- cssImportRegExp = /\@import\s+(url\()?\s*([^);]+)\s*(\))?([\w, ]*)(;)?/g,
- cssUrlRegExp = /\url\(\s*([^\)]+)\s*\)?/g;
-
- /**
- * If an URL from a CSS url value contains start/end quotes, remove them.
- * This is not done in the regexp, since my regexp fu is not that strong,
- * and the CSS spec allows for ' and " in the URL if they are backslash escaped.
- * @param {String} url
- */
- function cleanCssUrlQuotes(url) {
- //Make sure we are not ending in whitespace.
- //Not very confident of the css regexps above that there will not be ending
- //whitespace.
- url = url.replace(/\s+$/, "");
-
- if (url.charAt(0) === "'" || url.charAt(0) === "\"") {
- url = url.substring(1, url.length - 1);
- }
-
- return url;
- }
-
- /**
- * Inlines nested stylesheets that have @import calls in them.
- * @param {String} fileName the file name
- * @param {String} fileContents the file contents
- * @param {String} cssImportIgnore comma delimited string of files to ignore
- * @param {Object} included an object used to track the files already imported
- */
- function flattenCss(fileName, fileContents, cssImportIgnore, included) {
- //Find the last slash in the name.
- fileName = fileName.replace(lang.backSlashRegExp, "/");
- var endIndex = fileName.lastIndexOf("/"),
- //Make a file path based on the last slash.
- //If no slash, so must be just a file name. Use empty string then.
- filePath = (endIndex !== -1) ? fileName.substring(0, endIndex + 1) : "",
- //store a list of merged files
- importList = [];
-
- //Make sure we have a delimited ignore list to make matching faster
- if (cssImportIgnore && cssImportIgnore.charAt(cssImportIgnore.length - 1) !== ",") {
- cssImportIgnore += ",";
- }
-
- fileContents = fileContents.replace(cssImportRegExp, function (fullMatch, urlStart, importFileName, urlEnd, mediaTypes) {
- //Only process media type "all" or empty media type rules.
- if (mediaTypes && ((mediaTypes.replace(/^\s\s*/, '').replace(/\s\s*$/, '')) !== "all")) {
- return fullMatch;
- }
-
- importFileName = cleanCssUrlQuotes(importFileName);
-
- //Ignore the file import if it is part of an ignore list.
- if (cssImportIgnore && cssImportIgnore.indexOf(importFileName + ",") !== -1) {
- return fullMatch;
- }
-
- //Make sure we have a unix path for the rest of the operation.
- importFileName = importFileName.replace(lang.backSlashRegExp, "/");
-
- try {
- //if a relative path, then tack on the filePath.
- //If it is not a relative path, then the readFile below will fail,
- //and we will just skip that import.
- var fullImportFileName = importFileName.charAt(0) === "/" ? importFileName : filePath + importFileName,
- importContents = file.readFile(fullImportFileName), i,
- importEndIndex, importPath, fixedUrlMatch, colonIndex, parts, flat;
-
- //Skip the file if it has already been included.
- if (included[fullImportFileName]) {
- return '';
- }
- included[fullImportFileName] = true;
-
- //Make sure to flatten any nested imports.
- flat = flattenCss(fullImportFileName, importContents, cssImportIgnore, included);
- importContents = flat.fileContents;
-
- if (flat.importList.length) {
- importList.push.apply(importList, flat.importList);
- }
-
- //Make the full import path
- importEndIndex = importFileName.lastIndexOf("/");
-
- //Make a file path based on the last slash.
- //If no slash, so must be just a file name. Use empty string then.
- importPath = (importEndIndex !== -1) ? importFileName.substring(0, importEndIndex + 1) : "";
-
- //fix url() on relative import (#5)
- importPath = importPath.replace(/^\.\//, '');
-
- //Modify URL paths to match the path represented by this file.
- importContents = importContents.replace(cssUrlRegExp, function (fullMatch, urlMatch) {
- fixedUrlMatch = cleanCssUrlQuotes(urlMatch);
- fixedUrlMatch = fixedUrlMatch.replace(lang.backSlashRegExp, "/");
-
- //Only do the work for relative URLs. Skip things that start with / or have
- //a protocol.
- colonIndex = fixedUrlMatch.indexOf(":");
- if (fixedUrlMatch.charAt(0) !== "/" && (colonIndex === -1 || colonIndex > fixedUrlMatch.indexOf("/"))) {
- //It is a relative URL, tack on the path prefix
- urlMatch = importPath + fixedUrlMatch;
- } else {
- logger.trace(importFileName + "\n URL not a relative URL, skipping: " + urlMatch);
- }
-
- //Collapse .. and .
- parts = urlMatch.split("/");
- for (i = parts.length - 1; i > 0; i--) {
- if (parts[i] === ".") {
- parts.splice(i, 1);
- } else if (parts[i] === "..") {
- if (i !== 0 && parts[i - 1] !== "..") {
- parts.splice(i - 1, 2);
- i -= 1;
- }
- }
- }
-
- return "url(" + parts.join("/") + ")";
- });
-
- importList.push(fullImportFileName);
- return importContents;
- } catch (e) {
- logger.warn(fileName + "\n Cannot inline css import, skipping: " + importFileName);
- return fullMatch;
- }
- });
-
- return {
- importList : importList,
- fileContents : fileContents
- };
- }
-
- optimize = {
- licenseCommentRegExp: /\/\*[\s\S]*?\*\//g,
-
- /**
- * Optimizes a file that contains JavaScript content. Optionally collects
- * plugin resources mentioned in a file, and then passes the content
- * through an minifier if one is specified via config.optimize.
- *
- * @param {String} fileName the name of the file to optimize
- * @param {String} outFileName the name of the file to use for the
- * saved optimized content.
- * @param {Object} config the build config object.
- * @param {String} [moduleName] the module name to use for the file.
- * Used for plugin resource collection.
- * @param {Array} [pluginCollector] storage for any plugin resources
- * found.
- */
- jsFile: function (fileName, outFileName, config, moduleName, pluginCollector) {
- var parts = (config.optimize + "").split('.'),
- optimizerName = parts[0],
- keepLines = parts[1] === 'keepLines',
- fileContents;
-
- fileContents = file.readFile(fileName);
-
- fileContents = optimize.js(fileName, fileContents, optimizerName,
- keepLines, config, pluginCollector);
-
- file.saveUtf8File(outFileName, fileContents);
- },
-
- /**
- * Optimizes a file that contains JavaScript content. Optionally collects
- * plugin resources mentioned in a file, and then passes the content
- * through an minifier if one is specified via config.optimize.
- *
- * @param {String} fileName the name of the file that matches the
- * fileContents.
- * @param {String} fileContents the string of JS to optimize.
- * @param {String} [optimizerName] optional name of the optimizer to
- * use. 'uglify' is default.
- * @param {Boolean} [keepLines] whether to keep line returns in the optimization.
- * @param {Object} [config] the build config object.
- * @param {Array} [pluginCollector] storage for any plugin resources
- * found.
- */
- js: function (fileName, fileContents, optimizerName, keepLines, config, pluginCollector) {
- var licenseContents = '',
- optFunc, match, comment;
-
- config = config || {};
-
- //Apply pragmas/namespace renaming
- fileContents = pragma.process(fileName, fileContents, config, 'OnSave', pluginCollector);
-
- //Optimize the JS files if asked.
- if (optimizerName && optimizerName !== 'none') {
- optFunc = envOptimize[optimizerName] || optimize.optimizers[optimizerName];
- if (!optFunc) {
- throw new Error('optimizer with name of "' +
- optimizerName +
- '" not found for this environment');
- }
-
- if (config.preserveLicenseComments) {
- //Pull out any license comments for prepending after optimization.
- optimize.licenseCommentRegExp.lastIndex = 0;
- while ((match = optimize.licenseCommentRegExp.exec(fileContents))) {
- comment = match[0];
- //Only keep the comments if they are license comments.
- if (comment.indexOf('@license') !== -1 ||
- comment.indexOf('/*!') === 0) {
- licenseContents += comment + '\n';
- }
- }
- }
-
- fileContents = licenseContents + optFunc(fileName, fileContents, keepLines,
- config[optimizerName]);
- }
-
- return fileContents;
- },
-
- /**
- * Optimizes one CSS file, inlining @import calls, stripping comments, and
- * optionally removes line returns.
- * @param {String} fileName the path to the CSS file to optimize
- * @param {String} outFileName the path to save the optimized file.
- * @param {Object} config the config object with the optimizeCss and
- * cssImportIgnore options.
- */
- cssFile: function (fileName, outFileName, config) {
-
- //Read in the file. Make sure we have a JS string.
- var originalFileContents = file.readFile(fileName),
- flat = flattenCss(fileName, originalFileContents, config.cssImportIgnore, {}),
- fileContents = flat.fileContents,
- startIndex, endIndex, buildText;
-
- //Do comment removal.
- try {
- if (config.optimizeCss.indexOf(".keepComments") === -1) {
- startIndex = -1;
- //Get rid of comments.
- while ((startIndex = fileContents.indexOf("/*")) !== -1) {
- endIndex = fileContents.indexOf("*/", startIndex + 2);
- if (endIndex === -1) {
- throw "Improper comment in CSS file: " + fileName;
- }
- fileContents = fileContents.substring(0, startIndex) + fileContents.substring(endIndex + 2, fileContents.length);
- }
- }
- //Get rid of newlines.
- if (config.optimizeCss.indexOf(".keepLines") === -1) {
- fileContents = fileContents.replace(/[\r\n]/g, "");
- fileContents = fileContents.replace(/\s+/g, " ");
- fileContents = fileContents.replace(/\{\s/g, "{");
- fileContents = fileContents.replace(/\s\}/g, "}");
- } else {
- //Remove multiple empty lines.
- fileContents = fileContents.replace(/(\r\n)+/g, "\r\n");
- fileContents = fileContents.replace(/(\n)+/g, "\n");
- }
- } catch (e) {
- fileContents = originalFileContents;
- logger.error("Could not optimized CSS file: " + fileName + ", error: " + e);
- }
-
- file.saveUtf8File(outFileName, fileContents);
-
- //text output to stdout and/or written to build.txt file
- buildText = "\n"+ outFileName.replace(config.dir, "") +"\n----------------\n";
- flat.importList.push(fileName);
- buildText += flat.importList.map(function(path){
- return path.replace(config.dir, "");
- }).join("\n");
- return buildText +"\n";
- },
-
- /**
- * Optimizes CSS files, inlining @import calls, stripping comments, and
- * optionally removes line returns.
- * @param {String} startDir the path to the top level directory
- * @param {Object} config the config object with the optimizeCss and
- * cssImportIgnore options.
- */
- css: function (startDir, config) {
- var buildText = "",
- i, fileName, fileList;
- if (config.optimizeCss.indexOf("standard") !== -1) {
- fileList = file.getFilteredFileList(startDir, /\.css$/, true);
- if (fileList) {
- for (i = 0; i < fileList.length; i++) {
- fileName = fileList[i];
- logger.trace("Optimizing (" + config.optimizeCss + ") CSS file: " + fileName);
- buildText += optimize.cssFile(fileName, fileName, config);
- }
- }
- }
- return buildText;
- },
-
- optimizers: {
- uglify: function (fileName, fileContents, keepLines, config) {
- var parser = uglify.parser,
- processor = uglify.uglify,
- ast;
-
- config = config || {};
-
- logger.trace("Uglifying file: " + fileName);
-
- try {
- ast = parser.parse(fileContents, config.strict_semicolons);
- ast = processor.ast_mangle(ast, config);
- ast = processor.ast_squeeze(ast, config);
-
- fileContents = processor.gen_code(ast, config);
- } catch (e) {
- logger.error('Cannot uglify file: ' + fileName + '. Skipping it. Error is:\n' + e.toString());
- }
- return fileContents;
- }
- }
- };
-
- return optimize;
-});
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-/*
- * This file patches require.js to communicate with the build system.
- */
-
-/*jslint nomen: false, plusplus: false, regexp: false, strict: false */
-/*global require: false, define: true */
-
-//NOT asking for require as a dependency since the goal is to modify the
-//global require below
-define('requirePatch', [ 'env!env/file', 'pragma', 'parse'],
-function (file, pragma, parse) {
-
- var allowRun = true;
-
- //This method should be called when the patches to require should take hold.
- return function () {
- if (!allowRun) {
- return;
- }
- allowRun = false;
-
- var layer,
- pluginBuilderRegExp = /(["']?)pluginBuilder(["']?)\s*[=\:]\s*["']([^'"\s]+)["']/,
- oldDef;
-
-
- /** Print out some extrs info about the module tree that caused the error. **/
- require.onError = function (err) {
-
- var msg = '\nIn module tree:\n',
- standardIndent = ' ',
- tree = err.moduleTree,
- i, j, mod;
-
- if (tree && tree.length > 0) {
- for (i = tree.length - 1; i > -1 && (mod = tree[i]); i--) {
- for (j = tree.length - i; j > -1; j--) {
- msg += standardIndent;
- }
- msg += mod + '\n';
- }
-
- err = new Error(err.toString() + msg);
- }
-
- throw err;
- };
-
- //Stored cached file contents for reuse in other layers.
- require._cachedFileContents = {};
-
- /** Reset state for each build layer pass. */
- require._buildReset = function () {
- var oldContext = require.s.contexts._;
-
- //Clear up the existing context.
- delete require.s.contexts._;
-
- //Set up new context, so the layer object can hold onto it.
- require({});
-
- layer = require._layer = {
- buildPathMap: {},
- buildFileToModule: {},
- buildFilePaths: [],
- pathAdded: {},
- modulesWithNames: {},
- needsDefine: {},
- existingRequireUrl: "",
- context: require.s.contexts._
- };
-
- //Return the previous context in case it is needed, like for
- //the basic config object.
- return oldContext;
- };
-
- require._buildReset();
-
- /**
- * Makes sure the URL is something that can be supported by the
- * optimization tool.
- * @param {String} url
- * @returns {Boolean}
- */
- require._isSupportedBuildUrl = function (url) {
- //Ignore URLs with protocols, hosts or question marks, means either network
- //access is needed to fetch it or it is too dynamic. Note that
- //on Windows, full paths are used for some urls, which include
- //the drive, like c:/something, so need to test for something other
- //than just a colon.
- return url.indexOf("://") === -1 && url.indexOf("?") === -1 &&
- url.indexOf('empty:') !== 0 && url.indexOf('//') !== 0;
- };
-
- //Override define() to catch modules that just define an object, so that
- //a dummy define call is not put in the build file for them. They do
- //not end up getting defined via require.execCb, so we need to catch them
- //at the define call.
- oldDef = define;
-
- //This function signature does not have to be exact, just match what we
- //are looking for.
- define = function (name, obj) {
- if (typeof name === "string" && !layer.needsDefine[name]) {
- layer.modulesWithNames[name] = true;
- }
- return oldDef.apply(require, arguments);
- };
-
- define.amd = oldDef.amd;
-
- //Add some utilities for plugins
- require._readFile = file.readFile;
- require._fileExists = function (path) {
- return file.exists(path);
- };
-
- function normalizeUrlWithBase(context, moduleName, url) {
- //Adjust the URL if it was not transformed to use baseUrl.
- if (require.jsExtRegExp.test(moduleName)) {
- url = (context.config.dir || context.config.dirBaseUrl) + url;
- }
- return url;
- }
-
- //Override load so that the file paths can be collected.
- require.load = function (context, moduleName, url) {
- /*jslint evil: true */
- var contents, pluginBuilderMatch, builderName;
-
- context.scriptCount += 1;
-
- //Only handle urls that can be inlined, so that means avoiding some
- //URLs like ones that require network access or may be too dynamic,
- //like JSONP
- if (require._isSupportedBuildUrl(url)) {
- //Adjust the URL if it was not transformed to use baseUrl.
- url = normalizeUrlWithBase(context, moduleName, url);
-
- //Save the module name to path and path to module name mappings.
- layer.buildPathMap[moduleName] = url;
- layer.buildFileToModule[url] = moduleName;
-
- if (moduleName in context.plugins) {
- //plugins need to have their source evaled as-is.
- context.needFullExec[moduleName] = true;
- }
-
- try {
- if (url in require._cachedFileContents &&
- (!context.needFullExec[moduleName] || context.fullExec[moduleName])) {
- contents = require._cachedFileContents[url];
- } else {
- //Load the file contents, process for conditionals, then
- //evaluate it.
- contents = file.readFile(url);
-
- //If there is a read filter, run it now.
- if (context.config.onBuildRead) {
- contents = context.config.onBuildRead(moduleName, url, contents);
- }
-
- contents = pragma.process(url, contents, context.config, 'OnExecute');
-
- //Find out if the file contains a require() definition. Need to know
- //this so we can inject plugins right after it, but before they are needed,
- //and to make sure this file is first, so that define calls work.
- //This situation mainly occurs when the build is done on top of the output
- //of another build, where the first build may include require somewhere in it.
- try {
- if (!layer.existingRequireUrl && parse.definesRequire(url, contents)) {
- layer.existingRequireUrl = url;
- }
- } catch (e1) {
- throw new Error('Parse error using UglifyJS ' +
- 'for file: ' + url + '\n' + e1);
- }
-
- if (moduleName in context.plugins) {
- //This is a loader plugin, check to see if it has a build extension,
- //otherwise the plugin will act as the plugin builder too.
- pluginBuilderMatch = pluginBuilderRegExp.exec(contents);
- if (pluginBuilderMatch) {
- //Load the plugin builder for the plugin contents.
- builderName = context.normalize(pluginBuilderMatch[3], moduleName);
- contents = file.readFile(context.nameToUrl(builderName));
- }
- }
-
- //Parse out the require and define calls.
- //Do this even for plugins in case they have their own
- //dependencies that may be separate to how the pluginBuilder works.
- try {
- if (!context.needFullExec[moduleName]) {
- contents = parse(moduleName, url, contents, {
- insertNeedsDefine: true,
- has: context.config.has,
- findNestedDependencies: context.config.findNestedDependencies
- });
- }
- } catch (e2) {
- throw new Error('Parse error using UglifyJS ' +
- 'for file: ' + url + '\n' + e2);
- }
-
- require._cachedFileContents[url] = contents;
- }
-
- if (contents) {
- eval(contents);
- }
-
- //Need to close out completion of this module
- //so that listeners will get notified that it is available.
- try {
- context.completeLoad(moduleName);
- } catch (e) {
- //Track which module could not complete loading.
- (e.moduleTree || (e.moduleTree = [])).push(moduleName);
- throw e;
- }
-
- } catch (eOuter) {
- if (!eOuter.fileName) {
- eOuter.fileName = url;
- }
- throw eOuter;
- }
- } else {
- //With unsupported URLs still need to call completeLoad to
- //finish loading.
- context.completeLoad(moduleName);
- }
-
- //Mark the module loaded.
- context.loaded[moduleName] = true;
- };
-
-
- //Called when execManager runs for a dependency. Used to figure out
- //what order of execution.
- require.onResourceLoad = function (context, map) {
- var fullName = map.fullName,
- url;
-
- //Ignore "fake" modules, usually generated by plugin code, since
- //they do not map back to a real file to include in the optimizer,
- //or it will be included, but in a different form.
- if (context.fake[fullName]) {
- return;
- }
-
- //A plugin.
- if (map.prefix) {
- if (!layer.pathAdded[fullName]) {
- layer.buildFilePaths.push(fullName);
- //For plugins the real path is not knowable, use the name
- //for both module to file and file to module mappings.
- layer.buildPathMap[fullName] = fullName;
- layer.buildFileToModule[fullName] = fullName;
- layer.modulesWithNames[fullName] = true;
- layer.pathAdded[fullName] = true;
- }
- } else if (map.url && require._isSupportedBuildUrl(map.url)) {
- //If the url has not been added to the layer yet, and it
- //is from an actual file that was loaded, add it now.
- url = normalizeUrlWithBase(context, map.fullName, map.url);
- if (!layer.pathAdded[url] && layer.buildPathMap[fullName]) {
- //Remember the list of dependencies for this layer.
- layer.buildFilePaths.push(url);
- layer.pathAdded[url] = true;
- }
- }
- };
-
- //Called by output of the parse() function, when a file does not
- //explicitly call define, probably just require, but the parse()
- //function normalizes on define() for dependency mapping and file
- //ordering works correctly.
- require.needsDefine = function (moduleName) {
- layer.needsDefine[moduleName] = true;
- };
-
- //Marks module has having a name, and optionally executes the
- //callback, but only if it meets certain criteria.
- require.execCb = function (name, cb, args, exports) {
- if (!layer.needsDefine[name]) {
- layer.modulesWithNames[name] = true;
- }
- if (cb.__requireJsBuild || layer.context.needFullExec[name]) {
- return cb.apply(exports, args);
- }
- return undefined;
- };
- };
-});
-/**
- * @license RequireJS Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint plusplus: false, regexp: false, strict: false */
-/*global define: false, console: false */
-
-define('commonJs', ['env!env/file', 'uglifyjs/index'], function (file, uglify) {
- var commonJs = {
- depRegExp: /require\s*\(\s*["']([\w-_\.\/]+)["']\s*\)/g,
-
- //Set this to false in non-rhino environments. If rhino, then it uses
- //rhino's decompiler to remove comments before looking for require() calls,
- //otherwise, it will use a crude regexp approach to remove comments. The
- //rhino way is more robust, but he regexp is more portable across environments.
- useRhino: true,
-
- //Set to false if you do not want this file to log. Useful in environments
- //like node where you want the work to happen without noise.
- useLog: true,
-
- convertDir: function (commonJsPath, savePath) {
- var fileList, i,
- jsFileRegExp = /\.js$/,
- fileName, convertedFileName, fileContents;
-
- //Get list of files to convert.
- fileList = file.getFilteredFileList(commonJsPath, /\w/, true);
-
- //Normalize on front slashes and make sure the paths do not end in a slash.
- commonJsPath = commonJsPath.replace(/\\/g, "/");
- savePath = savePath.replace(/\\/g, "/");
- if (commonJsPath.charAt(commonJsPath.length - 1) === "/") {
- commonJsPath = commonJsPath.substring(0, commonJsPath.length - 1);
- }
- if (savePath.charAt(savePath.length - 1) === "/") {
- savePath = savePath.substring(0, savePath.length - 1);
- }
-
- //Cycle through all the JS files and convert them.
- if (!fileList || !fileList.length) {
- if (commonJs.useLog) {
- if (commonJsPath === "convert") {
- //A request just to convert one file.
- console.log('\n\n' + commonJs.convert(savePath, file.readFile(savePath)));
- } else {
- console.log("No files to convert in directory: " + commonJsPath);
- }
- }
- } else {
- for (i = 0; (fileName = fileList[i]); i++) {
- convertedFileName = fileName.replace(commonJsPath, savePath);
-
- //Handle JS files.
- if (jsFileRegExp.test(fileName)) {
- fileContents = file.readFile(fileName);
- fileContents = commonJs.convert(fileName, fileContents);
- file.saveUtf8File(convertedFileName, fileContents);
- } else {
- //Just copy the file over.
- file.copyFile(fileName, convertedFileName, true);
- }
- }
- }
- },
-
- /**
- * Removes the comments from a string.
- *
- * @param {String} fileContents
- * @param {String} fileName mostly used for informative reasons if an error.
- *
- * @returns {String} a string of JS with comments removed.
- */
- removeComments: function (fileContents, fileName) {
- //Uglify's ast generation removes comments, so just convert to ast,
- //then back to source code to get rid of comments.
- return uglify.uglify.gen_code(uglify.parser.parse(fileContents), true);
- },
-
- /**
- * Regexp for testing if there is already a require.def call in the file,
- * in which case do not try to convert it.
- */
- defRegExp: /define\s*\(\s*("|'|\[|function)/,
-
- /**
- * Regexp for testing if there is a require([]) or require(function(){})
- * call, indicating the file is already in requirejs syntax.
- */
- rjsRegExp: /require\s*\(\s*(\[|function)/,
-
- /**
- * Does the actual file conversion.
- *
- * @param {String} fileName the name of the file.
- *
- * @param {String} fileContents the contents of a file :)
- *
- * @param {Boolean} skipDeps if true, require("") dependencies
- * will not be searched, but the contents will just be wrapped in the
- * standard require, exports, module dependencies. Only usable in sync
- * environments like Node where the require("") calls can be resolved on
- * the fly.
- *
- * @returns {String} the converted contents
- */
- convert: function (fileName, fileContents, skipDeps) {
- //Strip out comments.
- try {
- var deps = [], depName, match,
- //Remove comments
- tempContents = commonJs.removeComments(fileContents, fileName);
-
- //First see if the module is not already RequireJS-formatted.
- if (commonJs.defRegExp.test(tempContents) || commonJs.rjsRegExp.test(tempContents)) {
- return fileContents;
- }
-
- //Reset the regexp to start at beginning of file. Do this
- //since the regexp is reused across files.
- commonJs.depRegExp.lastIndex = 0;
-
- if (!skipDeps) {
- //Find dependencies in the code that was not in comments.
- while ((match = commonJs.depRegExp.exec(tempContents))) {
- depName = match[1];
- if (depName) {
- deps.push('"' + depName + '"');
- }
- }
- }
-
- //Construct the wrapper boilerplate.
- fileContents = 'define(["require", "exports", "module"' +
- (deps.length ? ', ' + deps.join(",") : '') + '], ' +
- 'function(require, exports, module) {\n' +
- fileContents +
- '\n});\n';
- } catch (e) {
- console.log("COULD NOT CONVERT: " + fileName + ", so skipping it. Error was: " + e);
- return fileContents;
- }
-
- return fileContents;
- }
- };
-
- return commonJs;
-});
-/**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*jslint plusplus: true, nomen: true */
-/*global define, require */
-
-
-define('build', [ 'lang', 'logger', 'env!env/file', 'parse', 'optimize', 'pragma',
- 'env!env/load', 'requirePatch'],
-function (lang, logger, file, parse, optimize, pragma,
- load, requirePatch) {
- 'use strict';
-
- var build, buildBaseConfig,
- endsWithSemiColonRegExp = /;\s*$/;
-
- buildBaseConfig = {
- appDir: "",
- pragmas: {},
- paths: {},
- optimize: "uglify",
- optimizeCss: "standard.keepLines",
- inlineText: true,
- isBuild: true,
- optimizeAllPluginResources: false,
- findNestedDependencies: false,
- preserveLicenseComments: true,
- //By default, all files/directories are copied, unless
- //they match this regexp, by default just excludes .folders
- dirExclusionRegExp: file.dirExclusionRegExp
- };
-
- /**
- * Some JS may not be valid if concatenated with other JS, in particular
- * the style of omitting semicolons and rely on ASI. Add a semicolon in
- * those cases.
- */
- function addSemiColon(text) {
- if (endsWithSemiColonRegExp.test(text)) {
- return text;
- } else {
- return text + ";";
- }
- }
-
- /**
- * If the path looks like an URL, throw an error. This is to prevent
- * people from using URLs with protocols in the build config, since
- * the optimizer is not set up to do network access. However, be
- * sure to allow absolute paths on Windows, like C:\directory.
- */
- function disallowUrls(path) {
- if ((path.indexOf('://') !== -1 || path.indexOf('//') === 0) && path !== 'empty:') {
- throw new Error('Path is not supported: ' + path +
- '\nOptimizer can only handle' +
- ' local paths. Download the locally if necessary' +
- ' and update the config to use a local path.\n' +
- 'http://requirejs.org/docs/errors.html#pathnotsupported');
- }
- }
-
- function endsWithSlash(dirName) {
- if (dirName.charAt(dirName.length - 1) !== "/") {
- dirName += "/";
- }
- disallowUrls(dirName);
- return dirName;
- }
-
- //Method used by plugin writeFile calls, defined up here to avoid
- //jslint warning about "making a function in a loop".
- function makeWriteFile(anonDefRegExp, namespaceWithDot, layer) {
- function writeFile(name, contents) {
- logger.trace('Saving plugin-optimized file: ' + name);
- file.saveUtf8File(name, contents);
- }
-
- writeFile.asModule = function (moduleName, fileName, contents) {
- writeFile(fileName,
- build.toTransport(anonDefRegExp, namespaceWithDot, moduleName, fileName, contents, layer));
- };
-
- return writeFile;
- }
-
- /**
- * Main API entry point into the build. The args argument can either be
- * an array of arguments (like the onese passed on a command-line),
- * or it can be a JavaScript object that has the format of a build profile
- * file.
- *
- * If it is an object, then in addition to the normal properties allowed in
- * a build profile file, the object should contain one other property:
- *
- * The object could also contain a "buildFile" property, which is a string
- * that is the file path to a build profile that contains the rest
- * of the build profile directives.
- *
- * This function does not return a status, it should throw an error if
- * there is a problem completing the build.
- */
- build = function (args) {
- var buildFile, cmdConfig;
-
- if (!args || lang.isArray(args)) {
- if (!args || args.length < 1) {
- logger.error("build.js buildProfile.js\n" +
- "where buildProfile.js is the name of the build file (see example.build.js for hints on how to make a build file).");
- return undefined;
- }
-
- //Next args can include a build file path as well as other build args.
- //build file path comes first. If it does not contain an = then it is
- //a build file path. Otherwise, just all build args.
- if (args[0].indexOf("=") === -1) {
- buildFile = args[0];
- args.splice(0, 1);
- }
-
- //Remaining args are options to the build
- cmdConfig = build.convertArrayToObject(args);
- cmdConfig.buildFile = buildFile;
- } else {
- cmdConfig = args;
- }
-
- return build._run(cmdConfig);
- };
-
- build._run = function (cmdConfig) {
- var buildFileContents = "",
- pluginCollector = {},
- buildPaths, fileName, fileNames,
- prop, paths, i,
- baseConfig, config,
- modules, builtModule, srcPath, buildContext,
- destPath, moduleName, moduleMap, parentModuleMap, context,
- resources, resource, pluginProcessed = {}, plugin;
-
- //Can now run the patches to require.js to allow it to be used for
- //build generation. Do it here instead of at the top of the module
- //because we want normal require behavior to load the build tool
- //then want to switch to build mode.
- requirePatch();
-
- config = build.createConfig(cmdConfig);
- paths = config.paths;
-
- if (config.logLevel) {
- logger.logLevel(config.logLevel);
- }
-
- if (!config.out && !config.cssIn) {
- //This is not just a one-off file build but a full build profile, with
- //lots of files to process.
-
- //First copy all the baseUrl content
- file.copyDir((config.appDir || config.baseUrl), config.dir, /\w/, true);
-
- //Adjust baseUrl if config.appDir is in play, and set up build output paths.
- buildPaths = {};
- if (config.appDir) {
- //All the paths should be inside the appDir, so just adjust
- //the paths to use the dirBaseUrl
- for (prop in paths) {
- if (paths.hasOwnProperty(prop)) {
- buildPaths[prop] = paths[prop].replace(config.baseUrl, config.dirBaseUrl);
- }
- }
- } else {
- //If no appDir, then make sure to copy the other paths to this directory.
- for (prop in paths) {
- if (paths.hasOwnProperty(prop)) {
- //Set up build path for each path prefix.
- buildPaths[prop] = paths[prop] === 'empty:' ? 'empty:' : prop.replace(/\./g, "/");
-
- //Make sure source path is fully formed with baseUrl,
- //if it is a relative URL.
- srcPath = paths[prop];
- if (srcPath.indexOf('/') !== 0 && srcPath.indexOf(':') === -1) {
- srcPath = config.baseUrl + srcPath;
- }
-
- destPath = config.dirBaseUrl + buildPaths[prop];
-
- //Skip empty: paths
- if (srcPath !== 'empty:') {
- //If the srcPath is a directory, copy the whole directory.
- if (file.exists(srcPath) && file.isDirectory(srcPath)) {
- //Copy files to build area. Copy all files (the /\w/ regexp)
- file.copyDir(srcPath, destPath, /\w/, true);
- } else {
- //Try a .js extension
- srcPath += '.js';
- destPath += '.js';
- file.copyFile(srcPath, destPath);
- }
- }
- }
- }
- }
- }
-
- //Figure out source file location for each module layer. Do this by seeding require
- //with source area configuration. This is needed so that later the module layers
- //can be manually copied over to the source area, since the build may be
- //require multiple times and the above copyDir call only copies newer files.
- require({
- baseUrl: config.baseUrl,
- paths: paths,
- packagePaths: config.packagePaths,
- packages: config.packages
- });
- buildContext = require.s.contexts._;
- modules = config.modules;
-
- if (modules) {
- modules.forEach(function (module) {
- if (module.name) {
- module._sourcePath = buildContext.nameToUrl(module.name);
- //If the module does not exist, and this is not a "new" module layer,
- //as indicated by a true "create" property on the module, and
- //it is not a plugin-loaded resource, then throw an error.
- if (!file.exists(module._sourcePath) && !module.create &&
- module.name.indexOf('!') === -1) {
- throw new Error("ERROR: module path does not exist: " +
- module._sourcePath + " for module named: " + module.name +
- ". Path is relative to: " + file.absPath('.'));
- }
- }
- });
- }
-
- if (config.out) {
- //Just set up the _buildPath for the module layer.
- require(config);
- if (!config.cssIn) {
- config.modules[0]._buildPath = config.out;
- }
- } else if (!config.cssIn) {
- //Now set up the config for require to use the build area, and calculate the
- //build file locations. Pass along any config info too.
- baseConfig = {
- baseUrl: config.dirBaseUrl,
- paths: buildPaths
- };
-
- lang.mixin(baseConfig, config);
- require(baseConfig);
-
- if (modules) {
- modules.forEach(function (module) {
- if (module.name) {
- module._buildPath = buildContext.nameToUrl(module.name, null);
- if (!module.create) {
- file.copyFile(module._sourcePath, module._buildPath);
- }
- }
- });
- }
- }
-
- //Run CSS optimizations before doing JS module tracing, to allow
- //things like text loader plugins loading CSS to get the optimized
- //CSS.
- if (config.optimizeCss && config.optimizeCss !== "none" && config.dir) {
- buildFileContents += optimize.css(config.dir, config);
- }
-
- if (modules) {
- //For each module layer, call require to calculate dependencies.
- modules.forEach(function (module) {
- module.layer = build.traceDependencies(module, config);
- });
-
- //Now build up shadow layers for anything that should be excluded.
- //Do this after tracing dependencies for each module, in case one
- //of those modules end up being one of the excluded values.
- modules.forEach(function (module) {
- if (module.exclude) {
- module.excludeLayers = [];
- module.exclude.forEach(function (exclude, i) {
- //See if it is already in the list of modules.
- //If not trace dependencies for it.
- module.excludeLayers[i] = build.findBuildModule(exclude, modules) ||
- {layer: build.traceDependencies({name: exclude}, config)};
- });
- }
- });
-
- modules.forEach(function (module) {
- if (module.exclude) {
- //module.exclude is an array of module names. For each one,
- //get the nested dependencies for it via a matching entry
- //in the module.excludeLayers array.
- module.exclude.forEach(function (excludeModule, i) {
- var excludeLayer = module.excludeLayers[i].layer, map = excludeLayer.buildPathMap, prop;
- for (prop in map) {
- if (map.hasOwnProperty(prop)) {
- build.removeModulePath(prop, map[prop], module.layer);
- }
- }
- });
- }
- if (module.excludeShallow) {
- //module.excludeShallow is an array of module names.
- //shallow exclusions are just that module itself, and not
- //its nested dependencies.
- module.excludeShallow.forEach(function (excludeShallowModule) {
- var path = module.layer.buildPathMap[excludeShallowModule];
- if (path) {
- build.removeModulePath(excludeShallowModule, path, module.layer);
- }
- });
- }
-
- //Flatten them and collect the build output for each module.
- builtModule = build.flattenModule(module, module.layer, config);
-
- //Save it to a temp file for now, in case there are other layers that
- //contain optimized content that should not be included in later
- //layer optimizations. See issue #56.
- file.saveUtf8File(module._buildPath + '-temp', builtModule.text);
- buildFileContents += builtModule.buildText;
- });
-
- //Now move the build layers to their final position.
- modules.forEach(function (module) {
- var finalPath = module._buildPath;
- if (file.exists(finalPath)) {
- file.deleteFile(finalPath);
- }
- file.renameFile(finalPath + '-temp', finalPath);
- });
- }
-
- //Do other optimizations.
- if (config.out && !config.cssIn) {
- //Just need to worry about one JS file.
- fileName = config.modules[0]._buildPath;
- optimize.jsFile(fileName, fileName, config);
- } else if (!config.cssIn) {
- //Normal optimizations across modules.
-
- //JS optimizations.
- fileNames = file.getFilteredFileList(config.dir, /\.js$/, true);
- for (i = 0; (fileName = fileNames[i]); i++) {
- //Generate the module name from the config.dir root.
- moduleName = fileName.replace(config.dir, '');
- //Get rid of the extension
- moduleName = moduleName.substring(0, moduleName.length - 3);
- optimize.jsFile(fileName, fileName, config, moduleName, pluginCollector);
- }
-
- //Normalize all the plugin resources.
- context = require.s.contexts._;
-
- for (moduleName in pluginCollector) {
- if (pluginCollector.hasOwnProperty(moduleName)) {
- parentModuleMap = context.makeModuleMap(moduleName);
- resources = pluginCollector[moduleName];
- for (i = 0; (resource = resources[i]); i++) {
- moduleMap = context.makeModuleMap(resource, parentModuleMap);
- if (!context.plugins[moduleMap.prefix]) {
- //Set the value in context.plugins so it
- //will be evaluated as a full plugin.
- context.plugins[moduleMap.prefix] = true;
-
- //Do not bother if the plugin is not available.
- if (!file.exists(require.toUrl(moduleMap.prefix + '.js'))) {
- continue;
- }
-
- //Rely on the require in the build environment
- //to be synchronous
- context.require([moduleMap.prefix]);
-
- //Now that the plugin is loaded, redo the moduleMap
- //since the plugin will need to normalize part of the path.
- moduleMap = context.makeModuleMap(resource, parentModuleMap);
- }
-
- //Only bother with plugin resources that can be handled
- //processed by the plugin, via support of the writeFile
- //method.
- if (!pluginProcessed[moduleMap.fullName]) {
- //Only do the work if the plugin was really loaded.
- //Using an internal access because the file may
- //not really be loaded.
- plugin = context.defined[moduleMap.prefix];
- if (plugin && plugin.writeFile) {
- plugin.writeFile(
- moduleMap.prefix,
- moduleMap.name,
- require,
- makeWriteFile(
- config.anonDefRegExp,
- config.namespaceWithDot
- ),
- context.config
- );
- }
-
- pluginProcessed[moduleMap.fullName] = true;
- }
- }
-
- }
- }
-
- //console.log('PLUGIN COLLECTOR: ' + JSON.stringify(pluginCollector, null, " "));
-
-
- //All module layers are done, write out the build.txt file.
- file.saveUtf8File(config.dir + "build.txt", buildFileContents);
- }
-
- //If just have one CSS file to optimize, do that here.
- if (config.cssIn) {
- buildFileContents += optimize.cssFile(config.cssIn, config.out, config);
- }
-
- //Print out what was built into which layers.
- if (buildFileContents) {
- logger.info(buildFileContents);
- return buildFileContents;
- }
-
- return '';
- };
-
- /**
- * Converts command line args like "paths.foo=../some/path"
- * result.paths = { foo: '../some/path' } where prop = paths,
- * name = paths.foo and value = ../some/path, so it assumes the
- * name=value splitting has already happened.
- */
- function stringDotToObj(result, prop, name, value) {
- if (!result[prop]) {
- result[prop] = {};
- }
- name = name.substring((prop + '.').length, name.length);
- result[prop][name] = value;
- }
-
- //Used by convertArrayToObject to convert some things from prop.name=value
- //to a prop: { name: value}
- build.dotProps = [
- 'paths.',
- 'wrap.',
- 'pragmas.',
- 'pragmasOnSave.',
- 'has.',
- 'hasOnSave.',
- 'wrap.',
- 'uglify.',
- 'closure.'
- ];
-
- build.hasDotPropMatch = function (prop) {
- return build.dotProps.some(function (dotProp) {
- return prop.indexOf(dotProp) === 0;
- });
- };
-
- /**
- * Converts an array that has String members of "name=value"
- * into an object, where the properties on the object are the names in the array.
- * Also converts the strings "true" and "false" to booleans for the values.
- * member name/value pairs, and converts some comma-separated lists into
- * arrays.
- * @param {Array} ary
- */
- build.convertArrayToObject = function (ary) {
- var result = {}, i, separatorIndex, prop, value,
- needArray = {
- "include": true,
- "exclude": true,
- "excludeShallow": true
- };
-
- for (i = 0; i < ary.length; i++) {
- separatorIndex = ary[i].indexOf("=");
- if (separatorIndex === -1) {
- throw "Malformed name/value pair: [" + ary[i] + "]. Format should be name=value";
- }
-
- value = ary[i].substring(separatorIndex + 1, ary[i].length);
- if (value === "true") {
- value = true;
- } else if (value === "false") {
- value = false;
- }
-
- prop = ary[i].substring(0, separatorIndex);
-
- //Convert to array if necessary
- if (needArray[prop]) {
- value = value.split(",");
- }
-
- if (build.hasDotPropMatch(prop)) {
- stringDotToObj(result, prop.split('.')[0], prop, value);
- } else {
- result[prop] = value;
- }
- }
- return result; //Object
- };
-
- build.makeAbsPath = function (path, absFilePath) {
- //Add abspath if necessary. If path starts with a slash or has a colon,
- //then already is an abolute path.
- if (path.indexOf('/') !== 0 && path.indexOf(':') === -1) {
- path = absFilePath +
- (absFilePath.charAt(absFilePath.length - 1) === '/' ? '' : '/') +
- path;
- path = file.normalize(path);
- }
- return path.replace(lang.backSlashRegExp, '/');
- };
-
- build.makeAbsObject = function (props, obj, absFilePath) {
- var i, prop;
- if (obj) {
- for (i = 0; (prop = props[i]); i++) {
- if (obj.hasOwnProperty(prop)) {
- obj[prop] = build.makeAbsPath(obj[prop], absFilePath);
- }
- }
- }
- };
-
- /**
- * For any path in a possible config, make it absolute relative
- * to the absFilePath passed in.
- */
- build.makeAbsConfig = function (config, absFilePath) {
- var props, prop, i;
-
- props = ["appDir", "dir", "baseUrl"];
- for (i = 0; (prop = props[i]); i++) {
- if (config[prop]) {
- //Add abspath if necessary, make sure these paths end in
- //slashes
- if (prop === "baseUrl") {
- config.originalBaseUrl = config.baseUrl;
- if (config.appDir) {
- //If baseUrl with an appDir, the baseUrl is relative to
- //the appDir, *not* the absFilePath. appDir and dir are
- //made absolute before baseUrl, so this will work.
- config.baseUrl = build.makeAbsPath(config.originalBaseUrl, config.appDir);
- } else {
- //The dir output baseUrl is same as regular baseUrl, both
- //relative to the absFilePath.
- config.baseUrl = build.makeAbsPath(config[prop], absFilePath);
- }
- } else {
- config[prop] = build.makeAbsPath(config[prop], absFilePath);
- }
-
- config[prop] = endsWithSlash(config[prop]);
- }
- }
-
- //Do not allow URLs for paths resources.
- if (config.paths) {
- for (prop in config.paths) {
- if (config.paths.hasOwnProperty(prop)) {
- config.paths[prop] = build.makeAbsPath(config.paths[prop],
- (config.baseUrl || absFilePath));
- }
- }
- }
-
- build.makeAbsObject(["out", "cssIn"], config, absFilePath);
- build.makeAbsObject(["startFile", "endFile"], config.wrap, absFilePath);
- };
-
- build.nestedMix = {
- paths: true,
- has: true,
- hasOnSave: true,
- pragmas: true,
- pragmasOnSave: true
- };
-
- /**
- * Mixes additional source config into target config, and merges some
- * nested config, like paths, correctly.
- */
- function mixConfig(target, source) {
- var prop, value;
-
- for (prop in source) {
- if (source.hasOwnProperty(prop)) {
- //If the value of the property is a plain object, then
- //allow a one-level-deep mixing of it.
- value = source[prop];
- if (typeof value === 'object' && value &&
- !lang.isArray(value) && !lang.isFunction(value) &&
- !lang.isRegExp(value)) {
- target[prop] = lang.mixin({}, target[prop], value, true);
- } else {
- target[prop] = value;
- }
- }
- }
- }
-
- /**
- * Creates a config object for an optimization build.
- * It will also read the build profile if it is available, to create
- * the configuration.
- *
- * @param {Object} cfg config options that take priority
- * over defaults and ones in the build file. These options could
- * be from a command line, for instance.
- *
- * @param {Object} the created config object.
- */
- build.createConfig = function (cfg) {
- /*jslint evil: true */
- var config = {}, buildFileContents, buildFileConfig, mainConfig,
- mainConfigFile, prop, buildFile, absFilePath;
-
- //Make sure all paths are relative to current directory.
- absFilePath = file.absPath('.');
- build.makeAbsConfig(cfg, absFilePath);
- build.makeAbsConfig(buildBaseConfig, absFilePath);
-
- lang.mixin(config, buildBaseConfig);
- lang.mixin(config, cfg, true);
-
- if (config.buildFile) {
- //A build file exists, load it to get more config.
- buildFile = file.absPath(config.buildFile);
-
- //Find the build file, and make sure it exists, if this is a build
- //that has a build profile, and not just command line args with an in=path
- if (!file.exists(buildFile)) {
- throw new Error("ERROR: build file does not exist: " + buildFile);
- }
-
- absFilePath = config.baseUrl = file.absPath(file.parent(buildFile));
-
- //Load build file options.
- buildFileContents = file.readFile(buildFile);
- try {
- buildFileConfig = eval("(" + buildFileContents + ")");
- build.makeAbsConfig(buildFileConfig, absFilePath);
-
- if (!buildFileConfig.out && !buildFileConfig.dir) {
- buildFileConfig.dir = (buildFileConfig.baseUrl || config.baseUrl) + "/build/";
- }
-
- } catch (e) {
- throw new Error("Build file " + buildFile + " is malformed: " + e);
- }
- }
-
- mainConfigFile = config.mainConfigFile || (buildFileConfig && buildFileConfig.mainConfigFile);
- if (mainConfigFile) {
- mainConfigFile = build.makeAbsPath(mainConfigFile, absFilePath);
- try {
- mainConfig = parse.findConfig(mainConfigFile, file.readFile(mainConfigFile));
- } catch (configError) {
- throw new Error('The config in mainConfigFile ' +
- mainConfigFile +
- ' cannot be used because it cannot be evaluated' +
- ' correctly while running in the optimizer. Try only' +
- ' using a config that is also valid JSON, or do not use' +
- ' mainConfigFile and instead copy the config values needed' +
- ' into a build file or command line arguments given to the optimizer.');
- }
- if (mainConfig) {
- //If no baseUrl, then use the directory holding the main config.
- if (!mainConfig.baseUrl) {
- mainConfig.baseUrl = mainConfigFile.substring(0, mainConfigFile.lastIndexOf('/'));
- }
- build.makeAbsConfig(mainConfig, mainConfigFile);
- mixConfig(config, mainConfig);
- }
- }
-
- //Mix in build file config, but only after mainConfig has been mixed in.
- if (buildFileConfig) {
- mixConfig(config, buildFileConfig);
- }
-
- //Re-apply the override config values. Command line
- //args should take precedence over build file values.
- mixConfig(config, cfg);
-
-
- //Set final output dir
- if (config.hasOwnProperty("baseUrl")) {
- if (config.appDir) {
- config.dirBaseUrl = build.makeAbsPath(config.originalBaseUrl, config.dir);
- } else {
- config.dirBaseUrl = config.dir || config.baseUrl;
- }
- //Make sure dirBaseUrl ends in a slash, since it is
- //concatenated with other strings.
- config.dirBaseUrl = endsWithSlash(config.dirBaseUrl);
- }
-
- //Check for errors in config
- if (config.cssIn && !config.out) {
- throw new Error("ERROR: 'out' option missing.");
- }
- if (!config.cssIn && !config.baseUrl) {
- throw new Error("ERROR: 'baseUrl' option missing.");
- }
- if (!config.out && !config.dir) {
- throw new Error('Missing either an "out" or "dir" config value. ' +
- 'If using "appDir" for a full project optimization, ' +
- 'use "dir". If you want to optimize to one file, ' +
- 'use "out".');
- }
- if (config.appDir && config.out) {
- throw new Error('"appDir" is not compatible with "out". Use "dir" ' +
- 'instead. appDir is used to copy whole projects, ' +
- 'where "out" is used to just optimize to one file.');
- }
- if (config.out && config.dir) {
- throw new Error('The "out" and "dir" options are incompatible.' +
- ' Use "out" if you are targeting a single file for' +
- ' for optimization, and "dir" if you want the appDir' +
- ' or baseUrl directories optimized.');
- }
-
- if ((config.name || config.include) && !config.modules) {
- //Just need to build one file, but may be part of a whole appDir/
- //baseUrl copy, but specified on the command line, so cannot do
- //the modules array setup. So create a modules section in that
- //case.
- config.modules = [
- {
- name: config.name,
- out: config.out,
- include: config.include,
- exclude: config.exclude,
- excludeShallow: config.excludeShallow
- }
- ];
- }
-
- if (config.out && !config.cssIn) {
- //Just one file to optimize.
-
- //Does not have a build file, so set up some defaults.
- //Optimizing CSS should not be allowed, unless explicitly
- //asked for on command line. In that case the only task is
- //to optimize a CSS file.
- if (!cfg.optimizeCss) {
- config.optimizeCss = "none";
- }
- }
-
- //Do not allow URLs for paths resources.
- if (config.paths) {
- for (prop in config.paths) {
- if (config.paths.hasOwnProperty(prop)) {
- disallowUrls(config.paths[prop]);
- }
- }
- }
-
- //Get any wrap text.
- try {
- if (config.wrap) {
- if (config.wrap === true) {
- //Use default values.
- config.wrap = {
- start: '(function () {',
- end: '}());'
- };
- } else {
- config.wrap.start = config.wrap.start ||
- file.readFile(build.makeAbsPath(config.wrap.startFile, absFilePath));
- config.wrap.end = config.wrap.end ||
- file.readFile(build.makeAbsPath(config.wrap.endFile, absFilePath));
- }
- }
- } catch (wrapError) {
- throw new Error('Malformed wrap config: need both start/end or ' +
- 'startFile/endFile: ' + wrapError.toString());
- }
-
-
- //Set up proper info for namespaces and using namespaces in transport
- //wrappings.
- config.namespaceWithDot = config.namespace ? config.namespace + '.' : '';
- config.anonDefRegExp = build.makeAnonDefRegExp(config.namespaceWithDot);
-
- //Do final input verification
- if (config.context) {
- throw new Error('The build argument "context" is not supported' +
- ' in a build. It should only be used in web' +
- ' pages.');
- }
-
- //Set file.fileExclusionRegExp if desired
- if ('fileExclusionRegExp' in config) {
- if (typeof config.fileExclusionRegExp === "string") {
- file.exclusionRegExp = new RegExp(config.fileExclusionRegExp);
- } else {
- file.exclusionRegExp = config.fileExclusionRegExp;
- }
- } else if ('dirExclusionRegExp' in config) {
- //Set file.dirExclusionRegExp if desired, this is the old
- //name for fileExclusionRegExp before 1.0.2. Support for backwards
- //compatibility
- file.exclusionRegExp = config.dirExclusionRegExp;
- }
-
- return config;
- };
-
- /**
- * finds the module being built/optimized with the given moduleName,
- * or returns null.
- * @param {String} moduleName
- * @param {Array} modules
- * @returns {Object} the module object from the build profile, or null.
- */
- build.findBuildModule = function (moduleName, modules) {
- var i, module;
- for (i = 0; (module = modules[i]); i++) {
- if (module.name === moduleName) {
- return module;
- }
- }
- return null;
- };
-
- /**
- * Removes a module name and path from a layer, if it is supposed to be
- * excluded from the layer.
- * @param {String} moduleName the name of the module
- * @param {String} path the file path for the module
- * @param {Object} layer the layer to remove the module/path from
- */
- build.removeModulePath = function (module, path, layer) {
- var index = layer.buildFilePaths.indexOf(path);
- if (index !== -1) {
- layer.buildFilePaths.splice(index, 1);
- }
-
- //Take it out of the specified modules. Specified modules are mostly
- //used to find require modifiers.
- delete layer.specified[module];
- };
-
- /**
- * Uses the module build config object to trace the dependencies for the
- * given module.
- *
- * @param {Object} module the module object from the build config info.
- * @param {Object} the build config object.
- *
- * @returns {Object} layer information about what paths and modules should
- * be in the flattened module.
- */
- build.traceDependencies = function (module, config) {
- var include, override, layer, context, baseConfig, oldContext;
-
- //Reset some state set up in requirePatch.js, and clean up require's
- //current context.
- oldContext = require._buildReset();
-
- //Grab the reset layer and context after the reset, but keep the
- //old config to reuse in the new context.
- baseConfig = oldContext.config;
- layer = require._layer;
- context = layer.context;
-
- //Put back basic config, use a fresh object for it.
- //WARNING: probably not robust for paths and packages/packagePaths,
- //since those property's objects can be modified. But for basic
- //config clone it works out.
- require(lang.delegate(baseConfig));
-
- logger.trace("\nTracing dependencies for: " + (module.name || module.out));
- include = module.name && !module.create ? [module.name] : [];
- if (module.include) {
- include = include.concat(module.include);
- }
-
- //If there are overrides to basic config, set that up now.;
- if (module.override) {
- override = lang.delegate(baseConfig);
- lang.mixin(override, module.override, true);
- require(override);
- }
-
- //Figure out module layer dependencies by calling require to do the work.
- require(include);
-
- //Pull out the layer dependencies.
- layer.specified = context.specified;
-
- //Reset config
- if (module.override) {
- require(baseConfig);
- }
-
- return layer;
- };
-
- /**
- * Uses the module build config object to create an flattened version
- * of the module, with deep dependencies included.
- *
- * @param {Object} module the module object from the build config info.
- *
- * @param {Object} layer the layer object returned from build.traceDependencies.
- *
- * @param {Object} the build config object.
- *
- * @returns {Object} with two properties: "text", the text of the flattened
- * module, and "buildText", a string of text representing which files were
- * included in the flattened module text.
- */
- build.flattenModule = function (module, layer, config) {
- var buildFileContents = "",
- namespace = config.namespace ? config.namespace + '.' : '',
- context = layer.context,
- anonDefRegExp = config.anonDefRegExp,
- path, reqIndex, fileContents, currContents,
- i, moduleName,
- parts, builder, writeApi;
-
- //Use override settings, particularly for pragmas
- if (module.override) {
- config = lang.delegate(config);
- lang.mixin(config, module.override, true);
- }
-
- //Start build output for the module.
- buildFileContents += "\n" +
- (config.dir ? module._buildPath.replace(config.dir, "") : module._buildPath) +
- "\n----------------\n";
-
- //If there was an existing file with require in it, hoist to the top.
- if (layer.existingRequireUrl) {
- reqIndex = layer.buildFilePaths.indexOf(layer.existingRequireUrl);
- if (reqIndex !== -1) {
- layer.buildFilePaths.splice(reqIndex, 1);
- layer.buildFilePaths.unshift(layer.existingRequireUrl);
- }
- }
-
- //Write the built module to disk, and build up the build output.
- fileContents = "";
- for (i = 0; (path = layer.buildFilePaths[i]); i++) {
- moduleName = layer.buildFileToModule[path];
-
- //Figure out if the module is a result of a build plugin, and if so,
- //then delegate to that plugin.
- parts = context.makeModuleMap(moduleName);
- builder = parts.prefix && context.defined[parts.prefix];
- if (builder) {
- if (builder.write) {
- writeApi = function (input) {
- fileContents += "\n" + addSemiColon(input);
- if (config.onBuildWrite) {
- fileContents = config.onBuildWrite(moduleName, path, fileContents);
- }
- };
- writeApi.asModule = function (moduleName, input) {
- fileContents += "\n" +
- addSemiColon(
- build.toTransport(anonDefRegExp, namespace, moduleName, path, input, layer));
- if (config.onBuildWrite) {
- fileContents = config.onBuildWrite(moduleName, path, fileContents);
- }
- };
- builder.write(parts.prefix, parts.name, writeApi);
- }
- } else {
- currContents = file.readFile(path);
-
- if (config.onBuildRead) {
- currContents = config.onBuildRead(moduleName, path, currContents);
- }
-
- if (config.namespace) {
- currContents = pragma.namespace(currContents, config.namespace);
- }
-
- currContents = build.toTransport(anonDefRegExp, namespace, moduleName, path, currContents, layer);
-
- if (config.onBuildWrite) {
- currContents = config.onBuildWrite(moduleName, path, currContents);
- }
-
- //Semicolon is for files that are not well formed when
- //concatenated with other content.
- fileContents += "\n" + addSemiColon(currContents);
- }
-
- buildFileContents += path.replace(config.dir, "") + "\n";
- //Some files may not have declared a require module, and if so,
- //put in a placeholder call so the require does not try to load them
- //after the module is processed.
- //If we have a name, but no defined module, then add in the placeholder.
- if (moduleName && !layer.modulesWithNames[moduleName] && !config.skipModuleInsertion) {
- //If including jquery, register the module correctly, otherwise
- //register an empty function. For jquery, make sure jQuery is
- //a real object, and perhaps not some other file mapping, like
- //to zepto.
- if (moduleName === 'jquery') {
- fileContents += '\n(function () {\n' +
- 'var jq = typeof jQuery !== "undefined" && jQuery;\n' +
- namespace +
- 'define("jquery", [], function () { return jq; });\n' +
- '}());\n';
- } else {
- fileContents += '\n' + namespace + 'define("' + moduleName + '", function(){});\n';
- }
- }
- }
-
- return {
- text: config.wrap ?
- config.wrap.start + fileContents + config.wrap.end :
- fileContents,
- buildText: buildFileContents
- };
- };
-
- /**
- * Creates the regexp to find anonymous defines.
- * @param {String} namespace an optional namespace to use. The namespace
- * should *include* a trailing dot. So a valid value would be 'foo.'
- * @returns {RegExp}
- */
- build.makeAnonDefRegExp = function (namespace) {
- //This regexp is not bullet-proof, and it has one optional part to
- //avoid issues with some Dojo transition modules that use a
- //define(\n//begin v1.x content
- //for a comment.
- return new RegExp('(^|[^\\.])(' + (namespace || '').replace(/\./g, '\\.') +
- 'define|define)\\s*\\(\\s*(\\/\\/[^\\n\\r]*[\\r\\n])?(\\[|function|[\\w\\d_\\-\\$]+\\s*\\)|\\{|["\']([^"\']+)["\'])(\\s*,\\s*f)?');
- };
-
- build.leadingCommaRegExp = /^\s*,/;
-
- build.toTransport = function (anonDefRegExp, namespace, moduleName, path, contents, layer) {
-
- //If anonymous module, insert the module name.
- return contents.replace(anonDefRegExp, function (match, start, callName, possibleComment, suffix, namedModule, namedFuncStart) {
- //A named module with either listed dependencies or an object
- //literal for a value. Skip it. If named module, only want ones
- //whose next argument is a function literal to scan for
- //require('') dependecies.
- if (namedModule && !namedFuncStart) {
- return match;
- }
-
- //Only mark this module as having a name if not a named module,
- //or if a named module and the name matches expectations.
- if (layer && (!namedModule || namedModule === moduleName)) {
- layer.modulesWithNames[moduleName] = true;
- }
-
- var deps = null;
-
- //Look for CommonJS require calls inside the function if this is
- //an anonymous define call that just has a function registered.
- //Also look if a named define function but has a factory function
- //as the second arg that should be scanned for dependencies.
- if (suffix.indexOf('f') !== -1 || (namedModule)) {
- deps = parse.getAnonDeps(path, contents);
-
- if (deps.length) {
- deps = deps.map(function (dep) {
- return "'" + dep + "'";
- });
- } else {
- deps = [];
- }
- }
-
- return start + namespace + "define('" + (namedModule || moduleName) + "'," +
- (deps ? ('[' + deps.toString() + '],') : '') +
- (namedModule ? namedFuncStart.replace(build.leadingCommaRegExp, '') : suffix);
- });
-
- };
-
- return build;
-});
-
- }
-
-
- /**
- * Sets the default baseUrl for requirejs to be directory of top level
- * script.
- */
- function setBaseUrl(fileName) {
- //Use the file name's directory as the baseUrl if available.
- dir = fileName.replace(/\\/g, '/');
- if (dir.indexOf('/') !== -1) {
- dir = dir.split('/');
- dir.pop();
- dir = dir.join('/');
- exec("require({baseUrl: '" + dir + "'});");
- }
- }
-
- //If in Node, and included via a require('requirejs'), just export and
- //THROW IT ON THE GROUND!
- if (env === 'node' && reqMain !== module) {
- setBaseUrl(path.resolve(reqMain ? reqMain.filename : '.'));
-
- //Create a method that will run the optimzer given an object
- //config.
- requirejs.optimize = function (config, callback) {
- if (!loadedOptimizedLib) {
- loadLib();
- loadedOptimizedLib = true;
- }
-
- //Create the function that will be called once build modules
- //have been loaded.
- var runBuild = function (build, logger) {
- //Make sure config has a log level, and if not,
- //make it "silent" by default.
- config.logLevel = config.hasOwnProperty('logLevel') ?
- config.logLevel : logger.SILENT;
-
- var result = build(config);
-
- //Reset build internals on each run.
- requirejs._buildReset();
-
- if (callback) {
- callback(result);
- }
- };
-
- //Enable execution of this callback in a build setting.
- //Normally, once requirePatch is run, by default it will
- //not execute callbacks, unless this property is set on
- //the callback.
- runBuild.__requireJsBuild = true;
-
- requirejs({
- context: 'build'
- }, ['build', 'logger'], runBuild);
- };
-
- requirejs.tools = {
- useLib: function (contextName, callback) {
- if (!callback) {
- callback = contextName;
- contextName = 'uselib';
- }
-
- if (!useLibLoaded[contextName]) {
- loadLib();
- useLibLoaded[contextName] = true;
- }
-
- var req = requirejs({
- context: contextName,
- requireLoad: requirejsVars.nodeLoad,
- requireExecCb: requirejsVars.nodeRequireExecCb
- });
-
- req(['build'], function () {
- callback(req);
- });
- }
- };
-
- requirejs.define = define;
-
- module.exports = requirejs;
- return;
- }
-
- if (commandOption === 'o') {
- //Do the optimizer work.
- loadLib();
-
- /**
- * @license Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-
-/*
- * Create a build.js file that has the build options you want and pass that
- * build file to this file to do the build. See example.build.js for more information.
- */
-
-/*jslint strict: false, nomen: false */
-/*global require: false */
-
-require({
- baseUrl: require.s.contexts._.config.baseUrl,
- //Use a separate context than the default context so that the
- //build can use the default context.
- context: 'build',
- catchError: {
- define: true
- }
-}, ['env!env/args', 'build'],
-function (args, build) {
- build(args);
-});
-
-
- } else if (commandOption === 'v') {
- console.log('r.js: ' + version + ', RequireJS: ' + this.requirejsVars.require.version);
- } else if (commandOption === 'convert') {
- loadLib();
-
- this.requirejsVars.require(['env!env/args', 'commonJs', 'env!env/print'],
- function (args, commonJs, print) {
-
- var srcDir, outDir;
- srcDir = args[0];
- outDir = args[1];
-
- if (!srcDir || !outDir) {
- print('Usage: path/to/commonjs/modules output/dir');
- return;
- }
-
- commonJs.convertDir(args[0], args[1]);
- });
- } else {
- //Just run an app
-
- //Load the bundled libraries for use in the app.
- if (commandOption === 'lib') {
- loadLib();
- }
-
- setBaseUrl(fileName);
-
- if (exists(fileName)) {
- exec(readFile(fileName), fileName);
- } else {
- showHelp();
- }
- }
-
-}((typeof console !== 'undefined' ? console : undefined),
- (typeof Packages !== 'undefined' ? Array.prototype.slice.call(arguments, 0) : []),
- (typeof readFile !== 'undefined' ? readFile : undefined)));
+++ /dev/null
-/** @license
- * Plugin to load JS files that have dependencies but aren't wrapped into
- * `define` calls.
- * Author: Miller Medeiros
- * Version: 0.1.0 (2011/12/13)
- * Released under the MIT license
- */
-define(function () {
-
- var rParts = /^(.*)\[([^\]]*)\]$/;
-
- return {
-
- //example: depend!bar[jquery,lib/foo]
- load : function(name, req, onLoad, config){
- var parts = rParts.exec(name);
-
- req(parts[2].split(','), function(){
- req([parts[1]], function(mod){
- onLoad(mod);
- });
- });
- }
-
- };
-
-});
\ No newline at end of file
+++ /dev/null
-/**
- * @license RequireJS order 1.0.0 Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-/*jslint nomen: false, plusplus: false, strict: false */
-/*global require: false, define: false, window: false, document: false,
- setTimeout: false */
-
-//Specify that requirejs optimizer should wrap this code in a closure that
-//maps the namespaced requirejs API to non-namespaced local variables.
-/*requirejs namespace: true */
-
-(function () {
-
- //Sadly necessary browser inference due to differences in the way
- //that browsers load and execute dynamically inserted javascript
- //and whether the script/cache method works when ordered execution is
- //desired. Currently, Gecko and Opera do not load/fire onload for scripts with
- //type="script/cache" but they execute injected scripts in order
- //unless the 'async' flag is present.
- //However, this is all changing in latest browsers implementing HTML5
- //spec. With compliant browsers .async true by default, and
- //if false, then it will execute in order. Favor that test first for forward
- //compatibility.
- var testScript = typeof document !== "undefined" &&
- typeof window !== "undefined" &&
- document.createElement("script"),
-
- supportsInOrderExecution = testScript && (testScript.async ||
- ((window.opera &&
- Object.prototype.toString.call(window.opera) === "[object Opera]") ||
- //If Firefox 2 does not have to be supported, then
- //a better check may be:
- //('mozIsLocallyAvailable' in window.navigator)
- ("MozAppearance" in document.documentElement.style))),
-
- //This test is true for IE browsers, which will load scripts but only
- //execute them once the script is added to the DOM.
- supportsLoadSeparateFromExecute = testScript &&
- testScript.readyState === 'uninitialized',
-
- readyRegExp = /^(complete|loaded)$/,
- cacheWaiting = [],
- cached = {},
- scriptNodes = {},
- scriptWaiting = [];
-
- //Done with the test script.
- testScript = null;
-
- //Callback used by the type="script/cache" callback that indicates a script
- //has finished downloading.
- function scriptCacheCallback(evt) {
- var node = evt.currentTarget || evt.srcElement, i,
- moduleName, resource;
-
- if (evt.type === "load" || readyRegExp.test(node.readyState)) {
- //Pull out the name of the module and the context.
- moduleName = node.getAttribute("data-requiremodule");
-
- //Mark this cache request as loaded
- cached[moduleName] = true;
-
- //Find out how many ordered modules have loaded
- for (i = 0; (resource = cacheWaiting[i]); i++) {
- if (cached[resource.name]) {
- resource.req([resource.name], resource.onLoad);
- } else {
- //Something in the ordered list is not loaded,
- //so wait.
- break;
- }
- }
-
- //If just loaded some items, remove them from cacheWaiting.
- if (i > 0) {
- cacheWaiting.splice(0, i);
- }
-
- //Remove this script tag from the DOM
- //Use a setTimeout for cleanup because some older IE versions vomit
- //if removing a script node while it is being evaluated.
- setTimeout(function () {
- node.parentNode.removeChild(node);
- }, 15);
- }
- }
-
- /**
- * Used for the IE case, where fetching is done by creating script element
- * but not attaching it to the DOM. This function will be called when that
- * happens so it can be determined when the node can be attached to the
- * DOM to trigger its execution.
- */
- function onFetchOnly(node) {
- var i, loadedNode, resourceName;
-
- //Mark this script as loaded.
- node.setAttribute('data-orderloaded', 'loaded');
-
- //Cycle through waiting scripts. If the matching node for them
- //is loaded, and is in the right order, add it to the DOM
- //to execute the script.
- for (i = 0; (resourceName = scriptWaiting[i]); i++) {
- loadedNode = scriptNodes[resourceName];
- if (loadedNode &&
- loadedNode.getAttribute('data-orderloaded') === 'loaded') {
- delete scriptNodes[resourceName];
- require.addScriptToDom(loadedNode);
- } else {
- break;
- }
- }
-
- //If just loaded some items, remove them from waiting.
- if (i > 0) {
- scriptWaiting.splice(0, i);
- }
- }
-
- define({
- version: '1.0.0',
-
- load: function (name, req, onLoad, config) {
- var url = req.nameToUrl(name, null),
- node, context;
-
- //Make sure the async attribute is not set for any pathway involving
- //this script.
- require.s.skipAsync[url] = true;
- if (supportsInOrderExecution || config.isBuild) {
- //Just a normal script tag append, but without async attribute
- //on the script.
- req([name], onLoad);
- } else if (supportsLoadSeparateFromExecute) {
- //Just fetch the URL, but do not execute it yet. The
- //non-standards IE case. Really not so nice because it is
- //assuming and touching requrejs internals. OK though since
- //ordered execution should go away after a long while.
- context = require.s.contexts._;
-
- if (!context.urlFetched[url] && !context.loaded[name]) {
- //Indicate the script is being fetched.
- context.urlFetched[url] = true;
-
- //Stuff from require.load
- require.resourcesReady(false);
- context.scriptCount += 1;
-
- //Fetch the script now, remember it.
- node = require.attach(url, context, name, null, null, onFetchOnly);
- scriptNodes[name] = node;
- scriptWaiting.push(name);
- }
-
- //Do a normal require for it, once it loads, use it as return
- //value.
- req([name], onLoad);
- } else {
- //Credit to LABjs author Kyle Simpson for finding that scripts
- //with type="script/cache" allow scripts to be downloaded into
- //browser cache but not executed. Use that
- //so that subsequent addition of a real type="text/javascript"
- //tag will cause the scripts to be executed immediately in the
- //correct order.
- if (req.specified(name)) {
- req([name], onLoad);
- } else {
- cacheWaiting.push({
- name: name,
- req: req,
- onLoad: onLoad
- });
- require.attach(url, null, name, scriptCacheCallback, "script/cache");
- }
- }
- }
- });
-}());
+++ /dev/null
-/** vim: et:ts=4:sw=4:sts=4
- * @license RequireJS 1.0.6 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-/*jslint strict: false, plusplus: false, sub: true */
-/*global window, navigator, document, importScripts, jQuery, setTimeout, opera */
-
-var requirejs, require, define;
-(function () {
- //Change this version number for each release.
- var version = "1.0.6",
- commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,
- cjsRequireRegExp = /require\(\s*["']([^'"\s]+)["']\s*\)/g,
- currDirRegExp = /^\.\//,
- jsSuffixRegExp = /\.js$/,
- ostring = Object.prototype.toString,
- ap = Array.prototype,
- aps = ap.slice,
- apsp = ap.splice,
- isBrowser = !!(typeof window !== "undefined" && navigator && document),
- isWebWorker = !isBrowser && typeof importScripts !== "undefined",
- //PS3 indicates loaded and complete, but need to wait for complete
- //specifically. Sequence is "loading", "loaded", execution,
- // then "complete". The UA check is unfortunate, but not sure how
- //to feature test w/o causing perf issues.
- readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ?
- /^complete$/ : /^(complete|loaded)$/,
- defContextName = "_",
- //Oh the tragedy, detecting opera. See the usage of isOpera for reason.
- isOpera = typeof opera !== "undefined" && opera.toString() === "[object Opera]",
- empty = {},
- contexts = {},
- globalDefQueue = [],
- interactiveScript = null,
- checkLoadedDepth = 0,
- useInteractive = false,
- reservedDependencies = {
- require: true,
- module: true,
- exports: true
- },
- req, cfg = {}, currentlyAddingScript, s, head, baseElement, scripts, script,
- src, subPath, mainScript, dataMain, globalI, ctx, jQueryCheck, checkLoadedTimeoutId;
-
- function isFunction(it) {
- return ostring.call(it) === "[object Function]";
- }
-
- function isArray(it) {
- return ostring.call(it) === "[object Array]";
- }
-
- /**
- * Simple function to mix in properties from source into target,
- * but only if target does not already have a property of the same name.
- * This is not robust in IE for transferring methods that match
- * Object.prototype names, but the uses of mixin here seem unlikely to
- * trigger a problem related to that.
- */
- function mixin(target, source, force) {
- for (var prop in source) {
- if (!(prop in empty) && (!(prop in target) || force)) {
- target[prop] = source[prop];
- }
- }
- return req;
- }
-
- /**
- * Constructs an error with a pointer to an URL with more information.
- * @param {String} id the error ID that maps to an ID on a web page.
- * @param {String} message human readable error.
- * @param {Error} [err] the original error, if there is one.
- *
- * @returns {Error}
- */
- function makeError(id, msg, err) {
- var e = new Error(msg + '\nhttp://requirejs.org/docs/errors.html#' + id);
- if (err) {
- e.originalError = err;
- }
- return e;
- }
-
- /**
- * Used to set up package paths from a packagePaths or packages config object.
- * @param {Object} pkgs the object to store the new package config
- * @param {Array} currentPackages an array of packages to configure
- * @param {String} [dir] a prefix dir to use.
- */
- function configurePackageDir(pkgs, currentPackages, dir) {
- var i, location, pkgObj;
-
- for (i = 0; (pkgObj = currentPackages[i]); i++) {
- pkgObj = typeof pkgObj === "string" ? { name: pkgObj } : pkgObj;
- location = pkgObj.location;
-
- //Add dir to the path, but avoid paths that start with a slash
- //or have a colon (indicates a protocol)
- if (dir && (!location || (location.indexOf("/") !== 0 && location.indexOf(":") === -1))) {
- location = dir + "/" + (location || pkgObj.name);
- }
-
- //Create a brand new object on pkgs, since currentPackages can
- //be passed in again, and config.pkgs is the internal transformed
- //state for all package configs.
- pkgs[pkgObj.name] = {
- name: pkgObj.name,
- location: location || pkgObj.name,
- //Remove leading dot in main, so main paths are normalized,
- //and remove any trailing .js, since different package
- //envs have different conventions: some use a module name,
- //some use a file name.
- main: (pkgObj.main || "main")
- .replace(currDirRegExp, '')
- .replace(jsSuffixRegExp, '')
- };
- }
- }
-
- /**
- * jQuery 1.4.3-1.5.x use a readyWait/ready() pairing to hold DOM
- * ready callbacks, but jQuery 1.6 supports a holdReady() API instead.
- * At some point remove the readyWait/ready() support and just stick
- * with using holdReady.
- */
- function jQueryHoldReady($, shouldHold) {
- if ($.holdReady) {
- $.holdReady(shouldHold);
- } else if (shouldHold) {
- $.readyWait += 1;
- } else {
- $.ready(true);
- }
- }
-
- if (typeof define !== "undefined") {
- //If a define is already in play via another AMD loader,
- //do not overwrite.
- return;
- }
-
- if (typeof requirejs !== "undefined") {
- if (isFunction(requirejs)) {
- //Do not overwrite and existing requirejs instance.
- return;
- } else {
- cfg = requirejs;
- requirejs = undefined;
- }
- }
-
- //Allow for a require config object
- if (typeof require !== "undefined" && !isFunction(require)) {
- //assume it is a config object.
- cfg = require;
- require = undefined;
- }
-
- /**
- * Creates a new context for use in require and define calls.
- * Handle most of the heavy lifting. Do not want to use an object
- * with prototype here to avoid using "this" in require, in case it
- * needs to be used in more super secure envs that do not want this.
- * Also there should not be that many contexts in the page. Usually just
- * one for the default context, but could be extra for multiversion cases
- * or if a package needs a special context for a dependency that conflicts
- * with the standard context.
- */
- function newContext(contextName) {
- var context, resume,
- config = {
- waitSeconds: 7,
- baseUrl: "./",
- paths: {},
- pkgs: {},
- catchError: {}
- },
- defQueue = [],
- specified = {
- "require": true,
- "exports": true,
- "module": true
- },
- urlMap = {},
- defined = {},
- loaded = {},
- waiting = {},
- waitAry = [],
- urlFetched = {},
- managerCounter = 0,
- managerCallbacks = {},
- plugins = {},
- //Used to indicate which modules in a build scenario
- //need to be full executed.
- needFullExec = {},
- fullExec = {},
- resumeDepth = 0;
-
- /**
- * Trims the . and .. from an array of path segments.
- * It will keep a leading path segment if a .. will become
- * the first path segment, to help with module name lookups,
- * which act like paths, but can be remapped. But the end result,
- * all paths that use this function should look normalized.
- * NOTE: this method MODIFIES the input array.
- * @param {Array} ary the array of path segments.
- */
- function trimDots(ary) {
- var i, part;
- for (i = 0; (part = ary[i]); i++) {
- if (part === ".") {
- ary.splice(i, 1);
- i -= 1;
- } else if (part === "..") {
- if (i === 1 && (ary[2] === '..' || ary[0] === '..')) {
- //End of the line. Keep at least one non-dot
- //path segment at the front so it can be mapped
- //correctly to disk. Otherwise, there is likely
- //no path mapping for a path starting with '..'.
- //This can still fail, but catches the most reasonable
- //uses of ..
- break;
- } else if (i > 0) {
- ary.splice(i - 1, 2);
- i -= 2;
- }
- }
- }
- }
-
- /**
- * Given a relative module name, like ./something, normalize it to
- * a real name that can be mapped to a path.
- * @param {String} name the relative name
- * @param {String} baseName a real name that the name arg is relative
- * to.
- * @returns {String} normalized name
- */
- function normalize(name, baseName) {
- var pkgName, pkgConfig;
-
- //Adjust any relative paths.
- if (name && name.charAt(0) === ".") {
- //If have a base name, try to normalize against it,
- //otherwise, assume it is a top-level require that will
- //be relative to baseUrl in the end.
- if (baseName) {
- if (config.pkgs[baseName]) {
- //If the baseName is a package name, then just treat it as one
- //name to concat the name with.
- baseName = [baseName];
- } else {
- //Convert baseName to array, and lop off the last part,
- //so that . matches that "directory" and not name of the baseName's
- //module. For instance, baseName of "one/two/three", maps to
- //"one/two/three.js", but we want the directory, "one/two" for
- //this normalization.
- baseName = baseName.split("/");
- baseName = baseName.slice(0, baseName.length - 1);
- }
-
- name = baseName.concat(name.split("/"));
- trimDots(name);
-
- //Some use of packages may use a . path to reference the
- //"main" module name, so normalize for that.
- pkgConfig = config.pkgs[(pkgName = name[0])];
- name = name.join("/");
- if (pkgConfig && name === pkgName + '/' + pkgConfig.main) {
- name = pkgName;
- }
- } else if (name.indexOf("./") === 0) {
- // No baseName, so this is ID is resolved relative
- // to baseUrl, pull off the leading dot.
- name = name.substring(2);
- }
- }
- return name;
- }
-
- /**
- * Creates a module mapping that includes plugin prefix, module
- * name, and path. If parentModuleMap is provided it will
- * also normalize the name via require.normalize()
- *
- * @param {String} name the module name
- * @param {String} [parentModuleMap] parent module map
- * for the module name, used to resolve relative names.
- *
- * @returns {Object}
- */
- function makeModuleMap(name, parentModuleMap) {
- var index = name ? name.indexOf("!") : -1,
- prefix = null,
- parentName = parentModuleMap ? parentModuleMap.name : null,
- originalName = name,
- normalizedName, url, pluginModule;
-
- if (index !== -1) {
- prefix = name.substring(0, index);
- name = name.substring(index + 1, name.length);
- }
-
- if (prefix) {
- prefix = normalize(prefix, parentName);
- }
-
- //Account for relative paths if there is a base name.
- if (name) {
- if (prefix) {
- pluginModule = defined[prefix];
- if (pluginModule && pluginModule.normalize) {
- //Plugin is loaded, use its normalize method.
- normalizedName = pluginModule.normalize(name, function (name) {
- return normalize(name, parentName);
- });
- } else {
- normalizedName = normalize(name, parentName);
- }
- } else {
- //A regular module.
- normalizedName = normalize(name, parentName);
-
- url = urlMap[normalizedName];
- if (!url) {
- //Calculate url for the module, if it has a name.
- //Use name here since nameToUrl also calls normalize,
- //and for relative names that are outside the baseUrl
- //this causes havoc. Was thinking of just removing
- //parentModuleMap to avoid extra normalization, but
- //normalize() still does a dot removal because of
- //issue #142, so just pass in name here and redo
- //the normalization. Paths outside baseUrl are just
- //messy to support.
- url = context.nameToUrl(name, null, parentModuleMap);
-
- //Store the URL mapping for later.
- urlMap[normalizedName] = url;
- }
- }
- }
-
- return {
- prefix: prefix,
- name: normalizedName,
- parentMap: parentModuleMap,
- url: url,
- originalName: originalName,
- fullName: prefix ? prefix + "!" + (normalizedName || '') : normalizedName
- };
- }
-
- /**
- * Determine if priority loading is done. If so clear the priorityWait
- */
- function isPriorityDone() {
- var priorityDone = true,
- priorityWait = config.priorityWait,
- priorityName, i;
- if (priorityWait) {
- for (i = 0; (priorityName = priorityWait[i]); i++) {
- if (!loaded[priorityName]) {
- priorityDone = false;
- break;
- }
- }
- if (priorityDone) {
- delete config.priorityWait;
- }
- }
- return priorityDone;
- }
-
- function makeContextModuleFunc(func, relModuleMap, enableBuildCallback) {
- return function () {
- //A version of a require function that passes a moduleName
- //value for items that may need to
- //look up paths relative to the moduleName
- var args = aps.call(arguments, 0), lastArg;
- if (enableBuildCallback &&
- isFunction((lastArg = args[args.length - 1]))) {
- lastArg.__requireJsBuild = true;
- }
- args.push(relModuleMap);
- return func.apply(null, args);
- };
- }
-
- /**
- * Helper function that creates a require function object to give to
- * modules that ask for it as a dependency. It needs to be specific
- * per module because of the implication of path mappings that may
- * need to be relative to the module name.
- */
- function makeRequire(relModuleMap, enableBuildCallback, altRequire) {
- var modRequire = makeContextModuleFunc(altRequire || context.require, relModuleMap, enableBuildCallback);
-
- mixin(modRequire, {
- nameToUrl: makeContextModuleFunc(context.nameToUrl, relModuleMap),
- toUrl: makeContextModuleFunc(context.toUrl, relModuleMap),
- defined: makeContextModuleFunc(context.requireDefined, relModuleMap),
- specified: makeContextModuleFunc(context.requireSpecified, relModuleMap),
- isBrowser: req.isBrowser
- });
- return modRequire;
- }
-
- /*
- * Queues a dependency for checking after the loader is out of a
- * "paused" state, for example while a script file is being loaded
- * in the browser, where it may have many modules defined in it.
- */
- function queueDependency(manager) {
- context.paused.push(manager);
- }
-
- function execManager(manager) {
- var i, ret, err, errFile, errModuleTree,
- cb = manager.callback,
- map = manager.map,
- fullName = map.fullName,
- args = manager.deps,
- listeners = manager.listeners,
- cjsModule;
-
- //Call the callback to define the module, if necessary.
- if (cb && isFunction(cb)) {
- if (config.catchError.define) {
- try {
- ret = req.execCb(fullName, manager.callback, args, defined[fullName]);
- } catch (e) {
- err = e;
- }
- } else {
- ret = req.execCb(fullName, manager.callback, args, defined[fullName]);
- }
-
- if (fullName) {
- //If setting exports via "module" is in play,
- //favor that over return value and exports. After that,
- //favor a non-undefined return value over exports use.
- cjsModule = manager.cjsModule;
- if (cjsModule &&
- cjsModule.exports !== undefined &&
- //Make sure it is not already the exports value
- cjsModule.exports !== defined[fullName]) {
- ret = defined[fullName] = manager.cjsModule.exports;
- } else if (ret === undefined && manager.usingExports) {
- //exports already set the defined value.
- ret = defined[fullName];
- } else {
- //Use the return value from the function.
- defined[fullName] = ret;
- //If this module needed full execution in a build
- //environment, mark that now.
- if (needFullExec[fullName]) {
- fullExec[fullName] = true;
- }
- }
- }
- } else if (fullName) {
- //May just be an object definition for the module. Only
- //worry about defining if have a module name.
- ret = defined[fullName] = cb;
-
- //If this module needed full execution in a build
- //environment, mark that now.
- if (needFullExec[fullName]) {
- fullExec[fullName] = true;
- }
- }
-
- //Clean up waiting. Do this before error calls, and before
- //calling back listeners, so that bookkeeping is correct
- //in the event of an error and error is reported in correct order,
- //since the listeners will likely have errors if the
- //onError function does not throw.
- if (waiting[manager.id]) {
- delete waiting[manager.id];
- manager.isDone = true;
- context.waitCount -= 1;
- if (context.waitCount === 0) {
- //Clear the wait array used for cycles.
- waitAry = [];
- }
- }
-
- //Do not need to track manager callback now that it is defined.
- delete managerCallbacks[fullName];
-
- //Allow instrumentation like the optimizer to know the order
- //of modules executed and their dependencies.
- if (req.onResourceLoad && !manager.placeholder) {
- req.onResourceLoad(context, map, manager.depArray);
- }
-
- if (err) {
- errFile = (fullName ? makeModuleMap(fullName).url : '') ||
- err.fileName || err.sourceURL;
- errModuleTree = err.moduleTree;
- err = makeError('defineerror', 'Error evaluating ' +
- 'module "' + fullName + '" at location "' +
- errFile + '":\n' +
- err + '\nfileName:' + errFile +
- '\nlineNumber: ' + (err.lineNumber || err.line), err);
- err.moduleName = fullName;
- err.moduleTree = errModuleTree;
- return req.onError(err);
- }
-
- //Let listeners know of this manager's value.
- for (i = 0; (cb = listeners[i]); i++) {
- cb(ret);
- }
-
- return undefined;
- }
-
- /**
- * Helper that creates a callack function that is called when a dependency
- * is ready, and sets the i-th dependency for the manager as the
- * value passed to the callback generated by this function.
- */
- function makeArgCallback(manager, i) {
- return function (value) {
- //Only do the work if it has not been done
- //already for a dependency. Cycle breaking
- //logic in forceExec could mean this function
- //is called more than once for a given dependency.
- if (!manager.depDone[i]) {
- manager.depDone[i] = true;
- manager.deps[i] = value;
- manager.depCount -= 1;
- if (!manager.depCount) {
- //All done, execute!
- execManager(manager);
- }
- }
- };
- }
-
- function callPlugin(pluginName, depManager) {
- var map = depManager.map,
- fullName = map.fullName,
- name = map.name,
- plugin = plugins[pluginName] ||
- (plugins[pluginName] = defined[pluginName]),
- load;
-
- //No need to continue if the manager is already
- //in the process of loading.
- if (depManager.loading) {
- return;
- }
- depManager.loading = true;
-
- load = function (ret) {
- depManager.callback = function () {
- return ret;
- };
- execManager(depManager);
-
- loaded[depManager.id] = true;
-
- //The loading of this plugin
- //might have placed other things
- //in the paused queue. In particular,
- //a loader plugin that depends on
- //a different plugin loaded resource.
- resume();
- };
-
- //Allow plugins to load other code without having to know the
- //context or how to "complete" the load.
- load.fromText = function (moduleName, text) {
- /*jslint evil: true */
- var hasInteractive = useInteractive;
-
- //Indicate a the module is in process of loading.
- loaded[moduleName] = false;
- context.scriptCount += 1;
-
- //Indicate this is not a "real" module, so do not track it
- //for builds, it does not map to a real file.
- context.fake[moduleName] = true;
-
- //Turn off interactive script matching for IE for any define
- //calls in the text, then turn it back on at the end.
- if (hasInteractive) {
- useInteractive = false;
- }
-
- req.exec(text);
-
- if (hasInteractive) {
- useInteractive = true;
- }
-
- //Support anonymous modules.
- context.completeLoad(moduleName);
- };
-
- //No need to continue if the plugin value has already been
- //defined by a build.
- if (fullName in defined) {
- load(defined[fullName]);
- } else {
- //Use parentName here since the plugin's name is not reliable,
- //could be some weird string with no path that actually wants to
- //reference the parentName's path.
- plugin.load(name, makeRequire(map.parentMap, true, function (deps, cb) {
- var moduleDeps = [],
- i, dep, depMap;
- //Convert deps to full names and hold on to them
- //for reference later, when figuring out if they
- //are blocked by a circular dependency.
- for (i = 0; (dep = deps[i]); i++) {
- depMap = makeModuleMap(dep, map.parentMap);
- deps[i] = depMap.fullName;
- if (!depMap.prefix) {
- moduleDeps.push(deps[i]);
- }
- }
- depManager.moduleDeps = (depManager.moduleDeps || []).concat(moduleDeps);
- return context.require(deps, cb);
- }), load, config);
- }
- }
-
- /**
- * Adds the manager to the waiting queue. Only fully
- * resolved items should be in the waiting queue.
- */
- function addWait(manager) {
- if (!waiting[manager.id]) {
- waiting[manager.id] = manager;
- waitAry.push(manager);
- context.waitCount += 1;
- }
- }
-
- /**
- * Function added to every manager object. Created out here
- * to avoid new function creation for each manager instance.
- */
- function managerAdd(cb) {
- this.listeners.push(cb);
- }
-
- function getManager(map, shouldQueue) {
- var fullName = map.fullName,
- prefix = map.prefix,
- plugin = prefix ? plugins[prefix] ||
- (plugins[prefix] = defined[prefix]) : null,
- manager, created, pluginManager, prefixMap;
-
- if (fullName) {
- manager = managerCallbacks[fullName];
- }
-
- if (!manager) {
- created = true;
- manager = {
- //ID is just the full name, but if it is a plugin resource
- //for a plugin that has not been loaded,
- //then add an ID counter to it.
- id: (prefix && !plugin ?
- (managerCounter++) + '__p@:' : '') +
- (fullName || '__r@' + (managerCounter++)),
- map: map,
- depCount: 0,
- depDone: [],
- depCallbacks: [],
- deps: [],
- listeners: [],
- add: managerAdd
- };
-
- specified[manager.id] = true;
-
- //Only track the manager/reuse it if this is a non-plugin
- //resource. Also only track plugin resources once
- //the plugin has been loaded, and so the fullName is the
- //true normalized value.
- if (fullName && (!prefix || plugins[prefix])) {
- managerCallbacks[fullName] = manager;
- }
- }
-
- //If there is a plugin needed, but it is not loaded,
- //first load the plugin, then continue on.
- if (prefix && !plugin) {
- prefixMap = makeModuleMap(prefix);
-
- //Clear out defined and urlFetched if the plugin was previously
- //loaded/defined, but not as full module (as in a build
- //situation). However, only do this work if the plugin is in
- //defined but does not have a module export value.
- if (prefix in defined && !defined[prefix]) {
- delete defined[prefix];
- delete urlFetched[prefixMap.url];
- }
-
- pluginManager = getManager(prefixMap, true);
- pluginManager.add(function (plugin) {
- //Create a new manager for the normalized
- //resource ID and have it call this manager when
- //done.
- var newMap = makeModuleMap(map.originalName, map.parentMap),
- normalizedManager = getManager(newMap, true);
-
- //Indicate this manager is a placeholder for the real,
- //normalized thing. Important for when trying to map
- //modules and dependencies, for instance, in a build.
- manager.placeholder = true;
-
- normalizedManager.add(function (resource) {
- manager.callback = function () {
- return resource;
- };
- execManager(manager);
- });
- });
- } else if (created && shouldQueue) {
- //Indicate the resource is not loaded yet if it is to be
- //queued.
- loaded[manager.id] = false;
- queueDependency(manager);
- addWait(manager);
- }
-
- return manager;
- }
-
- function main(inName, depArray, callback, relModuleMap) {
- var moduleMap = makeModuleMap(inName, relModuleMap),
- name = moduleMap.name,
- fullName = moduleMap.fullName,
- manager = getManager(moduleMap),
- id = manager.id,
- deps = manager.deps,
- i, depArg, depName, depPrefix, cjsMod;
-
- if (fullName) {
- //If module already defined for context, or already loaded,
- //then leave. Also leave if jQuery is registering but it does
- //not match the desired version number in the config.
- if (fullName in defined || loaded[id] === true ||
- (fullName === "jquery" && config.jQuery &&
- config.jQuery !== callback().fn.jquery)) {
- return;
- }
-
- //Set specified/loaded here for modules that are also loaded
- //as part of a layer, where onScriptLoad is not fired
- //for those cases. Do this after the inline define and
- //dependency tracing is done.
- specified[id] = true;
- loaded[id] = true;
-
- //If module is jQuery set up delaying its dom ready listeners.
- if (fullName === "jquery" && callback) {
- jQueryCheck(callback());
- }
- }
-
- //Attach real depArray and callback to the manager. Do this
- //only if the module has not been defined already, so do this after
- //the fullName checks above. IE can call main() more than once
- //for a module.
- manager.depArray = depArray;
- manager.callback = callback;
-
- //Add the dependencies to the deps field, and register for callbacks
- //on the dependencies.
- for (i = 0; i < depArray.length; i++) {
- depArg = depArray[i];
- //There could be cases like in IE, where a trailing comma will
- //introduce a null dependency, so only treat a real dependency
- //value as a dependency.
- if (depArg) {
- //Split the dependency name into plugin and name parts
- depArg = makeModuleMap(depArg, (name ? moduleMap : relModuleMap));
- depName = depArg.fullName;
- depPrefix = depArg.prefix;
-
- //Fix the name in depArray to be just the name, since
- //that is how it will be called back later.
- depArray[i] = depName;
-
- //Fast path CommonJS standard dependencies.
- if (depName === "require") {
- deps[i] = makeRequire(moduleMap);
- } else if (depName === "exports") {
- //CommonJS module spec 1.1
- deps[i] = defined[fullName] = {};
- manager.usingExports = true;
- } else if (depName === "module") {
- //CommonJS module spec 1.1
- manager.cjsModule = cjsMod = deps[i] = {
- id: name,
- uri: name ? context.nameToUrl(name, null, relModuleMap) : undefined,
- exports: defined[fullName]
- };
- } else if (depName in defined && !(depName in waiting) &&
- (!(fullName in needFullExec) ||
- (fullName in needFullExec && fullExec[depName]))) {
- //Module already defined, and not in a build situation
- //where the module is a something that needs full
- //execution and this dependency has not been fully
- //executed. See r.js's requirePatch.js for more info
- //on fullExec.
- deps[i] = defined[depName];
- } else {
- //Mark this dependency as needing full exec if
- //the current module needs full exec.
- if (fullName in needFullExec) {
- needFullExec[depName] = true;
- //Reset state so fully executed code will get
- //picked up correctly.
- delete defined[depName];
- urlFetched[depArg.url] = false;
- }
-
- //Either a resource that is not loaded yet, or a plugin
- //resource for either a plugin that has not
- //loaded yet.
- manager.depCount += 1;
- manager.depCallbacks[i] = makeArgCallback(manager, i);
- getManager(depArg, true).add(manager.depCallbacks[i]);
- }
- }
- }
-
- //Do not bother tracking the manager if it is all done.
- if (!manager.depCount) {
- //All done, execute!
- execManager(manager);
- } else {
- addWait(manager);
- }
- }
-
- /**
- * Convenience method to call main for a define call that was put on
- * hold in the defQueue.
- */
- function callDefMain(args) {
- main.apply(null, args);
- }
-
- /**
- * jQuery 1.4.3+ supports ways to hold off calling
- * calling jQuery ready callbacks until all scripts are loaded. Be sure
- * to track it if the capability exists.. Also, since jQuery 1.4.3 does
- * not register as a module, need to do some global inference checking.
- * Even if it does register as a module, not guaranteed to be the precise
- * name of the global. If a jQuery is tracked for this context, then go
- * ahead and register it as a module too, if not already in process.
- */
- jQueryCheck = function (jqCandidate) {
- if (!context.jQuery) {
- var $ = jqCandidate || (typeof jQuery !== "undefined" ? jQuery : null);
-
- if ($) {
- //If a specific version of jQuery is wanted, make sure to only
- //use this jQuery if it matches.
- if (config.jQuery && $.fn.jquery !== config.jQuery) {
- return;
- }
-
- if ("holdReady" in $ || "readyWait" in $) {
- context.jQuery = $;
-
- //Manually create a "jquery" module entry if not one already
- //or in process. Note this could trigger an attempt at
- //a second jQuery registration, but does no harm since
- //the first one wins, and it is the same value anyway.
- callDefMain(["jquery", [], function () {
- return jQuery;
- }]);
-
- //Ask jQuery to hold DOM ready callbacks.
- if (context.scriptCount) {
- jQueryHoldReady($, true);
- context.jQueryIncremented = true;
- }
- }
- }
- }
- };
-
- function findCycle(manager, traced) {
- var fullName = manager.map.fullName,
- depArray = manager.depArray,
- fullyLoaded = true,
- i, depName, depManager, result;
-
- if (manager.isDone || !fullName || !loaded[fullName]) {
- return result;
- }
-
- //Found the cycle.
- if (traced[fullName]) {
- return manager;
- }
-
- traced[fullName] = true;
-
- //Trace through the dependencies.
- if (depArray) {
- for (i = 0; i < depArray.length; i++) {
- //Some array members may be null, like if a trailing comma
- //IE, so do the explicit [i] access and check if it has a value.
- depName = depArray[i];
- if (!loaded[depName] && !reservedDependencies[depName]) {
- fullyLoaded = false;
- break;
- }
- depManager = waiting[depName];
- if (depManager && !depManager.isDone && loaded[depName]) {
- result = findCycle(depManager, traced);
- if (result) {
- break;
- }
- }
- }
- if (!fullyLoaded) {
- //Discard the cycle that was found, since it cannot
- //be forced yet. Also clear this module from traced.
- result = undefined;
- delete traced[fullName];
- }
- }
-
- return result;
- }
-
- function forceExec(manager, traced) {
- var fullName = manager.map.fullName,
- depArray = manager.depArray,
- i, depName, depManager, prefix, prefixManager, value;
-
-
- if (manager.isDone || !fullName || !loaded[fullName]) {
- return undefined;
- }
-
- if (fullName) {
- if (traced[fullName]) {
- return defined[fullName];
- }
-
- traced[fullName] = true;
- }
-
- //Trace through the dependencies.
- if (depArray) {
- for (i = 0; i < depArray.length; i++) {
- //Some array members may be null, like if a trailing comma
- //IE, so do the explicit [i] access and check if it has a value.
- depName = depArray[i];
- if (depName) {
- //First, make sure if it is a plugin resource that the
- //plugin is not blocked.
- prefix = makeModuleMap(depName).prefix;
- if (prefix && (prefixManager = waiting[prefix])) {
- forceExec(prefixManager, traced);
- }
- depManager = waiting[depName];
- if (depManager && !depManager.isDone && loaded[depName]) {
- value = forceExec(depManager, traced);
- manager.depCallbacks[i](value);
- }
- }
- }
- }
-
- return defined[fullName];
- }
-
- /**
- * Checks if all modules for a context are loaded, and if so, evaluates the
- * new ones in right dependency order.
- *
- * @private
- */
- function checkLoaded() {
- var waitInterval = config.waitSeconds * 1000,
- //It is possible to disable the wait interval by using waitSeconds of 0.
- expired = waitInterval && (context.startTime + waitInterval) < new Date().getTime(),
- noLoads = "", hasLoadedProp = false, stillLoading = false,
- cycleDeps = [],
- i, prop, err, manager, cycleManager, moduleDeps;
-
- //If there are items still in the paused queue processing wait.
- //This is particularly important in the sync case where each paused
- //item is processed right away but there may be more waiting.
- if (context.pausedCount > 0) {
- return undefined;
- }
-
- //Determine if priority loading is done. If so clear the priority. If
- //not, then do not check
- if (config.priorityWait) {
- if (isPriorityDone()) {
- //Call resume, since it could have
- //some waiting dependencies to trace.
- resume();
- } else {
- return undefined;
- }
- }
-
- //See if anything is still in flight.
- for (prop in loaded) {
- if (!(prop in empty)) {
- hasLoadedProp = true;
- if (!loaded[prop]) {
- if (expired) {
- noLoads += prop + " ";
- } else {
- stillLoading = true;
- if (prop.indexOf('!') === -1) {
- //No reason to keep looking for unfinished
- //loading. If the only stillLoading is a
- //plugin resource though, keep going,
- //because it may be that a plugin resource
- //is waiting on a non-plugin cycle.
- cycleDeps = [];
- break;
- } else {
- moduleDeps = managerCallbacks[prop] && managerCallbacks[prop].moduleDeps;
- if (moduleDeps) {
- cycleDeps.push.apply(cycleDeps, moduleDeps);
- }
- }
- }
- }
- }
- }
-
- //Check for exit conditions.
- if (!hasLoadedProp && !context.waitCount) {
- //If the loaded object had no items, then the rest of
- //the work below does not need to be done.
- return undefined;
- }
- if (expired && noLoads) {
- //If wait time expired, throw error of unloaded modules.
- err = makeError("timeout", "Load timeout for modules: " + noLoads);
- err.requireType = "timeout";
- err.requireModules = noLoads;
- err.contextName = context.contextName;
- return req.onError(err);
- }
-
- //If still loading but a plugin is waiting on a regular module cycle
- //break the cycle.
- if (stillLoading && cycleDeps.length) {
- for (i = 0; (manager = waiting[cycleDeps[i]]); i++) {
- if ((cycleManager = findCycle(manager, {}))) {
- forceExec(cycleManager, {});
- break;
- }
- }
-
- }
-
- //If still waiting on loads, and the waiting load is something
- //other than a plugin resource, or there are still outstanding
- //scripts, then just try back later.
- if (!expired && (stillLoading || context.scriptCount)) {
- //Something is still waiting to load. Wait for it, but only
- //if a timeout is not already in effect.
- if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) {
- checkLoadedTimeoutId = setTimeout(function () {
- checkLoadedTimeoutId = 0;
- checkLoaded();
- }, 50);
- }
- return undefined;
- }
-
- //If still have items in the waiting cue, but all modules have
- //been loaded, then it means there are some circular dependencies
- //that need to be broken.
- //However, as a waiting thing is fired, then it can add items to
- //the waiting cue, and those items should not be fired yet, so
- //make sure to redo the checkLoaded call after breaking a single
- //cycle, if nothing else loaded then this logic will pick it up
- //again.
- if (context.waitCount) {
- //Cycle through the waitAry, and call items in sequence.
- for (i = 0; (manager = waitAry[i]); i++) {
- forceExec(manager, {});
- }
-
- //If anything got placed in the paused queue, run it down.
- if (context.paused.length) {
- resume();
- }
-
- //Only allow this recursion to a certain depth. Only
- //triggered by errors in calling a module in which its
- //modules waiting on it cannot finish loading, or some circular
- //dependencies that then may add more dependencies.
- //The value of 5 is a bit arbitrary. Hopefully just one extra
- //pass, or two for the case of circular dependencies generating
- //more work that gets resolved in the sync node case.
- if (checkLoadedDepth < 5) {
- checkLoadedDepth += 1;
- checkLoaded();
- }
- }
-
- checkLoadedDepth = 0;
-
- //Check for DOM ready, and nothing is waiting across contexts.
- req.checkReadyState();
-
- return undefined;
- }
-
- /**
- * Resumes tracing of dependencies and then checks if everything is loaded.
- */
- resume = function () {
- var manager, map, url, i, p, args, fullName;
-
- //Any defined modules in the global queue, intake them now.
- context.takeGlobalQueue();
-
- resumeDepth += 1;
-
- if (context.scriptCount <= 0) {
- //Synchronous envs will push the number below zero with the
- //decrement above, be sure to set it back to zero for good measure.
- //require() calls that also do not end up loading scripts could
- //push the number negative too.
- context.scriptCount = 0;
- }
-
- //Make sure any remaining defQueue items get properly processed.
- while (defQueue.length) {
- args = defQueue.shift();
- if (args[0] === null) {
- return req.onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1]));
- } else {
- callDefMain(args);
- }
- }
-
- //Skip the resume of paused dependencies
- //if current context is in priority wait.
- if (!config.priorityWait || isPriorityDone()) {
- while (context.paused.length) {
- p = context.paused;
- context.pausedCount += p.length;
- //Reset paused list
- context.paused = [];
-
- for (i = 0; (manager = p[i]); i++) {
- map = manager.map;
- url = map.url;
- fullName = map.fullName;
-
- //If the manager is for a plugin managed resource,
- //ask the plugin to load it now.
- if (map.prefix) {
- callPlugin(map.prefix, manager);
- } else {
- //Regular dependency.
- if (!urlFetched[url] && !loaded[fullName]) {
- req.load(context, fullName, url);
-
- //Mark the URL as fetched, but only if it is
- //not an empty: URL, used by the optimizer.
- //In that case we need to be sure to call
- //load() for each module that is mapped to
- //empty: so that dependencies are satisfied
- //correctly.
- if (url.indexOf('empty:') !== 0) {
- urlFetched[url] = true;
- }
- }
- }
- }
-
- //Move the start time for timeout forward.
- context.startTime = (new Date()).getTime();
- context.pausedCount -= p.length;
- }
- }
-
- //Only check if loaded when resume depth is 1. It is likely that
- //it is only greater than 1 in sync environments where a factory
- //function also then calls the callback-style require. In those
- //cases, the checkLoaded should not occur until the resume
- //depth is back at the top level.
- if (resumeDepth === 1) {
- checkLoaded();
- }
-
- resumeDepth -= 1;
-
- return undefined;
- };
-
- //Define the context object. Many of these fields are on here
- //just to make debugging easier.
- context = {
- contextName: contextName,
- config: config,
- defQueue: defQueue,
- waiting: waiting,
- waitCount: 0,
- specified: specified,
- loaded: loaded,
- urlMap: urlMap,
- urlFetched: urlFetched,
- scriptCount: 0,
- defined: defined,
- paused: [],
- pausedCount: 0,
- plugins: plugins,
- needFullExec: needFullExec,
- fake: {},
- fullExec: fullExec,
- managerCallbacks: managerCallbacks,
- makeModuleMap: makeModuleMap,
- normalize: normalize,
- /**
- * Set a configuration for the context.
- * @param {Object} cfg config object to integrate.
- */
- configure: function (cfg) {
- var paths, prop, packages, pkgs, packagePaths, requireWait;
-
- //Make sure the baseUrl ends in a slash.
- if (cfg.baseUrl) {
- if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== "/") {
- cfg.baseUrl += "/";
- }
- }
-
- //Save off the paths and packages since they require special processing,
- //they are additive.
- paths = config.paths;
- packages = config.packages;
- pkgs = config.pkgs;
-
- //Mix in the config values, favoring the new values over
- //existing ones in context.config.
- mixin(config, cfg, true);
-
- //Adjust paths if necessary.
- if (cfg.paths) {
- for (prop in cfg.paths) {
- if (!(prop in empty)) {
- paths[prop] = cfg.paths[prop];
- }
- }
- config.paths = paths;
- }
-
- packagePaths = cfg.packagePaths;
- if (packagePaths || cfg.packages) {
- //Convert packagePaths into a packages config.
- if (packagePaths) {
- for (prop in packagePaths) {
- if (!(prop in empty)) {
- configurePackageDir(pkgs, packagePaths[prop], prop);
- }
- }
- }
-
- //Adjust packages if necessary.
- if (cfg.packages) {
- configurePackageDir(pkgs, cfg.packages);
- }
-
- //Done with modifications, assing packages back to context config
- config.pkgs = pkgs;
- }
-
- //If priority loading is in effect, trigger the loads now
- if (cfg.priority) {
- //Hold on to requireWait value, and reset it after done
- requireWait = context.requireWait;
-
- //Allow tracing some require calls to allow the fetching
- //of the priority config.
- context.requireWait = false;
- //But first, call resume to register any defined modules that may
- //be in a data-main built file before the priority config
- //call.
- resume();
-
- context.require(cfg.priority);
-
- //Trigger a resume right away, for the case when
- //the script with the priority load is done as part
- //of a data-main call. In that case the normal resume
- //call will not happen because the scriptCount will be
- //at 1, since the script for data-main is being processed.
- resume();
-
- //Restore previous state.
- context.requireWait = requireWait;
- config.priorityWait = cfg.priority;
- }
-
- //If a deps array or a config callback is specified, then call
- //require with those args. This is useful when require is defined as a
- //config object before require.js is loaded.
- if (cfg.deps || cfg.callback) {
- context.require(cfg.deps || [], cfg.callback);
- }
- },
-
- requireDefined: function (moduleName, relModuleMap) {
- return makeModuleMap(moduleName, relModuleMap).fullName in defined;
- },
-
- requireSpecified: function (moduleName, relModuleMap) {
- return makeModuleMap(moduleName, relModuleMap).fullName in specified;
- },
-
- require: function (deps, callback, relModuleMap) {
- var moduleName, fullName, moduleMap;
- if (typeof deps === "string") {
- if (isFunction(callback)) {
- //Invalid call
- return req.onError(makeError("requireargs", "Invalid require call"));
- }
-
- //Synchronous access to one module. If require.get is
- //available (as in the Node adapter), prefer that.
- //In this case deps is the moduleName and callback is
- //the relModuleMap
- if (req.get) {
- return req.get(context, deps, callback);
- }
-
- //Just return the module wanted. In this scenario, the
- //second arg (if passed) is just the relModuleMap.
- moduleName = deps;
- relModuleMap = callback;
-
- //Normalize module name, if it contains . or ..
- moduleMap = makeModuleMap(moduleName, relModuleMap);
- fullName = moduleMap.fullName;
-
- if (!(fullName in defined)) {
- return req.onError(makeError("notloaded", "Module name '" +
- moduleMap.fullName +
- "' has not been loaded yet for context: " +
- contextName));
- }
- return defined[fullName];
- }
-
- //Call main but only if there are dependencies or
- //a callback to call.
- if (deps && deps.length || callback) {
- main(null, deps, callback, relModuleMap);
- }
-
- //If the require call does not trigger anything new to load,
- //then resume the dependency processing.
- if (!context.requireWait) {
- while (!context.scriptCount && context.paused.length) {
- resume();
- }
- }
- return context.require;
- },
-
- /**
- * Internal method to transfer globalQueue items to this context's
- * defQueue.
- */
- takeGlobalQueue: function () {
- //Push all the globalDefQueue items into the context's defQueue
- if (globalDefQueue.length) {
- //Array splice in the values since the context code has a
- //local var ref to defQueue, so cannot just reassign the one
- //on context.
- apsp.apply(context.defQueue,
- [context.defQueue.length - 1, 0].concat(globalDefQueue));
- globalDefQueue = [];
- }
- },
-
- /**
- * Internal method used by environment adapters to complete a load event.
- * A load event could be a script load or just a load pass from a synchronous
- * load call.
- * @param {String} moduleName the name of the module to potentially complete.
- */
- completeLoad: function (moduleName) {
- var args;
-
- context.takeGlobalQueue();
-
- while (defQueue.length) {
- args = defQueue.shift();
-
- if (args[0] === null) {
- args[0] = moduleName;
- break;
- } else if (args[0] === moduleName) {
- //Found matching define call for this script!
- break;
- } else {
- //Some other named define call, most likely the result
- //of a build layer that included many define calls.
- callDefMain(args);
- args = null;
- }
- }
- if (args) {
- callDefMain(args);
- } else {
- //A script that does not call define(), so just simulate
- //the call for it. Special exception for jQuery dynamic load.
- callDefMain([moduleName, [],
- moduleName === "jquery" && typeof jQuery !== "undefined" ?
- function () {
- return jQuery;
- } : null]);
- }
-
- //Doing this scriptCount decrement branching because sync envs
- //need to decrement after resume, otherwise it looks like
- //loading is complete after the first dependency is fetched.
- //For browsers, it works fine to decrement after, but it means
- //the checkLoaded setTimeout 50 ms cost is taken. To avoid
- //that cost, decrement beforehand.
- if (req.isAsync) {
- context.scriptCount -= 1;
- }
- resume();
- if (!req.isAsync) {
- context.scriptCount -= 1;
- }
- },
-
- /**
- * Converts a module name + .extension into an URL path.
- * *Requires* the use of a module name. It does not support using
- * plain URLs like nameToUrl.
- */
- toUrl: function (moduleNamePlusExt, relModuleMap) {
- var index = moduleNamePlusExt.lastIndexOf("."),
- ext = null;
-
- if (index !== -1) {
- ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length);
- moduleNamePlusExt = moduleNamePlusExt.substring(0, index);
- }
-
- return context.nameToUrl(moduleNamePlusExt, ext, relModuleMap);
- },
-
- /**
- * Converts a module name to a file path. Supports cases where
- * moduleName may actually be just an URL.
- */
- nameToUrl: function (moduleName, ext, relModuleMap) {
- var paths, pkgs, pkg, pkgPath, syms, i, parentModule, url,
- config = context.config;
-
- //Normalize module name if have a base relative module name to work from.
- moduleName = normalize(moduleName, relModuleMap && relModuleMap.fullName);
-
- //If a colon is in the URL, it indicates a protocol is used and it is just
- //an URL to a file, or if it starts with a slash or ends with .js, it is just a plain file.
- //The slash is important for protocol-less URLs as well as full paths.
- if (req.jsExtRegExp.test(moduleName)) {
- //Just a plain path, not module name lookup, so just return it.
- //Add extension if it is included. This is a bit wonky, only non-.js things pass
- //an extension, this method probably needs to be reworked.
- url = moduleName + (ext ? ext : "");
- } else {
- //A module that needs to be converted to a path.
- paths = config.paths;
- pkgs = config.pkgs;
-
- syms = moduleName.split("/");
- //For each module name segment, see if there is a path
- //registered for it. Start with most specific name
- //and work up from it.
- for (i = syms.length; i > 0; i--) {
- parentModule = syms.slice(0, i).join("/");
- if (paths[parentModule]) {
- syms.splice(0, i, paths[parentModule]);
- break;
- } else if ((pkg = pkgs[parentModule])) {
- //If module name is just the package name, then looking
- //for the main module.
- if (moduleName === pkg.name) {
- pkgPath = pkg.location + '/' + pkg.main;
- } else {
- pkgPath = pkg.location;
- }
- syms.splice(0, i, pkgPath);
- break;
- }
- }
-
- //Join the path parts together, then figure out if baseUrl is needed.
- url = syms.join("/") + (ext || ".js");
- url = (url.charAt(0) === '/' || url.match(/^\w+:/) ? "" : config.baseUrl) + url;
- }
-
- return config.urlArgs ? url +
- ((url.indexOf('?') === -1 ? '?' : '&') +
- config.urlArgs) : url;
- }
- };
-
- //Make these visible on the context so can be called at the very
- //end of the file to bootstrap
- context.jQueryCheck = jQueryCheck;
- context.resume = resume;
-
- return context;
- }
-
- /**
- * Main entry point.
- *
- * If the only argument to require is a string, then the module that
- * is represented by that string is fetched for the appropriate context.
- *
- * If the first argument is an array, then it will be treated as an array
- * of dependency string names to fetch. An optional function callback can
- * be specified to execute when all of those dependencies are available.
- *
- * Make a local req variable to help Caja compliance (it assumes things
- * on a require that are not standardized), and to give a short
- * name for minification/local scope use.
- */
- req = requirejs = function (deps, callback) {
-
- //Find the right context, use default
- var contextName = defContextName,
- context, config;
-
- // Determine if have config object in the call.
- if (!isArray(deps) && typeof deps !== "string") {
- // deps is a config object
- config = deps;
- if (isArray(callback)) {
- // Adjust args if there are dependencies
- deps = callback;
- callback = arguments[2];
- } else {
- deps = [];
- }
- }
-
- if (config && config.context) {
- contextName = config.context;
- }
-
- context = contexts[contextName] ||
- (contexts[contextName] = newContext(contextName));
-
- if (config) {
- context.configure(config);
- }
-
- return context.require(deps, callback);
- };
-
- /**
- * Support require.config() to make it easier to cooperate with other
- * AMD loaders on globally agreed names.
- */
- req.config = function (config) {
- return req(config);
- };
-
- /**
- * Export require as a global, but only if it does not already exist.
- */
- if (!require) {
- require = req;
- }
-
- /**
- * Global require.toUrl(), to match global require, mostly useful
- * for debugging/work in the global space.
- */
- req.toUrl = function (moduleNamePlusExt) {
- return contexts[defContextName].toUrl(moduleNamePlusExt);
- };
-
- req.version = version;
-
- //Used to filter out dependencies that are already paths.
- req.jsExtRegExp = /^\/|:|\?|\.js$/;
- s = req.s = {
- contexts: contexts,
- //Stores a list of URLs that should not get async script tag treatment.
- skipAsync: {}
- };
-
- req.isAsync = req.isBrowser = isBrowser;
- if (isBrowser) {
- head = s.head = document.getElementsByTagName("head")[0];
- //If BASE tag is in play, using appendChild is a problem for IE6.
- //When that browser dies, this can be removed. Details in this jQuery bug:
- //http://dev.jquery.com/ticket/2709
- baseElement = document.getElementsByTagName("base")[0];
- if (baseElement) {
- head = s.head = baseElement.parentNode;
- }
- }
-
- /**
- * Any errors that require explicitly generates will be passed to this
- * function. Intercept/override it if you want custom error handling.
- * @param {Error} err the error object.
- */
- req.onError = function (err) {
- throw err;
- };
-
- /**
- * Does the request to load a module for the browser case.
- * Make this a separate function to allow other environments
- * to override it.
- *
- * @param {Object} context the require context to find state.
- * @param {String} moduleName the name of the module.
- * @param {Object} url the URL to the module.
- */
- req.load = function (context, moduleName, url) {
- req.resourcesReady(false);
-
- context.scriptCount += 1;
- req.attach(url, context, moduleName);
-
- //If tracking a jQuery, then make sure its ready callbacks
- //are put on hold to prevent its ready callbacks from
- //triggering too soon.
- if (context.jQuery && !context.jQueryIncremented) {
- jQueryHoldReady(context.jQuery, true);
- context.jQueryIncremented = true;
- }
- };
-
- function getInteractiveScript() {
- var scripts, i, script;
- if (interactiveScript && interactiveScript.readyState === 'interactive') {
- return interactiveScript;
- }
-
- scripts = document.getElementsByTagName('script');
- for (i = scripts.length - 1; i > -1 && (script = scripts[i]); i--) {
- if (script.readyState === 'interactive') {
- return (interactiveScript = script);
- }
- }
-
- return null;
- }
-
- /**
- * The function that handles definitions of modules. Differs from
- * require() in that a string for the module should be the first argument,
- * and the function to execute after dependencies are loaded should
- * return a value to define the module corresponding to the first argument's
- * name.
- */
- define = function (name, deps, callback) {
- var node, context;
-
- //Allow for anonymous functions
- if (typeof name !== 'string') {
- //Adjust args appropriately
- callback = deps;
- deps = name;
- name = null;
- }
-
- //This module may not have dependencies
- if (!isArray(deps)) {
- callback = deps;
- deps = [];
- }
-
- //If no name, and callback is a function, then figure out if it a
- //CommonJS thing with dependencies.
- if (!deps.length && isFunction(callback)) {
- //Remove comments from the callback string,
- //look for require calls, and pull them into the dependencies,
- //but only if there are function args.
- if (callback.length) {
- callback
- .toString()
- .replace(commentRegExp, "")
- .replace(cjsRequireRegExp, function (match, dep) {
- deps.push(dep);
- });
-
- //May be a CommonJS thing even without require calls, but still
- //could use exports, and module. Avoid doing exports and module
- //work though if it just needs require.
- //REQUIRES the function to expect the CommonJS variables in the
- //order listed below.
- deps = (callback.length === 1 ? ["require"] : ["require", "exports", "module"]).concat(deps);
- }
- }
-
- //If in IE 6-8 and hit an anonymous define() call, do the interactive
- //work.
- if (useInteractive) {
- node = currentlyAddingScript || getInteractiveScript();
- if (node) {
- if (!name) {
- name = node.getAttribute("data-requiremodule");
- }
- context = contexts[node.getAttribute("data-requirecontext")];
- }
- }
-
- //Always save off evaluating the def call until the script onload handler.
- //This allows multiple modules to be in a file without prematurely
- //tracing dependencies, and allows for anonymous module support,
- //where the module name is not known until the script onload event
- //occurs. If no context, use the global queue, and get it processed
- //in the onscript load callback.
- (context ? context.defQueue : globalDefQueue).push([name, deps, callback]);
-
- return undefined;
- };
-
- define.amd = {
- multiversion: true,
- plugins: true,
- jQuery: true
- };
-
- /**
- * Executes the text. Normally just uses eval, but can be modified
- * to use a more environment specific call.
- * @param {String} text the text to execute/evaluate.
- */
- req.exec = function (text) {
- return eval(text);
- };
-
- /**
- * Executes a module callack function. Broken out as a separate function
- * solely to allow the build system to sequence the files in the built
- * layer in the right sequence.
- *
- * @private
- */
- req.execCb = function (name, callback, args, exports) {
- return callback.apply(exports, args);
- };
-
-
- /**
- * Adds a node to the DOM. Public function since used by the order plugin.
- * This method should not normally be called by outside code.
- */
- req.addScriptToDom = function (node) {
- //For some cache cases in IE 6-8, the script executes before the end
- //of the appendChild execution, so to tie an anonymous define
- //call to the module name (which is stored on the node), hold on
- //to a reference to this node, but clear after the DOM insertion.
- currentlyAddingScript = node;
- if (baseElement) {
- head.insertBefore(node, baseElement);
- } else {
- head.appendChild(node);
- }
- currentlyAddingScript = null;
- };
-
- /**
- * callback for script loads, used to check status of loading.
- *
- * @param {Event} evt the event from the browser for the script
- * that was loaded.
- *
- * @private
- */
- req.onScriptLoad = function (evt) {
- //Using currentTarget instead of target for Firefox 2.0's sake. Not
- //all old browsers will be supported, but this one was easy enough
- //to support and still makes sense.
- var node = evt.currentTarget || evt.srcElement, contextName, moduleName,
- context;
-
- if (evt.type === "load" || (node && readyRegExp.test(node.readyState))) {
- //Reset interactive script so a script node is not held onto for
- //to long.
- interactiveScript = null;
-
- //Pull out the name of the module and the context.
- contextName = node.getAttribute("data-requirecontext");
- moduleName = node.getAttribute("data-requiremodule");
- context = contexts[contextName];
-
- contexts[contextName].completeLoad(moduleName);
-
- //Clean up script binding. Favor detachEvent because of IE9
- //issue, see attachEvent/addEventListener comment elsewhere
- //in this file.
- if (node.detachEvent && !isOpera) {
- //Probably IE. If not it will throw an error, which will be
- //useful to know.
- node.detachEvent("onreadystatechange", req.onScriptLoad);
- } else {
- node.removeEventListener("load", req.onScriptLoad, false);
- }
- }
- };
-
- /**
- * Attaches the script represented by the URL to the current
- * environment. Right now only supports browser loading,
- * but can be redefined in other environments to do the right thing.
- * @param {String} url the url of the script to attach.
- * @param {Object} context the context that wants the script.
- * @param {moduleName} the name of the module that is associated with the script.
- * @param {Function} [callback] optional callback, defaults to require.onScriptLoad
- * @param {String} [type] optional type, defaults to text/javascript
- * @param {Function} [fetchOnlyFunction] optional function to indicate the script node
- * should be set up to fetch the script but do not attach it to the DOM
- * so that it can later be attached to execute it. This is a way for the
- * order plugin to support ordered loading in IE. Once the script is fetched,
- * but not executed, the fetchOnlyFunction will be called.
- */
- req.attach = function (url, context, moduleName, callback, type, fetchOnlyFunction) {
- var node;
- if (isBrowser) {
- //In the browser so use a script tag
- callback = callback || req.onScriptLoad;
- node = context && context.config && context.config.xhtml ?
- document.createElementNS("http://www.w3.org/1999/xhtml", "html:script") :
- document.createElement("script");
- node.type = type || (context && context.config.scriptType) ||
- "text/javascript";
- node.charset = "utf-8";
- //Use async so Gecko does not block on executing the script if something
- //like a long-polling comet tag is being run first. Gecko likes
- //to evaluate scripts in DOM order, even for dynamic scripts.
- //It will fetch them async, but only evaluate the contents in DOM
- //order, so a long-polling script tag can delay execution of scripts
- //after it. But telling Gecko we expect async gets us the behavior
- //we want -- execute it whenever it is finished downloading. Only
- //Helps Firefox 3.6+
- //Allow some URLs to not be fetched async. Mostly helps the order!
- //plugin
- node.async = !s.skipAsync[url];
-
- if (context) {
- node.setAttribute("data-requirecontext", context.contextName);
- }
- node.setAttribute("data-requiremodule", moduleName);
-
- //Set up load listener. Test attachEvent first because IE9 has
- //a subtle issue in its addEventListener and script onload firings
- //that do not match the behavior of all other browsers with
- //addEventListener support, which fire the onload event for a
- //script right after the script execution. See:
- //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution
- //UNFORTUNATELY Opera implements attachEvent but does not follow the script
- //script execution mode.
- if (node.attachEvent && !isOpera) {
- //Probably IE. IE (at least 6-8) do not fire
- //script onload right after executing the script, so
- //we cannot tie the anonymous define call to a name.
- //However, IE reports the script as being in "interactive"
- //readyState at the time of the define call.
- useInteractive = true;
-
-
- if (fetchOnlyFunction) {
- //Need to use old school onreadystate here since
- //when the event fires and the node is not attached
- //to the DOM, the evt.srcElement is null, so use
- //a closure to remember the node.
- node.onreadystatechange = function (evt) {
- //Script loaded but not executed.
- //Clear loaded handler, set the real one that
- //waits for script execution.
- if (node.readyState === 'loaded') {
- node.onreadystatechange = null;
- node.attachEvent("onreadystatechange", callback);
- fetchOnlyFunction(node);
- }
- };
- } else {
- node.attachEvent("onreadystatechange", callback);
- }
- } else {
- node.addEventListener("load", callback, false);
- }
- node.src = url;
-
- //Fetch only means waiting to attach to DOM after loaded.
- if (!fetchOnlyFunction) {
- req.addScriptToDom(node);
- }
-
- return node;
- } else if (isWebWorker) {
- //In a web worker, use importScripts. This is not a very
- //efficient use of importScripts, importScripts will block until
- //its script is downloaded and evaluated. However, if web workers
- //are in play, the expectation that a build has been done so that
- //only one script needs to be loaded anyway. This may need to be
- //reevaluated if other use cases become common.
- importScripts(url);
-
- //Account for anonymous modules
- context.completeLoad(moduleName);
- }
- return null;
- };
-
- //Look for a data-main script attribute, which could also adjust the baseUrl.
- if (isBrowser) {
- //Figure out baseUrl. Get it from the script tag with require.js in it.
- scripts = document.getElementsByTagName("script");
-
- for (globalI = scripts.length - 1; globalI > -1 && (script = scripts[globalI]); globalI--) {
- //Set the "head" where we can append children by
- //using the script's parent.
- if (!head) {
- head = script.parentNode;
- }
-
- //Look for a data-main attribute to set main script for the page
- //to load. If it is there, the path to data main becomes the
- //baseUrl, if it is not already set.
- if ((dataMain = script.getAttribute('data-main'))) {
- if (!cfg.baseUrl) {
- //Pull off the directory of data-main for use as the
- //baseUrl.
- src = dataMain.split('/');
- mainScript = src.pop();
- subPath = src.length ? src.join('/') + '/' : './';
-
- //Set final config.
- cfg.baseUrl = subPath;
- //Strip off any trailing .js since dataMain is now
- //like a module name.
- dataMain = mainScript.replace(jsSuffixRegExp, '');
- }
-
- //Put the data-main script in the files to load.
- cfg.deps = cfg.deps ? cfg.deps.concat(dataMain) : [dataMain];
-
- break;
- }
- }
- }
-
- //See if there is nothing waiting across contexts, and if not, trigger
- //resourcesReady.
- req.checkReadyState = function () {
- var contexts = s.contexts, prop;
- for (prop in contexts) {
- if (!(prop in empty)) {
- if (contexts[prop].waitCount) {
- return;
- }
- }
- }
- req.resourcesReady(true);
- };
-
- /**
- * Internal function that is triggered whenever all scripts/resources
- * have been loaded by the loader. Can be overridden by other, for
- * instance the domReady plugin, which wants to know when all resources
- * are loaded.
- */
- req.resourcesReady = function (isReady) {
- var contexts, context, prop;
-
- //First, set the public variable indicating that resources are loading.
- req.resourcesDone = isReady;
-
- if (req.resourcesDone) {
- //If jQuery with DOM ready delayed, release it now.
- contexts = s.contexts;
- for (prop in contexts) {
- if (!(prop in empty)) {
- context = contexts[prop];
- if (context.jQueryIncremented) {
- jQueryHoldReady(context.jQuery, false);
- context.jQueryIncremented = false;
- }
- }
- }
- }
- };
-
- //FF < 3.6 readyState fix. Needed so that domReady plugin
- //works well in that environment, since require.js is normally
- //loaded via an HTML script tag so it will be there before window load,
- //where the domReady plugin is more likely to be loaded after window load.
- req.pageLoaded = function () {
- if (document.readyState !== "complete") {
- document.readyState = "complete";
- }
- };
- if (isBrowser) {
- if (document.addEventListener) {
- if (!document.readyState) {
- document.readyState = "loading";
- window.addEventListener("load", req.pageLoaded, false);
- }
- }
- }
-
- //Set up default context. If require was a configuration object, use that as base config.
- req(cfg);
-
- //If modules are built into require.js, then need to make sure dependencies are
- //traced. Use a setTimeout in the browser world, to allow all the modules to register
- //themselves. In a non-browser env, assume that modules are not built into require.js,
- //which seems odd to do on the server.
- if (req.isAsync && typeof setTimeout !== "undefined") {
- ctx = s.contexts[(cfg.context || defContextName)];
- //Indicate that the script that includes require() is still loading,
- //so that require()'d dependencies are not traced until the end of the
- //file is parsed (approximated via the setTimeout call).
- ctx.requireWait = true;
- setTimeout(function () {
- ctx.requireWait = false;
-
- if (!ctx.scriptCount) {
- ctx.resume();
- }
- req.checkReadyState();
- }, 0);
- }
-}());
+++ /dev/null
-/**
- * @license RequireJS text 1.0.2 Copyright (c) 2010-2011, The Dojo Foundation All Rights Reserved.
- * Available via the MIT or new BSD license.
- * see: http://github.com/jrburke/requirejs for details
- */
-/*jslint regexp: false, nomen: false, plusplus: false, strict: false */
-/*global require: false, XMLHttpRequest: false, ActiveXObject: false,
- define: false, window: false, process: false, Packages: false,
- java: false, location: false */
-
-(function () {
- var progIds = ['Msxml2.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.4.0'],
- xmlRegExp = /^\s*<\?xml(\s)+version=[\'\"](\d)*.(\d)*[\'\"](\s)*\?>/im,
- bodyRegExp = /<body[^>]*>\s*([\s\S]+)\s*<\/body>/im,
- hasLocation = typeof location !== 'undefined' && location.href,
- defaultProtocol = hasLocation && location.protocol && location.protocol.replace(/\:/, ''),
- defaultHostName = hasLocation && location.hostname,
- defaultPort = hasLocation && (location.port || undefined),
- buildMap = [];
-
- define(function () {
- var text, get, fs;
-
- if (typeof window !== "undefined" && window.navigator && window.document) {
- get = function (url, callback) {
- var xhr = text.createXhr();
- xhr.open('GET', url, true);
- xhr.onreadystatechange = function (evt) {
- //Do not explicitly handle errors, those should be
- //visible via console output in the browser.
- if (xhr.readyState === 4) {
- callback(xhr.responseText);
- }
- };
- xhr.send(null);
- };
- } else if (typeof process !== "undefined" &&
- process.versions &&
- !!process.versions.node) {
- //Using special require.nodeRequire, something added by r.js.
- fs = require.nodeRequire('fs');
-
- get = function (url, callback) {
- callback(fs.readFileSync(url, 'utf8'));
- };
- } else if (typeof Packages !== 'undefined') {
- //Why Java, why is this so awkward?
- get = function (url, callback) {
- var encoding = "utf-8",
- file = new java.io.File(url),
- lineSeparator = java.lang.System.getProperty("line.separator"),
- input = new java.io.BufferedReader(new java.io.InputStreamReader(new java.io.FileInputStream(file), encoding)),
- stringBuffer, line,
- content = '';
- try {
- stringBuffer = new java.lang.StringBuffer();
- line = input.readLine();
-
- // Byte Order Mark (BOM) - The Unicode Standard, version 3.0, page 324
- // http://www.unicode.org/faq/utf_bom.html
-
- // Note that when we use utf-8, the BOM should appear as "EF BB BF", but it doesn't due to this bug in the JDK:
- // http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=4508058
- if (line && line.length() && line.charAt(0) === 0xfeff) {
- // Eat the BOM, since we've already found the encoding on this file,
- // and we plan to concatenating this buffer with others; the BOM should
- // only appear at the top of a file.
- line = line.substring(1);
- }
-
- stringBuffer.append(line);
-
- while ((line = input.readLine()) !== null) {
- stringBuffer.append(lineSeparator);
- stringBuffer.append(line);
- }
- //Make sure we return a JavaScript string and not a Java string.
- content = String(stringBuffer.toString()); //String
- } finally {
- input.close();
- }
- callback(content);
- };
- }
-
- text = {
- version: '1.0.2',
-
- strip: function (content) {
- //Strips <?xml ...?> declarations so that external SVG and XML
- //documents can be added to a document without worry. Also, if the string
- //is an HTML document, only the part inside the body tag is returned.
- if (content) {
- content = content.replace(xmlRegExp, "");
- var matches = content.match(bodyRegExp);
- if (matches) {
- content = matches[1];
- }
- } else {
- content = "";
- }
- return content;
- },
-
- jsEscape: function (content) {
- return content.replace(/(['\\])/g, '\\$1')
- .replace(/[\f]/g, "\\f")
- .replace(/[\b]/g, "\\b")
- .replace(/[\n]/g, "\\n")
- .replace(/[\t]/g, "\\t")
- .replace(/[\r]/g, "\\r");
- },
-
- createXhr: function () {
- //Would love to dump the ActiveX crap in here. Need IE 6 to die first.
- var xhr, i, progId;
- if (typeof XMLHttpRequest !== "undefined") {
- return new XMLHttpRequest();
- } else {
- for (i = 0; i < 3; i++) {
- progId = progIds[i];
- try {
- xhr = new ActiveXObject(progId);
- } catch (e) {}
-
- if (xhr) {
- progIds = [progId]; // so faster next time
- break;
- }
- }
- }
-
- if (!xhr) {
- throw new Error("createXhr(): XMLHttpRequest not available");
- }
-
- return xhr;
- },
-
- get: get,
-
- /**
- * Parses a resource name into its component parts. Resource names
- * look like: module/name.ext!strip, where the !strip part is
- * optional.
- * @param {String} name the resource name
- * @returns {Object} with properties "moduleName", "ext" and "strip"
- * where strip is a boolean.
- */
- parseName: function (name) {
- var strip = false, index = name.indexOf("."),
- modName = name.substring(0, index),
- ext = name.substring(index + 1, name.length);
-
- index = ext.indexOf("!");
- if (index !== -1) {
- //Pull off the strip arg.
- strip = ext.substring(index + 1, ext.length);
- strip = strip === "strip";
- ext = ext.substring(0, index);
- }
-
- return {
- moduleName: modName,
- ext: ext,
- strip: strip
- };
- },
-
- xdRegExp: /^((\w+)\:)?\/\/([^\/\\]+)/,
-
- /**
- * Is an URL on another domain. Only works for browser use, returns
- * false in non-browser environments. Only used to know if an
- * optimized .js version of a text resource should be loaded
- * instead.
- * @param {String} url
- * @returns Boolean
- */
- useXhr: function (url, protocol, hostname, port) {
- var match = text.xdRegExp.exec(url),
- uProtocol, uHostName, uPort;
- if (!match) {
- return true;
- }
- uProtocol = match[2];
- uHostName = match[3];
-
- uHostName = uHostName.split(':');
- uPort = uHostName[1];
- uHostName = uHostName[0];
-
- return (!uProtocol || uProtocol === protocol) &&
- (!uHostName || uHostName === hostname) &&
- ((!uPort && !uHostName) || uPort === port);
- },
-
- finishLoad: function (name, strip, content, onLoad, config) {
- content = strip ? text.strip(content) : content;
- if (config.isBuild) {
- buildMap[name] = content;
- }
- onLoad(content);
- },
-
- load: function (name, req, onLoad, config) {
- //Name has format: some.module.filext!strip
- //The strip part is optional.
- //if strip is present, then that means only get the string contents
- //inside a body tag in an HTML string. For XML/SVG content it means
- //removing the <?xml ...?> declarations so the content can be inserted
- //into the current doc without problems.
-
- // Do not bother with the work if a build and text will
- // not be inlined.
- if (config.isBuild && !config.inlineText) {
- onLoad();
- return;
- }
-
- var parsed = text.parseName(name),
- nonStripName = parsed.moduleName + '.' + parsed.ext,
- url = req.toUrl(nonStripName),
- useXhr = (config && config.text && config.text.useXhr) ||
- text.useXhr;
-
- //Load the text. Use XHR if possible and in a browser.
- if (!hasLocation || useXhr(url, defaultProtocol, defaultHostName, defaultPort)) {
- text.get(url, function (content) {
- text.finishLoad(name, parsed.strip, content, onLoad, config);
- });
- } else {
- //Need to fetch the resource across domains. Assume
- //the resource has been optimized into a JS module. Fetch
- //by the module name + extension, but do not include the
- //!strip part to avoid file system issues.
- req([nonStripName], function (content) {
- text.finishLoad(parsed.moduleName + '.' + parsed.ext,
- parsed.strip, content, onLoad, config);
- });
- }
- },
-
- write: function (pluginName, moduleName, write, config) {
- if (moduleName in buildMap) {
- var content = text.jsEscape(buildMap[moduleName]);
- write.asModule(pluginName + "!" + moduleName,
- "define(function () { return '" +
- content +
- "';});\n");
- }
- },
-
- writeFile: function (pluginName, moduleName, req, write, config) {
- var parsed = text.parseName(moduleName),
- nonStripName = parsed.moduleName + '.' + parsed.ext,
- //Use a '.js' file name so that it indicates it is a
- //script that can be loaded across domains.
- fileName = req.toUrl(parsed.moduleName + '.' +
- parsed.ext) + '.js';
-
- //Leverage own load() method to load plugin value, but only
- //write out values that do not have the strip argument,
- //to avoid any potential issues with ! in file names.
- text.load(nonStripName, req, function (value) {
- //Use own write() method to construct full module value.
- //But need to create shell that translates writeFile's
- //write() to the right interface.
- var textWrite = function (contents) {
- return write(fileName, contents);
- };
- textWrite.asModule = function (moduleName, contents) {
- return write.asModule(moduleName, fileName, contents);
- };
-
- text.write(pluginName, nonStripName, textWrite, config);
- }, config);
- }
- };
-
- return text;
- });
-}());
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Demos and Documentation</title>
- <link rel="stylesheet" href="css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
- <script src="js/jquery.js"></script>
- <script src="docs/_assets/js/jqm-docs.js"></script>
- <script src="js/"></script>
-
-</head>
-<body>
-<div data-role="page" class="type-home">
- <div data-role="content">
- <p id="jqm-version">1.1.0 Final Release</p>
-
-
- <div class="content-secondary">
-
- <div id="jqm-homeheader">
- <h1 id="jqm-logo"><img src="docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" /></h1>
- <p>A Touch-Optimized UI Framework built with jQuery and HTML5.</p>
- </div>
-
-
- <p class="intro"><strong>Welcome.</strong> jQuery Mobile is the easiest way to build sites and apps that are accessible on all popular smartphone, tablet and desktop devices. For jQuery 1.6.4 and 1.7.1.</p>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
- <li data-role="list-divider">Overview</li>
- <li><a href="docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="docs/about/features.html">Features</a></li>
- <li><a href="docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="docs/about/platforms.html">Supported platforms</a></li>
- </ul>
-
- </div><!--/content-primary-->
-
- <div class="content-primary">
- <nav>
-
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Components</li>
- <li><a href="docs/pages/index.html">Pages & dialogs</a></li>
- <li><a href="docs/toolbars/index.html">Toolbars</a></li>
- <li><a href="docs/buttons/index.html">Buttons</a></li>
- <li><a href="docs/content/index.html">Content formatting</a></li>
- <li><a href="docs/forms/index.html">Form elements</a></li>
- <li><a href="docs/lists/index.html">List views</a></li>
-
- <li data-role="list-divider">API</li>
- <li><a href="docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="docs/api/events.html">Events</a></li>
- <li><a href="docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="docs/api/themes.html">Theme framework</a></li>
-
-
- </ul>
- </nav>
- </div>
-
-
-
- </div>
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011-12 The jQuery Foundation</p>
- </div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<?php
-$type = 'text/javascript';
-$files = array(
- '../LICENSE-INFO.txt',
- // note that define is only included here as a means
- // to revert to the pre async include, and should not be
- // used in other build methods
- 'jquery.mobile.define.js',
- 'jquery.ui.widget.js',
- 'jquery.mobile.widget.js',
- 'jquery.mobile.media.js',
- 'jquery.mobile.support.js',
- 'jquery.mobile.vmouse.js',
- 'jquery.mobile.event.js',
- 'jquery.mobile.hashchange.js',
- 'jquery.mobile.page.js',
- 'jquery.mobile.core.js',
- 'jquery.mobile.navigation.js',
- 'jquery.mobile.navigation.pushstate.js',
- 'jquery.mobile.transition.js',
- 'jquery.mobile.transition.pop.js',
- 'jquery.mobile.transition.slide.js',
- 'jquery.mobile.transition.slidedown.js',
- 'jquery.mobile.transition.slideup.js',
- 'jquery.mobile.transition.flip.js',
- 'jquery.mobile.transition.flow.js',
- 'jquery.mobile.transition.turn.js',
- 'jquery.mobile.degradeInputs.js',
- 'jquery.mobile.dialog.js',
- 'jquery.mobile.page.sections.js',
- 'jquery.mobile.collapsible.js',
- 'jquery.mobile.collapsibleSet.js',
- 'jquery.mobile.fieldContain.js',
- 'jquery.mobile.grid.js',
- 'jquery.mobile.navbar.js',
- 'jquery.mobile.listview.js',
- 'jquery.mobile.listview.filter.js',
- 'jquery.mobile.nojs.js',
- 'jquery.mobile.forms.checkboxradio.js',
- 'jquery.mobile.forms.button.js',
- 'jquery.mobile.forms.slider.js',
- 'jquery.mobile.forms.textinput.js',
- 'jquery.mobile.forms.select.custom.js',
- 'jquery.mobile.forms.select.js',
- 'jquery.mobile.buttonMarkup.js',
- 'jquery.mobile.controlGroup.js',
- 'jquery.mobile.links.js',
- 'jquery.mobile.fixedToolbar.js',
- 'jquery.mobile.zoom.js',
- 'jquery.mobile.zoom.iosorientationfix.js',
- 'jquery.mobile.init.js'
-);
-
-require_once('../combine.php');
+++ /dev/null
-/*!
- * jQuery JavaScript Library v1.6.4
- * http://jquery.com/
- *
- * Copyright 2011, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * Includes Sizzle.js
- * http://sizzlejs.com/
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- *
- * Date: Mon Sep 12 18:54:48 2011 -0400
- */
-(function( window, undefined ) {
-
-// Use the correct document accordingly with window argument (sandbox)
-var document = window.document,
- navigator = window.navigator,
- location = window.location;
-var jQuery = (function() {
-
-// Define a local copy of jQuery
-var jQuery = function( selector, context ) {
- // The jQuery object is actually just the init constructor 'enhanced'
- return new jQuery.fn.init( selector, context, rootjQuery );
- },
-
- // Map over jQuery in case of overwrite
- _jQuery = window.jQuery,
-
- // Map over the $ in case of overwrite
- _$ = window.$,
-
- // A central reference to the root jQuery(document)
- rootjQuery,
-
- // A simple way to check for HTML strings or ID strings
- // Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
- quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,
-
- // Check if a string has a non-whitespace character in it
- rnotwhite = /\S/,
-
- // Used for trimming whitespace
- trimLeft = /^\s+/,
- trimRight = /\s+$/,
-
- // Check for digits
- rdigit = /\d/,
-
- // Match a standalone tag
- rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
-
- // JSON RegExp
- rvalidchars = /^[\],:{}\s]*$/,
- rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
- rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
- rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
-
- // Useragent RegExp
- rwebkit = /(webkit)[ \/]([\w.]+)/,
- ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
- rmsie = /(msie) ([\w.]+)/,
- rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
-
- // Matches dashed string for camelizing
- rdashAlpha = /-([a-z]|[0-9])/ig,
- rmsPrefix = /^-ms-/,
-
- // Used by jQuery.camelCase as callback to replace()
- fcamelCase = function( all, letter ) {
- return ( letter + "" ).toUpperCase();
- },
-
- // Keep a UserAgent string for use with jQuery.browser
- userAgent = navigator.userAgent,
-
- // For matching the engine and version of the browser
- browserMatch,
-
- // The deferred used on DOM ready
- readyList,
-
- // The ready event handler
- DOMContentLoaded,
-
- // Save a reference to some core methods
- toString = Object.prototype.toString,
- hasOwn = Object.prototype.hasOwnProperty,
- push = Array.prototype.push,
- slice = Array.prototype.slice,
- trim = String.prototype.trim,
- indexOf = Array.prototype.indexOf,
-
- // [[Class]] -> type pairs
- class2type = {};
-
-jQuery.fn = jQuery.prototype = {
- constructor: jQuery,
- init: function( selector, context, rootjQuery ) {
- var match, elem, ret, doc;
-
- // Handle $(""), $(null), or $(undefined)
- if ( !selector ) {
- return this;
- }
-
- // Handle $(DOMElement)
- if ( selector.nodeType ) {
- this.context = this[0] = selector;
- this.length = 1;
- return this;
- }
-
- // The body element only exists once, optimize finding it
- if ( selector === "body" && !context && document.body ) {
- this.context = document;
- this[0] = document.body;
- this.selector = selector;
- this.length = 1;
- return this;
- }
-
- // Handle HTML strings
- if ( typeof selector === "string" ) {
- // Are we dealing with HTML string or an ID?
- if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
- // Assume that strings that start and end with <> are HTML and skip the regex check
- match = [ null, selector, null ];
-
- } else {
- match = quickExpr.exec( selector );
- }
-
- // Verify a match, and that no context was specified for #id
- if ( match && (match[1] || !context) ) {
-
- // HANDLE: $(html) -> $(array)
- if ( match[1] ) {
- context = context instanceof jQuery ? context[0] : context;
- doc = (context ? context.ownerDocument || context : document);
-
- // If a single string is passed in and it's a single tag
- // just do a createElement and skip the rest
- ret = rsingleTag.exec( selector );
-
- if ( ret ) {
- if ( jQuery.isPlainObject( context ) ) {
- selector = [ document.createElement( ret[1] ) ];
- jQuery.fn.attr.call( selector, context, true );
-
- } else {
- selector = [ doc.createElement( ret[1] ) ];
- }
-
- } else {
- ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
- selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes;
- }
-
- return jQuery.merge( this, selector );
-
- // HANDLE: $("#id")
- } else {
- elem = document.getElementById( match[2] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id !== match[2] ) {
- return rootjQuery.find( selector );
- }
-
- // Otherwise, we inject the element directly into the jQuery object
- this.length = 1;
- this[0] = elem;
- }
-
- this.context = document;
- this.selector = selector;
- return this;
- }
-
- // HANDLE: $(expr, $(...))
- } else if ( !context || context.jquery ) {
- return (context || rootjQuery).find( selector );
-
- // HANDLE: $(expr, context)
- // (which is just equivalent to: $(context).find(expr)
- } else {
- return this.constructor( context ).find( selector );
- }
-
- // HANDLE: $(function)
- // Shortcut for document ready
- } else if ( jQuery.isFunction( selector ) ) {
- return rootjQuery.ready( selector );
- }
-
- if (selector.selector !== undefined) {
- this.selector = selector.selector;
- this.context = selector.context;
- }
-
- return jQuery.makeArray( selector, this );
- },
-
- // Start with an empty selector
- selector: "",
-
- // The current version of jQuery being used
- jquery: "1.6.4",
-
- // The default length of a jQuery object is 0
- length: 0,
-
- // The number of elements contained in the matched element set
- size: function() {
- return this.length;
- },
-
- toArray: function() {
- return slice.call( this, 0 );
- },
-
- // Get the Nth element in the matched element set OR
- // Get the whole matched element set as a clean array
- get: function( num ) {
- return num == null ?
-
- // Return a 'clean' array
- this.toArray() :
-
- // Return just the object
- ( num < 0 ? this[ this.length + num ] : this[ num ] );
- },
-
- // Take an array of elements and push it onto the stack
- // (returning the new matched element set)
- pushStack: function( elems, name, selector ) {
- // Build a new jQuery matched element set
- var ret = this.constructor();
-
- if ( jQuery.isArray( elems ) ) {
- push.apply( ret, elems );
-
- } else {
- jQuery.merge( ret, elems );
- }
-
- // Add the old object onto the stack (as a reference)
- ret.prevObject = this;
-
- ret.context = this.context;
-
- if ( name === "find" ) {
- ret.selector = this.selector + (this.selector ? " " : "") + selector;
- } else if ( name ) {
- ret.selector = this.selector + "." + name + "(" + selector + ")";
- }
-
- // Return the newly-formed element set
- return ret;
- },
-
- // Execute a callback for every element in the matched set.
- // (You can seed the arguments with an array of args, but this is
- // only used internally.)
- each: function( callback, args ) {
- return jQuery.each( this, callback, args );
- },
-
- ready: function( fn ) {
- // Attach the listeners
- jQuery.bindReady();
-
- // Add the callback
- readyList.done( fn );
-
- return this;
- },
-
- eq: function( i ) {
- return i === -1 ?
- this.slice( i ) :
- this.slice( i, +i + 1 );
- },
-
- first: function() {
- return this.eq( 0 );
- },
-
- last: function() {
- return this.eq( -1 );
- },
-
- slice: function() {
- return this.pushStack( slice.apply( this, arguments ),
- "slice", slice.call(arguments).join(",") );
- },
-
- map: function( callback ) {
- return this.pushStack( jQuery.map(this, function( elem, i ) {
- return callback.call( elem, i, elem );
- }));
- },
-
- end: function() {
- return this.prevObject || this.constructor(null);
- },
-
- // For internal use only.
- // Behaves like an Array's method, not like a jQuery method.
- push: push,
- sort: [].sort,
- splice: [].splice
-};
-
-// Give the init function the jQuery prototype for later instantiation
-jQuery.fn.init.prototype = jQuery.fn;
-
-jQuery.extend = jQuery.fn.extend = function() {
- var options, name, src, copy, copyIsArray, clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false;
-
- // Handle a deep copy situation
- if ( typeof target === "boolean" ) {
- deep = target;
- target = arguments[1] || {};
- // skip the boolean and the target
- i = 2;
- }
-
- // Handle case when target is a string or something (possible in deep copy)
- if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
- target = {};
- }
-
- // extend jQuery itself if only one argument is passed
- if ( length === i ) {
- target = this;
- --i;
- }
-
- for ( ; i < length; i++ ) {
- // Only deal with non-null/undefined values
- if ( (options = arguments[ i ]) != null ) {
- // Extend the base object
- for ( name in options ) {
- src = target[ name ];
- copy = options[ name ];
-
- // Prevent never-ending loop
- if ( target === copy ) {
- continue;
- }
-
- // Recurse if we're merging plain objects or arrays
- if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
- if ( copyIsArray ) {
- copyIsArray = false;
- clone = src && jQuery.isArray(src) ? src : [];
-
- } else {
- clone = src && jQuery.isPlainObject(src) ? src : {};
- }
-
- // Never move original objects, clone them
- target[ name ] = jQuery.extend( deep, clone, copy );
-
- // Don't bring in undefined values
- } else if ( copy !== undefined ) {
- target[ name ] = copy;
- }
- }
- }
- }
-
- // Return the modified object
- return target;
-};
-
-jQuery.extend({
- noConflict: function( deep ) {
- if ( window.$ === jQuery ) {
- window.$ = _$;
- }
-
- if ( deep && window.jQuery === jQuery ) {
- window.jQuery = _jQuery;
- }
-
- return jQuery;
- },
-
- // Is the DOM ready to be used? Set to true once it occurs.
- isReady: false,
-
- // A counter to track how many items to wait for before
- // the ready event fires. See #6781
- readyWait: 1,
-
- // Hold (or release) the ready event
- holdReady: function( hold ) {
- if ( hold ) {
- jQuery.readyWait++;
- } else {
- jQuery.ready( true );
- }
- },
-
- // Handle when the DOM is ready
- ready: function( wait ) {
- // Either a released hold or an DOMready/load event and not yet ready
- if ( (wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady) ) {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( !document.body ) {
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Remember that the DOM is ready
- jQuery.isReady = true;
-
- // If a normal DOM Ready event fired, decrement, and wait if need be
- if ( wait !== true && --jQuery.readyWait > 0 ) {
- return;
- }
-
- // If there are functions bound, to execute
- readyList.resolveWith( document, [ jQuery ] );
-
- // Trigger any bound ready events
- if ( jQuery.fn.trigger ) {
- jQuery( document ).trigger( "ready" ).unbind( "ready" );
- }
- }
- },
-
- bindReady: function() {
- if ( readyList ) {
- return;
- }
-
- readyList = jQuery._Deferred();
-
- // Catch cases where $(document).ready() is called after the
- // browser event has already occurred.
- if ( document.readyState === "complete" ) {
- // Handle it asynchronously to allow scripts the opportunity to delay ready
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Mozilla, Opera and webkit nightlies currently support this event
- if ( document.addEventListener ) {
- // Use the handy event callback
- document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-
- // A fallback to window.onload, that will always work
- window.addEventListener( "load", jQuery.ready, false );
-
- // If IE event model is used
- } else if ( document.attachEvent ) {
- // ensure firing before onload,
- // maybe late but safe also for iframes
- document.attachEvent( "onreadystatechange", DOMContentLoaded );
-
- // A fallback to window.onload, that will always work
- window.attachEvent( "onload", jQuery.ready );
-
- // If IE and not a frame
- // continually check to see if the document is ready
- var toplevel = false;
-
- try {
- toplevel = window.frameElement == null;
- } catch(e) {}
-
- if ( document.documentElement.doScroll && toplevel ) {
- doScrollCheck();
- }
- }
- },
-
- // See test/unit/core.js for details concerning isFunction.
- // Since version 1.3, DOM methods and functions like alert
- // aren't supported. They return false on IE (#2968).
- isFunction: function( obj ) {
- return jQuery.type(obj) === "function";
- },
-
- isArray: Array.isArray || function( obj ) {
- return jQuery.type(obj) === "array";
- },
-
- // A crude way of determining if an object is a window
- isWindow: function( obj ) {
- return obj && typeof obj === "object" && "setInterval" in obj;
- },
-
- isNaN: function( obj ) {
- return obj == null || !rdigit.test( obj ) || isNaN( obj );
- },
-
- type: function( obj ) {
- return obj == null ?
- String( obj ) :
- class2type[ toString.call(obj) ] || "object";
- },
-
- isPlainObject: function( obj ) {
- // Must be an Object.
- // Because of IE, we also have to check the presence of the constructor property.
- // Make sure that DOM nodes and window objects don't pass through, as well
- if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
- return false;
- }
-
- try {
- // Not own constructor property must be Object
- if ( obj.constructor &&
- !hasOwn.call(obj, "constructor") &&
- !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
- return false;
- }
- } catch ( e ) {
- // IE8,9 Will throw exceptions on certain host objects #9897
- return false;
- }
-
- // Own properties are enumerated firstly, so to speed up,
- // if last one is own, then all properties are own.
-
- var key;
- for ( key in obj ) {}
-
- return key === undefined || hasOwn.call( obj, key );
- },
-
- isEmptyObject: function( obj ) {
- for ( var name in obj ) {
- return false;
- }
- return true;
- },
-
- error: function( msg ) {
- throw msg;
- },
-
- parseJSON: function( data ) {
- if ( typeof data !== "string" || !data ) {
- return null;
- }
-
- // Make sure leading/trailing whitespace is removed (IE can't handle it)
- data = jQuery.trim( data );
-
- // Attempt to parse using the native JSON parser first
- if ( window.JSON && window.JSON.parse ) {
- return window.JSON.parse( data );
- }
-
- // Make sure the incoming data is actual JSON
- // Logic borrowed from http://json.org/json2.js
- if ( rvalidchars.test( data.replace( rvalidescape, "@" )
- .replace( rvalidtokens, "]" )
- .replace( rvalidbraces, "")) ) {
-
- return (new Function( "return " + data ))();
-
- }
- jQuery.error( "Invalid JSON: " + data );
- },
-
- // Cross-browser xml parsing
- parseXML: function( data ) {
- var xml, tmp;
- try {
- if ( window.DOMParser ) { // Standard
- tmp = new DOMParser();
- xml = tmp.parseFromString( data , "text/xml" );
- } else { // IE
- xml = new ActiveXObject( "Microsoft.XMLDOM" );
- xml.async = "false";
- xml.loadXML( data );
- }
- } catch( e ) {
- xml = undefined;
- }
- if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
- jQuery.error( "Invalid XML: " + data );
- }
- return xml;
- },
-
- noop: function() {},
-
- // Evaluates a script in a global context
- // Workarounds based on findings by Jim Driscoll
- // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
- globalEval: function( data ) {
- if ( data && rnotwhite.test( data ) ) {
- // We use execScript on Internet Explorer
- // We use an anonymous function so that context is window
- // rather than jQuery in Firefox
- ( window.execScript || function( data ) {
- window[ "eval" ].call( window, data );
- } )( data );
- }
- },
-
- // Convert dashed to camelCase; used by the css and data modules
- // Microsoft forgot to hump their vendor prefix (#9572)
- camelCase: function( string ) {
- return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
- },
-
- nodeName: function( elem, name ) {
- return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
- },
-
- // args is for internal usage only
- each: function( object, callback, args ) {
- var name, i = 0,
- length = object.length,
- isObj = length === undefined || jQuery.isFunction( object );
-
- if ( args ) {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.apply( object[ name ], args ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.apply( object[ i++ ], args ) === false ) {
- break;
- }
- }
- }
-
- // A special, fast, case for the most common use of each
- } else {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
- break;
- }
- }
- }
- }
-
- return object;
- },
-
- // Use native String.trim function wherever possible
- trim: trim ?
- function( text ) {
- return text == null ?
- "" :
- trim.call( text );
- } :
-
- // Otherwise use our own trimming functionality
- function( text ) {
- return text == null ?
- "" :
- text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
- },
-
- // results is for internal usage only
- makeArray: function( array, results ) {
- var ret = results || [];
-
- if ( array != null ) {
- // The window, strings (and functions) also have 'length'
- // The extra typeof function check is to prevent crashes
- // in Safari 2 (See: #3039)
- // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
- var type = jQuery.type( array );
-
- if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
- push.call( ret, array );
- } else {
- jQuery.merge( ret, array );
- }
- }
-
- return ret;
- },
-
- inArray: function( elem, array ) {
- if ( !array ) {
- return -1;
- }
-
- if ( indexOf ) {
- return indexOf.call( array, elem );
- }
-
- for ( var i = 0, length = array.length; i < length; i++ ) {
- if ( array[ i ] === elem ) {
- return i;
- }
- }
-
- return -1;
- },
-
- merge: function( first, second ) {
- var i = first.length,
- j = 0;
-
- if ( typeof second.length === "number" ) {
- for ( var l = second.length; j < l; j++ ) {
- first[ i++ ] = second[ j ];
- }
-
- } else {
- while ( second[j] !== undefined ) {
- first[ i++ ] = second[ j++ ];
- }
- }
-
- first.length = i;
-
- return first;
- },
-
- grep: function( elems, callback, inv ) {
- var ret = [], retVal;
- inv = !!inv;
-
- // Go through the array, only saving the items
- // that pass the validator function
- for ( var i = 0, length = elems.length; i < length; i++ ) {
- retVal = !!callback( elems[ i ], i );
- if ( inv !== retVal ) {
- ret.push( elems[ i ] );
- }
- }
-
- return ret;
- },
-
- // arg is for internal usage only
- map: function( elems, callback, arg ) {
- var value, key, ret = [],
- i = 0,
- length = elems.length,
- // jquery objects are treated as arrays
- isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;
-
- // Go through the array, translating each of the items to their
- if ( isArray ) {
- for ( ; i < length; i++ ) {
- value = callback( elems[ i ], i, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
-
- // Go through every key on the object,
- } else {
- for ( key in elems ) {
- value = callback( elems[ key ], key, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
- }
-
- // Flatten any nested arrays
- return ret.concat.apply( [], ret );
- },
-
- // A global GUID counter for objects
- guid: 1,
-
- // Bind a function to a context, optionally partially applying any
- // arguments.
- proxy: function( fn, context ) {
- if ( typeof context === "string" ) {
- var tmp = fn[ context ];
- context = fn;
- fn = tmp;
- }
-
- // Quick check to determine if target is callable, in the spec
- // this throws a TypeError, but we will just return undefined.
- if ( !jQuery.isFunction( fn ) ) {
- return undefined;
- }
-
- // Simulated bind
- var args = slice.call( arguments, 2 ),
- proxy = function() {
- return fn.apply( context, args.concat( slice.call( arguments ) ) );
- };
-
- // Set the guid of unique handler to the same of original handler, so it can be removed
- proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
-
- return proxy;
- },
-
- // Mutifunctional method to get and set values to a collection
- // The value/s can optionally be executed if it's a function
- access: function( elems, key, value, exec, fn, pass ) {
- var length = elems.length;
-
- // Setting many attributes
- if ( typeof key === "object" ) {
- for ( var k in key ) {
- jQuery.access( elems, k, key[k], exec, fn, value );
- }
- return elems;
- }
-
- // Setting one attribute
- if ( value !== undefined ) {
- // Optionally, function values get executed if exec is true
- exec = !pass && exec && jQuery.isFunction(value);
-
- for ( var i = 0; i < length; i++ ) {
- fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
- }
-
- return elems;
- }
-
- // Getting an attribute
- return length ? fn( elems[0], key ) : undefined;
- },
-
- now: function() {
- return (new Date()).getTime();
- },
-
- // Use of jQuery.browser is frowned upon.
- // More details: http://docs.jquery.com/Utilities/jQuery.browser
- uaMatch: function( ua ) {
- ua = ua.toLowerCase();
-
- var match = rwebkit.exec( ua ) ||
- ropera.exec( ua ) ||
- rmsie.exec( ua ) ||
- ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
- [];
-
- return { browser: match[1] || "", version: match[2] || "0" };
- },
-
- sub: function() {
- function jQuerySub( selector, context ) {
- return new jQuerySub.fn.init( selector, context );
- }
- jQuery.extend( true, jQuerySub, this );
- jQuerySub.superclass = this;
- jQuerySub.fn = jQuerySub.prototype = this();
- jQuerySub.fn.constructor = jQuerySub;
- jQuerySub.sub = this.sub;
- jQuerySub.fn.init = function init( selector, context ) {
- if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
- context = jQuerySub( context );
- }
-
- return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
- };
- jQuerySub.fn.init.prototype = jQuerySub.fn;
- var rootjQuerySub = jQuerySub(document);
- return jQuerySub;
- },
-
- browser: {}
-});
-
-// Populate the class2type map
-jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
- class2type[ "[object " + name + "]" ] = name.toLowerCase();
-});
-
-browserMatch = jQuery.uaMatch( userAgent );
-if ( browserMatch.browser ) {
- jQuery.browser[ browserMatch.browser ] = true;
- jQuery.browser.version = browserMatch.version;
-}
-
-// Deprecated, use jQuery.browser.webkit instead
-if ( jQuery.browser.webkit ) {
- jQuery.browser.safari = true;
-}
-
-// IE doesn't match non-breaking spaces with \s
-if ( rnotwhite.test( "\xA0" ) ) {
- trimLeft = /^[\s\xA0]+/;
- trimRight = /[\s\xA0]+$/;
-}
-
-// All jQuery objects should point back to these
-rootjQuery = jQuery(document);
-
-// Cleanup functions for the document ready method
-if ( document.addEventListener ) {
- DOMContentLoaded = function() {
- document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
- jQuery.ready();
- };
-
-} else if ( document.attachEvent ) {
- DOMContentLoaded = function() {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( document.readyState === "complete" ) {
- document.detachEvent( "onreadystatechange", DOMContentLoaded );
- jQuery.ready();
- }
- };
-}
-
-// The DOM ready check for Internet Explorer
-function doScrollCheck() {
- if ( jQuery.isReady ) {
- return;
- }
-
- try {
- // If IE is used, use the trick by Diego Perini
- // http://javascript.nwbox.com/IEContentLoaded/
- document.documentElement.doScroll("left");
- } catch(e) {
- setTimeout( doScrollCheck, 1 );
- return;
- }
-
- // and execute any waiting functions
- jQuery.ready();
-}
-
-return jQuery;
-
-})();
-
-
-var // Promise methods
- promiseMethods = "done fail isResolved isRejected promise then always pipe".split( " " ),
- // Static reference to slice
- sliceDeferred = [].slice;
-
-jQuery.extend({
- // Create a simple deferred (one callbacks list)
- _Deferred: function() {
- var // callbacks list
- callbacks = [],
- // stored [ context , args ]
- fired,
- // to avoid firing when already doing so
- firing,
- // flag to know if the deferred has been cancelled
- cancelled,
- // the deferred itself
- deferred = {
-
- // done( f1, f2, ...)
- done: function() {
- if ( !cancelled ) {
- var args = arguments,
- i,
- length,
- elem,
- type,
- _fired;
- if ( fired ) {
- _fired = fired;
- fired = 0;
- }
- for ( i = 0, length = args.length; i < length; i++ ) {
- elem = args[ i ];
- type = jQuery.type( elem );
- if ( type === "array" ) {
- deferred.done.apply( deferred, elem );
- } else if ( type === "function" ) {
- callbacks.push( elem );
- }
- }
- if ( _fired ) {
- deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
- }
- }
- return this;
- },
-
- // resolve with given context and args
- resolveWith: function( context, args ) {
- if ( !cancelled && !fired && !firing ) {
- // make sure args are available (#8421)
- args = args || [];
- firing = 1;
- try {
- while( callbacks[ 0 ] ) {
- callbacks.shift().apply( context, args );
- }
- }
- finally {
- fired = [ context, args ];
- firing = 0;
- }
- }
- return this;
- },
-
- // resolve with this as context and given arguments
- resolve: function() {
- deferred.resolveWith( this, arguments );
- return this;
- },
-
- // Has this deferred been resolved?
- isResolved: function() {
- return !!( firing || fired );
- },
-
- // Cancel
- cancel: function() {
- cancelled = 1;
- callbacks = [];
- return this;
- }
- };
-
- return deferred;
- },
-
- // Full fledged deferred (two callbacks list)
- Deferred: function( func ) {
- var deferred = jQuery._Deferred(),
- failDeferred = jQuery._Deferred(),
- promise;
- // Add errorDeferred methods, then and promise
- jQuery.extend( deferred, {
- then: function( doneCallbacks, failCallbacks ) {
- deferred.done( doneCallbacks ).fail( failCallbacks );
- return this;
- },
- always: function() {
- return deferred.done.apply( deferred, arguments ).fail.apply( this, arguments );
- },
- fail: failDeferred.done,
- rejectWith: failDeferred.resolveWith,
- reject: failDeferred.resolve,
- isRejected: failDeferred.isResolved,
- pipe: function( fnDone, fnFail ) {
- return jQuery.Deferred(function( newDefer ) {
- jQuery.each( {
- done: [ fnDone, "resolve" ],
- fail: [ fnFail, "reject" ]
- }, function( handler, data ) {
- var fn = data[ 0 ],
- action = data[ 1 ],
- returned;
- if ( jQuery.isFunction( fn ) ) {
- deferred[ handler ](function() {
- returned = fn.apply( this, arguments );
- if ( returned && jQuery.isFunction( returned.promise ) ) {
- returned.promise().then( newDefer.resolve, newDefer.reject );
- } else {
- newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
- }
- });
- } else {
- deferred[ handler ]( newDefer[ action ] );
- }
- });
- }).promise();
- },
- // Get a promise for this deferred
- // If obj is provided, the promise aspect is added to the object
- promise: function( obj ) {
- if ( obj == null ) {
- if ( promise ) {
- return promise;
- }
- promise = obj = {};
- }
- var i = promiseMethods.length;
- while( i-- ) {
- obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ];
- }
- return obj;
- }
- });
- // Make sure only one callback list will be used
- deferred.done( failDeferred.cancel ).fail( deferred.cancel );
- // Unexpose cancel
- delete deferred.cancel;
- // Call given func if any
- if ( func ) {
- func.call( deferred, deferred );
- }
- return deferred;
- },
-
- // Deferred helper
- when: function( firstParam ) {
- var args = arguments,
- i = 0,
- length = args.length,
- count = length,
- deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ?
- firstParam :
- jQuery.Deferred();
- function resolveFunc( i ) {
- return function( value ) {
- args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- if ( !( --count ) ) {
- // Strange bug in FF4:
- // Values changed onto the arguments object sometimes end up as undefined values
- // outside the $.when method. Cloning the object into a fresh array solves the issue
- deferred.resolveWith( deferred, sliceDeferred.call( args, 0 ) );
- }
- };
- }
- if ( length > 1 ) {
- for( ; i < length; i++ ) {
- if ( args[ i ] && jQuery.isFunction( args[ i ].promise ) ) {
- args[ i ].promise().then( resolveFunc(i), deferred.reject );
- } else {
- --count;
- }
- }
- if ( !count ) {
- deferred.resolveWith( deferred, args );
- }
- } else if ( deferred !== firstParam ) {
- deferred.resolveWith( deferred, length ? [ firstParam ] : [] );
- }
- return deferred.promise();
- }
-});
-
-
-
-jQuery.support = (function() {
-
- var div = document.createElement( "div" ),
- documentElement = document.documentElement,
- all,
- a,
- select,
- opt,
- input,
- marginDiv,
- support,
- fragment,
- body,
- testElementParent,
- testElement,
- testElementStyle,
- tds,
- events,
- eventName,
- i,
- isSupported;
-
- // Preliminary tests
- div.setAttribute("className", "t");
- div.innerHTML = " <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
-
-
- all = div.getElementsByTagName( "*" );
- a = div.getElementsByTagName( "a" )[ 0 ];
-
- // Can't get basic test support
- if ( !all || !all.length || !a ) {
- return {};
- }
-
- // First batch of supports tests
- select = document.createElement( "select" );
- opt = select.appendChild( document.createElement("option") );
- input = div.getElementsByTagName( "input" )[ 0 ];
-
- support = {
- // IE strips leading whitespace when .innerHTML is used
- leadingWhitespace: ( div.firstChild.nodeType === 3 ),
-
- // Make sure that tbody elements aren't automatically inserted
- // IE will insert them into empty tables
- tbody: !div.getElementsByTagName( "tbody" ).length,
-
- // Make sure that link elements get serialized correctly by innerHTML
- // This requires a wrapper element in IE
- htmlSerialize: !!div.getElementsByTagName( "link" ).length,
-
- // Get the style information from getAttribute
- // (IE uses .cssText instead)
- style: /top/.test( a.getAttribute("style") ),
-
- // Make sure that URLs aren't manipulated
- // (IE normalizes it by default)
- hrefNormalized: ( a.getAttribute( "href" ) === "/a" ),
-
- // Make sure that element opacity exists
- // (IE uses filter instead)
- // Use a regex to work around a WebKit issue. See #5145
- opacity: /^0.55$/.test( a.style.opacity ),
-
- // Verify style float existence
- // (IE uses styleFloat instead of cssFloat)
- cssFloat: !!a.style.cssFloat,
-
- // Make sure that if no value is specified for a checkbox
- // that it defaults to "on".
- // (WebKit defaults to "" instead)
- checkOn: ( input.value === "on" ),
-
- // Make sure that a selected-by-default option has a working selected property.
- // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
- optSelected: opt.selected,
-
- // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
- getSetAttribute: div.className !== "t",
-
- // Will be defined later
- submitBubbles: true,
- changeBubbles: true,
- focusinBubbles: false,
- deleteExpando: true,
- noCloneEvent: true,
- inlineBlockNeedsLayout: false,
- shrinkWrapBlocks: false,
- reliableMarginRight: true
- };
-
- // Make sure checked status is properly cloned
- input.checked = true;
- support.noCloneChecked = input.cloneNode( true ).checked;
-
- // Make sure that the options inside disabled selects aren't marked as disabled
- // (WebKit marks them as disabled)
- select.disabled = true;
- support.optDisabled = !opt.disabled;
-
- // Test to see if it's possible to delete an expando from an element
- // Fails in Internet Explorer
- try {
- delete div.test;
- } catch( e ) {
- support.deleteExpando = false;
- }
-
- if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
- div.attachEvent( "onclick", function() {
- // Cloning a node shouldn't copy over any
- // bound event handlers (IE does this)
- support.noCloneEvent = false;
- });
- div.cloneNode( true ).fireEvent( "onclick" );
- }
-
- // Check if a radio maintains it's value
- // after being appended to the DOM
- input = document.createElement("input");
- input.value = "t";
- input.setAttribute("type", "radio");
- support.radioValue = input.value === "t";
-
- input.setAttribute("checked", "checked");
- div.appendChild( input );
- fragment = document.createDocumentFragment();
- fragment.appendChild( div.firstChild );
-
- // WebKit doesn't clone checked state correctly in fragments
- support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
- div.innerHTML = "";
-
- // Figure out if the W3C box model works as expected
- div.style.width = div.style.paddingLeft = "1px";
-
- body = document.getElementsByTagName( "body" )[ 0 ];
- // We use our own, invisible, body unless the body is already present
- // in which case we use a div (#9239)
- testElement = document.createElement( body ? "div" : "body" );
- testElementStyle = {
- visibility: "hidden",
- width: 0,
- height: 0,
- border: 0,
- margin: 0,
- background: "none"
- };
- if ( body ) {
- jQuery.extend( testElementStyle, {
- position: "absolute",
- left: "-1000px",
- top: "-1000px"
- });
- }
- for ( i in testElementStyle ) {
- testElement.style[ i ] = testElementStyle[ i ];
- }
- testElement.appendChild( div );
- testElementParent = body || documentElement;
- testElementParent.insertBefore( testElement, testElementParent.firstChild );
-
- // Check if a disconnected checkbox will retain its checked
- // value of true after appended to the DOM (IE6/7)
- support.appendChecked = input.checked;
-
- support.boxModel = div.offsetWidth === 2;
-
- if ( "zoom" in div.style ) {
- // Check if natively block-level elements act like inline-block
- // elements when setting their display to 'inline' and giving
- // them layout
- // (IE < 8 does this)
- div.style.display = "inline";
- div.style.zoom = 1;
- support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
-
- // Check if elements with layout shrink-wrap their children
- // (IE 6 does this)
- div.style.display = "";
- div.innerHTML = "<div style='width:4px;'></div>";
- support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
- }
-
- div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
- tds = div.getElementsByTagName( "td" );
-
- // Check if table cells still have offsetWidth/Height when they are set
- // to display:none and there are still other visible table cells in a
- // table row; if so, offsetWidth/Height are not reliable for use when
- // determining if an element has been hidden directly using
- // display:none (it is still safe to use offsets if a parent element is
- // hidden; don safety goggles and see bug #4512 for more information).
- // (only IE 8 fails this test)
- isSupported = ( tds[ 0 ].offsetHeight === 0 );
-
- tds[ 0 ].style.display = "";
- tds[ 1 ].style.display = "none";
-
- // Check if empty table cells still have offsetWidth/Height
- // (IE < 8 fail this test)
- support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
- div.innerHTML = "";
-
- // Check if div with explicit width and no margin-right incorrectly
- // gets computed margin-right based on width of container. For more
- // info see bug #3333
- // Fails in WebKit before Feb 2011 nightlies
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- if ( document.defaultView && document.defaultView.getComputedStyle ) {
- marginDiv = document.createElement( "div" );
- marginDiv.style.width = "0";
- marginDiv.style.marginRight = "0";
- div.appendChild( marginDiv );
- support.reliableMarginRight =
- ( parseInt( ( document.defaultView.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
- }
-
- // Remove the body element we added
- testElement.innerHTML = "";
- testElementParent.removeChild( testElement );
-
- // Technique from Juriy Zaytsev
- // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
- // We only care about the case where non-standard event systems
- // are used, namely in IE. Short-circuiting here helps us to
- // avoid an eval call (in setAttribute) which can cause CSP
- // to go haywire. See: https://developer.mozilla.org/en/Security/CSP
- if ( div.attachEvent ) {
- for( i in {
- submit: 1,
- change: 1,
- focusin: 1
- } ) {
- eventName = "on" + i;
- isSupported = ( eventName in div );
- if ( !isSupported ) {
- div.setAttribute( eventName, "return;" );
- isSupported = ( typeof div[ eventName ] === "function" );
- }
- support[ i + "Bubbles" ] = isSupported;
- }
- }
-
- // Null connected elements to avoid leaks in IE
- testElement = fragment = select = opt = body = marginDiv = div = input = null;
-
- return support;
-})();
-
-// Keep track of boxModel
-jQuery.boxModel = jQuery.support.boxModel;
-
-
-
-
-var rbrace = /^(?:\{.*\}|\[.*\])$/,
- rmultiDash = /([A-Z])/g;
-
-jQuery.extend({
- cache: {},
-
- // Please use with caution
- uuid: 0,
-
- // Unique for each copy of jQuery on the page
- // Non-digits removed to match rinlinejQuery
- expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
-
- // The following elements throw uncatchable exceptions if you
- // attempt to add expando properties to them.
- noData: {
- "embed": true,
- // Ban all objects except for Flash (which handle expandos)
- "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
- "applet": true
- },
-
- hasData: function( elem ) {
- elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
-
- return !!elem && !isEmptyDataObject( elem );
- },
-
- data: function( elem, name, data, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache, ret,
- internalKey = jQuery.expando,
- getByName = typeof name === "string",
-
- // We have to handle DOM nodes and JS objects differently because IE6-7
- // can't GC object references properly across the DOM-JS boundary
- isNode = elem.nodeType,
-
- // Only DOM nodes need the global jQuery cache; JS object data is
- // attached directly to the object so GC can occur automatically
- cache = isNode ? jQuery.cache : elem,
-
- // Only defining an ID for JS objects if its cache already exists allows
- // the code to shortcut on the same path as a DOM node with no cache
- id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando;
-
- // Avoid doing any more work than we need to when trying to get data on an
- // object that has no data at all
- if ( (!id || (pvt && id && (cache[ id ] && !cache[ id ][ internalKey ]))) && getByName && data === undefined ) {
- return;
- }
-
- if ( !id ) {
- // Only DOM nodes need a new unique ID for each element since their data
- // ends up in the global cache
- if ( isNode ) {
- elem[ jQuery.expando ] = id = ++jQuery.uuid;
- } else {
- id = jQuery.expando;
- }
- }
-
- if ( !cache[ id ] ) {
- cache[ id ] = {};
-
- // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
- // metadata on plain JS objects when the object is serialized using
- // JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
- }
-
- // An object can be passed to jQuery.data instead of a key/value pair; this gets
- // shallow copied over onto the existing cache
- if ( typeof name === "object" || typeof name === "function" ) {
- if ( pvt ) {
- cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name);
- } else {
- cache[ id ] = jQuery.extend(cache[ id ], name);
- }
- }
-
- thisCache = cache[ id ];
-
- // Internal jQuery data is stored in a separate object inside the object's data
- // cache in order to avoid key collisions between internal data and user-defined
- // data
- if ( pvt ) {
- if ( !thisCache[ internalKey ] ) {
- thisCache[ internalKey ] = {};
- }
-
- thisCache = thisCache[ internalKey ];
- }
-
- if ( data !== undefined ) {
- thisCache[ jQuery.camelCase( name ) ] = data;
- }
-
- // TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should
- // not attempt to inspect the internal events object using jQuery.data, as this
- // internal data object is undocumented and subject to change.
- if ( name === "events" && !thisCache[name] ) {
- return thisCache[ internalKey ] && thisCache[ internalKey ].events;
- }
-
- // Check for both converted-to-camel and non-converted data property names
- // If a data property was specified
- if ( getByName ) {
-
- // First Try to find as-is property data
- ret = thisCache[ name ];
-
- // Test for null|undefined property data
- if ( ret == null ) {
-
- // Try to find the camelCased property
- ret = thisCache[ jQuery.camelCase( name ) ];
- }
- } else {
- ret = thisCache;
- }
-
- return ret;
- },
-
- removeData: function( elem, name, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache,
-
- // Reference to internal data cache key
- internalKey = jQuery.expando,
-
- isNode = elem.nodeType,
-
- // See jQuery.data for more information
- cache = isNode ? jQuery.cache : elem,
-
- // See jQuery.data for more information
- id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
-
- // If there is already no cache entry for this object, there is no
- // purpose in continuing
- if ( !cache[ id ] ) {
- return;
- }
-
- if ( name ) {
-
- thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ];
-
- if ( thisCache ) {
-
- // Support interoperable removal of hyphenated or camelcased keys
- if ( !thisCache[ name ] ) {
- name = jQuery.camelCase( name );
- }
-
- delete thisCache[ name ];
-
- // If there is no data left in the cache, we want to continue
- // and let the cache object itself get destroyed
- if ( !isEmptyDataObject(thisCache) ) {
- return;
- }
- }
- }
-
- // See jQuery.data for more information
- if ( pvt ) {
- delete cache[ id ][ internalKey ];
-
- // Don't destroy the parent cache unless the internal data object
- // had been the only thing left in it
- if ( !isEmptyDataObject(cache[ id ]) ) {
- return;
- }
- }
-
- var internalCache = cache[ id ][ internalKey ];
-
- // Browsers that fail expando deletion also refuse to delete expandos on
- // the window, but it will allow it on all other JS objects; other browsers
- // don't care
- // Ensure that `cache` is not a window object #10080
- if ( jQuery.support.deleteExpando || !cache.setInterval ) {
- delete cache[ id ];
- } else {
- cache[ id ] = null;
- }
-
- // We destroyed the entire user cache at once because it's faster than
- // iterating through each key, but we need to continue to persist internal
- // data if it existed
- if ( internalCache ) {
- cache[ id ] = {};
- // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
- // metadata on plain JS objects when the object is serialized using
- // JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
-
- cache[ id ][ internalKey ] = internalCache;
-
- // Otherwise, we need to eliminate the expando on the node to avoid
- // false lookups in the cache for entries that no longer exist
- } else if ( isNode ) {
- // IE does not allow us to delete expando properties from nodes,
- // nor does it have a removeAttribute function on Document nodes;
- // we must handle all of these cases
- if ( jQuery.support.deleteExpando ) {
- delete elem[ jQuery.expando ];
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- } else {
- elem[ jQuery.expando ] = null;
- }
- }
- },
-
- // For internal use only.
- _data: function( elem, name, data ) {
- return jQuery.data( elem, name, data, true );
- },
-
- // A method for determining if a DOM node can handle the data expando
- acceptData: function( elem ) {
- if ( elem.nodeName ) {
- var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
-
- if ( match ) {
- return !(match === true || elem.getAttribute("classid") !== match);
- }
- }
-
- return true;
- }
-});
-
-jQuery.fn.extend({
- data: function( key, value ) {
- var data = null;
-
- if ( typeof key === "undefined" ) {
- if ( this.length ) {
- data = jQuery.data( this[0] );
-
- if ( this[0].nodeType === 1 ) {
- var attr = this[0].attributes, name;
- for ( var i = 0, l = attr.length; i < l; i++ ) {
- name = attr[i].name;
-
- if ( name.indexOf( "data-" ) === 0 ) {
- name = jQuery.camelCase( name.substring(5) );
-
- dataAttr( this[0], name, data[ name ] );
- }
- }
- }
- }
-
- return data;
-
- } else if ( typeof key === "object" ) {
- return this.each(function() {
- jQuery.data( this, key );
- });
- }
-
- var parts = key.split(".");
- parts[1] = parts[1] ? "." + parts[1] : "";
-
- if ( value === undefined ) {
- data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
-
- // Try to fetch any internally stored data first
- if ( data === undefined && this.length ) {
- data = jQuery.data( this[0], key );
- data = dataAttr( this[0], key, data );
- }
-
- return data === undefined && parts[1] ?
- this.data( parts[0] ) :
- data;
-
- } else {
- return this.each(function() {
- var $this = jQuery( this ),
- args = [ parts[0], value ];
-
- $this.triggerHandler( "setData" + parts[1] + "!", args );
- jQuery.data( this, key, value );
- $this.triggerHandler( "changeData" + parts[1] + "!", args );
- });
- }
- },
-
- removeData: function( key ) {
- return this.each(function() {
- jQuery.removeData( this, key );
- });
- }
-});
-
-function dataAttr( elem, key, data ) {
- // If nothing was found internally, try to fetch any
- // data from the HTML5 data-* attribute
- if ( data === undefined && elem.nodeType === 1 ) {
-
- var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
-
- data = elem.getAttribute( name );
-
- if ( typeof data === "string" ) {
- try {
- data = data === "true" ? true :
- data === "false" ? false :
- data === "null" ? null :
- !jQuery.isNaN( data ) ? parseFloat( data ) :
- rbrace.test( data ) ? jQuery.parseJSON( data ) :
- data;
- } catch( e ) {}
-
- // Make sure we set the data so it isn't changed later
- jQuery.data( elem, key, data );
-
- } else {
- data = undefined;
- }
- }
-
- return data;
-}
-
-// TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON
-// property to be considered empty objects; this property always exists in
-// order to make sure JSON.stringify does not expose internal metadata
-function isEmptyDataObject( obj ) {
- for ( var name in obj ) {
- if ( name !== "toJSON" ) {
- return false;
- }
- }
-
- return true;
-}
-
-
-
-
-function handleQueueMarkDefer( elem, type, src ) {
- var deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- defer = jQuery.data( elem, deferDataKey, undefined, true );
- if ( defer &&
- ( src === "queue" || !jQuery.data( elem, queueDataKey, undefined, true ) ) &&
- ( src === "mark" || !jQuery.data( elem, markDataKey, undefined, true ) ) ) {
- // Give room for hard-coded callbacks to fire first
- // and eventually mark/queue something else on the element
- setTimeout( function() {
- if ( !jQuery.data( elem, queueDataKey, undefined, true ) &&
- !jQuery.data( elem, markDataKey, undefined, true ) ) {
- jQuery.removeData( elem, deferDataKey, true );
- defer.resolve();
- }
- }, 0 );
- }
-}
-
-jQuery.extend({
-
- _mark: function( elem, type ) {
- if ( elem ) {
- type = (type || "fx") + "mark";
- jQuery.data( elem, type, (jQuery.data(elem,type,undefined,true) || 0) + 1, true );
- }
- },
-
- _unmark: function( force, elem, type ) {
- if ( force !== true ) {
- type = elem;
- elem = force;
- force = false;
- }
- if ( elem ) {
- type = type || "fx";
- var key = type + "mark",
- count = force ? 0 : ( (jQuery.data( elem, key, undefined, true) || 1 ) - 1 );
- if ( count ) {
- jQuery.data( elem, key, count, true );
- } else {
- jQuery.removeData( elem, key, true );
- handleQueueMarkDefer( elem, type, "mark" );
- }
- }
- },
-
- queue: function( elem, type, data ) {
- if ( elem ) {
- type = (type || "fx") + "queue";
- var q = jQuery.data( elem, type, undefined, true );
- // Speed up dequeue by getting out quickly if this is just a lookup
- if ( data ) {
- if ( !q || jQuery.isArray(data) ) {
- q = jQuery.data( elem, type, jQuery.makeArray(data), true );
- } else {
- q.push( data );
- }
- }
- return q || [];
- }
- },
-
- dequeue: function( elem, type ) {
- type = type || "fx";
-
- var queue = jQuery.queue( elem, type ),
- fn = queue.shift(),
- defer;
-
- // If the fx queue is dequeued, always remove the progress sentinel
- if ( fn === "inprogress" ) {
- fn = queue.shift();
- }
-
- if ( fn ) {
- // Add a progress sentinel to prevent the fx queue from being
- // automatically dequeued
- if ( type === "fx" ) {
- queue.unshift("inprogress");
- }
-
- fn.call(elem, function() {
- jQuery.dequeue(elem, type);
- });
- }
-
- if ( !queue.length ) {
- jQuery.removeData( elem, type + "queue", true );
- handleQueueMarkDefer( elem, type, "queue" );
- }
- }
-});
-
-jQuery.fn.extend({
- queue: function( type, data ) {
- if ( typeof type !== "string" ) {
- data = type;
- type = "fx";
- }
-
- if ( data === undefined ) {
- return jQuery.queue( this[0], type );
- }
- return this.each(function() {
- var queue = jQuery.queue( this, type, data );
-
- if ( type === "fx" && queue[0] !== "inprogress" ) {
- jQuery.dequeue( this, type );
- }
- });
- },
- dequeue: function( type ) {
- return this.each(function() {
- jQuery.dequeue( this, type );
- });
- },
- // Based off of the plugin by Clint Helfers, with permission.
- // http://blindsignals.com/index.php/2009/07/jquery-delay/
- delay: function( time, type ) {
- time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
- type = type || "fx";
-
- return this.queue( type, function() {
- var elem = this;
- setTimeout(function() {
- jQuery.dequeue( elem, type );
- }, time );
- });
- },
- clearQueue: function( type ) {
- return this.queue( type || "fx", [] );
- },
- // Get a promise resolved when queues of a certain type
- // are emptied (fx is the type by default)
- promise: function( type, object ) {
- if ( typeof type !== "string" ) {
- object = type;
- type = undefined;
- }
- type = type || "fx";
- var defer = jQuery.Deferred(),
- elements = this,
- i = elements.length,
- count = 1,
- deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- tmp;
- function resolve() {
- if ( !( --count ) ) {
- defer.resolveWith( elements, [ elements ] );
- }
- }
- while( i-- ) {
- if (( tmp = jQuery.data( elements[ i ], deferDataKey, undefined, true ) ||
- ( jQuery.data( elements[ i ], queueDataKey, undefined, true ) ||
- jQuery.data( elements[ i ], markDataKey, undefined, true ) ) &&
- jQuery.data( elements[ i ], deferDataKey, jQuery._Deferred(), true ) )) {
- count++;
- tmp.done( resolve );
- }
- }
- resolve();
- return defer.promise();
- }
-});
-
-
-
-
-var rclass = /[\n\t\r]/g,
- rspace = /\s+/,
- rreturn = /\r/g,
- rtype = /^(?:button|input)$/i,
- rfocusable = /^(?:button|input|object|select|textarea)$/i,
- rclickable = /^a(?:rea)?$/i,
- rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
- nodeHook, boolHook;
-
-jQuery.fn.extend({
- attr: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.attr );
- },
-
- removeAttr: function( name ) {
- return this.each(function() {
- jQuery.removeAttr( this, name );
- });
- },
-
- prop: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.prop );
- },
-
- removeProp: function( name ) {
- name = jQuery.propFix[ name ] || name;
- return this.each(function() {
- // try/catch handles cases where IE balks (such as removing a property on window)
- try {
- this[ name ] = undefined;
- delete this[ name ];
- } catch( e ) {}
- });
- },
-
- addClass: function( value ) {
- var classNames, i, l, elem,
- setClass, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).addClass( value.call(this, j, this.className) );
- });
- }
-
- if ( value && typeof value === "string" ) {
- classNames = value.split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 ) {
- if ( !elem.className && classNames.length === 1 ) {
- elem.className = value;
-
- } else {
- setClass = " " + elem.className + " ";
-
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
- setClass += classNames[ c ] + " ";
- }
- }
- elem.className = jQuery.trim( setClass );
- }
- }
- }
- }
-
- return this;
- },
-
- removeClass: function( value ) {
- var classNames, i, l, elem, className, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).removeClass( value.call(this, j, this.className) );
- });
- }
-
- if ( (value && typeof value === "string") || value === undefined ) {
- classNames = (value || "").split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 && elem.className ) {
- if ( value ) {
- className = (" " + elem.className + " ").replace( rclass, " " );
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- className = className.replace(" " + classNames[ c ] + " ", " ");
- }
- elem.className = jQuery.trim( className );
-
- } else {
- elem.className = "";
- }
- }
- }
- }
-
- return this;
- },
-
- toggleClass: function( value, stateVal ) {
- var type = typeof value,
- isBool = typeof stateVal === "boolean";
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( i ) {
- jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
- });
- }
-
- return this.each(function() {
- if ( type === "string" ) {
- // toggle individual class names
- var className,
- i = 0,
- self = jQuery( this ),
- state = stateVal,
- classNames = value.split( rspace );
-
- while ( (className = classNames[ i++ ]) ) {
- // check each className given, space seperated list
- state = isBool ? state : !self.hasClass( className );
- self[ state ? "addClass" : "removeClass" ]( className );
- }
-
- } else if ( type === "undefined" || type === "boolean" ) {
- if ( this.className ) {
- // store className if set
- jQuery._data( this, "__className__", this.className );
- }
-
- // toggle whole className
- this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
- }
- });
- },
-
- hasClass: function( selector ) {
- var className = " " + selector + " ";
- for ( var i = 0, l = this.length; i < l; i++ ) {
- if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
- return true;
- }
- }
-
- return false;
- },
-
- val: function( value ) {
- var hooks, ret,
- elem = this[0];
-
- if ( !arguments.length ) {
- if ( elem ) {
- hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
-
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
- return ret;
- }
-
- ret = elem.value;
-
- return typeof ret === "string" ?
- // handle most common string cases
- ret.replace(rreturn, "") :
- // handle cases where value is null/undef or number
- ret == null ? "" : ret;
- }
-
- return undefined;
- }
-
- var isFunction = jQuery.isFunction( value );
-
- return this.each(function( i ) {
- var self = jQuery(this), val;
-
- if ( this.nodeType !== 1 ) {
- return;
- }
-
- if ( isFunction ) {
- val = value.call( this, i, self.val() );
- } else {
- val = value;
- }
-
- // Treat null/undefined as ""; convert numbers to string
- if ( val == null ) {
- val = "";
- } else if ( typeof val === "number" ) {
- val += "";
- } else if ( jQuery.isArray( val ) ) {
- val = jQuery.map(val, function ( value ) {
- return value == null ? "" : value + "";
- });
- }
-
- hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];
-
- // If set returns undefined, fall back to normal setting
- if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
- this.value = val;
- }
- });
- }
-});
-
-jQuery.extend({
- valHooks: {
- option: {
- get: function( elem ) {
- // attributes.value is undefined in Blackberry 4.7 but
- // uses .value. See #6932
- var val = elem.attributes.value;
- return !val || val.specified ? elem.value : elem.text;
- }
- },
- select: {
- get: function( elem ) {
- var value,
- index = elem.selectedIndex,
- values = [],
- options = elem.options,
- one = elem.type === "select-one";
-
- // Nothing was selected
- if ( index < 0 ) {
- return null;
- }
-
- // Loop through all the selected options
- for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
- var option = options[ i ];
-
- // Don't return options that are disabled or in a disabled optgroup
- if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
- (!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
-
- // Get the specific value for the option
- value = jQuery( option ).val();
-
- // We don't need an array for one selects
- if ( one ) {
- return value;
- }
-
- // Multi-Selects return an array
- values.push( value );
- }
- }
-
- // Fixes Bug #2551 -- select.val() broken in IE after form.reset()
- if ( one && !values.length && options.length ) {
- return jQuery( options[ index ] ).val();
- }
-
- return values;
- },
-
- set: function( elem, value ) {
- var values = jQuery.makeArray( value );
-
- jQuery(elem).find("option").each(function() {
- this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
- });
-
- if ( !values.length ) {
- elem.selectedIndex = -1;
- }
- return values;
- }
- }
- },
-
- attrFn: {
- val: true,
- css: true,
- html: true,
- text: true,
- data: true,
- width: true,
- height: true,
- offset: true
- },
-
- attrFix: {
- // Always normalize to ensure hook usage
- tabindex: "tabIndex"
- },
-
- attr: function( elem, name, value, pass ) {
- var nType = elem.nodeType;
-
- // don't get/set attributes on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return undefined;
- }
-
- if ( pass && name in jQuery.attrFn ) {
- return jQuery( elem )[ name ]( value );
- }
-
- // Fallback to prop when attributes are not supported
- if ( !("getAttribute" in elem) ) {
- return jQuery.prop( elem, name, value );
- }
-
- var ret, hooks,
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- // Normalize the name if needed
- if ( notxml ) {
- name = jQuery.attrFix[ name ] || name;
-
- hooks = jQuery.attrHooks[ name ];
-
- if ( !hooks ) {
- // Use boolHook for boolean attributes
- if ( rboolean.test( name ) ) {
- hooks = boolHook;
-
- // Use nodeHook if available( IE6/7 )
- } else if ( nodeHook ) {
- hooks = nodeHook;
- }
- }
- }
-
- if ( value !== undefined ) {
-
- if ( value === null ) {
- jQuery.removeAttr( elem, name );
- return undefined;
-
- } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- elem.setAttribute( name, "" + value );
- return value;
- }
-
- } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
-
- ret = elem.getAttribute( name );
-
- // Non-existent attributes return null, we normalize to undefined
- return ret === null ?
- undefined :
- ret;
- }
- },
-
- removeAttr: function( elem, name ) {
- var propName;
- if ( elem.nodeType === 1 ) {
- name = jQuery.attrFix[ name ] || name;
-
- jQuery.attr( elem, name, "" );
- elem.removeAttribute( name );
-
- // Set corresponding property to false for boolean attributes
- if ( rboolean.test( name ) && (propName = jQuery.propFix[ name ] || name) in elem ) {
- elem[ propName ] = false;
- }
- }
- },
-
- attrHooks: {
- type: {
- set: function( elem, value ) {
- // We can't allow the type property to be changed (since it causes problems in IE)
- if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
- jQuery.error( "type property can't be changed" );
- } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
- // Setting the type on a radio button after the value resets the value in IE6-9
- // Reset value to it's default in case type is set after value
- // This is for element creation
- var val = elem.value;
- elem.setAttribute( "type", value );
- if ( val ) {
- elem.value = val;
- }
- return value;
- }
- }
- },
- // Use the value property for back compat
- // Use the nodeHook for button elements in IE6/7 (#1954)
- value: {
- get: function( elem, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.get( elem, name );
- }
- return name in elem ?
- elem.value :
- null;
- },
- set: function( elem, value, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.set( elem, value, name );
- }
- // Does not return so that setAttribute is also used
- elem.value = value;
- }
- }
- },
-
- propFix: {
- tabindex: "tabIndex",
- readonly: "readOnly",
- "for": "htmlFor",
- "class": "className",
- maxlength: "maxLength",
- cellspacing: "cellSpacing",
- cellpadding: "cellPadding",
- rowspan: "rowSpan",
- colspan: "colSpan",
- usemap: "useMap",
- frameborder: "frameBorder",
- contenteditable: "contentEditable"
- },
-
- prop: function( elem, name, value ) {
- var nType = elem.nodeType;
-
- // don't get/set properties on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return undefined;
- }
-
- var ret, hooks,
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- if ( notxml ) {
- // Fix name and attach hooks
- name = jQuery.propFix[ name ] || name;
- hooks = jQuery.propHooks[ name ];
- }
-
- if ( value !== undefined ) {
- if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- return (elem[ name ] = value);
- }
-
- } else {
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
- return elem[ name ];
- }
- }
- },
-
- propHooks: {
- tabIndex: {
- get: function( elem ) {
- // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
- // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
- var attributeNode = elem.getAttributeNode("tabindex");
-
- return attributeNode && attributeNode.specified ?
- parseInt( attributeNode.value, 10 ) :
- rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
- 0 :
- undefined;
- }
- }
- }
-});
-
-// Add the tabindex propHook to attrHooks for back-compat
-jQuery.attrHooks.tabIndex = jQuery.propHooks.tabIndex;
-
-// Hook for boolean attributes
-boolHook = {
- get: function( elem, name ) {
- // Align boolean attributes with corresponding properties
- // Fall back to attribute presence where some booleans are not supported
- var attrNode;
- return jQuery.prop( elem, name ) === true || ( attrNode = elem.getAttributeNode( name ) ) && attrNode.nodeValue !== false ?
- name.toLowerCase() :
- undefined;
- },
- set: function( elem, value, name ) {
- var propName;
- if ( value === false ) {
- // Remove boolean attributes when set to false
- jQuery.removeAttr( elem, name );
- } else {
- // value is true since we know at this point it's type boolean and not false
- // Set boolean attributes to the same name and set the DOM property
- propName = jQuery.propFix[ name ] || name;
- if ( propName in elem ) {
- // Only set the IDL specifically if it already exists on the element
- elem[ propName ] = true;
- }
-
- elem.setAttribute( name, name.toLowerCase() );
- }
- return name;
- }
-};
-
-// IE6/7 do not support getting/setting some attributes with get/setAttribute
-if ( !jQuery.support.getSetAttribute ) {
-
- // Use this for any attribute in IE6/7
- // This fixes almost every IE6/7 issue
- nodeHook = jQuery.valHooks.button = {
- get: function( elem, name ) {
- var ret;
- ret = elem.getAttributeNode( name );
- // Return undefined if nodeValue is empty string
- return ret && ret.nodeValue !== "" ?
- ret.nodeValue :
- undefined;
- },
- set: function( elem, value, name ) {
- // Set the existing or create a new attribute node
- var ret = elem.getAttributeNode( name );
- if ( !ret ) {
- ret = document.createAttribute( name );
- elem.setAttributeNode( ret );
- }
- return (ret.nodeValue = value + "");
- }
- };
-
- // Set width and height to auto instead of 0 on empty string( Bug #8150 )
- // This is for removals
- jQuery.each([ "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- set: function( elem, value ) {
- if ( value === "" ) {
- elem.setAttribute( name, "auto" );
- return value;
- }
- }
- });
- });
-}
-
-
-// Some attributes require a special call on IE
-if ( !jQuery.support.hrefNormalized ) {
- jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- get: function( elem ) {
- var ret = elem.getAttribute( name, 2 );
- return ret === null ? undefined : ret;
- }
- });
- });
-}
-
-if ( !jQuery.support.style ) {
- jQuery.attrHooks.style = {
- get: function( elem ) {
- // Return undefined in the case of empty string
- // Normalize to lowercase since IE uppercases css property names
- return elem.style.cssText.toLowerCase() || undefined;
- },
- set: function( elem, value ) {
- return (elem.style.cssText = "" + value);
- }
- };
-}
-
-// Safari mis-reports the default selected property of an option
-// Accessing the parent's selectedIndex property fixes it
-if ( !jQuery.support.optSelected ) {
- jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
- get: function( elem ) {
- var parent = elem.parentNode;
-
- if ( parent ) {
- parent.selectedIndex;
-
- // Make sure that it also works with optgroups, see #5701
- if ( parent.parentNode ) {
- parent.parentNode.selectedIndex;
- }
- }
- return null;
- }
- });
-}
-
-// Radios and checkboxes getter/setter
-if ( !jQuery.support.checkOn ) {
- jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = {
- get: function( elem ) {
- // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
- return elem.getAttribute("value") === null ? "on" : elem.value;
- }
- };
- });
-}
-jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
- set: function( elem, value ) {
- if ( jQuery.isArray( value ) ) {
- return (elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0);
- }
- }
- });
-});
-
-
-
-
-var rnamespaces = /\.(.*)$/,
- rformElems = /^(?:textarea|input|select)$/i,
- rperiod = /\./g,
- rspaces = / /g,
- rescape = /[^\w\s.|`]/g,
- fcleanup = function( nm ) {
- return nm.replace(rescape, "\\$&");
- };
-
-/*
- * A number of helper functions used for managing events.
- * Many of the ideas behind this code originated from
- * Dean Edwards' addEvent library.
- */
-jQuery.event = {
-
- // Bind an event to an element
- // Original by Dean Edwards
- add: function( elem, types, handler, data ) {
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- if ( handler === false ) {
- handler = returnFalse;
- } else if ( !handler ) {
- // Fixes bug #7229. Fix recommended by jdalton
- return;
- }
-
- var handleObjIn, handleObj;
-
- if ( handler.handler ) {
- handleObjIn = handler;
- handler = handleObjIn.handler;
- }
-
- // Make sure that the function being executed has a unique ID
- if ( !handler.guid ) {
- handler.guid = jQuery.guid++;
- }
-
- // Init the element's event structure
- var elemData = jQuery._data( elem );
-
- // If no elemData is found then we must be trying to bind to one of the
- // banned noData elements
- if ( !elemData ) {
- return;
- }
-
- var events = elemData.events,
- eventHandle = elemData.handle;
-
- if ( !events ) {
- elemData.events = events = {};
- }
-
- if ( !eventHandle ) {
- elemData.handle = eventHandle = function( e ) {
- // Discard the second event of a jQuery.event.trigger() and
- // when an event is called after a page has unloaded
- return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
- jQuery.event.handle.apply( eventHandle.elem, arguments ) :
- undefined;
- };
- }
-
- // Add elem as a property of the handle function
- // This is to prevent a memory leak with non-native events in IE.
- eventHandle.elem = elem;
-
- // Handle multiple events separated by a space
- // jQuery(...).bind("mouseover mouseout", fn);
- types = types.split(" ");
-
- var type, i = 0, namespaces;
-
- while ( (type = types[ i++ ]) ) {
- handleObj = handleObjIn ?
- jQuery.extend({}, handleObjIn) :
- { handler: handler, data: data };
-
- // Namespaced event handlers
- if ( type.indexOf(".") > -1 ) {
- namespaces = type.split(".");
- type = namespaces.shift();
- handleObj.namespace = namespaces.slice(0).sort().join(".");
-
- } else {
- namespaces = [];
- handleObj.namespace = "";
- }
-
- handleObj.type = type;
- if ( !handleObj.guid ) {
- handleObj.guid = handler.guid;
- }
-
- // Get the current list of functions bound to this event
- var handlers = events[ type ],
- special = jQuery.event.special[ type ] || {};
-
- // Init the event handler queue
- if ( !handlers ) {
- handlers = events[ type ] = [];
-
- // Check for a special event handler
- // Only use addEventListener/attachEvent if the special
- // events handler returns false
- if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
- // Bind the global event handler to the element
- if ( elem.addEventListener ) {
- elem.addEventListener( type, eventHandle, false );
-
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, eventHandle );
- }
- }
- }
-
- if ( special.add ) {
- special.add.call( elem, handleObj );
-
- if ( !handleObj.handler.guid ) {
- handleObj.handler.guid = handler.guid;
- }
- }
-
- // Add the function to the element's handler list
- handlers.push( handleObj );
-
- // Keep track of which events have been used, for event optimization
- jQuery.event.global[ type ] = true;
- }
-
- // Nullify elem to prevent memory leaks in IE
- elem = null;
- },
-
- global: {},
-
- // Detach an event or set of events from an element
- remove: function( elem, types, handler, pos ) {
- // don't do events on text and comment nodes
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- if ( handler === false ) {
- handler = returnFalse;
- }
-
- var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType,
- elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
- events = elemData && elemData.events;
-
- if ( !elemData || !events ) {
- return;
- }
-
- // types is actually an event object here
- if ( types && types.type ) {
- handler = types.handler;
- types = types.type;
- }
-
- // Unbind all events for the element
- if ( !types || typeof types === "string" && types.charAt(0) === "." ) {
- types = types || "";
-
- for ( type in events ) {
- jQuery.event.remove( elem, type + types );
- }
-
- return;
- }
-
- // Handle multiple events separated by a space
- // jQuery(...).unbind("mouseover mouseout", fn);
- types = types.split(" ");
-
- while ( (type = types[ i++ ]) ) {
- origType = type;
- handleObj = null;
- all = type.indexOf(".") < 0;
- namespaces = [];
-
- if ( !all ) {
- // Namespaced event handlers
- namespaces = type.split(".");
- type = namespaces.shift();
-
- namespace = new RegExp("(^|\\.)" +
- jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)");
- }
-
- eventType = events[ type ];
-
- if ( !eventType ) {
- continue;
- }
-
- if ( !handler ) {
- for ( j = 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( all || namespace.test( handleObj.namespace ) ) {
- jQuery.event.remove( elem, origType, handleObj.handler, j );
- eventType.splice( j--, 1 );
- }
- }
-
- continue;
- }
-
- special = jQuery.event.special[ type ] || {};
-
- for ( j = pos || 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( handler.guid === handleObj.guid ) {
- // remove the given handler for the given type
- if ( all || namespace.test( handleObj.namespace ) ) {
- if ( pos == null ) {
- eventType.splice( j--, 1 );
- }
-
- if ( special.remove ) {
- special.remove.call( elem, handleObj );
- }
- }
-
- if ( pos != null ) {
- break;
- }
- }
- }
-
- // remove generic event handler if no more handlers exist
- if ( eventType.length === 0 || pos != null && eventType.length === 1 ) {
- if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
- jQuery.removeEvent( elem, type, elemData.handle );
- }
-
- ret = null;
- delete events[ type ];
- }
- }
-
- // Remove the expando if it's no longer used
- if ( jQuery.isEmptyObject( events ) ) {
- var handle = elemData.handle;
- if ( handle ) {
- handle.elem = null;
- }
-
- delete elemData.events;
- delete elemData.handle;
-
- if ( jQuery.isEmptyObject( elemData ) ) {
- jQuery.removeData( elem, undefined, true );
- }
- }
- },
-
- // Events that are safe to short-circuit if no handlers are attached.
- // Native DOM events should not be added, they may have inline handlers.
- customEvent: {
- "getData": true,
- "setData": true,
- "changeData": true
- },
-
- trigger: function( event, data, elem, onlyHandlers ) {
- // Event object or event type
- var type = event.type || event,
- namespaces = [],
- exclusive;
-
- if ( type.indexOf("!") >= 0 ) {
- // Exclusive events trigger only for the exact event (no namespaces)
- type = type.slice(0, -1);
- exclusive = true;
- }
-
- if ( type.indexOf(".") >= 0 ) {
- // Namespaced trigger; create a regexp to match event type in handle()
- namespaces = type.split(".");
- type = namespaces.shift();
- namespaces.sort();
- }
-
- if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
- // No jQuery handlers for this event type, and it can't have inline handlers
- return;
- }
-
- // Caller can pass in an Event, Object, or just an event type string
- event = typeof event === "object" ?
- // jQuery.Event object
- event[ jQuery.expando ] ? event :
- // Object literal
- new jQuery.Event( type, event ) :
- // Just the event type (string)
- new jQuery.Event( type );
-
- event.type = type;
- event.exclusive = exclusive;
- event.namespace = namespaces.join(".");
- event.namespace_re = new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.)?") + "(\\.|$)");
-
- // triggerHandler() and global events don't bubble or run the default action
- if ( onlyHandlers || !elem ) {
- event.preventDefault();
- event.stopPropagation();
- }
-
- // Handle a global trigger
- if ( !elem ) {
- // TODO: Stop taunting the data cache; remove global events and always attach to document
- jQuery.each( jQuery.cache, function() {
- // internalKey variable is just used to make it easier to find
- // and potentially change this stuff later; currently it just
- // points to jQuery.expando
- var internalKey = jQuery.expando,
- internalCache = this[ internalKey ];
- if ( internalCache && internalCache.events && internalCache.events[ type ] ) {
- jQuery.event.trigger( event, data, internalCache.handle.elem );
- }
- });
- return;
- }
-
- // Don't do events on text and comment nodes
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- // Clean up the event in case it is being reused
- event.result = undefined;
- event.target = elem;
-
- // Clone any incoming data and prepend the event, creating the handler arg list
- data = data != null ? jQuery.makeArray( data ) : [];
- data.unshift( event );
-
- var cur = elem,
- // IE doesn't like method names with a colon (#3533, #8272)
- ontype = type.indexOf(":") < 0 ? "on" + type : "";
-
- // Fire event on the current element, then bubble up the DOM tree
- do {
- var handle = jQuery._data( cur, "handle" );
-
- event.currentTarget = cur;
- if ( handle ) {
- handle.apply( cur, data );
- }
-
- // Trigger an inline bound script
- if ( ontype && jQuery.acceptData( cur ) && cur[ ontype ] && cur[ ontype ].apply( cur, data ) === false ) {
- event.result = false;
- event.preventDefault();
- }
-
- // Bubble up to document, then to window
- cur = cur.parentNode || cur.ownerDocument || cur === event.target.ownerDocument && window;
- } while ( cur && !event.isPropagationStopped() );
-
- // If nobody prevented the default action, do it now
- if ( !event.isDefaultPrevented() ) {
- var old,
- special = jQuery.event.special[ type ] || {};
-
- if ( (!special._default || special._default.call( elem.ownerDocument, event ) === false) &&
- !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
-
- // Call a native DOM method on the target with the same name name as the event.
- // Can't use an .isFunction)() check here because IE6/7 fails that test.
- // IE<9 dies on focus to hidden element (#1486), may want to revisit a try/catch.
- try {
- if ( ontype && elem[ type ] ) {
- // Don't re-trigger an onFOO event when we call its FOO() method
- old = elem[ ontype ];
-
- if ( old ) {
- elem[ ontype ] = null;
- }
-
- jQuery.event.triggered = type;
- elem[ type ]();
- }
- } catch ( ieError ) {}
-
- if ( old ) {
- elem[ ontype ] = old;
- }
-
- jQuery.event.triggered = undefined;
- }
- }
-
- return event.result;
- },
-
- handle: function( event ) {
- event = jQuery.event.fix( event || window.event );
- // Snapshot the handlers list since a called handler may add/remove events.
- var handlers = ((jQuery._data( this, "events" ) || {})[ event.type ] || []).slice(0),
- run_all = !event.exclusive && !event.namespace,
- args = Array.prototype.slice.call( arguments, 0 );
-
- // Use the fix-ed Event rather than the (read-only) native event
- args[0] = event;
- event.currentTarget = this;
-
- for ( var j = 0, l = handlers.length; j < l; j++ ) {
- var handleObj = handlers[ j ];
-
- // Triggered event must 1) be non-exclusive and have no namespace, or
- // 2) have namespace(s) a subset or equal to those in the bound event.
- if ( run_all || event.namespace_re.test( handleObj.namespace ) ) {
- // Pass in a reference to the handler function itself
- // So that we can later remove it
- event.handler = handleObj.handler;
- event.data = handleObj.data;
- event.handleObj = handleObj;
-
- var ret = handleObj.handler.apply( this, args );
-
- if ( ret !== undefined ) {
- event.result = ret;
- if ( ret === false ) {
- event.preventDefault();
- event.stopPropagation();
- }
- }
-
- if ( event.isImmediatePropagationStopped() ) {
- break;
- }
- }
- }
- return event.result;
- },
-
- props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
-
- fix: function( event ) {
- if ( event[ jQuery.expando ] ) {
- return event;
- }
-
- // store a copy of the original event object
- // and "clone" to set read-only properties
- var originalEvent = event;
- event = jQuery.Event( originalEvent );
-
- for ( var i = this.props.length, prop; i; ) {
- prop = this.props[ --i ];
- event[ prop ] = originalEvent[ prop ];
- }
-
- // Fix target property, if necessary
- if ( !event.target ) {
- // Fixes #1925 where srcElement might not be defined either
- event.target = event.srcElement || document;
- }
-
- // check if target is a textnode (safari)
- if ( event.target.nodeType === 3 ) {
- event.target = event.target.parentNode;
- }
-
- // Add relatedTarget, if necessary
- if ( !event.relatedTarget && event.fromElement ) {
- event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
- }
-
- // Calculate pageX/Y if missing and clientX/Y available
- if ( event.pageX == null && event.clientX != null ) {
- var eventDocument = event.target.ownerDocument || document,
- doc = eventDocument.documentElement,
- body = eventDocument.body;
-
- event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
- event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
- }
-
- // Add which for key events
- if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
- event.which = event.charCode != null ? event.charCode : event.keyCode;
- }
-
- // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
- if ( !event.metaKey && event.ctrlKey ) {
- event.metaKey = event.ctrlKey;
- }
-
- // Add which for click: 1 === left; 2 === middle; 3 === right
- // Note: button is not normalized, so don't use it
- if ( !event.which && event.button !== undefined ) {
- event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
- }
-
- return event;
- },
-
- // Deprecated, use jQuery.guid instead
- guid: 1E8,
-
- // Deprecated, use jQuery.proxy instead
- proxy: jQuery.proxy,
-
- special: {
- ready: {
- // Make sure the ready event is setup
- setup: jQuery.bindReady,
- teardown: jQuery.noop
- },
-
- live: {
- add: function( handleObj ) {
- jQuery.event.add( this,
- liveConvert( handleObj.origType, handleObj.selector ),
- jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) );
- },
-
- remove: function( handleObj ) {
- jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj );
- }
- },
-
- beforeunload: {
- setup: function( data, namespaces, eventHandle ) {
- // We only want to do this special case on windows
- if ( jQuery.isWindow( this ) ) {
- this.onbeforeunload = eventHandle;
- }
- },
-
- teardown: function( namespaces, eventHandle ) {
- if ( this.onbeforeunload === eventHandle ) {
- this.onbeforeunload = null;
- }
- }
- }
- }
-};
-
-jQuery.removeEvent = document.removeEventListener ?
- function( elem, type, handle ) {
- if ( elem.removeEventListener ) {
- elem.removeEventListener( type, handle, false );
- }
- } :
- function( elem, type, handle ) {
- if ( elem.detachEvent ) {
- elem.detachEvent( "on" + type, handle );
- }
- };
-
-jQuery.Event = function( src, props ) {
- // Allow instantiation without the 'new' keyword
- if ( !this.preventDefault ) {
- return new jQuery.Event( src, props );
- }
-
- // Event object
- if ( src && src.type ) {
- this.originalEvent = src;
- this.type = src.type;
-
- // Events bubbling up the document may have been marked as prevented
- // by a handler lower down the tree; reflect the correct value.
- this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false ||
- src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
-
- // Event type
- } else {
- this.type = src;
- }
-
- // Put explicitly provided properties onto the event object
- if ( props ) {
- jQuery.extend( this, props );
- }
-
- // timeStamp is buggy for some events on Firefox(#3843)
- // So we won't rely on the native value
- this.timeStamp = jQuery.now();
-
- // Mark it as fixed
- this[ jQuery.expando ] = true;
-};
-
-function returnFalse() {
- return false;
-}
-function returnTrue() {
- return true;
-}
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
- preventDefault: function() {
- this.isDefaultPrevented = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
-
- // if preventDefault exists run it on the original event
- if ( e.preventDefault ) {
- e.preventDefault();
-
- // otherwise set the returnValue property of the original event to false (IE)
- } else {
- e.returnValue = false;
- }
- },
- stopPropagation: function() {
- this.isPropagationStopped = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
- // if stopPropagation exists run it on the original event
- if ( e.stopPropagation ) {
- e.stopPropagation();
- }
- // otherwise set the cancelBubble property of the original event to true (IE)
- e.cancelBubble = true;
- },
- stopImmediatePropagation: function() {
- this.isImmediatePropagationStopped = returnTrue;
- this.stopPropagation();
- },
- isDefaultPrevented: returnFalse,
- isPropagationStopped: returnFalse,
- isImmediatePropagationStopped: returnFalse
-};
-
-// Checks if an event happened on an element within another element
-// Used in jQuery.event.special.mouseenter and mouseleave handlers
-var withinElement = function( event ) {
-
- // Check if mouse(over|out) are still within the same parent element
- var related = event.relatedTarget,
- inside = false,
- eventType = event.type;
-
- event.type = event.data;
-
- if ( related !== this ) {
-
- if ( related ) {
- inside = jQuery.contains( this, related );
- }
-
- if ( !inside ) {
-
- jQuery.event.handle.apply( this, arguments );
-
- event.type = eventType;
- }
- }
-},
-
-// In case of event delegation, we only need to rename the event.type,
-// liveHandler will take care of the rest.
-delegate = function( event ) {
- event.type = event.data;
- jQuery.event.handle.apply( this, arguments );
-};
-
-// Create mouseenter and mouseleave events
-jQuery.each({
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-}, function( orig, fix ) {
- jQuery.event.special[ orig ] = {
- setup: function( data ) {
- jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig );
- },
- teardown: function( data ) {
- jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement );
- }
- };
-});
-
-// submit delegation
-if ( !jQuery.support.submitBubbles ) {
-
- jQuery.event.special.submit = {
- setup: function( data, namespaces ) {
- if ( !jQuery.nodeName( this, "form" ) ) {
- jQuery.event.add(this, "click.specialSubmit", function( e ) {
- // Avoid triggering error on non-existent type attribute in IE VML (#7071)
- var elem = e.target,
- type = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.type : "";
-
- if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) {
- trigger( "submit", this, arguments );
- }
- });
-
- jQuery.event.add(this, "keypress.specialSubmit", function( e ) {
- var elem = e.target,
- type = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.type : "";
-
- if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) {
- trigger( "submit", this, arguments );
- }
- });
-
- } else {
- return false;
- }
- },
-
- teardown: function( namespaces ) {
- jQuery.event.remove( this, ".specialSubmit" );
- }
- };
-
-}
-
-// change delegation, happens here so we have bind.
-if ( !jQuery.support.changeBubbles ) {
-
- var changeFilters,
-
- getVal = function( elem ) {
- var type = jQuery.nodeName( elem, "input" ) ? elem.type : "",
- val = elem.value;
-
- if ( type === "radio" || type === "checkbox" ) {
- val = elem.checked;
-
- } else if ( type === "select-multiple" ) {
- val = elem.selectedIndex > -1 ?
- jQuery.map( elem.options, function( elem ) {
- return elem.selected;
- }).join("-") :
- "";
-
- } else if ( jQuery.nodeName( elem, "select" ) ) {
- val = elem.selectedIndex;
- }
-
- return val;
- },
-
- testChange = function testChange( e ) {
- var elem = e.target, data, val;
-
- if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) {
- return;
- }
-
- data = jQuery._data( elem, "_change_data" );
- val = getVal(elem);
-
- // the current data will be also retrieved by beforeactivate
- if ( e.type !== "focusout" || elem.type !== "radio" ) {
- jQuery._data( elem, "_change_data", val );
- }
-
- if ( data === undefined || val === data ) {
- return;
- }
-
- if ( data != null || val ) {
- e.type = "change";
- e.liveFired = undefined;
- jQuery.event.trigger( e, arguments[1], elem );
- }
- };
-
- jQuery.event.special.change = {
- filters: {
- focusout: testChange,
-
- beforedeactivate: testChange,
-
- click: function( e ) {
- var elem = e.target, type = jQuery.nodeName( elem, "input" ) ? elem.type : "";
-
- if ( type === "radio" || type === "checkbox" || jQuery.nodeName( elem, "select" ) ) {
- testChange.call( this, e );
- }
- },
-
- // Change has to be called before submit
- // Keydown will be called before keypress, which is used in submit-event delegation
- keydown: function( e ) {
- var elem = e.target, type = jQuery.nodeName( elem, "input" ) ? elem.type : "";
-
- if ( (e.keyCode === 13 && !jQuery.nodeName( elem, "textarea" ) ) ||
- (e.keyCode === 32 && (type === "checkbox" || type === "radio")) ||
- type === "select-multiple" ) {
- testChange.call( this, e );
- }
- },
-
- // Beforeactivate happens also before the previous element is blurred
- // with this event you can't trigger a change event, but you can store
- // information
- beforeactivate: function( e ) {
- var elem = e.target;
- jQuery._data( elem, "_change_data", getVal(elem) );
- }
- },
-
- setup: function( data, namespaces ) {
- if ( this.type === "file" ) {
- return false;
- }
-
- for ( var type in changeFilters ) {
- jQuery.event.add( this, type + ".specialChange", changeFilters[type] );
- }
-
- return rformElems.test( this.nodeName );
- },
-
- teardown: function( namespaces ) {
- jQuery.event.remove( this, ".specialChange" );
-
- return rformElems.test( this.nodeName );
- }
- };
-
- changeFilters = jQuery.event.special.change.filters;
-
- // Handle when the input is .focus()'d
- changeFilters.focus = changeFilters.beforeactivate;
-}
-
-function trigger( type, elem, args ) {
- // Piggyback on a donor event to simulate a different one.
- // Fake originalEvent to avoid donor's stopPropagation, but if the
- // simulated event prevents default then we do the same on the donor.
- // Don't pass args or remember liveFired; they apply to the donor event.
- var event = jQuery.extend( {}, args[ 0 ] );
- event.type = type;
- event.originalEvent = {};
- event.liveFired = undefined;
- jQuery.event.handle.call( elem, event );
- if ( event.isDefaultPrevented() ) {
- args[ 0 ].preventDefault();
- }
-}
-
-// Create "bubbling" focus and blur events
-if ( !jQuery.support.focusinBubbles ) {
- jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
- // Attach a single capturing handler while someone wants focusin/focusout
- var attaches = 0;
-
- jQuery.event.special[ fix ] = {
- setup: function() {
- if ( attaches++ === 0 ) {
- document.addEventListener( orig, handler, true );
- }
- },
- teardown: function() {
- if ( --attaches === 0 ) {
- document.removeEventListener( orig, handler, true );
- }
- }
- };
-
- function handler( donor ) {
- // Donor event is always a native one; fix it and switch its type.
- // Let focusin/out handler cancel the donor focus/blur event.
- var e = jQuery.event.fix( donor );
- e.type = fix;
- e.originalEvent = {};
- jQuery.event.trigger( e, null, e.target );
- if ( e.isDefaultPrevented() ) {
- donor.preventDefault();
- }
- }
- });
-}
-
-jQuery.each(["bind", "one"], function( i, name ) {
- jQuery.fn[ name ] = function( type, data, fn ) {
- var handler;
-
- // Handle object literals
- if ( typeof type === "object" ) {
- for ( var key in type ) {
- this[ name ](key, data, type[key], fn);
- }
- return this;
- }
-
- if ( arguments.length === 2 || data === false ) {
- fn = data;
- data = undefined;
- }
-
- if ( name === "one" ) {
- handler = function( event ) {
- jQuery( this ).unbind( event, handler );
- return fn.apply( this, arguments );
- };
- handler.guid = fn.guid || jQuery.guid++;
- } else {
- handler = fn;
- }
-
- if ( type === "unload" && name !== "one" ) {
- this.one( type, data, fn );
-
- } else {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- jQuery.event.add( this[i], type, handler, data );
- }
- }
-
- return this;
- };
-});
-
-jQuery.fn.extend({
- unbind: function( type, fn ) {
- // Handle object literals
- if ( typeof type === "object" && !type.preventDefault ) {
- for ( var key in type ) {
- this.unbind(key, type[key]);
- }
-
- } else {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- jQuery.event.remove( this[i], type, fn );
- }
- }
-
- return this;
- },
-
- delegate: function( selector, types, data, fn ) {
- return this.live( types, data, fn, selector );
- },
-
- undelegate: function( selector, types, fn ) {
- if ( arguments.length === 0 ) {
- return this.unbind( "live" );
-
- } else {
- return this.die( types, null, fn, selector );
- }
- },
-
- trigger: function( type, data ) {
- return this.each(function() {
- jQuery.event.trigger( type, data, this );
- });
- },
-
- triggerHandler: function( type, data ) {
- if ( this[0] ) {
- return jQuery.event.trigger( type, data, this[0], true );
- }
- },
-
- toggle: function( fn ) {
- // Save reference to arguments for access in closure
- var args = arguments,
- guid = fn.guid || jQuery.guid++,
- i = 0,
- toggler = function( event ) {
- // Figure out which function to execute
- var lastToggle = ( jQuery.data( this, "lastToggle" + fn.guid ) || 0 ) % i;
- jQuery.data( this, "lastToggle" + fn.guid, lastToggle + 1 );
-
- // Make sure that clicks stop
- event.preventDefault();
-
- // and execute the function
- return args[ lastToggle ].apply( this, arguments ) || false;
- };
-
- // link all the functions, so any of them can unbind this click handler
- toggler.guid = guid;
- while ( i < args.length ) {
- args[ i++ ].guid = guid;
- }
-
- return this.click( toggler );
- },
-
- hover: function( fnOver, fnOut ) {
- return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
- }
-});
-
-var liveMap = {
- focus: "focusin",
- blur: "focusout",
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-};
-
-jQuery.each(["live", "die"], function( i, name ) {
- jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) {
- var type, i = 0, match, namespaces, preType,
- selector = origSelector || this.selector,
- context = origSelector ? this : jQuery( this.context );
-
- if ( typeof types === "object" && !types.preventDefault ) {
- for ( var key in types ) {
- context[ name ]( key, data, types[key], selector );
- }
-
- return this;
- }
-
- if ( name === "die" && !types &&
- origSelector && origSelector.charAt(0) === "." ) {
-
- context.unbind( origSelector );
-
- return this;
- }
-
- if ( data === false || jQuery.isFunction( data ) ) {
- fn = data || returnFalse;
- data = undefined;
- }
-
- types = (types || "").split(" ");
-
- while ( (type = types[ i++ ]) != null ) {
- match = rnamespaces.exec( type );
- namespaces = "";
-
- if ( match ) {
- namespaces = match[0];
- type = type.replace( rnamespaces, "" );
- }
-
- if ( type === "hover" ) {
- types.push( "mouseenter" + namespaces, "mouseleave" + namespaces );
- continue;
- }
-
- preType = type;
-
- if ( liveMap[ type ] ) {
- types.push( liveMap[ type ] + namespaces );
- type = type + namespaces;
-
- } else {
- type = (liveMap[ type ] || type) + namespaces;
- }
-
- if ( name === "live" ) {
- // bind live handler
- for ( var j = 0, l = context.length; j < l; j++ ) {
- jQuery.event.add( context[j], "live." + liveConvert( type, selector ),
- { data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } );
- }
-
- } else {
- // unbind live handler
- context.unbind( "live." + liveConvert( type, selector ), fn );
- }
- }
-
- return this;
- };
-});
-
-function liveHandler( event ) {
- var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret,
- elems = [],
- selectors = [],
- events = jQuery._data( this, "events" );
-
- // Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911)
- if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) {
- return;
- }
-
- if ( event.namespace ) {
- namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)");
- }
-
- event.liveFired = this;
-
- var live = events.live.slice(0);
-
- for ( j = 0; j < live.length; j++ ) {
- handleObj = live[j];
-
- if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) {
- selectors.push( handleObj.selector );
-
- } else {
- live.splice( j--, 1 );
- }
- }
-
- match = jQuery( event.target ).closest( selectors, event.currentTarget );
-
- for ( i = 0, l = match.length; i < l; i++ ) {
- close = match[i];
-
- for ( j = 0; j < live.length; j++ ) {
- handleObj = live[j];
-
- if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) {
- elem = close.elem;
- related = null;
-
- // Those two events require additional checking
- if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) {
- event.type = handleObj.preType;
- related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0];
-
- // Make sure not to accidentally match a child element with the same selector
- if ( related && jQuery.contains( elem, related ) ) {
- related = elem;
- }
- }
-
- if ( !related || related !== elem ) {
- elems.push({ elem: elem, handleObj: handleObj, level: close.level });
- }
- }
- }
- }
-
- for ( i = 0, l = elems.length; i < l; i++ ) {
- match = elems[i];
-
- if ( maxLevel && match.level > maxLevel ) {
- break;
- }
-
- event.currentTarget = match.elem;
- event.data = match.handleObj.data;
- event.handleObj = match.handleObj;
-
- ret = match.handleObj.origHandler.apply( match.elem, arguments );
-
- if ( ret === false || event.isPropagationStopped() ) {
- maxLevel = match.level;
-
- if ( ret === false ) {
- stop = false;
- }
- if ( event.isImmediatePropagationStopped() ) {
- break;
- }
- }
- }
-
- return stop;
-}
-
-function liveConvert( type, selector ) {
- return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspaces, "&");
-}
-
-jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
- "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
- "change select submit keydown keypress keyup error").split(" "), function( i, name ) {
-
- // Handle event binding
- jQuery.fn[ name ] = function( data, fn ) {
- if ( fn == null ) {
- fn = data;
- data = null;
- }
-
- return arguments.length > 0 ?
- this.bind( name, data, fn ) :
- this.trigger( name );
- };
-
- if ( jQuery.attrFn ) {
- jQuery.attrFn[ name ] = true;
- }
-});
-
-
-
-/*!
- * Sizzle CSS Selector Engine
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- * More information: http://sizzlejs.com/
- */
-(function(){
-
-var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
- done = 0,
- toString = Object.prototype.toString,
- hasDuplicate = false,
- baseHasDuplicate = true,
- rBackslash = /\\/g,
- rNonWord = /\W/;
-
-// Here we check if the JavaScript engine is using some sort of
-// optimization where it does not always call our comparision
-// function. If that is the case, discard the hasDuplicate value.
-// Thus far that includes Google Chrome.
-[0, 0].sort(function() {
- baseHasDuplicate = false;
- return 0;
-});
-
-var Sizzle = function( selector, context, results, seed ) {
- results = results || [];
- context = context || document;
-
- var origContext = context;
-
- if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
- return [];
- }
-
- if ( !selector || typeof selector !== "string" ) {
- return results;
- }
-
- var m, set, checkSet, extra, ret, cur, pop, i,
- prune = true,
- contextXML = Sizzle.isXML( context ),
- parts = [],
- soFar = selector;
-
- // Reset the position of the chunker regexp (start from head)
- do {
- chunker.exec( "" );
- m = chunker.exec( soFar );
-
- if ( m ) {
- soFar = m[3];
-
- parts.push( m[1] );
-
- if ( m[2] ) {
- extra = m[3];
- break;
- }
- }
- } while ( m );
-
- if ( parts.length > 1 && origPOS.exec( selector ) ) {
-
- if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
- set = posProcess( parts[0] + parts[1], context );
-
- } else {
- set = Expr.relative[ parts[0] ] ?
- [ context ] :
- Sizzle( parts.shift(), context );
-
- while ( parts.length ) {
- selector = parts.shift();
-
- if ( Expr.relative[ selector ] ) {
- selector += parts.shift();
- }
-
- set = posProcess( selector, set );
- }
- }
-
- } else {
- // Take a shortcut and set the context if the root selector is an ID
- // (but not if it'll be faster if the inner selector is an ID)
- if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
- Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
-
- ret = Sizzle.find( parts.shift(), context, contextXML );
- context = ret.expr ?
- Sizzle.filter( ret.expr, ret.set )[0] :
- ret.set[0];
- }
-
- if ( context ) {
- ret = seed ?
- { expr: parts.pop(), set: makeArray(seed) } :
- Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
-
- set = ret.expr ?
- Sizzle.filter( ret.expr, ret.set ) :
- ret.set;
-
- if ( parts.length > 0 ) {
- checkSet = makeArray( set );
-
- } else {
- prune = false;
- }
-
- while ( parts.length ) {
- cur = parts.pop();
- pop = cur;
-
- if ( !Expr.relative[ cur ] ) {
- cur = "";
- } else {
- pop = parts.pop();
- }
-
- if ( pop == null ) {
- pop = context;
- }
-
- Expr.relative[ cur ]( checkSet, pop, contextXML );
- }
-
- } else {
- checkSet = parts = [];
- }
- }
-
- if ( !checkSet ) {
- checkSet = set;
- }
-
- if ( !checkSet ) {
- Sizzle.error( cur || selector );
- }
-
- if ( toString.call(checkSet) === "[object Array]" ) {
- if ( !prune ) {
- results.push.apply( results, checkSet );
-
- } else if ( context && context.nodeType === 1 ) {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
- results.push( set[i] );
- }
- }
-
- } else {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
- results.push( set[i] );
- }
- }
- }
-
- } else {
- makeArray( checkSet, results );
- }
-
- if ( extra ) {
- Sizzle( extra, origContext, results, seed );
- Sizzle.uniqueSort( results );
- }
-
- return results;
-};
-
-Sizzle.uniqueSort = function( results ) {
- if ( sortOrder ) {
- hasDuplicate = baseHasDuplicate;
- results.sort( sortOrder );
-
- if ( hasDuplicate ) {
- for ( var i = 1; i < results.length; i++ ) {
- if ( results[i] === results[ i - 1 ] ) {
- results.splice( i--, 1 );
- }
- }
- }
- }
-
- return results;
-};
-
-Sizzle.matches = function( expr, set ) {
- return Sizzle( expr, null, null, set );
-};
-
-Sizzle.matchesSelector = function( node, expr ) {
- return Sizzle( expr, null, null, [node] ).length > 0;
-};
-
-Sizzle.find = function( expr, context, isXML ) {
- var set;
-
- if ( !expr ) {
- return [];
- }
-
- for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
- var match,
- type = Expr.order[i];
-
- if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
- var left = match[1];
- match.splice( 1, 1 );
-
- if ( left.substr( left.length - 1 ) !== "\\" ) {
- match[1] = (match[1] || "").replace( rBackslash, "" );
- set = Expr.find[ type ]( match, context, isXML );
-
- if ( set != null ) {
- expr = expr.replace( Expr.match[ type ], "" );
- break;
- }
- }
- }
- }
-
- if ( !set ) {
- set = typeof context.getElementsByTagName !== "undefined" ?
- context.getElementsByTagName( "*" ) :
- [];
- }
-
- return { set: set, expr: expr };
-};
-
-Sizzle.filter = function( expr, set, inplace, not ) {
- var match, anyFound,
- old = expr,
- result = [],
- curLoop = set,
- isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
-
- while ( expr && set.length ) {
- for ( var type in Expr.filter ) {
- if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
- var found, item,
- filter = Expr.filter[ type ],
- left = match[1];
-
- anyFound = false;
-
- match.splice(1,1);
-
- if ( left.substr( left.length - 1 ) === "\\" ) {
- continue;
- }
-
- if ( curLoop === result ) {
- result = [];
- }
-
- if ( Expr.preFilter[ type ] ) {
- match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
-
- if ( !match ) {
- anyFound = found = true;
-
- } else if ( match === true ) {
- continue;
- }
- }
-
- if ( match ) {
- for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
- if ( item ) {
- found = filter( item, match, i, curLoop );
- var pass = not ^ !!found;
-
- if ( inplace && found != null ) {
- if ( pass ) {
- anyFound = true;
-
- } else {
- curLoop[i] = false;
- }
-
- } else if ( pass ) {
- result.push( item );
- anyFound = true;
- }
- }
- }
- }
-
- if ( found !== undefined ) {
- if ( !inplace ) {
- curLoop = result;
- }
-
- expr = expr.replace( Expr.match[ type ], "" );
-
- if ( !anyFound ) {
- return [];
- }
-
- break;
- }
- }
- }
-
- // Improper expression
- if ( expr === old ) {
- if ( anyFound == null ) {
- Sizzle.error( expr );
-
- } else {
- break;
- }
- }
-
- old = expr;
- }
-
- return curLoop;
-};
-
-Sizzle.error = function( msg ) {
- throw "Syntax error, unrecognized expression: " + msg;
-};
-
-var Expr = Sizzle.selectors = {
- order: [ "ID", "NAME", "TAG" ],
-
- match: {
- ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
- ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
- TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
- CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
- POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
- PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
- },
-
- leftMatch: {},
-
- attrMap: {
- "class": "className",
- "for": "htmlFor"
- },
-
- attrHandle: {
- href: function( elem ) {
- return elem.getAttribute( "href" );
- },
- type: function( elem ) {
- return elem.getAttribute( "type" );
- }
- },
-
- relative: {
- "+": function(checkSet, part){
- var isPartStr = typeof part === "string",
- isTag = isPartStr && !rNonWord.test( part ),
- isPartStrNotTag = isPartStr && !isTag;
-
- if ( isTag ) {
- part = part.toLowerCase();
- }
-
- for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
- if ( (elem = checkSet[i]) ) {
- while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
-
- checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
- elem || false :
- elem === part;
- }
- }
-
- if ( isPartStrNotTag ) {
- Sizzle.filter( part, checkSet, true );
- }
- },
-
- ">": function( checkSet, part ) {
- var elem,
- isPartStr = typeof part === "string",
- i = 0,
- l = checkSet.length;
-
- if ( isPartStr && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
-
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- var parent = elem.parentNode;
- checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
- }
- }
-
- } else {
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- checkSet[i] = isPartStr ?
- elem.parentNode :
- elem.parentNode === part;
- }
- }
-
- if ( isPartStr ) {
- Sizzle.filter( part, checkSet, true );
- }
- }
- },
-
- "": function(checkSet, part, isXML){
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
- },
-
- "~": function( checkSet, part, isXML ) {
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
- }
- },
-
- find: {
- ID: function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- return m && m.parentNode ? [m] : [];
- }
- },
-
- NAME: function( match, context ) {
- if ( typeof context.getElementsByName !== "undefined" ) {
- var ret = [],
- results = context.getElementsByName( match[1] );
-
- for ( var i = 0, l = results.length; i < l; i++ ) {
- if ( results[i].getAttribute("name") === match[1] ) {
- ret.push( results[i] );
- }
- }
-
- return ret.length === 0 ? null : ret;
- }
- },
-
- TAG: function( match, context ) {
- if ( typeof context.getElementsByTagName !== "undefined" ) {
- return context.getElementsByTagName( match[1] );
- }
- }
- },
- preFilter: {
- CLASS: function( match, curLoop, inplace, result, not, isXML ) {
- match = " " + match[1].replace( rBackslash, "" ) + " ";
-
- if ( isXML ) {
- return match;
- }
-
- for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
- if ( elem ) {
- if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
- if ( !inplace ) {
- result.push( elem );
- }
-
- } else if ( inplace ) {
- curLoop[i] = false;
- }
- }
- }
-
- return false;
- },
-
- ID: function( match ) {
- return match[1].replace( rBackslash, "" );
- },
-
- TAG: function( match, curLoop ) {
- return match[1].replace( rBackslash, "" ).toLowerCase();
- },
-
- CHILD: function( match ) {
- if ( match[1] === "nth" ) {
- if ( !match[2] ) {
- Sizzle.error( match[0] );
- }
-
- match[2] = match[2].replace(/^\+|\s*/g, '');
-
- // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
- var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
- match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
- !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
-
- // calculate the numbers (first)n+(last) including if they are negative
- match[2] = (test[1] + (test[2] || 1)) - 0;
- match[3] = test[3] - 0;
- }
- else if ( match[2] ) {
- Sizzle.error( match[0] );
- }
-
- // TODO: Move to normal caching system
- match[0] = done++;
-
- return match;
- },
-
- ATTR: function( match, curLoop, inplace, result, not, isXML ) {
- var name = match[1] = match[1].replace( rBackslash, "" );
-
- if ( !isXML && Expr.attrMap[name] ) {
- match[1] = Expr.attrMap[name];
- }
-
- // Handle if an un-quoted value was used
- match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
-
- if ( match[2] === "~=" ) {
- match[4] = " " + match[4] + " ";
- }
-
- return match;
- },
-
- PSEUDO: function( match, curLoop, inplace, result, not ) {
- if ( match[1] === "not" ) {
- // If we're dealing with a complex expression, or a simple one
- if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
- match[3] = Sizzle(match[3], null, null, curLoop);
-
- } else {
- var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
-
- if ( !inplace ) {
- result.push.apply( result, ret );
- }
-
- return false;
- }
-
- } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
- return true;
- }
-
- return match;
- },
-
- POS: function( match ) {
- match.unshift( true );
-
- return match;
- }
- },
-
- filters: {
- enabled: function( elem ) {
- return elem.disabled === false && elem.type !== "hidden";
- },
-
- disabled: function( elem ) {
- return elem.disabled === true;
- },
-
- checked: function( elem ) {
- return elem.checked === true;
- },
-
- selected: function( elem ) {
- // Accessing this property makes selected-by-default
- // options in Safari work properly
- if ( elem.parentNode ) {
- elem.parentNode.selectedIndex;
- }
-
- return elem.selected === true;
- },
-
- parent: function( elem ) {
- return !!elem.firstChild;
- },
-
- empty: function( elem ) {
- return !elem.firstChild;
- },
-
- has: function( elem, i, match ) {
- return !!Sizzle( match[3], elem ).length;
- },
-
- header: function( elem ) {
- return (/h\d/i).test( elem.nodeName );
- },
-
- text: function( elem ) {
- var attr = elem.getAttribute( "type" ), type = elem.type;
- // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
- // use getAttribute instead to test this case
- return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
- },
-
- radio: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
- },
-
- checkbox: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
- },
-
- file: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
- },
-
- password: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
- },
-
- submit: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "submit" === elem.type;
- },
-
- image: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
- },
-
- reset: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "reset" === elem.type;
- },
-
- button: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return name === "input" && "button" === elem.type || name === "button";
- },
-
- input: function( elem ) {
- return (/input|select|textarea|button/i).test( elem.nodeName );
- },
-
- focus: function( elem ) {
- return elem === elem.ownerDocument.activeElement;
- }
- },
- setFilters: {
- first: function( elem, i ) {
- return i === 0;
- },
-
- last: function( elem, i, match, array ) {
- return i === array.length - 1;
- },
-
- even: function( elem, i ) {
- return i % 2 === 0;
- },
-
- odd: function( elem, i ) {
- return i % 2 === 1;
- },
-
- lt: function( elem, i, match ) {
- return i < match[3] - 0;
- },
-
- gt: function( elem, i, match ) {
- return i > match[3] - 0;
- },
-
- nth: function( elem, i, match ) {
- return match[3] - 0 === i;
- },
-
- eq: function( elem, i, match ) {
- return match[3] - 0 === i;
- }
- },
- filter: {
- PSEUDO: function( elem, match, i, array ) {
- var name = match[1],
- filter = Expr.filters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
-
- } else if ( name === "contains" ) {
- return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0;
-
- } else if ( name === "not" ) {
- var not = match[3];
-
- for ( var j = 0, l = not.length; j < l; j++ ) {
- if ( not[j] === elem ) {
- return false;
- }
- }
-
- return true;
-
- } else {
- Sizzle.error( name );
- }
- },
-
- CHILD: function( elem, match ) {
- var type = match[1],
- node = elem;
-
- switch ( type ) {
- case "only":
- case "first":
- while ( (node = node.previousSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- if ( type === "first" ) {
- return true;
- }
-
- node = elem;
-
- case "last":
- while ( (node = node.nextSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- return true;
-
- case "nth":
- var first = match[2],
- last = match[3];
-
- if ( first === 1 && last === 0 ) {
- return true;
- }
-
- var doneName = match[0],
- parent = elem.parentNode;
-
- if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
- var count = 0;
-
- for ( node = parent.firstChild; node; node = node.nextSibling ) {
- if ( node.nodeType === 1 ) {
- node.nodeIndex = ++count;
- }
- }
-
- parent.sizcache = doneName;
- }
-
- var diff = elem.nodeIndex - last;
-
- if ( first === 0 ) {
- return diff === 0;
-
- } else {
- return ( diff % first === 0 && diff / first >= 0 );
- }
- }
- },
-
- ID: function( elem, match ) {
- return elem.nodeType === 1 && elem.getAttribute("id") === match;
- },
-
- TAG: function( elem, match ) {
- return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match;
- },
-
- CLASS: function( elem, match ) {
- return (" " + (elem.className || elem.getAttribute("class")) + " ")
- .indexOf( match ) > -1;
- },
-
- ATTR: function( elem, match ) {
- var name = match[1],
- result = Expr.attrHandle[ name ] ?
- Expr.attrHandle[ name ]( elem ) :
- elem[ name ] != null ?
- elem[ name ] :
- elem.getAttribute( name ),
- value = result + "",
- type = match[2],
- check = match[4];
-
- return result == null ?
- type === "!=" :
- type === "=" ?
- value === check :
- type === "*=" ?
- value.indexOf(check) >= 0 :
- type === "~=" ?
- (" " + value + " ").indexOf(check) >= 0 :
- !check ?
- value && result !== false :
- type === "!=" ?
- value !== check :
- type === "^=" ?
- value.indexOf(check) === 0 :
- type === "$=" ?
- value.substr(value.length - check.length) === check :
- type === "|=" ?
- value === check || value.substr(0, check.length + 1) === check + "-" :
- false;
- },
-
- POS: function( elem, match, i, array ) {
- var name = match[2],
- filter = Expr.setFilters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
- }
- }
- }
-};
-
-var origPOS = Expr.match.POS,
- fescape = function(all, num){
- return "\\" + (num - 0 + 1);
- };
-
-for ( var type in Expr.match ) {
- Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
- Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
-}
-
-var makeArray = function( array, results ) {
- array = Array.prototype.slice.call( array, 0 );
-
- if ( results ) {
- results.push.apply( results, array );
- return results;
- }
-
- return array;
-};
-
-// Perform a simple check to determine if the browser is capable of
-// converting a NodeList to an array using builtin methods.
-// Also verifies that the returned array holds DOM nodes
-// (which is not the case in the Blackberry browser)
-try {
- Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
-
-// Provide a fallback method if it does not work
-} catch( e ) {
- makeArray = function( array, results ) {
- var i = 0,
- ret = results || [];
-
- if ( toString.call(array) === "[object Array]" ) {
- Array.prototype.push.apply( ret, array );
-
- } else {
- if ( typeof array.length === "number" ) {
- for ( var l = array.length; i < l; i++ ) {
- ret.push( array[i] );
- }
-
- } else {
- for ( ; array[i]; i++ ) {
- ret.push( array[i] );
- }
- }
- }
-
- return ret;
- };
-}
-
-var sortOrder, siblingCheck;
-
-if ( document.documentElement.compareDocumentPosition ) {
- sortOrder = function( a, b ) {
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
- }
-
- if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
- return a.compareDocumentPosition ? -1 : 1;
- }
-
- return a.compareDocumentPosition(b) & 4 ? -1 : 1;
- };
-
-} else {
- sortOrder = function( a, b ) {
- // The nodes are identical, we can exit early
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
-
- // Fallback to using sourceIndex (in IE) if it's available on both nodes
- } else if ( a.sourceIndex && b.sourceIndex ) {
- return a.sourceIndex - b.sourceIndex;
- }
-
- var al, bl,
- ap = [],
- bp = [],
- aup = a.parentNode,
- bup = b.parentNode,
- cur = aup;
-
- // If the nodes are siblings (or identical) we can do a quick check
- if ( aup === bup ) {
- return siblingCheck( a, b );
-
- // If no parents were found then the nodes are disconnected
- } else if ( !aup ) {
- return -1;
-
- } else if ( !bup ) {
- return 1;
- }
-
- // Otherwise they're somewhere else in the tree so we need
- // to build up a full list of the parentNodes for comparison
- while ( cur ) {
- ap.unshift( cur );
- cur = cur.parentNode;
- }
-
- cur = bup;
-
- while ( cur ) {
- bp.unshift( cur );
- cur = cur.parentNode;
- }
-
- al = ap.length;
- bl = bp.length;
-
- // Start walking down the tree looking for a discrepancy
- for ( var i = 0; i < al && i < bl; i++ ) {
- if ( ap[i] !== bp[i] ) {
- return siblingCheck( ap[i], bp[i] );
- }
- }
-
- // We ended someplace up the tree so do a sibling check
- return i === al ?
- siblingCheck( a, bp[i], -1 ) :
- siblingCheck( ap[i], b, 1 );
- };
-
- siblingCheck = function( a, b, ret ) {
- if ( a === b ) {
- return ret;
- }
-
- var cur = a.nextSibling;
-
- while ( cur ) {
- if ( cur === b ) {
- return -1;
- }
-
- cur = cur.nextSibling;
- }
-
- return 1;
- };
-}
-
-// Utility function for retreiving the text value of an array of DOM nodes
-Sizzle.getText = function( elems ) {
- var ret = "", elem;
-
- for ( var i = 0; elems[i]; i++ ) {
- elem = elems[i];
-
- // Get the text from text nodes and CDATA nodes
- if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
- ret += elem.nodeValue;
-
- // Traverse everything else, except comment nodes
- } else if ( elem.nodeType !== 8 ) {
- ret += Sizzle.getText( elem.childNodes );
- }
- }
-
- return ret;
-};
-
-// Check to see if the browser returns elements by name when
-// querying by getElementById (and provide a workaround)
-(function(){
- // We're going to inject a fake input element with a specified name
- var form = document.createElement("div"),
- id = "script" + (new Date()).getTime(),
- root = document.documentElement;
-
- form.innerHTML = "<a name='" + id + "'/>";
-
- // Inject it into the root element, check its status, and remove it quickly
- root.insertBefore( form, root.firstChild );
-
- // The workaround has to do additional checks after a getElementById
- // Which slows things down for other browsers (hence the branching)
- if ( document.getElementById( id ) ) {
- Expr.find.ID = function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
-
- return m ?
- m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
- [m] :
- undefined :
- [];
- }
- };
-
- Expr.filter.ID = function( elem, match ) {
- var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
-
- return elem.nodeType === 1 && node && node.nodeValue === match;
- };
- }
-
- root.removeChild( form );
-
- // release memory in IE
- root = form = null;
-})();
-
-(function(){
- // Check to see if the browser returns only elements
- // when doing getElementsByTagName("*")
-
- // Create a fake element
- var div = document.createElement("div");
- div.appendChild( document.createComment("") );
-
- // Make sure no comments are found
- if ( div.getElementsByTagName("*").length > 0 ) {
- Expr.find.TAG = function( match, context ) {
- var results = context.getElementsByTagName( match[1] );
-
- // Filter out possible comments
- if ( match[1] === "*" ) {
- var tmp = [];
-
- for ( var i = 0; results[i]; i++ ) {
- if ( results[i].nodeType === 1 ) {
- tmp.push( results[i] );
- }
- }
-
- results = tmp;
- }
-
- return results;
- };
- }
-
- // Check to see if an attribute returns normalized href attributes
- div.innerHTML = "<a href='#'></a>";
-
- if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
- div.firstChild.getAttribute("href") !== "#" ) {
-
- Expr.attrHandle.href = function( elem ) {
- return elem.getAttribute( "href", 2 );
- };
- }
-
- // release memory in IE
- div = null;
-})();
-
-if ( document.querySelectorAll ) {
- (function(){
- var oldSizzle = Sizzle,
- div = document.createElement("div"),
- id = "__sizzle__";
-
- div.innerHTML = "<p class='TEST'></p>";
-
- // Safari can't handle uppercase or unicode characters when
- // in quirks mode.
- if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
- return;
- }
-
- Sizzle = function( query, context, extra, seed ) {
- context = context || document;
-
- // Only use querySelectorAll on non-XML documents
- // (ID selectors don't work in non-HTML documents)
- if ( !seed && !Sizzle.isXML(context) ) {
- // See if we find a selector to speed up
- var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
-
- if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
- // Speed-up: Sizzle("TAG")
- if ( match[1] ) {
- return makeArray( context.getElementsByTagName( query ), extra );
-
- // Speed-up: Sizzle(".CLASS")
- } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
- return makeArray( context.getElementsByClassName( match[2] ), extra );
- }
- }
-
- if ( context.nodeType === 9 ) {
- // Speed-up: Sizzle("body")
- // The body element only exists once, optimize finding it
- if ( query === "body" && context.body ) {
- return makeArray( [ context.body ], extra );
-
- // Speed-up: Sizzle("#ID")
- } else if ( match && match[3] ) {
- var elem = context.getElementById( match[3] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id === match[3] ) {
- return makeArray( [ elem ], extra );
- }
-
- } else {
- return makeArray( [], extra );
- }
- }
-
- try {
- return makeArray( context.querySelectorAll(query), extra );
- } catch(qsaError) {}
-
- // qSA works strangely on Element-rooted queries
- // We can work around this by specifying an extra ID on the root
- // and working up from there (Thanks to Andrew Dupont for the technique)
- // IE 8 doesn't work on object elements
- } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
- var oldContext = context,
- old = context.getAttribute( "id" ),
- nid = old || id,
- hasParent = context.parentNode,
- relativeHierarchySelector = /^\s*[+~]/.test( query );
-
- if ( !old ) {
- context.setAttribute( "id", nid );
- } else {
- nid = nid.replace( /'/g, "\\$&" );
- }
- if ( relativeHierarchySelector && hasParent ) {
- context = context.parentNode;
- }
-
- try {
- if ( !relativeHierarchySelector || hasParent ) {
- return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
- }
-
- } catch(pseudoError) {
- } finally {
- if ( !old ) {
- oldContext.removeAttribute( "id" );
- }
- }
- }
- }
-
- return oldSizzle(query, context, extra, seed);
- };
-
- for ( var prop in oldSizzle ) {
- Sizzle[ prop ] = oldSizzle[ prop ];
- }
-
- // release memory in IE
- div = null;
- })();
-}
-
-(function(){
- var html = document.documentElement,
- matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
-
- if ( matches ) {
- // Check to see if it's possible to do matchesSelector
- // on a disconnected node (IE 9 fails this)
- var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
- pseudoWorks = false;
-
- try {
- // This should fail with an exception
- // Gecko does not error, returns false instead
- matches.call( document.documentElement, "[test!='']:sizzle" );
-
- } catch( pseudoError ) {
- pseudoWorks = true;
- }
-
- Sizzle.matchesSelector = function( node, expr ) {
- // Make sure that attribute selectors are quoted
- expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
-
- if ( !Sizzle.isXML( node ) ) {
- try {
- if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
- var ret = matches.call( node, expr );
-
- // IE 9's matchesSelector returns false on disconnected nodes
- if ( ret || !disconnectedMatch ||
- // As well, disconnected nodes are said to be in a document
- // fragment in IE 9, so check for that
- node.document && node.document.nodeType !== 11 ) {
- return ret;
- }
- }
- } catch(e) {}
- }
-
- return Sizzle(expr, null, null, [node]).length > 0;
- };
- }
-})();
-
-(function(){
- var div = document.createElement("div");
-
- div.innerHTML = "<div class='test e'></div><div class='test'></div>";
-
- // Opera can't find a second classname (in 9.6)
- // Also, make sure that getElementsByClassName actually exists
- if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
- return;
- }
-
- // Safari caches class attributes, doesn't catch changes (in 3.2)
- div.lastChild.className = "e";
-
- if ( div.getElementsByClassName("e").length === 1 ) {
- return;
- }
-
- Expr.order.splice(1, 0, "CLASS");
- Expr.find.CLASS = function( match, context, isXML ) {
- if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
- return context.getElementsByClassName(match[1]);
- }
- };
-
- // release memory in IE
- div = null;
-})();
-
-function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem.sizcache === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 && !isXML ){
- elem.sizcache = doneName;
- elem.sizset = i;
- }
-
- if ( elem.nodeName.toLowerCase() === cur ) {
- match = elem;
- break;
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem.sizcache === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 ) {
- if ( !isXML ) {
- elem.sizcache = doneName;
- elem.sizset = i;
- }
-
- if ( typeof cur !== "string" ) {
- if ( elem === cur ) {
- match = true;
- break;
- }
-
- } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
- match = elem;
- break;
- }
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-if ( document.documentElement.contains ) {
- Sizzle.contains = function( a, b ) {
- return a !== b && (a.contains ? a.contains(b) : true);
- };
-
-} else if ( document.documentElement.compareDocumentPosition ) {
- Sizzle.contains = function( a, b ) {
- return !!(a.compareDocumentPosition(b) & 16);
- };
-
-} else {
- Sizzle.contains = function() {
- return false;
- };
-}
-
-Sizzle.isXML = function( elem ) {
- // documentElement is verified for cases where it doesn't yet exist
- // (such as loading iframes in IE - #4833)
- var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
-
- return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
-
-var posProcess = function( selector, context ) {
- var match,
- tmpSet = [],
- later = "",
- root = context.nodeType ? [context] : context;
-
- // Position selectors must be done after the filter
- // And so must :not(positional) so we move all PSEUDOs to the end
- while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
- later += match[0];
- selector = selector.replace( Expr.match.PSEUDO, "" );
- }
-
- selector = Expr.relative[selector] ? selector + "*" : selector;
-
- for ( var i = 0, l = root.length; i < l; i++ ) {
- Sizzle( selector, root[i], tmpSet );
- }
-
- return Sizzle.filter( later, tmpSet );
-};
-
-// EXPOSE
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-jQuery.expr[":"] = jQuery.expr.filters;
-jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-
-
-})();
-
-
-var runtil = /Until$/,
- rparentsprev = /^(?:parents|prevUntil|prevAll)/,
- // Note: This RegExp should be improved, or likely pulled from Sizzle
- rmultiselector = /,/,
- isSimple = /^.[^:#\[\.,]*$/,
- slice = Array.prototype.slice,
- POS = jQuery.expr.match.POS,
- // methods guaranteed to produce a unique set when starting from a unique set
- guaranteedUnique = {
- children: true,
- contents: true,
- next: true,
- prev: true
- };
-
-jQuery.fn.extend({
- find: function( selector ) {
- var self = this,
- i, l;
-
- if ( typeof selector !== "string" ) {
- return jQuery( selector ).filter(function() {
- for ( i = 0, l = self.length; i < l; i++ ) {
- if ( jQuery.contains( self[ i ], this ) ) {
- return true;
- }
- }
- });
- }
-
- var ret = this.pushStack( "", "find", selector ),
- length, n, r;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- length = ret.length;
- jQuery.find( selector, this[i], ret );
-
- if ( i > 0 ) {
- // Make sure that the results are unique
- for ( n = length; n < ret.length; n++ ) {
- for ( r = 0; r < length; r++ ) {
- if ( ret[r] === ret[n] ) {
- ret.splice(n--, 1);
- break;
- }
- }
- }
- }
- }
-
- return ret;
- },
-
- has: function( target ) {
- var targets = jQuery( target );
- return this.filter(function() {
- for ( var i = 0, l = targets.length; i < l; i++ ) {
- if ( jQuery.contains( this, targets[i] ) ) {
- return true;
- }
- }
- });
- },
-
- not: function( selector ) {
- return this.pushStack( winnow(this, selector, false), "not", selector);
- },
-
- filter: function( selector ) {
- return this.pushStack( winnow(this, selector, true), "filter", selector );
- },
-
- is: function( selector ) {
- return !!selector && ( typeof selector === "string" ?
- jQuery.filter( selector, this ).length > 0 :
- this.filter( selector ).length > 0 );
- },
-
- closest: function( selectors, context ) {
- var ret = [], i, l, cur = this[0];
-
- // Array
- if ( jQuery.isArray( selectors ) ) {
- var match, selector,
- matches = {},
- level = 1;
-
- if ( cur && selectors.length ) {
- for ( i = 0, l = selectors.length; i < l; i++ ) {
- selector = selectors[i];
-
- if ( !matches[ selector ] ) {
- matches[ selector ] = POS.test( selector ) ?
- jQuery( selector, context || this.context ) :
- selector;
- }
- }
-
- while ( cur && cur.ownerDocument && cur !== context ) {
- for ( selector in matches ) {
- match = matches[ selector ];
-
- if ( match.jquery ? match.index( cur ) > -1 : jQuery( cur ).is( match ) ) {
- ret.push({ selector: selector, elem: cur, level: level });
- }
- }
-
- cur = cur.parentNode;
- level++;
- }
- }
-
- return ret;
- }
-
- // String
- var pos = POS.test( selectors ) || typeof selectors !== "string" ?
- jQuery( selectors, context || this.context ) :
- 0;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- cur = this[i];
-
- while ( cur ) {
- if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
- ret.push( cur );
- break;
-
- } else {
- cur = cur.parentNode;
- if ( !cur || !cur.ownerDocument || cur === context || cur.nodeType === 11 ) {
- break;
- }
- }
- }
- }
-
- ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
-
- return this.pushStack( ret, "closest", selectors );
- },
-
- // Determine the position of an element within
- // the matched set of elements
- index: function( elem ) {
-
- // No argument, return index in parent
- if ( !elem ) {
- return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
- }
-
- // index in selector
- if ( typeof elem === "string" ) {
- return jQuery.inArray( this[0], jQuery( elem ) );
- }
-
- // Locate the position of the desired element
- return jQuery.inArray(
- // If it receives a jQuery object, the first element is used
- elem.jquery ? elem[0] : elem, this );
- },
-
- add: function( selector, context ) {
- var set = typeof selector === "string" ?
- jQuery( selector, context ) :
- jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
- all = jQuery.merge( this.get(), set );
-
- return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
- all :
- jQuery.unique( all ) );
- },
-
- andSelf: function() {
- return this.add( this.prevObject );
- }
-});
-
-// A painfully simple check to see if an element is disconnected
-// from a document (should be improved, where feasible).
-function isDisconnected( node ) {
- return !node || !node.parentNode || node.parentNode.nodeType === 11;
-}
-
-jQuery.each({
- parent: function( elem ) {
- var parent = elem.parentNode;
- return parent && parent.nodeType !== 11 ? parent : null;
- },
- parents: function( elem ) {
- return jQuery.dir( elem, "parentNode" );
- },
- parentsUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "parentNode", until );
- },
- next: function( elem ) {
- return jQuery.nth( elem, 2, "nextSibling" );
- },
- prev: function( elem ) {
- return jQuery.nth( elem, 2, "previousSibling" );
- },
- nextAll: function( elem ) {
- return jQuery.dir( elem, "nextSibling" );
- },
- prevAll: function( elem ) {
- return jQuery.dir( elem, "previousSibling" );
- },
- nextUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "nextSibling", until );
- },
- prevUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "previousSibling", until );
- },
- siblings: function( elem ) {
- return jQuery.sibling( elem.parentNode.firstChild, elem );
- },
- children: function( elem ) {
- return jQuery.sibling( elem.firstChild );
- },
- contents: function( elem ) {
- return jQuery.nodeName( elem, "iframe" ) ?
- elem.contentDocument || elem.contentWindow.document :
- jQuery.makeArray( elem.childNodes );
- }
-}, function( name, fn ) {
- jQuery.fn[ name ] = function( until, selector ) {
- var ret = jQuery.map( this, fn, until ),
- // The variable 'args' was introduced in
- // https://github.com/jquery/jquery/commit/52a0238
- // to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed.
- // http://code.google.com/p/v8/issues/detail?id=1050
- args = slice.call(arguments);
-
- if ( !runtil.test( name ) ) {
- selector = until;
- }
-
- if ( selector && typeof selector === "string" ) {
- ret = jQuery.filter( selector, ret );
- }
-
- ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
-
- if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
- ret = ret.reverse();
- }
-
- return this.pushStack( ret, name, args.join(",") );
- };
-});
-
-jQuery.extend({
- filter: function( expr, elems, not ) {
- if ( not ) {
- expr = ":not(" + expr + ")";
- }
-
- return elems.length === 1 ?
- jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
- jQuery.find.matches(expr, elems);
- },
-
- dir: function( elem, dir, until ) {
- var matched = [],
- cur = elem[ dir ];
-
- while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
- if ( cur.nodeType === 1 ) {
- matched.push( cur );
- }
- cur = cur[dir];
- }
- return matched;
- },
-
- nth: function( cur, result, dir, elem ) {
- result = result || 1;
- var num = 0;
-
- for ( ; cur; cur = cur[dir] ) {
- if ( cur.nodeType === 1 && ++num === result ) {
- break;
- }
- }
-
- return cur;
- },
-
- sibling: function( n, elem ) {
- var r = [];
-
- for ( ; n; n = n.nextSibling ) {
- if ( n.nodeType === 1 && n !== elem ) {
- r.push( n );
- }
- }
-
- return r;
- }
-});
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, keep ) {
-
- // Can't pass null or undefined to indexOf in Firefox 4
- // Set to 0 to skip string check
- qualifier = qualifier || 0;
-
- if ( jQuery.isFunction( qualifier ) ) {
- return jQuery.grep(elements, function( elem, i ) {
- var retVal = !!qualifier.call( elem, i, elem );
- return retVal === keep;
- });
-
- } else if ( qualifier.nodeType ) {
- return jQuery.grep(elements, function( elem, i ) {
- return (elem === qualifier) === keep;
- });
-
- } else if ( typeof qualifier === "string" ) {
- var filtered = jQuery.grep(elements, function( elem ) {
- return elem.nodeType === 1;
- });
-
- if ( isSimple.test( qualifier ) ) {
- return jQuery.filter(qualifier, filtered, !keep);
- } else {
- qualifier = jQuery.filter( qualifier, filtered );
- }
- }
-
- return jQuery.grep(elements, function( elem, i ) {
- return (jQuery.inArray( elem, qualifier ) >= 0) === keep;
- });
-}
-
-
-
-
-var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
- rleadingWhitespace = /^\s+/,
- rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
- rtagName = /<([\w:]+)/,
- rtbody = /<tbody/i,
- rhtml = /<|&#?\w+;/,
- rnocache = /<(?:script|object|embed|option|style)/i,
- // checked="checked" or checked
- rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
- rscriptType = /\/(java|ecma)script/i,
- rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)/,
- wrapMap = {
- option: [ 1, "<select multiple='multiple'>", "</select>" ],
- legend: [ 1, "<fieldset>", "</fieldset>" ],
- thead: [ 1, "<table>", "</table>" ],
- tr: [ 2, "<table><tbody>", "</tbody></table>" ],
- td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
- col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
- area: [ 1, "<map>", "</map>" ],
- _default: [ 0, "", "" ]
- };
-
-wrapMap.optgroup = wrapMap.option;
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-// IE can't serialize <link> and <script> tags normally
-if ( !jQuery.support.htmlSerialize ) {
- wrapMap._default = [ 1, "div<div>", "</div>" ];
-}
-
-jQuery.fn.extend({
- text: function( text ) {
- if ( jQuery.isFunction(text) ) {
- return this.each(function(i) {
- var self = jQuery( this );
-
- self.text( text.call(this, i, self.text()) );
- });
- }
-
- if ( typeof text !== "object" && text !== undefined ) {
- return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
- }
-
- return jQuery.text( this );
- },
-
- wrapAll: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapAll( html.call(this, i) );
- });
- }
-
- if ( this[0] ) {
- // The elements to wrap the target around
- var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
-
- if ( this[0].parentNode ) {
- wrap.insertBefore( this[0] );
- }
-
- wrap.map(function() {
- var elem = this;
-
- while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
- elem = elem.firstChild;
- }
-
- return elem;
- }).append( this );
- }
-
- return this;
- },
-
- wrapInner: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapInner( html.call(this, i) );
- });
- }
-
- return this.each(function() {
- var self = jQuery( this ),
- contents = self.contents();
-
- if ( contents.length ) {
- contents.wrapAll( html );
-
- } else {
- self.append( html );
- }
- });
- },
-
- wrap: function( html ) {
- return this.each(function() {
- jQuery( this ).wrapAll( html );
- });
- },
-
- unwrap: function() {
- return this.parent().each(function() {
- if ( !jQuery.nodeName( this, "body" ) ) {
- jQuery( this ).replaceWith( this.childNodes );
- }
- }).end();
- },
-
- append: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.appendChild( elem );
- }
- });
- },
-
- prepend: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.insertBefore( elem, this.firstChild );
- }
- });
- },
-
- before: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this );
- });
- } else if ( arguments.length ) {
- var set = jQuery(arguments[0]);
- set.push.apply( set, this.toArray() );
- return this.pushStack( set, "before", arguments );
- }
- },
-
- after: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this.nextSibling );
- });
- } else if ( arguments.length ) {
- var set = this.pushStack( this, "after", arguments );
- set.push.apply( set, jQuery(arguments[0]).toArray() );
- return set;
- }
- },
-
- // keepData is for internal use only--do not document
- remove: function( selector, keepData ) {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
- if ( !keepData && elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- jQuery.cleanData( [ elem ] );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
- }
- }
-
- return this;
- },
-
- empty: function() {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- }
-
- // Remove any remaining nodes
- while ( elem.firstChild ) {
- elem.removeChild( elem.firstChild );
- }
- }
-
- return this;
- },
-
- clone: function( dataAndEvents, deepDataAndEvents ) {
- dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
- deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
- return this.map( function () {
- return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
- });
- },
-
- html: function( value ) {
- if ( value === undefined ) {
- return this[0] && this[0].nodeType === 1 ?
- this[0].innerHTML.replace(rinlinejQuery, "") :
- null;
-
- // See if we can take a shortcut and just use innerHTML
- } else if ( typeof value === "string" && !rnocache.test( value ) &&
- (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
- !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
-
- value = value.replace(rxhtmlTag, "<$1></$2>");
-
- try {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( this[i].nodeType === 1 ) {
- jQuery.cleanData( this[i].getElementsByTagName("*") );
- this[i].innerHTML = value;
- }
- }
-
- // If using innerHTML throws an exception, use the fallback method
- } catch(e) {
- this.empty().append( value );
- }
-
- } else if ( jQuery.isFunction( value ) ) {
- this.each(function(i){
- var self = jQuery( this );
-
- self.html( value.call(this, i, self.html()) );
- });
-
- } else {
- this.empty().append( value );
- }
-
- return this;
- },
-
- replaceWith: function( value ) {
- if ( this[0] && this[0].parentNode ) {
- // Make sure that the elements are removed from the DOM before they are inserted
- // this can help fix replacing a parent with child elements
- if ( jQuery.isFunction( value ) ) {
- return this.each(function(i) {
- var self = jQuery(this), old = self.html();
- self.replaceWith( value.call( this, i, old ) );
- });
- }
-
- if ( typeof value !== "string" ) {
- value = jQuery( value ).detach();
- }
-
- return this.each(function() {
- var next = this.nextSibling,
- parent = this.parentNode;
-
- jQuery( this ).remove();
-
- if ( next ) {
- jQuery(next).before( value );
- } else {
- jQuery(parent).append( value );
- }
- });
- } else {
- return this.length ?
- this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
- this;
- }
- },
-
- detach: function( selector ) {
- return this.remove( selector, true );
- },
-
- domManip: function( args, table, callback ) {
- var results, first, fragment, parent,
- value = args[0],
- scripts = [];
-
- // We can't cloneNode fragments that contain checked, in WebKit
- if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
- return this.each(function() {
- jQuery(this).domManip( args, table, callback, true );
- });
- }
-
- if ( jQuery.isFunction(value) ) {
- return this.each(function(i) {
- var self = jQuery(this);
- args[0] = value.call(this, i, table ? self.html() : undefined);
- self.domManip( args, table, callback );
- });
- }
-
- if ( this[0] ) {
- parent = value && value.parentNode;
-
- // If we're in a fragment, just use that instead of building a new one
- if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
- results = { fragment: parent };
-
- } else {
- results = jQuery.buildFragment( args, this, scripts );
- }
-
- fragment = results.fragment;
-
- if ( fragment.childNodes.length === 1 ) {
- first = fragment = fragment.firstChild;
- } else {
- first = fragment.firstChild;
- }
-
- if ( first ) {
- table = table && jQuery.nodeName( first, "tr" );
-
- for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
- callback.call(
- table ?
- root(this[i], first) :
- this[i],
- // Make sure that we do not leak memory by inadvertently discarding
- // the original fragment (which might have attached data) instead of
- // using it; in addition, use the original fragment object for the last
- // item instead of first because it can end up being emptied incorrectly
- // in certain situations (Bug #8070).
- // Fragments from the fragment cache must always be cloned and never used
- // in place.
- results.cacheable || (l > 1 && i < lastIndex) ?
- jQuery.clone( fragment, true, true ) :
- fragment
- );
- }
- }
-
- if ( scripts.length ) {
- jQuery.each( scripts, evalScript );
- }
- }
-
- return this;
- }
-});
-
-function root( elem, cur ) {
- return jQuery.nodeName(elem, "table") ?
- (elem.getElementsByTagName("tbody")[0] ||
- elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
- elem;
-}
-
-function cloneCopyEvent( src, dest ) {
-
- if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
- return;
- }
-
- var internalKey = jQuery.expando,
- oldData = jQuery.data( src ),
- curData = jQuery.data( dest, oldData );
-
- // Switch to use the internal data object, if it exists, for the next
- // stage of data copying
- if ( (oldData = oldData[ internalKey ]) ) {
- var events = oldData.events;
- curData = curData[ internalKey ] = jQuery.extend({}, oldData);
-
- if ( events ) {
- delete curData.handle;
- curData.events = {};
-
- for ( var type in events ) {
- for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
- jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
- }
- }
- }
- }
-}
-
-function cloneFixAttributes( src, dest ) {
- var nodeName;
-
- // We do not need to do anything for non-Elements
- if ( dest.nodeType !== 1 ) {
- return;
- }
-
- // clearAttributes removes the attributes, which we don't want,
- // but also removes the attachEvent events, which we *do* want
- if ( dest.clearAttributes ) {
- dest.clearAttributes();
- }
-
- // mergeAttributes, in contrast, only merges back on the
- // original attributes, not the events
- if ( dest.mergeAttributes ) {
- dest.mergeAttributes( src );
- }
-
- nodeName = dest.nodeName.toLowerCase();
-
- // IE6-8 fail to clone children inside object elements that use
- // the proprietary classid attribute value (rather than the type
- // attribute) to identify the type of content to display
- if ( nodeName === "object" ) {
- dest.outerHTML = src.outerHTML;
-
- } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
- // IE6-8 fails to persist the checked state of a cloned checkbox
- // or radio button. Worse, IE6-7 fail to give the cloned element
- // a checked appearance if the defaultChecked value isn't also set
- if ( src.checked ) {
- dest.defaultChecked = dest.checked = src.checked;
- }
-
- // IE6-7 get confused and end up setting the value of a cloned
- // checkbox/radio button to an empty string instead of "on"
- if ( dest.value !== src.value ) {
- dest.value = src.value;
- }
-
- // IE6-8 fails to return the selected option to the default selected
- // state when cloning options
- } else if ( nodeName === "option" ) {
- dest.selected = src.defaultSelected;
-
- // IE6-8 fails to set the defaultValue to the correct value when
- // cloning other types of input fields
- } else if ( nodeName === "input" || nodeName === "textarea" ) {
- dest.defaultValue = src.defaultValue;
- }
-
- // Event data gets referenced instead of copied if the expando
- // gets copied too
- dest.removeAttribute( jQuery.expando );
-}
-
-jQuery.buildFragment = function( args, nodes, scripts ) {
- var fragment, cacheable, cacheresults, doc;
-
- // nodes may contain either an explicit document object,
- // a jQuery collection or context object.
- // If nodes[0] contains a valid object to assign to doc
- if ( nodes && nodes[0] ) {
- doc = nodes[0].ownerDocument || nodes[0];
- }
-
- // Ensure that an attr object doesn't incorrectly stand in as a document object
- // Chrome and Firefox seem to allow this to occur and will throw exception
- // Fixes #8950
- if ( !doc.createDocumentFragment ) {
- doc = document;
- }
-
- // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
- // Cloning options loses the selected state, so don't cache them
- // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
- // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
- if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
- args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
-
- cacheable = true;
-
- cacheresults = jQuery.fragments[ args[0] ];
- if ( cacheresults && cacheresults !== 1 ) {
- fragment = cacheresults;
- }
- }
-
- if ( !fragment ) {
- fragment = doc.createDocumentFragment();
- jQuery.clean( args, doc, fragment, scripts );
- }
-
- if ( cacheable ) {
- jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
- }
-
- return { fragment: fragment, cacheable: cacheable };
-};
-
-jQuery.fragments = {};
-
-jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
-}, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [],
- insert = jQuery( selector ),
- parent = this.length === 1 && this[0].parentNode;
-
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- return this;
-
- } else {
- for ( var i = 0, l = insert.length; i < l; i++ ) {
- var elems = (i > 0 ? this.clone(true) : this).get();
- jQuery( insert[i] )[ original ]( elems );
- ret = ret.concat( elems );
- }
-
- return this.pushStack( ret, name, insert.selector );
- }
- };
-});
-
-function getAll( elem ) {
- if ( "getElementsByTagName" in elem ) {
- return elem.getElementsByTagName( "*" );
-
- } else if ( "querySelectorAll" in elem ) {
- return elem.querySelectorAll( "*" );
-
- } else {
- return [];
- }
-}
-
-// Used in clean, fixes the defaultChecked property
-function fixDefaultChecked( elem ) {
- if ( elem.type === "checkbox" || elem.type === "radio" ) {
- elem.defaultChecked = elem.checked;
- }
-}
-// Finds all inputs and passes them to fixDefaultChecked
-function findInputs( elem ) {
- if ( jQuery.nodeName( elem, "input" ) ) {
- fixDefaultChecked( elem );
- } else if ( "getElementsByTagName" in elem ) {
- jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
- }
-}
-
-jQuery.extend({
- clone: function( elem, dataAndEvents, deepDataAndEvents ) {
- var clone = elem.cloneNode(true),
- srcElements,
- destElements,
- i;
-
- if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
- (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
- // IE copies events bound via attachEvent when using cloneNode.
- // Calling detachEvent on the clone will also remove the events
- // from the original. In order to get around this, we use some
- // proprietary methods to clear the events. Thanks to MooTools
- // guys for this hotness.
-
- cloneFixAttributes( elem, clone );
-
- // Using Sizzle here is crazy slow, so we use getElementsByTagName
- // instead
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- // Weird iteration because IE will replace the length property
- // with an element if you are cloning the body and one of the
- // elements on the page has a name or id of "length"
- for ( i = 0; srcElements[i]; ++i ) {
- // Ensure that the destination node is not null; Fixes #9587
- if ( destElements[i] ) {
- cloneFixAttributes( srcElements[i], destElements[i] );
- }
- }
- }
-
- // Copy the events from the original to the clone
- if ( dataAndEvents ) {
- cloneCopyEvent( elem, clone );
-
- if ( deepDataAndEvents ) {
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- for ( i = 0; srcElements[i]; ++i ) {
- cloneCopyEvent( srcElements[i], destElements[i] );
- }
- }
- }
-
- srcElements = destElements = null;
-
- // Return the cloned set
- return clone;
- },
-
- clean: function( elems, context, fragment, scripts ) {
- var checkScriptType;
-
- context = context || document;
-
- // !context.createElement fails in IE with an error but returns typeof 'object'
- if ( typeof context.createElement === "undefined" ) {
- context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
- }
-
- var ret = [], j;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( typeof elem === "number" ) {
- elem += "";
- }
-
- if ( !elem ) {
- continue;
- }
-
- // Convert html string into DOM nodes
- if ( typeof elem === "string" ) {
- if ( !rhtml.test( elem ) ) {
- elem = context.createTextNode( elem );
- } else {
- // Fix "XHTML"-style tags in all browsers
- elem = elem.replace(rxhtmlTag, "<$1></$2>");
-
- // Trim whitespace, otherwise indexOf won't work as expected
- var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
- wrap = wrapMap[ tag ] || wrapMap._default,
- depth = wrap[0],
- div = context.createElement("div");
-
- // Go to html and back, then peel off extra wrappers
- div.innerHTML = wrap[1] + elem + wrap[2];
-
- // Move to the right depth
- while ( depth-- ) {
- div = div.lastChild;
- }
-
- // Remove IE's autoinserted <tbody> from table fragments
- if ( !jQuery.support.tbody ) {
-
- // String was a <table>, *may* have spurious <tbody>
- var hasBody = rtbody.test(elem),
- tbody = tag === "table" && !hasBody ?
- div.firstChild && div.firstChild.childNodes :
-
- // String was a bare <thead> or <tfoot>
- wrap[1] === "<table>" && !hasBody ?
- div.childNodes :
- [];
-
- for ( j = tbody.length - 1; j >= 0 ; --j ) {
- if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
- tbody[ j ].parentNode.removeChild( tbody[ j ] );
- }
- }
- }
-
- // IE completely kills leading whitespace when innerHTML is used
- if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
- div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
- }
-
- elem = div.childNodes;
- }
- }
-
- // Resets defaultChecked for any radios and checkboxes
- // about to be appended to the DOM in IE 6/7 (#8060)
- var len;
- if ( !jQuery.support.appendChecked ) {
- if ( elem[0] && typeof (len = elem.length) === "number" ) {
- for ( j = 0; j < len; j++ ) {
- findInputs( elem[j] );
- }
- } else {
- findInputs( elem );
- }
- }
-
- if ( elem.nodeType ) {
- ret.push( elem );
- } else {
- ret = jQuery.merge( ret, elem );
- }
- }
-
- if ( fragment ) {
- checkScriptType = function( elem ) {
- return !elem.type || rscriptType.test( elem.type );
- };
- for ( i = 0; ret[i]; i++ ) {
- if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
- scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
-
- } else {
- if ( ret[i].nodeType === 1 ) {
- var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );
-
- ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
- }
- fragment.appendChild( ret[i] );
- }
- }
- }
-
- return ret;
- },
-
- cleanData: function( elems ) {
- var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
- deleteExpando = jQuery.support.deleteExpando;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
- continue;
- }
-
- id = elem[ jQuery.expando ];
-
- if ( id ) {
- data = cache[ id ] && cache[ id ][ internalKey ];
-
- if ( data && data.events ) {
- for ( var type in data.events ) {
- if ( special[ type ] ) {
- jQuery.event.remove( elem, type );
-
- // This is a shortcut to avoid jQuery.event.remove's overhead
- } else {
- jQuery.removeEvent( elem, type, data.handle );
- }
- }
-
- // Null the DOM reference to avoid IE6/7/8 leak (#7054)
- if ( data.handle ) {
- data.handle.elem = null;
- }
- }
-
- if ( deleteExpando ) {
- delete elem[ jQuery.expando ];
-
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- }
-
- delete cache[ id ];
- }
- }
- }
-});
-
-function evalScript( i, elem ) {
- if ( elem.src ) {
- jQuery.ajax({
- url: elem.src,
- async: false,
- dataType: "script"
- });
- } else {
- jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
-}
-
-
-
-
-var ralpha = /alpha\([^)]*\)/i,
- ropacity = /opacity=([^)]*)/,
- // fixed for IE9, see #8346
- rupper = /([A-Z]|^ms)/g,
- rnumpx = /^-?\d+(?:px)?$/i,
- rnum = /^-?\d/,
- rrelNum = /^([\-+])=([\-+.\de]+)/,
-
- cssShow = { position: "absolute", visibility: "hidden", display: "block" },
- cssWidth = [ "Left", "Right" ],
- cssHeight = [ "Top", "Bottom" ],
- curCSS,
-
- getComputedStyle,
- currentStyle;
-
-jQuery.fn.css = function( name, value ) {
- // Setting 'undefined' is a no-op
- if ( arguments.length === 2 && value === undefined ) {
- return this;
- }
-
- return jQuery.access( this, name, value, true, function( elem, name, value ) {
- return value !== undefined ?
- jQuery.style( elem, name, value ) :
- jQuery.css( elem, name );
- });
-};
-
-jQuery.extend({
- // Add in style property hooks for overriding the default
- // behavior of getting and setting a style property
- cssHooks: {
- opacity: {
- get: function( elem, computed ) {
- if ( computed ) {
- // We should always get a number back from opacity
- var ret = curCSS( elem, "opacity", "opacity" );
- return ret === "" ? "1" : ret;
-
- } else {
- return elem.style.opacity;
- }
- }
- }
- },
-
- // Exclude the following css properties to add px
- cssNumber: {
- "fillOpacity": true,
- "fontWeight": true,
- "lineHeight": true,
- "opacity": true,
- "orphans": true,
- "widows": true,
- "zIndex": true,
- "zoom": true
- },
-
- // Add in properties whose names you wish to fix before
- // setting or getting the value
- cssProps: {
- // normalize float css property
- "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
- },
-
- // Get and set the style property on a DOM Node
- style: function( elem, name, value, extra ) {
- // Don't set styles on text and comment nodes
- if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
- return;
- }
-
- // Make sure that we're working with the right name
- var ret, type, origName = jQuery.camelCase( name ),
- style = elem.style, hooks = jQuery.cssHooks[ origName ];
-
- name = jQuery.cssProps[ origName ] || origName;
-
- // Check if we're setting a value
- if ( value !== undefined ) {
- type = typeof value;
-
- // convert relative number strings (+= or -=) to relative numbers. #7345
- if ( type === "string" && (ret = rrelNum.exec( value )) ) {
- value = ( +( ret[1] + 1) * +ret[2] ) + parseFloat( jQuery.css( elem, name ) );
- // Fixes bug #9237
- type = "number";
- }
-
- // Make sure that NaN and null values aren't set. See: #7116
- if ( value == null || type === "number" && isNaN( value ) ) {
- return;
- }
-
- // If a number was passed in, add 'px' to the (except for certain CSS properties)
- if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
- value += "px";
- }
-
- // If a hook was provided, use that value, otherwise just set the specified value
- if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
- // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
- // Fixes bug #5509
- try {
- style[ name ] = value;
- } catch(e) {}
- }
-
- } else {
- // If a hook was provided get the non-computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
- return ret;
- }
-
- // Otherwise just get the value from the style object
- return style[ name ];
- }
- },
-
- css: function( elem, name, extra ) {
- var ret, hooks;
-
- // Make sure that we're working with the right name
- name = jQuery.camelCase( name );
- hooks = jQuery.cssHooks[ name ];
- name = jQuery.cssProps[ name ] || name;
-
- // cssFloat needs a special treatment
- if ( name === "cssFloat" ) {
- name = "float";
- }
-
- // If a hook was provided get the computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
- return ret;
-
- // Otherwise, if a way to get the computed value exists, use that
- } else if ( curCSS ) {
- return curCSS( elem, name );
- }
- },
-
- // A method for quickly swapping in/out CSS properties to get correct calculations
- swap: function( elem, options, callback ) {
- var old = {};
-
- // Remember the old values, and insert the new ones
- for ( var name in options ) {
- old[ name ] = elem.style[ name ];
- elem.style[ name ] = options[ name ];
- }
-
- callback.call( elem );
-
- // Revert the old values
- for ( name in options ) {
- elem.style[ name ] = old[ name ];
- }
- }
-});
-
-// DEPRECATED, Use jQuery.css() instead
-jQuery.curCSS = jQuery.css;
-
-jQuery.each(["height", "width"], function( i, name ) {
- jQuery.cssHooks[ name ] = {
- get: function( elem, computed, extra ) {
- var val;
-
- if ( computed ) {
- if ( elem.offsetWidth !== 0 ) {
- return getWH( elem, name, extra );
- } else {
- jQuery.swap( elem, cssShow, function() {
- val = getWH( elem, name, extra );
- });
- }
-
- return val;
- }
- },
-
- set: function( elem, value ) {
- if ( rnumpx.test( value ) ) {
- // ignore negative width and height values #1599
- value = parseFloat( value );
-
- if ( value >= 0 ) {
- return value + "px";
- }
-
- } else {
- return value;
- }
- }
- };
-});
-
-if ( !jQuery.support.opacity ) {
- jQuery.cssHooks.opacity = {
- get: function( elem, computed ) {
- // IE uses filters for opacity
- return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
- ( parseFloat( RegExp.$1 ) / 100 ) + "" :
- computed ? "1" : "";
- },
-
- set: function( elem, value ) {
- var style = elem.style,
- currentStyle = elem.currentStyle,
- opacity = jQuery.isNaN( value ) ? "" : "alpha(opacity=" + value * 100 + ")",
- filter = currentStyle && currentStyle.filter || style.filter || "";
-
- // IE has trouble with opacity if it does not have layout
- // Force it by setting the zoom level
- style.zoom = 1;
-
- // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
- if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {
-
- // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
- // if "filter:" is present at all, clearType is disabled, we want to avoid this
- // style.removeAttribute is IE Only, but so apparently is this code path...
- style.removeAttribute( "filter" );
-
- // if there there is no filter style applied in a css rule, we are done
- if ( currentStyle && !currentStyle.filter ) {
- return;
- }
- }
-
- // otherwise, set new filter values
- style.filter = ralpha.test( filter ) ?
- filter.replace( ralpha, opacity ) :
- filter + " " + opacity;
- }
- };
-}
-
-jQuery(function() {
- // This hook cannot be added until DOM ready because the support test
- // for it is not run until after DOM ready
- if ( !jQuery.support.reliableMarginRight ) {
- jQuery.cssHooks.marginRight = {
- get: function( elem, computed ) {
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- // Work around by temporarily setting element display to inline-block
- var ret;
- jQuery.swap( elem, { "display": "inline-block" }, function() {
- if ( computed ) {
- ret = curCSS( elem, "margin-right", "marginRight" );
- } else {
- ret = elem.style.marginRight;
- }
- });
- return ret;
- }
- };
- }
-});
-
-if ( document.defaultView && document.defaultView.getComputedStyle ) {
- getComputedStyle = function( elem, name ) {
- var ret, defaultView, computedStyle;
-
- name = name.replace( rupper, "-$1" ).toLowerCase();
-
- if ( !(defaultView = elem.ownerDocument.defaultView) ) {
- return undefined;
- }
-
- if ( (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
- ret = computedStyle.getPropertyValue( name );
- if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
- ret = jQuery.style( elem, name );
- }
- }
-
- return ret;
- };
-}
-
-if ( document.documentElement.currentStyle ) {
- currentStyle = function( elem, name ) {
- var left,
- ret = elem.currentStyle && elem.currentStyle[ name ],
- rsLeft = elem.runtimeStyle && elem.runtimeStyle[ name ],
- style = elem.style;
-
- // From the awesome hack by Dean Edwards
- // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
-
- // If we're not dealing with a regular pixel number
- // but a number that has a weird ending, we need to convert it to pixels
- if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
- // Remember the original values
- left = style.left;
-
- // Put in the new values to get a computed value out
- if ( rsLeft ) {
- elem.runtimeStyle.left = elem.currentStyle.left;
- }
- style.left = name === "fontSize" ? "1em" : (ret || 0);
- ret = style.pixelLeft + "px";
-
- // Revert the changed values
- style.left = left;
- if ( rsLeft ) {
- elem.runtimeStyle.left = rsLeft;
- }
- }
-
- return ret === "" ? "auto" : ret;
- };
-}
-
-curCSS = getComputedStyle || currentStyle;
-
-function getWH( elem, name, extra ) {
-
- // Start with offset property
- var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
- which = name === "width" ? cssWidth : cssHeight;
-
- if ( val > 0 ) {
- if ( extra !== "border" ) {
- jQuery.each( which, function() {
- if ( !extra ) {
- val -= parseFloat( jQuery.css( elem, "padding" + this ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + this ) ) || 0;
- } else {
- val -= parseFloat( jQuery.css( elem, "border" + this + "Width" ) ) || 0;
- }
- });
- }
-
- return val + "px";
- }
-
- // Fall back to computed then uncomputed css if necessary
- val = curCSS( elem, name, name );
- if ( val < 0 || val == null ) {
- val = elem.style[ name ] || 0;
- }
- // Normalize "", auto, and prepare for extra
- val = parseFloat( val ) || 0;
-
- // Add padding, border, margin
- if ( extra ) {
- jQuery.each( which, function() {
- val += parseFloat( jQuery.css( elem, "padding" + this ) ) || 0;
- if ( extra !== "padding" ) {
- val += parseFloat( jQuery.css( elem, "border" + this + "Width" ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + this ) ) || 0;
- }
- });
- }
-
- return val + "px";
-}
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.hidden = function( elem ) {
- var width = elem.offsetWidth,
- height = elem.offsetHeight;
-
- return (width === 0 && height === 0) || (!jQuery.support.reliableHiddenOffsets && (elem.style.display || jQuery.css( elem, "display" )) === "none");
- };
-
- jQuery.expr.filters.visible = function( elem ) {
- return !jQuery.expr.filters.hidden( elem );
- };
-}
-
-
-
-
-var r20 = /%20/g,
- rbracket = /\[\]$/,
- rCRLF = /\r?\n/g,
- rhash = /#.*$/,
- rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
- rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
- // #7653, #8125, #8152: local protocol detection
- rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
- rnoContent = /^(?:GET|HEAD)$/,
- rprotocol = /^\/\//,
- rquery = /\?/,
- rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
- rselectTextarea = /^(?:select|textarea)/i,
- rspacesAjax = /\s+/,
- rts = /([?&])_=[^&]*/,
- rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,
-
- // Keep a copy of the old load method
- _load = jQuery.fn.load,
-
- /* Prefilters
- * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
- * 2) These are called:
- * - BEFORE asking for a transport
- * - AFTER param serialization (s.data is a string if s.processData is true)
- * 3) key is the dataType
- * 4) the catchall symbol "*" can be used
- * 5) execution will start with transport dataType and THEN continue down to "*" if needed
- */
- prefilters = {},
-
- /* Transports bindings
- * 1) key is the dataType
- * 2) the catchall symbol "*" can be used
- * 3) selection will start with transport dataType and THEN go to "*" if needed
- */
- transports = {},
-
- // Document location
- ajaxLocation,
-
- // Document location segments
- ajaxLocParts,
-
- // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
- allTypes = ["*/"] + ["*"];
-
-// #8138, IE may throw an exception when accessing
-// a field from window.location if document.domain has been set
-try {
- ajaxLocation = location.href;
-} catch( e ) {
- // Use the href attribute of an A element
- // since IE will modify it given document.location
- ajaxLocation = document.createElement( "a" );
- ajaxLocation.href = "";
- ajaxLocation = ajaxLocation.href;
-}
-
-// Segment location into parts
-ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
-
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
-
- // dataTypeExpression is optional and defaults to "*"
- return function( dataTypeExpression, func ) {
-
- if ( typeof dataTypeExpression !== "string" ) {
- func = dataTypeExpression;
- dataTypeExpression = "*";
- }
-
- if ( jQuery.isFunction( func ) ) {
- var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
- i = 0,
- length = dataTypes.length,
- dataType,
- list,
- placeBefore;
-
- // For each dataType in the dataTypeExpression
- for(; i < length; i++ ) {
- dataType = dataTypes[ i ];
- // We control if we're asked to add before
- // any existing element
- placeBefore = /^\+/.test( dataType );
- if ( placeBefore ) {
- dataType = dataType.substr( 1 ) || "*";
- }
- list = structure[ dataType ] = structure[ dataType ] || [];
- // then we add to the structure accordingly
- list[ placeBefore ? "unshift" : "push" ]( func );
- }
- }
- };
-}
-
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
- dataType /* internal */, inspected /* internal */ ) {
-
- dataType = dataType || options.dataTypes[ 0 ];
- inspected = inspected || {};
-
- inspected[ dataType ] = true;
-
- var list = structure[ dataType ],
- i = 0,
- length = list ? list.length : 0,
- executeOnly = ( structure === prefilters ),
- selection;
-
- for(; i < length && ( executeOnly || !selection ); i++ ) {
- selection = list[ i ]( options, originalOptions, jqXHR );
- // If we got redirected to another dataType
- // we try there if executing only and not done already
- if ( typeof selection === "string" ) {
- if ( !executeOnly || inspected[ selection ] ) {
- selection = undefined;
- } else {
- options.dataTypes.unshift( selection );
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, selection, inspected );
- }
- }
- }
- // If we're only executing or nothing was selected
- // we try the catchall dataType if not done already
- if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, "*", inspected );
- }
- // unnecessary when only executing (prefilters)
- // but it'll be ignored by the caller in that case
- return selection;
-}
-
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
- var key, deep,
- flatOptions = jQuery.ajaxSettings.flatOptions || {};
- for( key in src ) {
- if ( src[ key ] !== undefined ) {
- ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
- }
- }
- if ( deep ) {
- jQuery.extend( true, target, deep );
- }
-}
-
-jQuery.fn.extend({
- load: function( url, params, callback ) {
- if ( typeof url !== "string" && _load ) {
- return _load.apply( this, arguments );
-
- // Don't do a request if no elements are being requested
- } else if ( !this.length ) {
- return this;
- }
-
- var off = url.indexOf( " " );
- if ( off >= 0 ) {
- var selector = url.slice( off, url.length );
- url = url.slice( 0, off );
- }
-
- // Default to a GET request
- var type = "GET";
-
- // If the second parameter was provided
- if ( params ) {
- // If it's a function
- if ( jQuery.isFunction( params ) ) {
- // We assume that it's the callback
- callback = params;
- params = undefined;
-
- // Otherwise, build a param string
- } else if ( typeof params === "object" ) {
- params = jQuery.param( params, jQuery.ajaxSettings.traditional );
- type = "POST";
- }
- }
-
- var self = this;
-
- // Request the remote document
- jQuery.ajax({
- url: url,
- type: type,
- dataType: "html",
- data: params,
- // Complete callback (responseText is used internally)
- complete: function( jqXHR, status, responseText ) {
- // Store the response as specified by the jqXHR object
- responseText = jqXHR.responseText;
- // If successful, inject the HTML into all the matched elements
- if ( jqXHR.isResolved() ) {
- // #4825: Get the actual response in case
- // a dataFilter is present in ajaxSettings
- jqXHR.done(function( r ) {
- responseText = r;
- });
- // See if a selector was specified
- self.html( selector ?
- // Create a dummy div to hold the results
- jQuery("<div>")
- // inject the contents of the document in, removing the scripts
- // to avoid any 'Permission Denied' errors in IE
- .append(responseText.replace(rscript, ""))
-
- // Locate the specified elements
- .find(selector) :
-
- // If not, just inject the full result
- responseText );
- }
-
- if ( callback ) {
- self.each( callback, [ responseText, status, jqXHR ] );
- }
- }
- });
-
- return this;
- },
-
- serialize: function() {
- return jQuery.param( this.serializeArray() );
- },
-
- serializeArray: function() {
- return this.map(function(){
- return this.elements ? jQuery.makeArray( this.elements ) : this;
- })
- .filter(function(){
- return this.name && !this.disabled &&
- ( this.checked || rselectTextarea.test( this.nodeName ) ||
- rinput.test( this.type ) );
- })
- .map(function( i, elem ){
- var val = jQuery( this ).val();
-
- return val == null ?
- null :
- jQuery.isArray( val ) ?
- jQuery.map( val, function( val, i ){
- return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }) :
- { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }).get();
- }
-});
-
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
- jQuery.fn[ o ] = function( f ){
- return this.bind( o, f );
- };
-});
-
-jQuery.each( [ "get", "post" ], function( i, method ) {
- jQuery[ method ] = function( url, data, callback, type ) {
- // shift arguments if data argument was omitted
- if ( jQuery.isFunction( data ) ) {
- type = type || callback;
- callback = data;
- data = undefined;
- }
-
- return jQuery.ajax({
- type: method,
- url: url,
- data: data,
- success: callback,
- dataType: type
- });
- };
-});
-
-jQuery.extend({
-
- getScript: function( url, callback ) {
- return jQuery.get( url, undefined, callback, "script" );
- },
-
- getJSON: function( url, data, callback ) {
- return jQuery.get( url, data, callback, "json" );
- },
-
- // Creates a full fledged settings object into target
- // with both ajaxSettings and settings fields.
- // If target is omitted, writes into ajaxSettings.
- ajaxSetup: function( target, settings ) {
- if ( settings ) {
- // Building a settings object
- ajaxExtend( target, jQuery.ajaxSettings );
- } else {
- // Extending ajaxSettings
- settings = target;
- target = jQuery.ajaxSettings;
- }
- ajaxExtend( target, settings );
- return target;
- },
-
- ajaxSettings: {
- url: ajaxLocation,
- isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
- global: true,
- type: "GET",
- contentType: "application/x-www-form-urlencoded",
- processData: true,
- async: true,
- /*
- timeout: 0,
- data: null,
- dataType: null,
- username: null,
- password: null,
- cache: null,
- traditional: false,
- headers: {},
- */
-
- accepts: {
- xml: "application/xml, text/xml",
- html: "text/html",
- text: "text/plain",
- json: "application/json, text/javascript",
- "*": allTypes
- },
-
- contents: {
- xml: /xml/,
- html: /html/,
- json: /json/
- },
-
- responseFields: {
- xml: "responseXML",
- text: "responseText"
- },
-
- // List of data converters
- // 1) key format is "source_type destination_type" (a single space in-between)
- // 2) the catchall symbol "*" can be used for source_type
- converters: {
-
- // Convert anything to text
- "* text": window.String,
-
- // Text to html (true = no transformation)
- "text html": true,
-
- // Evaluate text as a json expression
- "text json": jQuery.parseJSON,
-
- // Parse text as xml
- "text xml": jQuery.parseXML
- },
-
- // For options that shouldn't be deep extended:
- // you can add your own custom options here if
- // and when you create one that shouldn't be
- // deep extended (see ajaxExtend)
- flatOptions: {
- context: true,
- url: true
- }
- },
-
- ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
- ajaxTransport: addToPrefiltersOrTransports( transports ),
-
- // Main method
- ajax: function( url, options ) {
-
- // If url is an object, simulate pre-1.5 signature
- if ( typeof url === "object" ) {
- options = url;
- url = undefined;
- }
-
- // Force options to be an object
- options = options || {};
-
- var // Create the final options object
- s = jQuery.ajaxSetup( {}, options ),
- // Callbacks context
- callbackContext = s.context || s,
- // Context for global events
- // It's the callbackContext if one was provided in the options
- // and if it's a DOM node or a jQuery collection
- globalEventContext = callbackContext !== s &&
- ( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
- jQuery( callbackContext ) : jQuery.event,
- // Deferreds
- deferred = jQuery.Deferred(),
- completeDeferred = jQuery._Deferred(),
- // Status-dependent callbacks
- statusCode = s.statusCode || {},
- // ifModified key
- ifModifiedKey,
- // Headers (they are sent all at once)
- requestHeaders = {},
- requestHeadersNames = {},
- // Response headers
- responseHeadersString,
- responseHeaders,
- // transport
- transport,
- // timeout handle
- timeoutTimer,
- // Cross-domain detection vars
- parts,
- // The jqXHR state
- state = 0,
- // To know if global events are to be dispatched
- fireGlobals,
- // Loop variable
- i,
- // Fake xhr
- jqXHR = {
-
- readyState: 0,
-
- // Caches the header
- setRequestHeader: function( name, value ) {
- if ( !state ) {
- var lname = name.toLowerCase();
- name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
- requestHeaders[ name ] = value;
- }
- return this;
- },
-
- // Raw string
- getAllResponseHeaders: function() {
- return state === 2 ? responseHeadersString : null;
- },
-
- // Builds headers hashtable if needed
- getResponseHeader: function( key ) {
- var match;
- if ( state === 2 ) {
- if ( !responseHeaders ) {
- responseHeaders = {};
- while( ( match = rheaders.exec( responseHeadersString ) ) ) {
- responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
- }
- }
- match = responseHeaders[ key.toLowerCase() ];
- }
- return match === undefined ? null : match;
- },
-
- // Overrides response content-type header
- overrideMimeType: function( type ) {
- if ( !state ) {
- s.mimeType = type;
- }
- return this;
- },
-
- // Cancel the request
- abort: function( statusText ) {
- statusText = statusText || "abort";
- if ( transport ) {
- transport.abort( statusText );
- }
- done( 0, statusText );
- return this;
- }
- };
-
- // Callback for when everything is done
- // It is defined here because jslint complains if it is declared
- // at the end of the function (which would be more logical and readable)
- function done( status, nativeStatusText, responses, headers ) {
-
- // Called once
- if ( state === 2 ) {
- return;
- }
-
- // State is "done" now
- state = 2;
-
- // Clear timeout if it exists
- if ( timeoutTimer ) {
- clearTimeout( timeoutTimer );
- }
-
- // Dereference transport for early garbage collection
- // (no matter how long the jqXHR object will be used)
- transport = undefined;
-
- // Cache response headers
- responseHeadersString = headers || "";
-
- // Set readyState
- jqXHR.readyState = status > 0 ? 4 : 0;
-
- var isSuccess,
- success,
- error,
- statusText = nativeStatusText,
- response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
- lastModified,
- etag;
-
- // If successful, handle type chaining
- if ( status >= 200 && status < 300 || status === 304 ) {
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
-
- if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
- jQuery.lastModified[ ifModifiedKey ] = lastModified;
- }
- if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
- jQuery.etag[ ifModifiedKey ] = etag;
- }
- }
-
- // If not modified
- if ( status === 304 ) {
-
- statusText = "notmodified";
- isSuccess = true;
-
- // If we have data
- } else {
-
- try {
- success = ajaxConvert( s, response );
- statusText = "success";
- isSuccess = true;
- } catch(e) {
- // We have a parsererror
- statusText = "parsererror";
- error = e;
- }
- }
- } else {
- // We extract error from statusText
- // then normalize statusText and status for non-aborts
- error = statusText;
- if( !statusText || status ) {
- statusText = "error";
- if ( status < 0 ) {
- status = 0;
- }
- }
- }
-
- // Set data for the fake xhr object
- jqXHR.status = status;
- jqXHR.statusText = "" + ( nativeStatusText || statusText );
-
- // Success/Error
- if ( isSuccess ) {
- deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
- } else {
- deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
- }
-
- // Status-dependent callbacks
- jqXHR.statusCode( statusCode );
- statusCode = undefined;
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
- [ jqXHR, s, isSuccess ? success : error ] );
- }
-
- // Complete
- completeDeferred.resolveWith( callbackContext, [ jqXHR, statusText ] );
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
- // Handle the global AJAX counter
- if ( !( --jQuery.active ) ) {
- jQuery.event.trigger( "ajaxStop" );
- }
- }
- }
-
- // Attach deferreds
- deferred.promise( jqXHR );
- jqXHR.success = jqXHR.done;
- jqXHR.error = jqXHR.fail;
- jqXHR.complete = completeDeferred.done;
-
- // Status-dependent callbacks
- jqXHR.statusCode = function( map ) {
- if ( map ) {
- var tmp;
- if ( state < 2 ) {
- for( tmp in map ) {
- statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
- }
- } else {
- tmp = map[ jqXHR.status ];
- jqXHR.then( tmp, tmp );
- }
- }
- return this;
- };
-
- // Remove hash character (#7531: and string promotion)
- // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
- // We also use the url parameter if available
- s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
-
- // Extract dataTypes list
- s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
-
- // Determine if a cross-domain request is in order
- if ( s.crossDomain == null ) {
- parts = rurl.exec( s.url.toLowerCase() );
- s.crossDomain = !!( parts &&
- ( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
- ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
- ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
- );
- }
-
- // Convert data if not already a string
- if ( s.data && s.processData && typeof s.data !== "string" ) {
- s.data = jQuery.param( s.data, s.traditional );
- }
-
- // Apply prefilters
- inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
- // If request was aborted inside a prefiler, stop there
- if ( state === 2 ) {
- return false;
- }
-
- // We can fire global events as of now if asked to
- fireGlobals = s.global;
-
- // Uppercase the type
- s.type = s.type.toUpperCase();
-
- // Determine if request has content
- s.hasContent = !rnoContent.test( s.type );
-
- // Watch for a new set of requests
- if ( fireGlobals && jQuery.active++ === 0 ) {
- jQuery.event.trigger( "ajaxStart" );
- }
-
- // More options handling for requests with no content
- if ( !s.hasContent ) {
-
- // If data is available, append data to url
- if ( s.data ) {
- s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
- // #9682: remove data so that it's not used in an eventual retry
- delete s.data;
- }
-
- // Get ifModifiedKey before adding the anti-cache parameter
- ifModifiedKey = s.url;
-
- // Add anti-cache in url if needed
- if ( s.cache === false ) {
-
- var ts = jQuery.now(),
- // try replacing _= if it is there
- ret = s.url.replace( rts, "$1_=" + ts );
-
- // if nothing was replaced, add timestamp to the end
- s.url = ret + ( (ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
- }
- }
-
- // Set the correct header, if data is being sent
- if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
- jqXHR.setRequestHeader( "Content-Type", s.contentType );
- }
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
- ifModifiedKey = ifModifiedKey || s.url;
- if ( jQuery.lastModified[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
- }
- if ( jQuery.etag[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
- }
- }
-
- // Set the Accepts header for the server, depending on the dataType
- jqXHR.setRequestHeader(
- "Accept",
- s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
- s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
- s.accepts[ "*" ]
- );
-
- // Check for headers option
- for ( i in s.headers ) {
- jqXHR.setRequestHeader( i, s.headers[ i ] );
- }
-
- // Allow custom headers/mimetypes and early abort
- if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
- // Abort if not done already
- jqXHR.abort();
- return false;
-
- }
-
- // Install callbacks on deferreds
- for ( i in { success: 1, error: 1, complete: 1 } ) {
- jqXHR[ i ]( s[ i ] );
- }
-
- // Get transport
- transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
- // If no transport, we auto-abort
- if ( !transport ) {
- done( -1, "No Transport" );
- } else {
- jqXHR.readyState = 1;
- // Send global event
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
- }
- // Timeout
- if ( s.async && s.timeout > 0 ) {
- timeoutTimer = setTimeout( function(){
- jqXHR.abort( "timeout" );
- }, s.timeout );
- }
-
- try {
- state = 1;
- transport.send( requestHeaders, done );
- } catch (e) {
- // Propagate exception as error if not done
- if ( state < 2 ) {
- done( -1, e );
- // Simply rethrow otherwise
- } else {
- jQuery.error( e );
- }
- }
- }
-
- return jqXHR;
- },
-
- // Serialize an array of form elements or a set of
- // key/values into a query string
- param: function( a, traditional ) {
- var s = [],
- add = function( key, value ) {
- // If value is a function, invoke it and return its value
- value = jQuery.isFunction( value ) ? value() : value;
- s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
- };
-
- // Set traditional to true for jQuery <= 1.3.2 behavior.
- if ( traditional === undefined ) {
- traditional = jQuery.ajaxSettings.traditional;
- }
-
- // If an array was passed in, assume that it is an array of form elements.
- if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
- // Serialize the form elements
- jQuery.each( a, function() {
- add( this.name, this.value );
- });
-
- } else {
- // If traditional, encode the "old" way (the way 1.3.2 or older
- // did it), otherwise encode params recursively.
- for ( var prefix in a ) {
- buildParams( prefix, a[ prefix ], traditional, add );
- }
- }
-
- // Return the resulting serialization
- return s.join( "&" ).replace( r20, "+" );
- }
-});
-
-function buildParams( prefix, obj, traditional, add ) {
- if ( jQuery.isArray( obj ) ) {
- // Serialize array item.
- jQuery.each( obj, function( i, v ) {
- if ( traditional || rbracket.test( prefix ) ) {
- // Treat each array item as a scalar.
- add( prefix, v );
-
- } else {
- // If array item is non-scalar (array or object), encode its
- // numeric index to resolve deserialization ambiguity issues.
- // Note that rack (as of 1.0.0) can't currently deserialize
- // nested arrays properly, and attempting to do so may cause
- // a server error. Possible fixes are to modify rack's
- // deserialization algorithm or to provide an option or flag
- // to force array serialization to be shallow.
- buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
- }
- });
-
- } else if ( !traditional && obj != null && typeof obj === "object" ) {
- // Serialize object item.
- for ( var name in obj ) {
- buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
- }
-
- } else {
- // Serialize scalar item.
- add( prefix, obj );
- }
-}
-
-// This is still on the jQuery object... for now
-// Want to move this to jQuery.ajax some day
-jQuery.extend({
-
- // Counter for holding the number of active queries
- active: 0,
-
- // Last-Modified header cache for next request
- lastModified: {},
- etag: {}
-
-});
-
-/* Handles responses to an ajax request:
- * - sets all responseXXX fields accordingly
- * - finds the right dataType (mediates between content-type and expected dataType)
- * - returns the corresponding response
- */
-function ajaxHandleResponses( s, jqXHR, responses ) {
-
- var contents = s.contents,
- dataTypes = s.dataTypes,
- responseFields = s.responseFields,
- ct,
- type,
- finalDataType,
- firstDataType;
-
- // Fill responseXXX fields
- for( type in responseFields ) {
- if ( type in responses ) {
- jqXHR[ responseFields[type] ] = responses[ type ];
- }
- }
-
- // Remove auto dataType and get content-type in the process
- while( dataTypes[ 0 ] === "*" ) {
- dataTypes.shift();
- if ( ct === undefined ) {
- ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
- }
- }
-
- // Check if we're dealing with a known content-type
- if ( ct ) {
- for ( type in contents ) {
- if ( contents[ type ] && contents[ type ].test( ct ) ) {
- dataTypes.unshift( type );
- break;
- }
- }
- }
-
- // Check to see if we have a response for the expected dataType
- if ( dataTypes[ 0 ] in responses ) {
- finalDataType = dataTypes[ 0 ];
- } else {
- // Try convertible dataTypes
- for ( type in responses ) {
- if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
- finalDataType = type;
- break;
- }
- if ( !firstDataType ) {
- firstDataType = type;
- }
- }
- // Or just use first one
- finalDataType = finalDataType || firstDataType;
- }
-
- // If we found a dataType
- // We add the dataType to the list if needed
- // and return the corresponding response
- if ( finalDataType ) {
- if ( finalDataType !== dataTypes[ 0 ] ) {
- dataTypes.unshift( finalDataType );
- }
- return responses[ finalDataType ];
- }
-}
-
-// Chain conversions given the request and the original response
-function ajaxConvert( s, response ) {
-
- // Apply the dataFilter if provided
- if ( s.dataFilter ) {
- response = s.dataFilter( response, s.dataType );
- }
-
- var dataTypes = s.dataTypes,
- converters = {},
- i,
- key,
- length = dataTypes.length,
- tmp,
- // Current and previous dataTypes
- current = dataTypes[ 0 ],
- prev,
- // Conversion expression
- conversion,
- // Conversion function
- conv,
- // Conversion functions (transitive conversion)
- conv1,
- conv2;
-
- // For each dataType in the chain
- for( i = 1; i < length; i++ ) {
-
- // Create converters map
- // with lowercased keys
- if ( i === 1 ) {
- for( key in s.converters ) {
- if( typeof key === "string" ) {
- converters[ key.toLowerCase() ] = s.converters[ key ];
- }
- }
- }
-
- // Get the dataTypes
- prev = current;
- current = dataTypes[ i ];
-
- // If current is auto dataType, update it to prev
- if( current === "*" ) {
- current = prev;
- // If no auto and dataTypes are actually different
- } else if ( prev !== "*" && prev !== current ) {
-
- // Get the converter
- conversion = prev + " " + current;
- conv = converters[ conversion ] || converters[ "* " + current ];
-
- // If there is no direct converter, search transitively
- if ( !conv ) {
- conv2 = undefined;
- for( conv1 in converters ) {
- tmp = conv1.split( " " );
- if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
- conv2 = converters[ tmp[1] + " " + current ];
- if ( conv2 ) {
- conv1 = converters[ conv1 ];
- if ( conv1 === true ) {
- conv = conv2;
- } else if ( conv2 === true ) {
- conv = conv1;
- }
- break;
- }
- }
- }
- }
- // If we found no converter, dispatch an error
- if ( !( conv || conv2 ) ) {
- jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
- }
- // If found converter is not an equivalence
- if ( conv !== true ) {
- // Convert with 1 or 2 converters accordingly
- response = conv ? conv( response ) : conv2( conv1(response) );
- }
- }
- }
- return response;
-}
-
-
-
-
-var jsc = jQuery.now(),
- jsre = /(\=)\?(&|$)|\?\?/i;
-
-// Default jsonp settings
-jQuery.ajaxSetup({
- jsonp: "callback",
- jsonpCallback: function() {
- return jQuery.expando + "_" + ( jsc++ );
- }
-});
-
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
-
- var inspectData = s.contentType === "application/x-www-form-urlencoded" &&
- ( typeof s.data === "string" );
-
- if ( s.dataTypes[ 0 ] === "jsonp" ||
- s.jsonp !== false && ( jsre.test( s.url ) ||
- inspectData && jsre.test( s.data ) ) ) {
-
- var responseContainer,
- jsonpCallback = s.jsonpCallback =
- jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
- previous = window[ jsonpCallback ],
- url = s.url,
- data = s.data,
- replace = "$1" + jsonpCallback + "$2";
-
- if ( s.jsonp !== false ) {
- url = url.replace( jsre, replace );
- if ( s.url === url ) {
- if ( inspectData ) {
- data = data.replace( jsre, replace );
- }
- if ( s.data === data ) {
- // Add callback manually
- url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
- }
- }
- }
-
- s.url = url;
- s.data = data;
-
- // Install callback
- window[ jsonpCallback ] = function( response ) {
- responseContainer = [ response ];
- };
-
- // Clean-up function
- jqXHR.always(function() {
- // Set callback back to previous value
- window[ jsonpCallback ] = previous;
- // Call if it was a function and we have a response
- if ( responseContainer && jQuery.isFunction( previous ) ) {
- window[ jsonpCallback ]( responseContainer[ 0 ] );
- }
- });
-
- // Use data converter to retrieve json after script execution
- s.converters["script json"] = function() {
- if ( !responseContainer ) {
- jQuery.error( jsonpCallback + " was not called" );
- }
- return responseContainer[ 0 ];
- };
-
- // force json dataType
- s.dataTypes[ 0 ] = "json";
-
- // Delegate to script
- return "script";
- }
-});
-
-
-
-
-// Install script dataType
-jQuery.ajaxSetup({
- accepts: {
- script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
- },
- contents: {
- script: /javascript|ecmascript/
- },
- converters: {
- "text script": function( text ) {
- jQuery.globalEval( text );
- return text;
- }
- }
-});
-
-// Handle cache's special case and global
-jQuery.ajaxPrefilter( "script", function( s ) {
- if ( s.cache === undefined ) {
- s.cache = false;
- }
- if ( s.crossDomain ) {
- s.type = "GET";
- s.global = false;
- }
-});
-
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function(s) {
-
- // This transport only deals with cross domain requests
- if ( s.crossDomain ) {
-
- var script,
- head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
-
- return {
-
- send: function( _, callback ) {
-
- script = document.createElement( "script" );
-
- script.async = "async";
-
- if ( s.scriptCharset ) {
- script.charset = s.scriptCharset;
- }
-
- script.src = s.url;
-
- // Attach handlers for all browsers
- script.onload = script.onreadystatechange = function( _, isAbort ) {
-
- if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
-
- // Handle memory leak in IE
- script.onload = script.onreadystatechange = null;
-
- // Remove the script
- if ( head && script.parentNode ) {
- head.removeChild( script );
- }
-
- // Dereference the script
- script = undefined;
-
- // Callback if not abort
- if ( !isAbort ) {
- callback( 200, "success" );
- }
- }
- };
- // Use insertBefore instead of appendChild to circumvent an IE6 bug.
- // This arises when a base node is used (#2709 and #4378).
- head.insertBefore( script, head.firstChild );
- },
-
- abort: function() {
- if ( script ) {
- script.onload( 0, 1 );
- }
- }
- };
- }
-});
-
-
-
-
-var // #5280: Internet Explorer will keep connections alive if we don't abort on unload
- xhrOnUnloadAbort = window.ActiveXObject ? function() {
- // Abort all pending requests
- for ( var key in xhrCallbacks ) {
- xhrCallbacks[ key ]( 0, 1 );
- }
- } : false,
- xhrId = 0,
- xhrCallbacks;
-
-// Functions to create xhrs
-function createStandardXHR() {
- try {
- return new window.XMLHttpRequest();
- } catch( e ) {}
-}
-
-function createActiveXHR() {
- try {
- return new window.ActiveXObject( "Microsoft.XMLHTTP" );
- } catch( e ) {}
-}
-
-// Create the request object
-// (This is still attached to ajaxSettings for backward compatibility)
-jQuery.ajaxSettings.xhr = window.ActiveXObject ?
- /* Microsoft failed to properly
- * implement the XMLHttpRequest in IE7 (can't request local files),
- * so we use the ActiveXObject when it is available
- * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
- * we need a fallback.
- */
- function() {
- return !this.isLocal && createStandardXHR() || createActiveXHR();
- } :
- // For all other browsers, use the standard XMLHttpRequest object
- createStandardXHR;
-
-// Determine support properties
-(function( xhr ) {
- jQuery.extend( jQuery.support, {
- ajax: !!xhr,
- cors: !!xhr && ( "withCredentials" in xhr )
- });
-})( jQuery.ajaxSettings.xhr() );
-
-// Create transport if the browser can provide an xhr
-if ( jQuery.support.ajax ) {
-
- jQuery.ajaxTransport(function( s ) {
- // Cross domain only allowed if supported through XMLHttpRequest
- if ( !s.crossDomain || jQuery.support.cors ) {
-
- var callback;
-
- return {
- send: function( headers, complete ) {
-
- // Get a new xhr
- var xhr = s.xhr(),
- handle,
- i;
-
- // Open the socket
- // Passing null username, generates a login popup on Opera (#2865)
- if ( s.username ) {
- xhr.open( s.type, s.url, s.async, s.username, s.password );
- } else {
- xhr.open( s.type, s.url, s.async );
- }
-
- // Apply custom fields if provided
- if ( s.xhrFields ) {
- for ( i in s.xhrFields ) {
- xhr[ i ] = s.xhrFields[ i ];
- }
- }
-
- // Override mime type if needed
- if ( s.mimeType && xhr.overrideMimeType ) {
- xhr.overrideMimeType( s.mimeType );
- }
-
- // X-Requested-With header
- // For cross-domain requests, seeing as conditions for a preflight are
- // akin to a jigsaw puzzle, we simply never set it to be sure.
- // (it can always be set on a per-request basis or even using ajaxSetup)
- // For same-domain requests, won't change header if already provided.
- if ( !s.crossDomain && !headers["X-Requested-With"] ) {
- headers[ "X-Requested-With" ] = "XMLHttpRequest";
- }
-
- // Need an extra try/catch for cross domain requests in Firefox 3
- try {
- for ( i in headers ) {
- xhr.setRequestHeader( i, headers[ i ] );
- }
- } catch( _ ) {}
-
- // Do send the request
- // This may raise an exception which is actually
- // handled in jQuery.ajax (so no try/catch here)
- xhr.send( ( s.hasContent && s.data ) || null );
-
- // Listener
- callback = function( _, isAbort ) {
-
- var status,
- statusText,
- responseHeaders,
- responses,
- xml;
-
- // Firefox throws exceptions when accessing properties
- // of an xhr when a network error occured
- // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
- try {
-
- // Was never called and is aborted or complete
- if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
-
- // Only called once
- callback = undefined;
-
- // Do not keep as active anymore
- if ( handle ) {
- xhr.onreadystatechange = jQuery.noop;
- if ( xhrOnUnloadAbort ) {
- delete xhrCallbacks[ handle ];
- }
- }
-
- // If it's an abort
- if ( isAbort ) {
- // Abort it manually if needed
- if ( xhr.readyState !== 4 ) {
- xhr.abort();
- }
- } else {
- status = xhr.status;
- responseHeaders = xhr.getAllResponseHeaders();
- responses = {};
- xml = xhr.responseXML;
-
- // Construct response list
- if ( xml && xml.documentElement /* #4958 */ ) {
- responses.xml = xml;
- }
- responses.text = xhr.responseText;
-
- // Firefox throws an exception when accessing
- // statusText for faulty cross-domain requests
- try {
- statusText = xhr.statusText;
- } catch( e ) {
- // We normalize with Webkit giving an empty statusText
- statusText = "";
- }
-
- // Filter status for non standard behaviors
-
- // If the request is local and we have data: assume a success
- // (success with no data won't get notified, that's the best we
- // can do given current implementations)
- if ( !status && s.isLocal && !s.crossDomain ) {
- status = responses.text ? 200 : 404;
- // IE - #1450: sometimes returns 1223 when it should be 204
- } else if ( status === 1223 ) {
- status = 204;
- }
- }
- }
- } catch( firefoxAccessException ) {
- if ( !isAbort ) {
- complete( -1, firefoxAccessException );
- }
- }
-
- // Call complete if needed
- if ( responses ) {
- complete( status, statusText, responses, responseHeaders );
- }
- };
-
- // if we're in sync mode or it's in cache
- // and has been retrieved directly (IE6 & IE7)
- // we need to manually fire the callback
- if ( !s.async || xhr.readyState === 4 ) {
- callback();
- } else {
- handle = ++xhrId;
- if ( xhrOnUnloadAbort ) {
- // Create the active xhrs callbacks list if needed
- // and attach the unload handler
- if ( !xhrCallbacks ) {
- xhrCallbacks = {};
- jQuery( window ).unload( xhrOnUnloadAbort );
- }
- // Add to list of active xhrs callbacks
- xhrCallbacks[ handle ] = callback;
- }
- xhr.onreadystatechange = callback;
- }
- },
-
- abort: function() {
- if ( callback ) {
- callback(0,1);
- }
- }
- };
- }
- });
-}
-
-
-
-
-var elemdisplay = {},
- iframe, iframeDoc,
- rfxtypes = /^(?:toggle|show|hide)$/,
- rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
- timerId,
- fxAttrs = [
- // height animations
- [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
- // width animations
- [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
- // opacity animations
- [ "opacity" ]
- ],
- fxNow;
-
-jQuery.fn.extend({
- show: function( speed, easing, callback ) {
- var elem, display;
-
- if ( speed || speed === 0 ) {
- return this.animate( genFx("show", 3), speed, easing, callback);
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- elem = this[i];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- // Reset the inline display of this element to learn if it is
- // being hidden by cascaded rules or not
- if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
- display = elem.style.display = "";
- }
-
- // Set elements which have been overridden with display: none
- // in a stylesheet to whatever the default browser style is
- // for such an element
- if ( display === "" && jQuery.css( elem, "display" ) === "none" ) {
- jQuery._data(elem, "olddisplay", defaultDisplay(elem.nodeName));
- }
- }
- }
-
- // Set the display of most of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- elem = this[i];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- if ( display === "" || display === "none" ) {
- elem.style.display = jQuery._data(elem, "olddisplay") || "";
- }
- }
- }
-
- return this;
- }
- },
-
- hide: function( speed, easing, callback ) {
- if ( speed || speed === 0 ) {
- return this.animate( genFx("hide", 3), speed, easing, callback);
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- if ( this[i].style ) {
- var display = jQuery.css( this[i], "display" );
-
- if ( display !== "none" && !jQuery._data( this[i], "olddisplay" ) ) {
- jQuery._data( this[i], "olddisplay", display );
- }
- }
- }
-
- // Set the display of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- if ( this[i].style ) {
- this[i].style.display = "none";
- }
- }
-
- return this;
- }
- },
-
- // Save the old toggle function
- _toggle: jQuery.fn.toggle,
-
- toggle: function( fn, fn2, callback ) {
- var bool = typeof fn === "boolean";
-
- if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
- this._toggle.apply( this, arguments );
-
- } else if ( fn == null || bool ) {
- this.each(function() {
- var state = bool ? fn : jQuery(this).is(":hidden");
- jQuery(this)[ state ? "show" : "hide" ]();
- });
-
- } else {
- this.animate(genFx("toggle", 3), fn, fn2, callback);
- }
-
- return this;
- },
-
- fadeTo: function( speed, to, easing, callback ) {
- return this.filter(":hidden").css("opacity", 0).show().end()
- .animate({opacity: to}, speed, easing, callback);
- },
-
- animate: function( prop, speed, easing, callback ) {
- var optall = jQuery.speed(speed, easing, callback);
-
- if ( jQuery.isEmptyObject( prop ) ) {
- return this.each( optall.complete, [ false ] );
- }
-
- // Do not change referenced properties as per-property easing will be lost
- prop = jQuery.extend( {}, prop );
-
- return this[ optall.queue === false ? "each" : "queue" ](function() {
- // XXX 'this' does not always have a nodeName when running the
- // test suite
-
- if ( optall.queue === false ) {
- jQuery._mark( this );
- }
-
- var opt = jQuery.extend( {}, optall ),
- isElement = this.nodeType === 1,
- hidden = isElement && jQuery(this).is(":hidden"),
- name, val, p,
- display, e,
- parts, start, end, unit;
-
- // will store per property easing and be used to determine when an animation is complete
- opt.animatedProperties = {};
-
- for ( p in prop ) {
-
- // property name normalization
- name = jQuery.camelCase( p );
- if ( p !== name ) {
- prop[ name ] = prop[ p ];
- delete prop[ p ];
- }
-
- val = prop[ name ];
-
- // easing resolution: per property > opt.specialEasing > opt.easing > 'swing' (default)
- if ( jQuery.isArray( val ) ) {
- opt.animatedProperties[ name ] = val[ 1 ];
- val = prop[ name ] = val[ 0 ];
- } else {
- opt.animatedProperties[ name ] = opt.specialEasing && opt.specialEasing[ name ] || opt.easing || 'swing';
- }
-
- if ( val === "hide" && hidden || val === "show" && !hidden ) {
- return opt.complete.call( this );
- }
-
- if ( isElement && ( name === "height" || name === "width" ) ) {
- // Make sure that nothing sneaks out
- // Record all 3 overflow attributes because IE does not
- // change the overflow attribute when overflowX and
- // overflowY are set to the same value
- opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
-
- // Set display property to inline-block for height/width
- // animations on inline elements that are having width/height
- // animated
- if ( jQuery.css( this, "display" ) === "inline" &&
- jQuery.css( this, "float" ) === "none" ) {
- if ( !jQuery.support.inlineBlockNeedsLayout ) {
- this.style.display = "inline-block";
-
- } else {
- display = defaultDisplay( this.nodeName );
-
- // inline-level elements accept inline-block;
- // block-level elements need to be inline with layout
- if ( display === "inline" ) {
- this.style.display = "inline-block";
-
- } else {
- this.style.display = "inline";
- this.style.zoom = 1;
- }
- }
- }
- }
- }
-
- if ( opt.overflow != null ) {
- this.style.overflow = "hidden";
- }
-
- for ( p in prop ) {
- e = new jQuery.fx( this, opt, p );
- val = prop[ p ];
-
- if ( rfxtypes.test(val) ) {
- e[ val === "toggle" ? hidden ? "show" : "hide" : val ]();
-
- } else {
- parts = rfxnum.exec( val );
- start = e.cur();
-
- if ( parts ) {
- end = parseFloat( parts[2] );
- unit = parts[3] || ( jQuery.cssNumber[ p ] ? "" : "px" );
-
- // We need to compute starting value
- if ( unit !== "px" ) {
- jQuery.style( this, p, (end || 1) + unit);
- start = ((end || 1) / e.cur()) * start;
- jQuery.style( this, p, start + unit);
- }
-
- // If a +=/-= token was provided, we're doing a relative animation
- if ( parts[1] ) {
- end = ( (parts[ 1 ] === "-=" ? -1 : 1) * end ) + start;
- }
-
- e.custom( start, end, unit );
-
- } else {
- e.custom( start, val, "" );
- }
- }
- }
-
- // For JS strict compliance
- return true;
- });
- },
-
- stop: function( clearQueue, gotoEnd ) {
- if ( clearQueue ) {
- this.queue([]);
- }
-
- this.each(function() {
- var timers = jQuery.timers,
- i = timers.length;
- // clear marker counters if we know they won't be
- if ( !gotoEnd ) {
- jQuery._unmark( true, this );
- }
- while ( i-- ) {
- if ( timers[i].elem === this ) {
- if (gotoEnd) {
- // force the next step to be the last
- timers[i](true);
- }
-
- timers.splice(i, 1);
- }
- }
- });
-
- // start the next in the queue if the last step wasn't forced
- if ( !gotoEnd ) {
- this.dequeue();
- }
-
- return this;
- }
-
-});
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
- setTimeout( clearFxNow, 0 );
- return ( fxNow = jQuery.now() );
-}
-
-function clearFxNow() {
- fxNow = undefined;
-}
-
-// Generate parameters to create a standard animation
-function genFx( type, num ) {
- var obj = {};
-
- jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
- obj[ this ] = type;
- });
-
- return obj;
-}
-
-// Generate shortcuts for custom animations
-jQuery.each({
- slideDown: genFx("show", 1),
- slideUp: genFx("hide", 1),
- slideToggle: genFx("toggle", 1),
- fadeIn: { opacity: "show" },
- fadeOut: { opacity: "hide" },
- fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
- jQuery.fn[ name ] = function( speed, easing, callback ) {
- return this.animate( props, speed, easing, callback );
- };
-});
-
-jQuery.extend({
- speed: function( speed, easing, fn ) {
- var opt = speed && typeof speed === "object" ? jQuery.extend({}, speed) : {
- complete: fn || !fn && easing ||
- jQuery.isFunction( speed ) && speed,
- duration: speed,
- easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
- };
-
- opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
- opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
-
- // Queueing
- opt.old = opt.complete;
- opt.complete = function( noUnmark ) {
- if ( jQuery.isFunction( opt.old ) ) {
- opt.old.call( this );
- }
-
- if ( opt.queue !== false ) {
- jQuery.dequeue( this );
- } else if ( noUnmark !== false ) {
- jQuery._unmark( this );
- }
- };
-
- return opt;
- },
-
- easing: {
- linear: function( p, n, firstNum, diff ) {
- return firstNum + diff * p;
- },
- swing: function( p, n, firstNum, diff ) {
- return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
- }
- },
-
- timers: [],
-
- fx: function( elem, options, prop ) {
- this.options = options;
- this.elem = elem;
- this.prop = prop;
-
- options.orig = options.orig || {};
- }
-
-});
-
-jQuery.fx.prototype = {
- // Simple function for setting a style value
- update: function() {
- if ( this.options.step ) {
- this.options.step.call( this.elem, this.now, this );
- }
-
- (jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
- },
-
- // Get the current size
- cur: function() {
- if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
- return this.elem[ this.prop ];
- }
-
- var parsed,
- r = jQuery.css( this.elem, this.prop );
- // Empty strings, null, undefined and "auto" are converted to 0,
- // complex values such as "rotate(1rad)" are returned as is,
- // simple values such as "10px" are parsed to Float.
- return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
- },
-
- // Start an animation from one number to another
- custom: function( from, to, unit ) {
- var self = this,
- fx = jQuery.fx;
-
- this.startTime = fxNow || createFxNow();
- this.start = from;
- this.end = to;
- this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
- this.now = this.start;
- this.pos = this.state = 0;
-
- function t( gotoEnd ) {
- return self.step(gotoEnd);
- }
-
- t.elem = this.elem;
-
- if ( t() && jQuery.timers.push(t) && !timerId ) {
- timerId = setInterval( fx.tick, fx.interval );
- }
- },
-
- // Simple 'show' function
- show: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
- this.options.show = true;
-
- // Begin the animation
- // Make sure that we start at a small width/height to avoid any
- // flash of content
- this.custom(this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur());
-
- // Start by showing the element
- jQuery( this.elem ).show();
- },
-
- // Simple 'hide' function
- hide: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
- this.options.hide = true;
-
- // Begin the animation
- this.custom(this.cur(), 0);
- },
-
- // Each step of an animation
- step: function( gotoEnd ) {
- var t = fxNow || createFxNow(),
- done = true,
- elem = this.elem,
- options = this.options,
- i, n;
-
- if ( gotoEnd || t >= options.duration + this.startTime ) {
- this.now = this.end;
- this.pos = this.state = 1;
- this.update();
-
- options.animatedProperties[ this.prop ] = true;
-
- for ( i in options.animatedProperties ) {
- if ( options.animatedProperties[i] !== true ) {
- done = false;
- }
- }
-
- if ( done ) {
- // Reset the overflow
- if ( options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
-
- jQuery.each( [ "", "X", "Y" ], function (index, value) {
- elem.style[ "overflow" + value ] = options.overflow[index];
- });
- }
-
- // Hide the element if the "hide" operation was done
- if ( options.hide ) {
- jQuery(elem).hide();
- }
-
- // Reset the properties, if the item has been hidden or shown
- if ( options.hide || options.show ) {
- for ( var p in options.animatedProperties ) {
- jQuery.style( elem, p, options.orig[p] );
- }
- }
-
- // Execute the complete function
- options.complete.call( elem );
- }
-
- return false;
-
- } else {
- // classical easing cannot be used with an Infinity duration
- if ( options.duration == Infinity ) {
- this.now = t;
- } else {
- n = t - this.startTime;
- this.state = n / options.duration;
-
- // Perform the easing function, defaults to swing
- this.pos = jQuery.easing[ options.animatedProperties[ this.prop ] ]( this.state, n, 0, 1, options.duration );
- this.now = this.start + ((this.end - this.start) * this.pos);
- }
- // Perform the next step of the animation
- this.update();
- }
-
- return true;
- }
-};
-
-jQuery.extend( jQuery.fx, {
- tick: function() {
- for ( var timers = jQuery.timers, i = 0 ; i < timers.length ; ++i ) {
- if ( !timers[i]() ) {
- timers.splice(i--, 1);
- }
- }
-
- if ( !timers.length ) {
- jQuery.fx.stop();
- }
- },
-
- interval: 13,
-
- stop: function() {
- clearInterval( timerId );
- timerId = null;
- },
-
- speeds: {
- slow: 600,
- fast: 200,
- // Default speed
- _default: 400
- },
-
- step: {
- opacity: function( fx ) {
- jQuery.style( fx.elem, "opacity", fx.now );
- },
-
- _default: function( fx ) {
- if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
- fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit;
- } else {
- fx.elem[ fx.prop ] = fx.now;
- }
- }
- }
-});
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.animated = function( elem ) {
- return jQuery.grep(jQuery.timers, function( fn ) {
- return elem === fn.elem;
- }).length;
- };
-}
-
-// Try to restore the default display value of an element
-function defaultDisplay( nodeName ) {
-
- if ( !elemdisplay[ nodeName ] ) {
-
- var body = document.body,
- elem = jQuery( "<" + nodeName + ">" ).appendTo( body ),
- display = elem.css( "display" );
-
- elem.remove();
-
- // If the simple way fails,
- // get element's real default display by attaching it to a temp iframe
- if ( display === "none" || display === "" ) {
- // No iframe to use yet, so create it
- if ( !iframe ) {
- iframe = document.createElement( "iframe" );
- iframe.frameBorder = iframe.width = iframe.height = 0;
- }
-
- body.appendChild( iframe );
-
- // Create a cacheable copy of the iframe document on first call.
- // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
- // document to it; WebKit & Firefox won't allow reusing the iframe document.
- if ( !iframeDoc || !iframe.createElement ) {
- iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
- iframeDoc.write( ( document.compatMode === "CSS1Compat" ? "<!doctype html>" : "" ) + "<html><body>" );
- iframeDoc.close();
- }
-
- elem = iframeDoc.createElement( nodeName );
-
- iframeDoc.body.appendChild( elem );
-
- display = jQuery.css( elem, "display" );
-
- body.removeChild( iframe );
- }
-
- // Store the correct default display
- elemdisplay[ nodeName ] = display;
- }
-
- return elemdisplay[ nodeName ];
-}
-
-
-
-
-var rtable = /^t(?:able|d|h)$/i,
- rroot = /^(?:body|html)$/i;
-
-if ( "getBoundingClientRect" in document.documentElement ) {
- jQuery.fn.offset = function( options ) {
- var elem = this[0], box;
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- try {
- box = elem.getBoundingClientRect();
- } catch(e) {}
-
- var doc = elem.ownerDocument,
- docElem = doc.documentElement;
-
- // Make sure we're not dealing with a disconnected DOM node
- if ( !box || !jQuery.contains( docElem, elem ) ) {
- return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
- }
-
- var body = doc.body,
- win = getWindow(doc),
- clientTop = docElem.clientTop || body.clientTop || 0,
- clientLeft = docElem.clientLeft || body.clientLeft || 0,
- scrollTop = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop || body.scrollTop,
- scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
- top = box.top + scrollTop - clientTop,
- left = box.left + scrollLeft - clientLeft;
-
- return { top: top, left: left };
- };
-
-} else {
- jQuery.fn.offset = function( options ) {
- var elem = this[0];
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- jQuery.offset.initialize();
-
- var computedStyle,
- offsetParent = elem.offsetParent,
- prevOffsetParent = elem,
- doc = elem.ownerDocument,
- docElem = doc.documentElement,
- body = doc.body,
- defaultView = doc.defaultView,
- prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
- top = elem.offsetTop,
- left = elem.offsetLeft;
-
- while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
- if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
- break;
- }
-
- computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
- top -= elem.scrollTop;
- left -= elem.scrollLeft;
-
- if ( elem === offsetParent ) {
- top += elem.offsetTop;
- left += elem.offsetLeft;
-
- if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevOffsetParent = offsetParent;
- offsetParent = elem.offsetParent;
- }
-
- if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevComputedStyle = computedStyle;
- }
-
- if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
- top += body.offsetTop;
- left += body.offsetLeft;
- }
-
- if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
- top += Math.max( docElem.scrollTop, body.scrollTop );
- left += Math.max( docElem.scrollLeft, body.scrollLeft );
- }
-
- return { top: top, left: left };
- };
-}
-
-jQuery.offset = {
- initialize: function() {
- var body = document.body, container = document.createElement("div"), innerDiv, checkDiv, table, td, bodyMarginTop = parseFloat( jQuery.css(body, "marginTop") ) || 0,
- html = "<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
-
- jQuery.extend( container.style, { position: "absolute", top: 0, left: 0, margin: 0, border: 0, width: "1px", height: "1px", visibility: "hidden" } );
-
- container.innerHTML = html;
- body.insertBefore( container, body.firstChild );
- innerDiv = container.firstChild;
- checkDiv = innerDiv.firstChild;
- td = innerDiv.nextSibling.firstChild.firstChild;
-
- this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
- this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
-
- checkDiv.style.position = "fixed";
- checkDiv.style.top = "20px";
-
- // safari subtracts parent border width here which is 5px
- this.supportsFixedPosition = (checkDiv.offsetTop === 20 || checkDiv.offsetTop === 15);
- checkDiv.style.position = checkDiv.style.top = "";
-
- innerDiv.style.overflow = "hidden";
- innerDiv.style.position = "relative";
-
- this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
-
- this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop);
-
- body.removeChild( container );
- jQuery.offset.initialize = jQuery.noop;
- },
-
- bodyOffset: function( body ) {
- var top = body.offsetTop,
- left = body.offsetLeft;
-
- jQuery.offset.initialize();
-
- if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) {
- top += parseFloat( jQuery.css(body, "marginTop") ) || 0;
- left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
- }
-
- return { top: top, left: left };
- },
-
- setOffset: function( elem, options, i ) {
- var position = jQuery.css( elem, "position" );
-
- // set position first, in-case top/left are set even on static elem
- if ( position === "static" ) {
- elem.style.position = "relative";
- }
-
- var curElem = jQuery( elem ),
- curOffset = curElem.offset(),
- curCSSTop = jQuery.css( elem, "top" ),
- curCSSLeft = jQuery.css( elem, "left" ),
- calculatePosition = (position === "absolute" || position === "fixed") && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
- props = {}, curPosition = {}, curTop, curLeft;
-
- // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
- if ( calculatePosition ) {
- curPosition = curElem.position();
- curTop = curPosition.top;
- curLeft = curPosition.left;
- } else {
- curTop = parseFloat( curCSSTop ) || 0;
- curLeft = parseFloat( curCSSLeft ) || 0;
- }
-
- if ( jQuery.isFunction( options ) ) {
- options = options.call( elem, i, curOffset );
- }
-
- if (options.top != null) {
- props.top = (options.top - curOffset.top) + curTop;
- }
- if (options.left != null) {
- props.left = (options.left - curOffset.left) + curLeft;
- }
-
- if ( "using" in options ) {
- options.using.call( elem, props );
- } else {
- curElem.css( props );
- }
- }
-};
-
-
-jQuery.fn.extend({
- position: function() {
- if ( !this[0] ) {
- return null;
- }
-
- var elem = this[0],
-
- // Get *real* offsetParent
- offsetParent = this.offsetParent(),
-
- // Get correct offsets
- offset = this.offset(),
- parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
-
- // Subtract element margins
- // note: when an element has margin: auto the offsetLeft and marginLeft
- // are the same in Safari causing offset.left to incorrectly be 0
- offset.top -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
- offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
-
- // Add offsetParent borders
- parentOffset.top += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
- parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
-
- // Subtract the two offsets
- return {
- top: offset.top - parentOffset.top,
- left: offset.left - parentOffset.left
- };
- },
-
- offsetParent: function() {
- return this.map(function() {
- var offsetParent = this.offsetParent || document.body;
- while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
- offsetParent = offsetParent.offsetParent;
- }
- return offsetParent;
- });
- }
-});
-
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( ["Left", "Top"], function( i, name ) {
- var method = "scroll" + name;
-
- jQuery.fn[ method ] = function( val ) {
- var elem, win;
-
- if ( val === undefined ) {
- elem = this[ 0 ];
-
- if ( !elem ) {
- return null;
- }
-
- win = getWindow( elem );
-
- // Return the scroll offset
- return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
- jQuery.support.boxModel && win.document.documentElement[ method ] ||
- win.document.body[ method ] :
- elem[ method ];
- }
-
- // Set the scroll offset
- return this.each(function() {
- win = getWindow( this );
-
- if ( win ) {
- win.scrollTo(
- !i ? val : jQuery( win ).scrollLeft(),
- i ? val : jQuery( win ).scrollTop()
- );
-
- } else {
- this[ method ] = val;
- }
- });
- };
-});
-
-function getWindow( elem ) {
- return jQuery.isWindow( elem ) ?
- elem :
- elem.nodeType === 9 ?
- elem.defaultView || elem.parentWindow :
- false;
-}
-
-
-
-
-// Create width, height, innerHeight, innerWidth, outerHeight and outerWidth methods
-jQuery.each([ "Height", "Width" ], function( i, name ) {
-
- var type = name.toLowerCase();
-
- // innerHeight and innerWidth
- jQuery.fn[ "inner" + name ] = function() {
- var elem = this[0];
- return elem && elem.style ?
- parseFloat( jQuery.css( elem, type, "padding" ) ) :
- null;
- };
-
- // outerHeight and outerWidth
- jQuery.fn[ "outer" + name ] = function( margin ) {
- var elem = this[0];
- return elem && elem.style ?
- parseFloat( jQuery.css( elem, type, margin ? "margin" : "border" ) ) :
- null;
- };
-
- jQuery.fn[ type ] = function( size ) {
- // Get window width or height
- var elem = this[0];
- if ( !elem ) {
- return size == null ? null : this;
- }
-
- if ( jQuery.isFunction( size ) ) {
- return this.each(function( i ) {
- var self = jQuery( this );
- self[ type ]( size.call( this, i, self[ type ]() ) );
- });
- }
-
- if ( jQuery.isWindow( elem ) ) {
- // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
- // 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
- var docElemProp = elem.document.documentElement[ "client" + name ],
- body = elem.document.body;
- return elem.document.compatMode === "CSS1Compat" && docElemProp ||
- body && body[ "client" + name ] || docElemProp;
-
- // Get document width or height
- } else if ( elem.nodeType === 9 ) {
- // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
- return Math.max(
- elem.documentElement["client" + name],
- elem.body["scroll" + name], elem.documentElement["scroll" + name],
- elem.body["offset" + name], elem.documentElement["offset" + name]
- );
-
- // Get or set width or height on the element
- } else if ( size === undefined ) {
- var orig = jQuery.css( elem, type ),
- ret = parseFloat( orig );
-
- return jQuery.isNaN( ret ) ? orig : ret;
-
- // Set the width or height on the element (default to pixels if value is unitless)
- } else {
- return this.css( type, typeof size === "string" ? size : size + "px" );
- }
- };
-
-});
-
-
-// Expose jQuery to the global object
-window.jQuery = window.$ = jQuery;
-})(window);
+++ /dev/null
-/*!
- * jQuery JavaScript Library v1.7.1
- * http://jquery.com/
- *
- * Copyright 2011, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * Includes Sizzle.js
- * http://sizzlejs.com/
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- *
- * Date: Mon Nov 21 21:11:03 2011 -0500
- */
-(function( window, undefined ) {
-
-// Use the correct document accordingly with window argument (sandbox)
-var document = window.document,
- navigator = window.navigator,
- location = window.location;
-var jQuery = (function() {
-
-// Define a local copy of jQuery
-var jQuery = function( selector, context ) {
- // The jQuery object is actually just the init constructor 'enhanced'
- return new jQuery.fn.init( selector, context, rootjQuery );
- },
-
- // Map over jQuery in case of overwrite
- _jQuery = window.jQuery,
-
- // Map over the $ in case of overwrite
- _$ = window.$,
-
- // A central reference to the root jQuery(document)
- rootjQuery,
-
- // A simple way to check for HTML strings or ID strings
- // Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
- quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,
-
- // Check if a string has a non-whitespace character in it
- rnotwhite = /\S/,
-
- // Used for trimming whitespace
- trimLeft = /^\s+/,
- trimRight = /\s+$/,
-
- // Match a standalone tag
- rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
-
- // JSON RegExp
- rvalidchars = /^[\],:{}\s]*$/,
- rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
- rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
- rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
-
- // Useragent RegExp
- rwebkit = /(webkit)[ \/]([\w.]+)/,
- ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
- rmsie = /(msie) ([\w.]+)/,
- rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
-
- // Matches dashed string for camelizing
- rdashAlpha = /-([a-z]|[0-9])/ig,
- rmsPrefix = /^-ms-/,
-
- // Used by jQuery.camelCase as callback to replace()
- fcamelCase = function( all, letter ) {
- return ( letter + "" ).toUpperCase();
- },
-
- // Keep a UserAgent string for use with jQuery.browser
- userAgent = navigator.userAgent,
-
- // For matching the engine and version of the browser
- browserMatch,
-
- // The deferred used on DOM ready
- readyList,
-
- // The ready event handler
- DOMContentLoaded,
-
- // Save a reference to some core methods
- toString = Object.prototype.toString,
- hasOwn = Object.prototype.hasOwnProperty,
- push = Array.prototype.push,
- slice = Array.prototype.slice,
- trim = String.prototype.trim,
- indexOf = Array.prototype.indexOf,
-
- // [[Class]] -> type pairs
- class2type = {};
-
-jQuery.fn = jQuery.prototype = {
- constructor: jQuery,
- init: function( selector, context, rootjQuery ) {
- var match, elem, ret, doc;
-
- // Handle $(""), $(null), or $(undefined)
- if ( !selector ) {
- return this;
- }
-
- // Handle $(DOMElement)
- if ( selector.nodeType ) {
- this.context = this[0] = selector;
- this.length = 1;
- return this;
- }
-
- // The body element only exists once, optimize finding it
- if ( selector === "body" && !context && document.body ) {
- this.context = document;
- this[0] = document.body;
- this.selector = selector;
- this.length = 1;
- return this;
- }
-
- // Handle HTML strings
- if ( typeof selector === "string" ) {
- // Are we dealing with HTML string or an ID?
- if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
- // Assume that strings that start and end with <> are HTML and skip the regex check
- match = [ null, selector, null ];
-
- } else {
- match = quickExpr.exec( selector );
- }
-
- // Verify a match, and that no context was specified for #id
- if ( match && (match[1] || !context) ) {
-
- // HANDLE: $(html) -> $(array)
- if ( match[1] ) {
- context = context instanceof jQuery ? context[0] : context;
- doc = ( context ? context.ownerDocument || context : document );
-
- // If a single string is passed in and it's a single tag
- // just do a createElement and skip the rest
- ret = rsingleTag.exec( selector );
-
- if ( ret ) {
- if ( jQuery.isPlainObject( context ) ) {
- selector = [ document.createElement( ret[1] ) ];
- jQuery.fn.attr.call( selector, context, true );
-
- } else {
- selector = [ doc.createElement( ret[1] ) ];
- }
-
- } else {
- ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
- selector = ( ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment ).childNodes;
- }
-
- return jQuery.merge( this, selector );
-
- // HANDLE: $("#id")
- } else {
- elem = document.getElementById( match[2] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id !== match[2] ) {
- return rootjQuery.find( selector );
- }
-
- // Otherwise, we inject the element directly into the jQuery object
- this.length = 1;
- this[0] = elem;
- }
-
- this.context = document;
- this.selector = selector;
- return this;
- }
-
- // HANDLE: $(expr, $(...))
- } else if ( !context || context.jquery ) {
- return ( context || rootjQuery ).find( selector );
-
- // HANDLE: $(expr, context)
- // (which is just equivalent to: $(context).find(expr)
- } else {
- return this.constructor( context ).find( selector );
- }
-
- // HANDLE: $(function)
- // Shortcut for document ready
- } else if ( jQuery.isFunction( selector ) ) {
- return rootjQuery.ready( selector );
- }
-
- if ( selector.selector !== undefined ) {
- this.selector = selector.selector;
- this.context = selector.context;
- }
-
- return jQuery.makeArray( selector, this );
- },
-
- // Start with an empty selector
- selector: "",
-
- // The current version of jQuery being used
- jquery: "1.7.1",
-
- // The default length of a jQuery object is 0
- length: 0,
-
- // The number of elements contained in the matched element set
- size: function() {
- return this.length;
- },
-
- toArray: function() {
- return slice.call( this, 0 );
- },
-
- // Get the Nth element in the matched element set OR
- // Get the whole matched element set as a clean array
- get: function( num ) {
- return num == null ?
-
- // Return a 'clean' array
- this.toArray() :
-
- // Return just the object
- ( num < 0 ? this[ this.length + num ] : this[ num ] );
- },
-
- // Take an array of elements and push it onto the stack
- // (returning the new matched element set)
- pushStack: function( elems, name, selector ) {
- // Build a new jQuery matched element set
- var ret = this.constructor();
-
- if ( jQuery.isArray( elems ) ) {
- push.apply( ret, elems );
-
- } else {
- jQuery.merge( ret, elems );
- }
-
- // Add the old object onto the stack (as a reference)
- ret.prevObject = this;
-
- ret.context = this.context;
-
- if ( name === "find" ) {
- ret.selector = this.selector + ( this.selector ? " " : "" ) + selector;
- } else if ( name ) {
- ret.selector = this.selector + "." + name + "(" + selector + ")";
- }
-
- // Return the newly-formed element set
- return ret;
- },
-
- // Execute a callback for every element in the matched set.
- // (You can seed the arguments with an array of args, but this is
- // only used internally.)
- each: function( callback, args ) {
- return jQuery.each( this, callback, args );
- },
-
- ready: function( fn ) {
- // Attach the listeners
- jQuery.bindReady();
-
- // Add the callback
- readyList.add( fn );
-
- return this;
- },
-
- eq: function( i ) {
- i = +i;
- return i === -1 ?
- this.slice( i ) :
- this.slice( i, i + 1 );
- },
-
- first: function() {
- return this.eq( 0 );
- },
-
- last: function() {
- return this.eq( -1 );
- },
-
- slice: function() {
- return this.pushStack( slice.apply( this, arguments ),
- "slice", slice.call(arguments).join(",") );
- },
-
- map: function( callback ) {
- return this.pushStack( jQuery.map(this, function( elem, i ) {
- return callback.call( elem, i, elem );
- }));
- },
-
- end: function() {
- return this.prevObject || this.constructor(null);
- },
-
- // For internal use only.
- // Behaves like an Array's method, not like a jQuery method.
- push: push,
- sort: [].sort,
- splice: [].splice
-};
-
-// Give the init function the jQuery prototype for later instantiation
-jQuery.fn.init.prototype = jQuery.fn;
-
-jQuery.extend = jQuery.fn.extend = function() {
- var options, name, src, copy, copyIsArray, clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false;
-
- // Handle a deep copy situation
- if ( typeof target === "boolean" ) {
- deep = target;
- target = arguments[1] || {};
- // skip the boolean and the target
- i = 2;
- }
-
- // Handle case when target is a string or something (possible in deep copy)
- if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
- target = {};
- }
-
- // extend jQuery itself if only one argument is passed
- if ( length === i ) {
- target = this;
- --i;
- }
-
- for ( ; i < length; i++ ) {
- // Only deal with non-null/undefined values
- if ( (options = arguments[ i ]) != null ) {
- // Extend the base object
- for ( name in options ) {
- src = target[ name ];
- copy = options[ name ];
-
- // Prevent never-ending loop
- if ( target === copy ) {
- continue;
- }
-
- // Recurse if we're merging plain objects or arrays
- if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
- if ( copyIsArray ) {
- copyIsArray = false;
- clone = src && jQuery.isArray(src) ? src : [];
-
- } else {
- clone = src && jQuery.isPlainObject(src) ? src : {};
- }
-
- // Never move original objects, clone them
- target[ name ] = jQuery.extend( deep, clone, copy );
-
- // Don't bring in undefined values
- } else if ( copy !== undefined ) {
- target[ name ] = copy;
- }
- }
- }
- }
-
- // Return the modified object
- return target;
-};
-
-jQuery.extend({
- noConflict: function( deep ) {
- if ( window.$ === jQuery ) {
- window.$ = _$;
- }
-
- if ( deep && window.jQuery === jQuery ) {
- window.jQuery = _jQuery;
- }
-
- return jQuery;
- },
-
- // Is the DOM ready to be used? Set to true once it occurs.
- isReady: false,
-
- // A counter to track how many items to wait for before
- // the ready event fires. See #6781
- readyWait: 1,
-
- // Hold (or release) the ready event
- holdReady: function( hold ) {
- if ( hold ) {
- jQuery.readyWait++;
- } else {
- jQuery.ready( true );
- }
- },
-
- // Handle when the DOM is ready
- ready: function( wait ) {
- // Either a released hold or an DOMready/load event and not yet ready
- if ( (wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady) ) {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( !document.body ) {
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Remember that the DOM is ready
- jQuery.isReady = true;
-
- // If a normal DOM Ready event fired, decrement, and wait if need be
- if ( wait !== true && --jQuery.readyWait > 0 ) {
- return;
- }
-
- // If there are functions bound, to execute
- readyList.fireWith( document, [ jQuery ] );
-
- // Trigger any bound ready events
- if ( jQuery.fn.trigger ) {
- jQuery( document ).trigger( "ready" ).off( "ready" );
- }
- }
- },
-
- bindReady: function() {
- if ( readyList ) {
- return;
- }
-
- readyList = jQuery.Callbacks( "once memory" );
-
- // Catch cases where $(document).ready() is called after the
- // browser event has already occurred.
- if ( document.readyState === "complete" ) {
- // Handle it asynchronously to allow scripts the opportunity to delay ready
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Mozilla, Opera and webkit nightlies currently support this event
- if ( document.addEventListener ) {
- // Use the handy event callback
- document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-
- // A fallback to window.onload, that will always work
- window.addEventListener( "load", jQuery.ready, false );
-
- // If IE event model is used
- } else if ( document.attachEvent ) {
- // ensure firing before onload,
- // maybe late but safe also for iframes
- document.attachEvent( "onreadystatechange", DOMContentLoaded );
-
- // A fallback to window.onload, that will always work
- window.attachEvent( "onload", jQuery.ready );
-
- // If IE and not a frame
- // continually check to see if the document is ready
- var toplevel = false;
-
- try {
- toplevel = window.frameElement == null;
- } catch(e) {}
-
- if ( document.documentElement.doScroll && toplevel ) {
- doScrollCheck();
- }
- }
- },
-
- // See test/unit/core.js for details concerning isFunction.
- // Since version 1.3, DOM methods and functions like alert
- // aren't supported. They return false on IE (#2968).
- isFunction: function( obj ) {
- return jQuery.type(obj) === "function";
- },
-
- isArray: Array.isArray || function( obj ) {
- return jQuery.type(obj) === "array";
- },
-
- // A crude way of determining if an object is a window
- isWindow: function( obj ) {
- return obj && typeof obj === "object" && "setInterval" in obj;
- },
-
- isNumeric: function( obj ) {
- return !isNaN( parseFloat(obj) ) && isFinite( obj );
- },
-
- type: function( obj ) {
- return obj == null ?
- String( obj ) :
- class2type[ toString.call(obj) ] || "object";
- },
-
- isPlainObject: function( obj ) {
- // Must be an Object.
- // Because of IE, we also have to check the presence of the constructor property.
- // Make sure that DOM nodes and window objects don't pass through, as well
- if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
- return false;
- }
-
- try {
- // Not own constructor property must be Object
- if ( obj.constructor &&
- !hasOwn.call(obj, "constructor") &&
- !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
- return false;
- }
- } catch ( e ) {
- // IE8,9 Will throw exceptions on certain host objects #9897
- return false;
- }
-
- // Own properties are enumerated firstly, so to speed up,
- // if last one is own, then all properties are own.
-
- var key;
- for ( key in obj ) {}
-
- return key === undefined || hasOwn.call( obj, key );
- },
-
- isEmptyObject: function( obj ) {
- for ( var name in obj ) {
- return false;
- }
- return true;
- },
-
- error: function( msg ) {
- throw new Error( msg );
- },
-
- parseJSON: function( data ) {
- if ( typeof data !== "string" || !data ) {
- return null;
- }
-
- // Make sure leading/trailing whitespace is removed (IE can't handle it)
- data = jQuery.trim( data );
-
- // Attempt to parse using the native JSON parser first
- if ( window.JSON && window.JSON.parse ) {
- return window.JSON.parse( data );
- }
-
- // Make sure the incoming data is actual JSON
- // Logic borrowed from http://json.org/json2.js
- if ( rvalidchars.test( data.replace( rvalidescape, "@" )
- .replace( rvalidtokens, "]" )
- .replace( rvalidbraces, "")) ) {
-
- return ( new Function( "return " + data ) )();
-
- }
- jQuery.error( "Invalid JSON: " + data );
- },
-
- // Cross-browser xml parsing
- parseXML: function( data ) {
- var xml, tmp;
- try {
- if ( window.DOMParser ) { // Standard
- tmp = new DOMParser();
- xml = tmp.parseFromString( data , "text/xml" );
- } else { // IE
- xml = new ActiveXObject( "Microsoft.XMLDOM" );
- xml.async = "false";
- xml.loadXML( data );
- }
- } catch( e ) {
- xml = undefined;
- }
- if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
- jQuery.error( "Invalid XML: " + data );
- }
- return xml;
- },
-
- noop: function() {},
-
- // Evaluates a script in a global context
- // Workarounds based on findings by Jim Driscoll
- // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
- globalEval: function( data ) {
- if ( data && rnotwhite.test( data ) ) {
- // We use execScript on Internet Explorer
- // We use an anonymous function so that context is window
- // rather than jQuery in Firefox
- ( window.execScript || function( data ) {
- window[ "eval" ].call( window, data );
- } )( data );
- }
- },
-
- // Convert dashed to camelCase; used by the css and data modules
- // Microsoft forgot to hump their vendor prefix (#9572)
- camelCase: function( string ) {
- return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
- },
-
- nodeName: function( elem, name ) {
- return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
- },
-
- // args is for internal usage only
- each: function( object, callback, args ) {
- var name, i = 0,
- length = object.length,
- isObj = length === undefined || jQuery.isFunction( object );
-
- if ( args ) {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.apply( object[ name ], args ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.apply( object[ i++ ], args ) === false ) {
- break;
- }
- }
- }
-
- // A special, fast, case for the most common use of each
- } else {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
- break;
- }
- }
- }
- }
-
- return object;
- },
-
- // Use native String.trim function wherever possible
- trim: trim ?
- function( text ) {
- return text == null ?
- "" :
- trim.call( text );
- } :
-
- // Otherwise use our own trimming functionality
- function( text ) {
- return text == null ?
- "" :
- text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
- },
-
- // results is for internal usage only
- makeArray: function( array, results ) {
- var ret = results || [];
-
- if ( array != null ) {
- // The window, strings (and functions) also have 'length'
- // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
- var type = jQuery.type( array );
-
- if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
- push.call( ret, array );
- } else {
- jQuery.merge( ret, array );
- }
- }
-
- return ret;
- },
-
- inArray: function( elem, array, i ) {
- var len;
-
- if ( array ) {
- if ( indexOf ) {
- return indexOf.call( array, elem, i );
- }
-
- len = array.length;
- i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
-
- for ( ; i < len; i++ ) {
- // Skip accessing in sparse arrays
- if ( i in array && array[ i ] === elem ) {
- return i;
- }
- }
- }
-
- return -1;
- },
-
- merge: function( first, second ) {
- var i = first.length,
- j = 0;
-
- if ( typeof second.length === "number" ) {
- for ( var l = second.length; j < l; j++ ) {
- first[ i++ ] = second[ j ];
- }
-
- } else {
- while ( second[j] !== undefined ) {
- first[ i++ ] = second[ j++ ];
- }
- }
-
- first.length = i;
-
- return first;
- },
-
- grep: function( elems, callback, inv ) {
- var ret = [], retVal;
- inv = !!inv;
-
- // Go through the array, only saving the items
- // that pass the validator function
- for ( var i = 0, length = elems.length; i < length; i++ ) {
- retVal = !!callback( elems[ i ], i );
- if ( inv !== retVal ) {
- ret.push( elems[ i ] );
- }
- }
-
- return ret;
- },
-
- // arg is for internal usage only
- map: function( elems, callback, arg ) {
- var value, key, ret = [],
- i = 0,
- length = elems.length,
- // jquery objects are treated as arrays
- isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;
-
- // Go through the array, translating each of the items to their
- if ( isArray ) {
- for ( ; i < length; i++ ) {
- value = callback( elems[ i ], i, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
-
- // Go through every key on the object,
- } else {
- for ( key in elems ) {
- value = callback( elems[ key ], key, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
- }
-
- // Flatten any nested arrays
- return ret.concat.apply( [], ret );
- },
-
- // A global GUID counter for objects
- guid: 1,
-
- // Bind a function to a context, optionally partially applying any
- // arguments.
- proxy: function( fn, context ) {
- if ( typeof context === "string" ) {
- var tmp = fn[ context ];
- context = fn;
- fn = tmp;
- }
-
- // Quick check to determine if target is callable, in the spec
- // this throws a TypeError, but we will just return undefined.
- if ( !jQuery.isFunction( fn ) ) {
- return undefined;
- }
-
- // Simulated bind
- var args = slice.call( arguments, 2 ),
- proxy = function() {
- return fn.apply( context, args.concat( slice.call( arguments ) ) );
- };
-
- // Set the guid of unique handler to the same of original handler, so it can be removed
- proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
-
- return proxy;
- },
-
- // Mutifunctional method to get and set values to a collection
- // The value/s can optionally be executed if it's a function
- access: function( elems, key, value, exec, fn, pass ) {
- var length = elems.length;
-
- // Setting many attributes
- if ( typeof key === "object" ) {
- for ( var k in key ) {
- jQuery.access( elems, k, key[k], exec, fn, value );
- }
- return elems;
- }
-
- // Setting one attribute
- if ( value !== undefined ) {
- // Optionally, function values get executed if exec is true
- exec = !pass && exec && jQuery.isFunction(value);
-
- for ( var i = 0; i < length; i++ ) {
- fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
- }
-
- return elems;
- }
-
- // Getting an attribute
- return length ? fn( elems[0], key ) : undefined;
- },
-
- now: function() {
- return ( new Date() ).getTime();
- },
-
- // Use of jQuery.browser is frowned upon.
- // More details: http://docs.jquery.com/Utilities/jQuery.browser
- uaMatch: function( ua ) {
- ua = ua.toLowerCase();
-
- var match = rwebkit.exec( ua ) ||
- ropera.exec( ua ) ||
- rmsie.exec( ua ) ||
- ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
- [];
-
- return { browser: match[1] || "", version: match[2] || "0" };
- },
-
- sub: function() {
- function jQuerySub( selector, context ) {
- return new jQuerySub.fn.init( selector, context );
- }
- jQuery.extend( true, jQuerySub, this );
- jQuerySub.superclass = this;
- jQuerySub.fn = jQuerySub.prototype = this();
- jQuerySub.fn.constructor = jQuerySub;
- jQuerySub.sub = this.sub;
- jQuerySub.fn.init = function init( selector, context ) {
- if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
- context = jQuerySub( context );
- }
-
- return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
- };
- jQuerySub.fn.init.prototype = jQuerySub.fn;
- var rootjQuerySub = jQuerySub(document);
- return jQuerySub;
- },
-
- browser: {}
-});
-
-// Populate the class2type map
-jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
- class2type[ "[object " + name + "]" ] = name.toLowerCase();
-});
-
-browserMatch = jQuery.uaMatch( userAgent );
-if ( browserMatch.browser ) {
- jQuery.browser[ browserMatch.browser ] = true;
- jQuery.browser.version = browserMatch.version;
-}
-
-// Deprecated, use jQuery.browser.webkit instead
-if ( jQuery.browser.webkit ) {
- jQuery.browser.safari = true;
-}
-
-// IE doesn't match non-breaking spaces with \s
-if ( rnotwhite.test( "\xA0" ) ) {
- trimLeft = /^[\s\xA0]+/;
- trimRight = /[\s\xA0]+$/;
-}
-
-// All jQuery objects should point back to these
-rootjQuery = jQuery(document);
-
-// Cleanup functions for the document ready method
-if ( document.addEventListener ) {
- DOMContentLoaded = function() {
- document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
- jQuery.ready();
- };
-
-} else if ( document.attachEvent ) {
- DOMContentLoaded = function() {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( document.readyState === "complete" ) {
- document.detachEvent( "onreadystatechange", DOMContentLoaded );
- jQuery.ready();
- }
- };
-}
-
-// The DOM ready check for Internet Explorer
-function doScrollCheck() {
- if ( jQuery.isReady ) {
- return;
- }
-
- try {
- // If IE is used, use the trick by Diego Perini
- // http://javascript.nwbox.com/IEContentLoaded/
- document.documentElement.doScroll("left");
- } catch(e) {
- setTimeout( doScrollCheck, 1 );
- return;
- }
-
- // and execute any waiting functions
- jQuery.ready();
-}
-
-return jQuery;
-
-})();
-
-
-// String to Object flags format cache
-var flagsCache = {};
-
-// Convert String-formatted flags into Object-formatted ones and store in cache
-function createFlags( flags ) {
- var object = flagsCache[ flags ] = {},
- i, length;
- flags = flags.split( /\s+/ );
- for ( i = 0, length = flags.length; i < length; i++ ) {
- object[ flags[i] ] = true;
- }
- return object;
-}
-
-/*
- * Create a callback list using the following parameters:
- *
- * flags: an optional list of space-separated flags that will change how
- * the callback list behaves
- *
- * By default a callback list will act like an event callback list and can be
- * "fired" multiple times.
- *
- * Possible flags:
- *
- * once: will ensure the callback list can only be fired once (like a Deferred)
- *
- * memory: will keep track of previous values and will call any callback added
- * after the list has been fired right away with the latest "memorized"
- * values (like a Deferred)
- *
- * unique: will ensure a callback can only be added once (no duplicate in the list)
- *
- * stopOnFalse: interrupt callings when a callback returns false
- *
- */
-jQuery.Callbacks = function( flags ) {
-
- // Convert flags from String-formatted to Object-formatted
- // (we check in cache first)
- flags = flags ? ( flagsCache[ flags ] || createFlags( flags ) ) : {};
-
- var // Actual callback list
- list = [],
- // Stack of fire calls for repeatable lists
- stack = [],
- // Last fire value (for non-forgettable lists)
- memory,
- // Flag to know if list is currently firing
- firing,
- // First callback to fire (used internally by add and fireWith)
- firingStart,
- // End of the loop when firing
- firingLength,
- // Index of currently firing callback (modified by remove if needed)
- firingIndex,
- // Add one or several callbacks to the list
- add = function( args ) {
- var i,
- length,
- elem,
- type,
- actual;
- for ( i = 0, length = args.length; i < length; i++ ) {
- elem = args[ i ];
- type = jQuery.type( elem );
- if ( type === "array" ) {
- // Inspect recursively
- add( elem );
- } else if ( type === "function" ) {
- // Add if not in unique mode and callback is not in
- if ( !flags.unique || !self.has( elem ) ) {
- list.push( elem );
- }
- }
- }
- },
- // Fire callbacks
- fire = function( context, args ) {
- args = args || [];
- memory = !flags.memory || [ context, args ];
- firing = true;
- firingIndex = firingStart || 0;
- firingStart = 0;
- firingLength = list.length;
- for ( ; list && firingIndex < firingLength; firingIndex++ ) {
- if ( list[ firingIndex ].apply( context, args ) === false && flags.stopOnFalse ) {
- memory = true; // Mark as halted
- break;
- }
- }
- firing = false;
- if ( list ) {
- if ( !flags.once ) {
- if ( stack && stack.length ) {
- memory = stack.shift();
- self.fireWith( memory[ 0 ], memory[ 1 ] );
- }
- } else if ( memory === true ) {
- self.disable();
- } else {
- list = [];
- }
- }
- },
- // Actual Callbacks object
- self = {
- // Add a callback or a collection of callbacks to the list
- add: function() {
- if ( list ) {
- var length = list.length;
- add( arguments );
- // Do we need to add the callbacks to the
- // current firing batch?
- if ( firing ) {
- firingLength = list.length;
- // With memory, if we're not firing then
- // we should call right away, unless previous
- // firing was halted (stopOnFalse)
- } else if ( memory && memory !== true ) {
- firingStart = length;
- fire( memory[ 0 ], memory[ 1 ] );
- }
- }
- return this;
- },
- // Remove a callback from the list
- remove: function() {
- if ( list ) {
- var args = arguments,
- argIndex = 0,
- argLength = args.length;
- for ( ; argIndex < argLength ; argIndex++ ) {
- for ( var i = 0; i < list.length; i++ ) {
- if ( args[ argIndex ] === list[ i ] ) {
- // Handle firingIndex and firingLength
- if ( firing ) {
- if ( i <= firingLength ) {
- firingLength--;
- if ( i <= firingIndex ) {
- firingIndex--;
- }
- }
- }
- // Remove the element
- list.splice( i--, 1 );
- // If we have some unicity property then
- // we only need to do this once
- if ( flags.unique ) {
- break;
- }
- }
- }
- }
- }
- return this;
- },
- // Control if a given callback is in the list
- has: function( fn ) {
- if ( list ) {
- var i = 0,
- length = list.length;
- for ( ; i < length; i++ ) {
- if ( fn === list[ i ] ) {
- return true;
- }
- }
- }
- return false;
- },
- // Remove all callbacks from the list
- empty: function() {
- list = [];
- return this;
- },
- // Have the list do nothing anymore
- disable: function() {
- list = stack = memory = undefined;
- return this;
- },
- // Is it disabled?
- disabled: function() {
- return !list;
- },
- // Lock the list in its current state
- lock: function() {
- stack = undefined;
- if ( !memory || memory === true ) {
- self.disable();
- }
- return this;
- },
- // Is it locked?
- locked: function() {
- return !stack;
- },
- // Call all callbacks with the given context and arguments
- fireWith: function( context, args ) {
- if ( stack ) {
- if ( firing ) {
- if ( !flags.once ) {
- stack.push( [ context, args ] );
- }
- } else if ( !( flags.once && memory ) ) {
- fire( context, args );
- }
- }
- return this;
- },
- // Call all the callbacks with the given arguments
- fire: function() {
- self.fireWith( this, arguments );
- return this;
- },
- // To know if the callbacks have already been called at least once
- fired: function() {
- return !!memory;
- }
- };
-
- return self;
-};
-
-
-
-
-var // Static reference to slice
- sliceDeferred = [].slice;
-
-jQuery.extend({
-
- Deferred: function( func ) {
- var doneList = jQuery.Callbacks( "once memory" ),
- failList = jQuery.Callbacks( "once memory" ),
- progressList = jQuery.Callbacks( "memory" ),
- state = "pending",
- lists = {
- resolve: doneList,
- reject: failList,
- notify: progressList
- },
- promise = {
- done: doneList.add,
- fail: failList.add,
- progress: progressList.add,
-
- state: function() {
- return state;
- },
-
- // Deprecated
- isResolved: doneList.fired,
- isRejected: failList.fired,
-
- then: function( doneCallbacks, failCallbacks, progressCallbacks ) {
- deferred.done( doneCallbacks ).fail( failCallbacks ).progress( progressCallbacks );
- return this;
- },
- always: function() {
- deferred.done.apply( deferred, arguments ).fail.apply( deferred, arguments );
- return this;
- },
- pipe: function( fnDone, fnFail, fnProgress ) {
- return jQuery.Deferred(function( newDefer ) {
- jQuery.each( {
- done: [ fnDone, "resolve" ],
- fail: [ fnFail, "reject" ],
- progress: [ fnProgress, "notify" ]
- }, function( handler, data ) {
- var fn = data[ 0 ],
- action = data[ 1 ],
- returned;
- if ( jQuery.isFunction( fn ) ) {
- deferred[ handler ](function() {
- returned = fn.apply( this, arguments );
- if ( returned && jQuery.isFunction( returned.promise ) ) {
- returned.promise().then( newDefer.resolve, newDefer.reject, newDefer.notify );
- } else {
- newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
- }
- });
- } else {
- deferred[ handler ]( newDefer[ action ] );
- }
- });
- }).promise();
- },
- // Get a promise for this deferred
- // If obj is provided, the promise aspect is added to the object
- promise: function( obj ) {
- if ( obj == null ) {
- obj = promise;
- } else {
- for ( var key in promise ) {
- obj[ key ] = promise[ key ];
- }
- }
- return obj;
- }
- },
- deferred = promise.promise({}),
- key;
-
- for ( key in lists ) {
- deferred[ key ] = lists[ key ].fire;
- deferred[ key + "With" ] = lists[ key ].fireWith;
- }
-
- // Handle state
- deferred.done( function() {
- state = "resolved";
- }, failList.disable, progressList.lock ).fail( function() {
- state = "rejected";
- }, doneList.disable, progressList.lock );
-
- // Call given func if any
- if ( func ) {
- func.call( deferred, deferred );
- }
-
- // All done!
- return deferred;
- },
-
- // Deferred helper
- when: function( firstParam ) {
- var args = sliceDeferred.call( arguments, 0 ),
- i = 0,
- length = args.length,
- pValues = new Array( length ),
- count = length,
- pCount = length,
- deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ?
- firstParam :
- jQuery.Deferred(),
- promise = deferred.promise();
- function resolveFunc( i ) {
- return function( value ) {
- args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- if ( !( --count ) ) {
- deferred.resolveWith( deferred, args );
- }
- };
- }
- function progressFunc( i ) {
- return function( value ) {
- pValues[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- deferred.notifyWith( promise, pValues );
- };
- }
- if ( length > 1 ) {
- for ( ; i < length; i++ ) {
- if ( args[ i ] && args[ i ].promise && jQuery.isFunction( args[ i ].promise ) ) {
- args[ i ].promise().then( resolveFunc(i), deferred.reject, progressFunc(i) );
- } else {
- --count;
- }
- }
- if ( !count ) {
- deferred.resolveWith( deferred, args );
- }
- } else if ( deferred !== firstParam ) {
- deferred.resolveWith( deferred, length ? [ firstParam ] : [] );
- }
- return promise;
- }
-});
-
-
-
-
-jQuery.support = (function() {
-
- var support,
- all,
- a,
- select,
- opt,
- input,
- marginDiv,
- fragment,
- tds,
- events,
- eventName,
- i,
- isSupported,
- div = document.createElement( "div" ),
- documentElement = document.documentElement;
-
- // Preliminary tests
- div.setAttribute("className", "t");
- div.innerHTML = " <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
-
- all = div.getElementsByTagName( "*" );
- a = div.getElementsByTagName( "a" )[ 0 ];
-
- // Can't get basic test support
- if ( !all || !all.length || !a ) {
- return {};
- }
-
- // First batch of supports tests
- select = document.createElement( "select" );
- opt = select.appendChild( document.createElement("option") );
- input = div.getElementsByTagName( "input" )[ 0 ];
-
- support = {
- // IE strips leading whitespace when .innerHTML is used
- leadingWhitespace: ( div.firstChild.nodeType === 3 ),
-
- // Make sure that tbody elements aren't automatically inserted
- // IE will insert them into empty tables
- tbody: !div.getElementsByTagName("tbody").length,
-
- // Make sure that link elements get serialized correctly by innerHTML
- // This requires a wrapper element in IE
- htmlSerialize: !!div.getElementsByTagName("link").length,
-
- // Get the style information from getAttribute
- // (IE uses .cssText instead)
- style: /top/.test( a.getAttribute("style") ),
-
- // Make sure that URLs aren't manipulated
- // (IE normalizes it by default)
- hrefNormalized: ( a.getAttribute("href") === "/a" ),
-
- // Make sure that element opacity exists
- // (IE uses filter instead)
- // Use a regex to work around a WebKit issue. See #5145
- opacity: /^0.55/.test( a.style.opacity ),
-
- // Verify style float existence
- // (IE uses styleFloat instead of cssFloat)
- cssFloat: !!a.style.cssFloat,
-
- // Make sure that if no value is specified for a checkbox
- // that it defaults to "on".
- // (WebKit defaults to "" instead)
- checkOn: ( input.value === "on" ),
-
- // Make sure that a selected-by-default option has a working selected property.
- // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
- optSelected: opt.selected,
-
- // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
- getSetAttribute: div.className !== "t",
-
- // Tests for enctype support on a form(#6743)
- enctype: !!document.createElement("form").enctype,
-
- // Makes sure cloning an html5 element does not cause problems
- // Where outerHTML is undefined, this still works
- html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>",
-
- // Will be defined later
- submitBubbles: true,
- changeBubbles: true,
- focusinBubbles: false,
- deleteExpando: true,
- noCloneEvent: true,
- inlineBlockNeedsLayout: false,
- shrinkWrapBlocks: false,
- reliableMarginRight: true
- };
-
- // Make sure checked status is properly cloned
- input.checked = true;
- support.noCloneChecked = input.cloneNode( true ).checked;
-
- // Make sure that the options inside disabled selects aren't marked as disabled
- // (WebKit marks them as disabled)
- select.disabled = true;
- support.optDisabled = !opt.disabled;
-
- // Test to see if it's possible to delete an expando from an element
- // Fails in Internet Explorer
- try {
- delete div.test;
- } catch( e ) {
- support.deleteExpando = false;
- }
-
- if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
- div.attachEvent( "onclick", function() {
- // Cloning a node shouldn't copy over any
- // bound event handlers (IE does this)
- support.noCloneEvent = false;
- });
- div.cloneNode( true ).fireEvent( "onclick" );
- }
-
- // Check if a radio maintains its value
- // after being appended to the DOM
- input = document.createElement("input");
- input.value = "t";
- input.setAttribute("type", "radio");
- support.radioValue = input.value === "t";
-
- input.setAttribute("checked", "checked");
- div.appendChild( input );
- fragment = document.createDocumentFragment();
- fragment.appendChild( div.lastChild );
-
- // WebKit doesn't clone checked state correctly in fragments
- support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
- // Check if a disconnected checkbox will retain its checked
- // value of true after appended to the DOM (IE6/7)
- support.appendChecked = input.checked;
-
- fragment.removeChild( input );
- fragment.appendChild( div );
-
- div.innerHTML = "";
-
- // Check if div with explicit width and no margin-right incorrectly
- // gets computed margin-right based on width of container. For more
- // info see bug #3333
- // Fails in WebKit before Feb 2011 nightlies
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- if ( window.getComputedStyle ) {
- marginDiv = document.createElement( "div" );
- marginDiv.style.width = "0";
- marginDiv.style.marginRight = "0";
- div.style.width = "2px";
- div.appendChild( marginDiv );
- support.reliableMarginRight =
- ( parseInt( ( window.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
- }
-
- // Technique from Juriy Zaytsev
- // http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
- // We only care about the case where non-standard event systems
- // are used, namely in IE. Short-circuiting here helps us to
- // avoid an eval call (in setAttribute) which can cause CSP
- // to go haywire. See: https://developer.mozilla.org/en/Security/CSP
- if ( div.attachEvent ) {
- for( i in {
- submit: 1,
- change: 1,
- focusin: 1
- }) {
- eventName = "on" + i;
- isSupported = ( eventName in div );
- if ( !isSupported ) {
- div.setAttribute( eventName, "return;" );
- isSupported = ( typeof div[ eventName ] === "function" );
- }
- support[ i + "Bubbles" ] = isSupported;
- }
- }
-
- fragment.removeChild( div );
-
- // Null elements to avoid leaks in IE
- fragment = select = opt = marginDiv = div = input = null;
-
- // Run tests that need a body at doc ready
- jQuery(function() {
- var container, outer, inner, table, td, offsetSupport,
- conMarginTop, ptlm, vb, style, html,
- body = document.getElementsByTagName("body")[0];
-
- if ( !body ) {
- // Return for frameset docs that don't have a body
- return;
- }
-
- conMarginTop = 1;
- ptlm = "position:absolute;top:0;left:0;width:1px;height:1px;margin:0;";
- vb = "visibility:hidden;border:0;";
- style = "style='" + ptlm + "border:5px solid #000;padding:0;'";
- html = "<div " + style + "><div></div></div>" +
- "<table " + style + " cellpadding='0' cellspacing='0'>" +
- "<tr><td></td></tr></table>";
-
- container = document.createElement("div");
- container.style.cssText = vb + "width:0;height:0;position:static;top:0;margin-top:" + conMarginTop + "px";
- body.insertBefore( container, body.firstChild );
-
- // Construct the test element
- div = document.createElement("div");
- container.appendChild( div );
-
- // Check if table cells still have offsetWidth/Height when they are set
- // to display:none and there are still other visible table cells in a
- // table row; if so, offsetWidth/Height are not reliable for use when
- // determining if an element has been hidden directly using
- // display:none (it is still safe to use offsets if a parent element is
- // hidden; don safety goggles and see bug #4512 for more information).
- // (only IE 8 fails this test)
- div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
- tds = div.getElementsByTagName( "td" );
- isSupported = ( tds[ 0 ].offsetHeight === 0 );
-
- tds[ 0 ].style.display = "";
- tds[ 1 ].style.display = "none";
-
- // Check if empty table cells still have offsetWidth/Height
- // (IE <= 8 fail this test)
- support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
-
- // Figure out if the W3C box model works as expected
- div.innerHTML = "";
- div.style.width = div.style.paddingLeft = "1px";
- jQuery.boxModel = support.boxModel = div.offsetWidth === 2;
-
- if ( typeof div.style.zoom !== "undefined" ) {
- // Check if natively block-level elements act like inline-block
- // elements when setting their display to 'inline' and giving
- // them layout
- // (IE < 8 does this)
- div.style.display = "inline";
- div.style.zoom = 1;
- support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
-
- // Check if elements with layout shrink-wrap their children
- // (IE 6 does this)
- div.style.display = "";
- div.innerHTML = "<div style='width:4px;'></div>";
- support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
- }
-
- div.style.cssText = ptlm + vb;
- div.innerHTML = html;
-
- outer = div.firstChild;
- inner = outer.firstChild;
- td = outer.nextSibling.firstChild.firstChild;
-
- offsetSupport = {
- doesNotAddBorder: ( inner.offsetTop !== 5 ),
- doesAddBorderForTableAndCells: ( td.offsetTop === 5 )
- };
-
- inner.style.position = "fixed";
- inner.style.top = "20px";
-
- // safari subtracts parent border width here which is 5px
- offsetSupport.fixedPosition = ( inner.offsetTop === 20 || inner.offsetTop === 15 );
- inner.style.position = inner.style.top = "";
-
- outer.style.overflow = "hidden";
- outer.style.position = "relative";
-
- offsetSupport.subtractsBorderForOverflowNotVisible = ( inner.offsetTop === -5 );
- offsetSupport.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== conMarginTop );
-
- body.removeChild( container );
- div = container = null;
-
- jQuery.extend( support, offsetSupport );
- });
-
- return support;
-})();
-
-
-
-
-var rbrace = /^(?:\{.*\}|\[.*\])$/,
- rmultiDash = /([A-Z])/g;
-
-jQuery.extend({
- cache: {},
-
- // Please use with caution
- uuid: 0,
-
- // Unique for each copy of jQuery on the page
- // Non-digits removed to match rinlinejQuery
- expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
-
- // The following elements throw uncatchable exceptions if you
- // attempt to add expando properties to them.
- noData: {
- "embed": true,
- // Ban all objects except for Flash (which handle expandos)
- "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
- "applet": true
- },
-
- hasData: function( elem ) {
- elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
- return !!elem && !isEmptyDataObject( elem );
- },
-
- data: function( elem, name, data, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var privateCache, thisCache, ret,
- internalKey = jQuery.expando,
- getByName = typeof name === "string",
-
- // We have to handle DOM nodes and JS objects differently because IE6-7
- // can't GC object references properly across the DOM-JS boundary
- isNode = elem.nodeType,
-
- // Only DOM nodes need the global jQuery cache; JS object data is
- // attached directly to the object so GC can occur automatically
- cache = isNode ? jQuery.cache : elem,
-
- // Only defining an ID for JS objects if its cache already exists allows
- // the code to shortcut on the same path as a DOM node with no cache
- id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey,
- isEvents = name === "events";
-
- // Avoid doing any more work than we need to when trying to get data on an
- // object that has no data at all
- if ( (!id || !cache[id] || (!isEvents && !pvt && !cache[id].data)) && getByName && data === undefined ) {
- return;
- }
-
- if ( !id ) {
- // Only DOM nodes need a new unique ID for each element since their data
- // ends up in the global cache
- if ( isNode ) {
- elem[ internalKey ] = id = ++jQuery.uuid;
- } else {
- id = internalKey;
- }
- }
-
- if ( !cache[ id ] ) {
- cache[ id ] = {};
-
- // Avoids exposing jQuery metadata on plain JS objects when the object
- // is serialized using JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
- }
-
- // An object can be passed to jQuery.data instead of a key/value pair; this gets
- // shallow copied over onto the existing cache
- if ( typeof name === "object" || typeof name === "function" ) {
- if ( pvt ) {
- cache[ id ] = jQuery.extend( cache[ id ], name );
- } else {
- cache[ id ].data = jQuery.extend( cache[ id ].data, name );
- }
- }
-
- privateCache = thisCache = cache[ id ];
-
- // jQuery data() is stored in a separate object inside the object's internal data
- // cache in order to avoid key collisions between internal data and user-defined
- // data.
- if ( !pvt ) {
- if ( !thisCache.data ) {
- thisCache.data = {};
- }
-
- thisCache = thisCache.data;
- }
-
- if ( data !== undefined ) {
- thisCache[ jQuery.camelCase( name ) ] = data;
- }
-
- // Users should not attempt to inspect the internal events object using jQuery.data,
- // it is undocumented and subject to change. But does anyone listen? No.
- if ( isEvents && !thisCache[ name ] ) {
- return privateCache.events;
- }
-
- // Check for both converted-to-camel and non-converted data property names
- // If a data property was specified
- if ( getByName ) {
-
- // First Try to find as-is property data
- ret = thisCache[ name ];
-
- // Test for null|undefined property data
- if ( ret == null ) {
-
- // Try to find the camelCased property
- ret = thisCache[ jQuery.camelCase( name ) ];
- }
- } else {
- ret = thisCache;
- }
-
- return ret;
- },
-
- removeData: function( elem, name, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache, i, l,
-
- // Reference to internal data cache key
- internalKey = jQuery.expando,
-
- isNode = elem.nodeType,
-
- // See jQuery.data for more information
- cache = isNode ? jQuery.cache : elem,
-
- // See jQuery.data for more information
- id = isNode ? elem[ internalKey ] : internalKey;
-
- // If there is already no cache entry for this object, there is no
- // purpose in continuing
- if ( !cache[ id ] ) {
- return;
- }
-
- if ( name ) {
-
- thisCache = pvt ? cache[ id ] : cache[ id ].data;
-
- if ( thisCache ) {
-
- // Support array or space separated string names for data keys
- if ( !jQuery.isArray( name ) ) {
-
- // try the string as a key before any manipulation
- if ( name in thisCache ) {
- name = [ name ];
- } else {
-
- // split the camel cased version by spaces unless a key with the spaces exists
- name = jQuery.camelCase( name );
- if ( name in thisCache ) {
- name = [ name ];
- } else {
- name = name.split( " " );
- }
- }
- }
-
- for ( i = 0, l = name.length; i < l; i++ ) {
- delete thisCache[ name[i] ];
- }
-
- // If there is no data left in the cache, we want to continue
- // and let the cache object itself get destroyed
- if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) {
- return;
- }
- }
- }
-
- // See jQuery.data for more information
- if ( !pvt ) {
- delete cache[ id ].data;
-
- // Don't destroy the parent cache unless the internal data object
- // had been the only thing left in it
- if ( !isEmptyDataObject(cache[ id ]) ) {
- return;
- }
- }
-
- // Browsers that fail expando deletion also refuse to delete expandos on
- // the window, but it will allow it on all other JS objects; other browsers
- // don't care
- // Ensure that `cache` is not a window object #10080
- if ( jQuery.support.deleteExpando || !cache.setInterval ) {
- delete cache[ id ];
- } else {
- cache[ id ] = null;
- }
-
- // We destroyed the cache and need to eliminate the expando on the node to avoid
- // false lookups in the cache for entries that no longer exist
- if ( isNode ) {
- // IE does not allow us to delete expando properties from nodes,
- // nor does it have a removeAttribute function on Document nodes;
- // we must handle all of these cases
- if ( jQuery.support.deleteExpando ) {
- delete elem[ internalKey ];
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( internalKey );
- } else {
- elem[ internalKey ] = null;
- }
- }
- },
-
- // For internal use only.
- _data: function( elem, name, data ) {
- return jQuery.data( elem, name, data, true );
- },
-
- // A method for determining if a DOM node can handle the data expando
- acceptData: function( elem ) {
- if ( elem.nodeName ) {
- var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
-
- if ( match ) {
- return !(match === true || elem.getAttribute("classid") !== match);
- }
- }
-
- return true;
- }
-});
-
-jQuery.fn.extend({
- data: function( key, value ) {
- var parts, attr, name,
- data = null;
-
- if ( typeof key === "undefined" ) {
- if ( this.length ) {
- data = jQuery.data( this[0] );
-
- if ( this[0].nodeType === 1 && !jQuery._data( this[0], "parsedAttrs" ) ) {
- attr = this[0].attributes;
- for ( var i = 0, l = attr.length; i < l; i++ ) {
- name = attr[i].name;
-
- if ( name.indexOf( "data-" ) === 0 ) {
- name = jQuery.camelCase( name.substring(5) );
-
- dataAttr( this[0], name, data[ name ] );
- }
- }
- jQuery._data( this[0], "parsedAttrs", true );
- }
- }
-
- return data;
-
- } else if ( typeof key === "object" ) {
- return this.each(function() {
- jQuery.data( this, key );
- });
- }
-
- parts = key.split(".");
- parts[1] = parts[1] ? "." + parts[1] : "";
-
- if ( value === undefined ) {
- data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
-
- // Try to fetch any internally stored data first
- if ( data === undefined && this.length ) {
- data = jQuery.data( this[0], key );
- data = dataAttr( this[0], key, data );
- }
-
- return data === undefined && parts[1] ?
- this.data( parts[0] ) :
- data;
-
- } else {
- return this.each(function() {
- var self = jQuery( this ),
- args = [ parts[0], value ];
-
- self.triggerHandler( "setData" + parts[1] + "!", args );
- jQuery.data( this, key, value );
- self.triggerHandler( "changeData" + parts[1] + "!", args );
- });
- }
- },
-
- removeData: function( key ) {
- return this.each(function() {
- jQuery.removeData( this, key );
- });
- }
-});
-
-function dataAttr( elem, key, data ) {
- // If nothing was found internally, try to fetch any
- // data from the HTML5 data-* attribute
- if ( data === undefined && elem.nodeType === 1 ) {
-
- var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
-
- data = elem.getAttribute( name );
-
- if ( typeof data === "string" ) {
- try {
- data = data === "true" ? true :
- data === "false" ? false :
- data === "null" ? null :
- jQuery.isNumeric( data ) ? parseFloat( data ) :
- rbrace.test( data ) ? jQuery.parseJSON( data ) :
- data;
- } catch( e ) {}
-
- // Make sure we set the data so it isn't changed later
- jQuery.data( elem, key, data );
-
- } else {
- data = undefined;
- }
- }
-
- return data;
-}
-
-// checks a cache object for emptiness
-function isEmptyDataObject( obj ) {
- for ( var name in obj ) {
-
- // if the public data object is empty, the private is still empty
- if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
- continue;
- }
- if ( name !== "toJSON" ) {
- return false;
- }
- }
-
- return true;
-}
-
-
-
-
-function handleQueueMarkDefer( elem, type, src ) {
- var deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- defer = jQuery._data( elem, deferDataKey );
- if ( defer &&
- ( src === "queue" || !jQuery._data(elem, queueDataKey) ) &&
- ( src === "mark" || !jQuery._data(elem, markDataKey) ) ) {
- // Give room for hard-coded callbacks to fire first
- // and eventually mark/queue something else on the element
- setTimeout( function() {
- if ( !jQuery._data( elem, queueDataKey ) &&
- !jQuery._data( elem, markDataKey ) ) {
- jQuery.removeData( elem, deferDataKey, true );
- defer.fire();
- }
- }, 0 );
- }
-}
-
-jQuery.extend({
-
- _mark: function( elem, type ) {
- if ( elem ) {
- type = ( type || "fx" ) + "mark";
- jQuery._data( elem, type, (jQuery._data( elem, type ) || 0) + 1 );
- }
- },
-
- _unmark: function( force, elem, type ) {
- if ( force !== true ) {
- type = elem;
- elem = force;
- force = false;
- }
- if ( elem ) {
- type = type || "fx";
- var key = type + "mark",
- count = force ? 0 : ( (jQuery._data( elem, key ) || 1) - 1 );
- if ( count ) {
- jQuery._data( elem, key, count );
- } else {
- jQuery.removeData( elem, key, true );
- handleQueueMarkDefer( elem, type, "mark" );
- }
- }
- },
-
- queue: function( elem, type, data ) {
- var q;
- if ( elem ) {
- type = ( type || "fx" ) + "queue";
- q = jQuery._data( elem, type );
-
- // Speed up dequeue by getting out quickly if this is just a lookup
- if ( data ) {
- if ( !q || jQuery.isArray(data) ) {
- q = jQuery._data( elem, type, jQuery.makeArray(data) );
- } else {
- q.push( data );
- }
- }
- return q || [];
- }
- },
-
- dequeue: function( elem, type ) {
- type = type || "fx";
-
- var queue = jQuery.queue( elem, type ),
- fn = queue.shift(),
- hooks = {};
-
- // If the fx queue is dequeued, always remove the progress sentinel
- if ( fn === "inprogress" ) {
- fn = queue.shift();
- }
-
- if ( fn ) {
- // Add a progress sentinel to prevent the fx queue from being
- // automatically dequeued
- if ( type === "fx" ) {
- queue.unshift( "inprogress" );
- }
-
- jQuery._data( elem, type + ".run", hooks );
- fn.call( elem, function() {
- jQuery.dequeue( elem, type );
- }, hooks );
- }
-
- if ( !queue.length ) {
- jQuery.removeData( elem, type + "queue " + type + ".run", true );
- handleQueueMarkDefer( elem, type, "queue" );
- }
- }
-});
-
-jQuery.fn.extend({
- queue: function( type, data ) {
- if ( typeof type !== "string" ) {
- data = type;
- type = "fx";
- }
-
- if ( data === undefined ) {
- return jQuery.queue( this[0], type );
- }
- return this.each(function() {
- var queue = jQuery.queue( this, type, data );
-
- if ( type === "fx" && queue[0] !== "inprogress" ) {
- jQuery.dequeue( this, type );
- }
- });
- },
- dequeue: function( type ) {
- return this.each(function() {
- jQuery.dequeue( this, type );
- });
- },
- // Based off of the plugin by Clint Helfers, with permission.
- // http://blindsignals.com/index.php/2009/07/jquery-delay/
- delay: function( time, type ) {
- time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
- type = type || "fx";
-
- return this.queue( type, function( next, hooks ) {
- var timeout = setTimeout( next, time );
- hooks.stop = function() {
- clearTimeout( timeout );
- };
- });
- },
- clearQueue: function( type ) {
- return this.queue( type || "fx", [] );
- },
- // Get a promise resolved when queues of a certain type
- // are emptied (fx is the type by default)
- promise: function( type, object ) {
- if ( typeof type !== "string" ) {
- object = type;
- type = undefined;
- }
- type = type || "fx";
- var defer = jQuery.Deferred(),
- elements = this,
- i = elements.length,
- count = 1,
- deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- tmp;
- function resolve() {
- if ( !( --count ) ) {
- defer.resolveWith( elements, [ elements ] );
- }
- }
- while( i-- ) {
- if (( tmp = jQuery.data( elements[ i ], deferDataKey, undefined, true ) ||
- ( jQuery.data( elements[ i ], queueDataKey, undefined, true ) ||
- jQuery.data( elements[ i ], markDataKey, undefined, true ) ) &&
- jQuery.data( elements[ i ], deferDataKey, jQuery.Callbacks( "once memory" ), true ) )) {
- count++;
- tmp.add( resolve );
- }
- }
- resolve();
- return defer.promise();
- }
-});
-
-
-
-
-var rclass = /[\n\t\r]/g,
- rspace = /\s+/,
- rreturn = /\r/g,
- rtype = /^(?:button|input)$/i,
- rfocusable = /^(?:button|input|object|select|textarea)$/i,
- rclickable = /^a(?:rea)?$/i,
- rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
- getSetAttribute = jQuery.support.getSetAttribute,
- nodeHook, boolHook, fixSpecified;
-
-jQuery.fn.extend({
- attr: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.attr );
- },
-
- removeAttr: function( name ) {
- return this.each(function() {
- jQuery.removeAttr( this, name );
- });
- },
-
- prop: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.prop );
- },
-
- removeProp: function( name ) {
- name = jQuery.propFix[ name ] || name;
- return this.each(function() {
- // try/catch handles cases where IE balks (such as removing a property on window)
- try {
- this[ name ] = undefined;
- delete this[ name ];
- } catch( e ) {}
- });
- },
-
- addClass: function( value ) {
- var classNames, i, l, elem,
- setClass, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).addClass( value.call(this, j, this.className) );
- });
- }
-
- if ( value && typeof value === "string" ) {
- classNames = value.split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 ) {
- if ( !elem.className && classNames.length === 1 ) {
- elem.className = value;
-
- } else {
- setClass = " " + elem.className + " ";
-
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
- setClass += classNames[ c ] + " ";
- }
- }
- elem.className = jQuery.trim( setClass );
- }
- }
- }
- }
-
- return this;
- },
-
- removeClass: function( value ) {
- var classNames, i, l, elem, className, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).removeClass( value.call(this, j, this.className) );
- });
- }
-
- if ( (value && typeof value === "string") || value === undefined ) {
- classNames = ( value || "" ).split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 && elem.className ) {
- if ( value ) {
- className = (" " + elem.className + " ").replace( rclass, " " );
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- className = className.replace(" " + classNames[ c ] + " ", " ");
- }
- elem.className = jQuery.trim( className );
-
- } else {
- elem.className = "";
- }
- }
- }
- }
-
- return this;
- },
-
- toggleClass: function( value, stateVal ) {
- var type = typeof value,
- isBool = typeof stateVal === "boolean";
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( i ) {
- jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
- });
- }
-
- return this.each(function() {
- if ( type === "string" ) {
- // toggle individual class names
- var className,
- i = 0,
- self = jQuery( this ),
- state = stateVal,
- classNames = value.split( rspace );
-
- while ( (className = classNames[ i++ ]) ) {
- // check each className given, space seperated list
- state = isBool ? state : !self.hasClass( className );
- self[ state ? "addClass" : "removeClass" ]( className );
- }
-
- } else if ( type === "undefined" || type === "boolean" ) {
- if ( this.className ) {
- // store className if set
- jQuery._data( this, "__className__", this.className );
- }
-
- // toggle whole className
- this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
- }
- });
- },
-
- hasClass: function( selector ) {
- var className = " " + selector + " ",
- i = 0,
- l = this.length;
- for ( ; i < l; i++ ) {
- if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
- return true;
- }
- }
-
- return false;
- },
-
- val: function( value ) {
- var hooks, ret, isFunction,
- elem = this[0];
-
- if ( !arguments.length ) {
- if ( elem ) {
- hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
-
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
- return ret;
- }
-
- ret = elem.value;
-
- return typeof ret === "string" ?
- // handle most common string cases
- ret.replace(rreturn, "") :
- // handle cases where value is null/undef or number
- ret == null ? "" : ret;
- }
-
- return;
- }
-
- isFunction = jQuery.isFunction( value );
-
- return this.each(function( i ) {
- var self = jQuery(this), val;
-
- if ( this.nodeType !== 1 ) {
- return;
- }
-
- if ( isFunction ) {
- val = value.call( this, i, self.val() );
- } else {
- val = value;
- }
-
- // Treat null/undefined as ""; convert numbers to string
- if ( val == null ) {
- val = "";
- } else if ( typeof val === "number" ) {
- val += "";
- } else if ( jQuery.isArray( val ) ) {
- val = jQuery.map(val, function ( value ) {
- return value == null ? "" : value + "";
- });
- }
-
- hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];
-
- // If set returns undefined, fall back to normal setting
- if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
- this.value = val;
- }
- });
- }
-});
-
-jQuery.extend({
- valHooks: {
- option: {
- get: function( elem ) {
- // attributes.value is undefined in Blackberry 4.7 but
- // uses .value. See #6932
- var val = elem.attributes.value;
- return !val || val.specified ? elem.value : elem.text;
- }
- },
- select: {
- get: function( elem ) {
- var value, i, max, option,
- index = elem.selectedIndex,
- values = [],
- options = elem.options,
- one = elem.type === "select-one";
-
- // Nothing was selected
- if ( index < 0 ) {
- return null;
- }
-
- // Loop through all the selected options
- i = one ? index : 0;
- max = one ? index + 1 : options.length;
- for ( ; i < max; i++ ) {
- option = options[ i ];
-
- // Don't return options that are disabled or in a disabled optgroup
- if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
- (!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
-
- // Get the specific value for the option
- value = jQuery( option ).val();
-
- // We don't need an array for one selects
- if ( one ) {
- return value;
- }
-
- // Multi-Selects return an array
- values.push( value );
- }
- }
-
- // Fixes Bug #2551 -- select.val() broken in IE after form.reset()
- if ( one && !values.length && options.length ) {
- return jQuery( options[ index ] ).val();
- }
-
- return values;
- },
-
- set: function( elem, value ) {
- var values = jQuery.makeArray( value );
-
- jQuery(elem).find("option").each(function() {
- this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
- });
-
- if ( !values.length ) {
- elem.selectedIndex = -1;
- }
- return values;
- }
- }
- },
-
- attrFn: {
- val: true,
- css: true,
- html: true,
- text: true,
- data: true,
- width: true,
- height: true,
- offset: true
- },
-
- attr: function( elem, name, value, pass ) {
- var ret, hooks, notxml,
- nType = elem.nodeType;
-
- // don't get/set attributes on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return;
- }
-
- if ( pass && name in jQuery.attrFn ) {
- return jQuery( elem )[ name ]( value );
- }
-
- // Fallback to prop when attributes are not supported
- if ( typeof elem.getAttribute === "undefined" ) {
- return jQuery.prop( elem, name, value );
- }
-
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- // All attributes are lowercase
- // Grab necessary hook if one is defined
- if ( notxml ) {
- name = name.toLowerCase();
- hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook );
- }
-
- if ( value !== undefined ) {
-
- if ( value === null ) {
- jQuery.removeAttr( elem, name );
- return;
-
- } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- elem.setAttribute( name, "" + value );
- return value;
- }
-
- } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
-
- ret = elem.getAttribute( name );
-
- // Non-existent attributes return null, we normalize to undefined
- return ret === null ?
- undefined :
- ret;
- }
- },
-
- removeAttr: function( elem, value ) {
- var propName, attrNames, name, l,
- i = 0;
-
- if ( value && elem.nodeType === 1 ) {
- attrNames = value.toLowerCase().split( rspace );
- l = attrNames.length;
-
- for ( ; i < l; i++ ) {
- name = attrNames[ i ];
-
- if ( name ) {
- propName = jQuery.propFix[ name ] || name;
-
- // See #9699 for explanation of this approach (setting first, then removal)
- jQuery.attr( elem, name, "" );
- elem.removeAttribute( getSetAttribute ? name : propName );
-
- // Set corresponding property to false for boolean attributes
- if ( rboolean.test( name ) && propName in elem ) {
- elem[ propName ] = false;
- }
- }
- }
- }
- },
-
- attrHooks: {
- type: {
- set: function( elem, value ) {
- // We can't allow the type property to be changed (since it causes problems in IE)
- if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
- jQuery.error( "type property can't be changed" );
- } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
- // Setting the type on a radio button after the value resets the value in IE6-9
- // Reset value to it's default in case type is set after value
- // This is for element creation
- var val = elem.value;
- elem.setAttribute( "type", value );
- if ( val ) {
- elem.value = val;
- }
- return value;
- }
- }
- },
- // Use the value property for back compat
- // Use the nodeHook for button elements in IE6/7 (#1954)
- value: {
- get: function( elem, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.get( elem, name );
- }
- return name in elem ?
- elem.value :
- null;
- },
- set: function( elem, value, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.set( elem, value, name );
- }
- // Does not return so that setAttribute is also used
- elem.value = value;
- }
- }
- },
-
- propFix: {
- tabindex: "tabIndex",
- readonly: "readOnly",
- "for": "htmlFor",
- "class": "className",
- maxlength: "maxLength",
- cellspacing: "cellSpacing",
- cellpadding: "cellPadding",
- rowspan: "rowSpan",
- colspan: "colSpan",
- usemap: "useMap",
- frameborder: "frameBorder",
- contenteditable: "contentEditable"
- },
-
- prop: function( elem, name, value ) {
- var ret, hooks, notxml,
- nType = elem.nodeType;
-
- // don't get/set properties on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return;
- }
-
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- if ( notxml ) {
- // Fix name and attach hooks
- name = jQuery.propFix[ name ] || name;
- hooks = jQuery.propHooks[ name ];
- }
-
- if ( value !== undefined ) {
- if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- return ( elem[ name ] = value );
- }
-
- } else {
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
- return elem[ name ];
- }
- }
- },
-
- propHooks: {
- tabIndex: {
- get: function( elem ) {
- // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
- // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
- var attributeNode = elem.getAttributeNode("tabindex");
-
- return attributeNode && attributeNode.specified ?
- parseInt( attributeNode.value, 10 ) :
- rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
- 0 :
- undefined;
- }
- }
- }
-});
-
-// Add the tabIndex propHook to attrHooks for back-compat (different case is intentional)
-jQuery.attrHooks.tabindex = jQuery.propHooks.tabIndex;
-
-// Hook for boolean attributes
-boolHook = {
- get: function( elem, name ) {
- // Align boolean attributes with corresponding properties
- // Fall back to attribute presence where some booleans are not supported
- var attrNode,
- property = jQuery.prop( elem, name );
- return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ?
- name.toLowerCase() :
- undefined;
- },
- set: function( elem, value, name ) {
- var propName;
- if ( value === false ) {
- // Remove boolean attributes when set to false
- jQuery.removeAttr( elem, name );
- } else {
- // value is true since we know at this point it's type boolean and not false
- // Set boolean attributes to the same name and set the DOM property
- propName = jQuery.propFix[ name ] || name;
- if ( propName in elem ) {
- // Only set the IDL specifically if it already exists on the element
- elem[ propName ] = true;
- }
-
- elem.setAttribute( name, name.toLowerCase() );
- }
- return name;
- }
-};
-
-// IE6/7 do not support getting/setting some attributes with get/setAttribute
-if ( !getSetAttribute ) {
-
- fixSpecified = {
- name: true,
- id: true
- };
-
- // Use this for any attribute in IE6/7
- // This fixes almost every IE6/7 issue
- nodeHook = jQuery.valHooks.button = {
- get: function( elem, name ) {
- var ret;
- ret = elem.getAttributeNode( name );
- return ret && ( fixSpecified[ name ] ? ret.nodeValue !== "" : ret.specified ) ?
- ret.nodeValue :
- undefined;
- },
- set: function( elem, value, name ) {
- // Set the existing or create a new attribute node
- var ret = elem.getAttributeNode( name );
- if ( !ret ) {
- ret = document.createAttribute( name );
- elem.setAttributeNode( ret );
- }
- return ( ret.nodeValue = value + "" );
- }
- };
-
- // Apply the nodeHook to tabindex
- jQuery.attrHooks.tabindex.set = nodeHook.set;
-
- // Set width and height to auto instead of 0 on empty string( Bug #8150 )
- // This is for removals
- jQuery.each([ "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- set: function( elem, value ) {
- if ( value === "" ) {
- elem.setAttribute( name, "auto" );
- return value;
- }
- }
- });
- });
-
- // Set contenteditable to false on removals(#10429)
- // Setting to empty string throws an error as an invalid value
- jQuery.attrHooks.contenteditable = {
- get: nodeHook.get,
- set: function( elem, value, name ) {
- if ( value === "" ) {
- value = "false";
- }
- nodeHook.set( elem, value, name );
- }
- };
-}
-
-
-// Some attributes require a special call on IE
-if ( !jQuery.support.hrefNormalized ) {
- jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- get: function( elem ) {
- var ret = elem.getAttribute( name, 2 );
- return ret === null ? undefined : ret;
- }
- });
- });
-}
-
-if ( !jQuery.support.style ) {
- jQuery.attrHooks.style = {
- get: function( elem ) {
- // Return undefined in the case of empty string
- // Normalize to lowercase since IE uppercases css property names
- return elem.style.cssText.toLowerCase() || undefined;
- },
- set: function( elem, value ) {
- return ( elem.style.cssText = "" + value );
- }
- };
-}
-
-// Safari mis-reports the default selected property of an option
-// Accessing the parent's selectedIndex property fixes it
-if ( !jQuery.support.optSelected ) {
- jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
- get: function( elem ) {
- var parent = elem.parentNode;
-
- if ( parent ) {
- parent.selectedIndex;
-
- // Make sure that it also works with optgroups, see #5701
- if ( parent.parentNode ) {
- parent.parentNode.selectedIndex;
- }
- }
- return null;
- }
- });
-}
-
-// IE6/7 call enctype encoding
-if ( !jQuery.support.enctype ) {
- jQuery.propFix.enctype = "encoding";
-}
-
-// Radios and checkboxes getter/setter
-if ( !jQuery.support.checkOn ) {
- jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = {
- get: function( elem ) {
- // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
- return elem.getAttribute("value") === null ? "on" : elem.value;
- }
- };
- });
-}
-jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
- set: function( elem, value ) {
- if ( jQuery.isArray( value ) ) {
- return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
- }
- }
- });
-});
-
-
-
-
-var rformElems = /^(?:textarea|input|select)$/i,
- rtypenamespace = /^([^\.]*)?(?:\.(.+))?$/,
- rhoverHack = /\bhover(\.\S+)?\b/,
- rkeyEvent = /^key/,
- rmouseEvent = /^(?:mouse|contextmenu)|click/,
- rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
- rquickIs = /^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,
- quickParse = function( selector ) {
- var quick = rquickIs.exec( selector );
- if ( quick ) {
- // 0 1 2 3
- // [ _, tag, id, class ]
- quick[1] = ( quick[1] || "" ).toLowerCase();
- quick[3] = quick[3] && new RegExp( "(?:^|\\s)" + quick[3] + "(?:\\s|$)" );
- }
- return quick;
- },
- quickIs = function( elem, m ) {
- var attrs = elem.attributes || {};
- return (
- (!m[1] || elem.nodeName.toLowerCase() === m[1]) &&
- (!m[2] || (attrs.id || {}).value === m[2]) &&
- (!m[3] || m[3].test( (attrs[ "class" ] || {}).value ))
- );
- },
- hoverHack = function( events ) {
- return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" );
- };
-
-/*
- * Helper functions for managing events -- not part of the public interface.
- * Props to Dean Edwards' addEvent library for many of the ideas.
- */
-jQuery.event = {
-
- add: function( elem, types, handler, data, selector ) {
-
- var elemData, eventHandle, events,
- t, tns, type, namespaces, handleObj,
- handleObjIn, quick, handlers, special;
-
- // Don't attach events to noData or text/comment nodes (allow plain objects tho)
- if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) {
- return;
- }
-
- // Caller can pass in an object of custom data in lieu of the handler
- if ( handler.handler ) {
- handleObjIn = handler;
- handler = handleObjIn.handler;
- }
-
- // Make sure that the handler has a unique ID, used to find/remove it later
- if ( !handler.guid ) {
- handler.guid = jQuery.guid++;
- }
-
- // Init the element's event structure and main handler, if this is the first
- events = elemData.events;
- if ( !events ) {
- elemData.events = events = {};
- }
- eventHandle = elemData.handle;
- if ( !eventHandle ) {
- elemData.handle = eventHandle = function( e ) {
- // Discard the second event of a jQuery.event.trigger() and
- // when an event is called after a page has unloaded
- return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
- jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
- undefined;
- };
- // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
- eventHandle.elem = elem;
- }
-
- // Handle multiple events separated by a space
- // jQuery(...).bind("mouseover mouseout", fn);
- types = jQuery.trim( hoverHack(types) ).split( " " );
- for ( t = 0; t < types.length; t++ ) {
-
- tns = rtypenamespace.exec( types[t] ) || [];
- type = tns[1];
- namespaces = ( tns[2] || "" ).split( "." ).sort();
-
- // If event changes its type, use the special event handlers for the changed type
- special = jQuery.event.special[ type ] || {};
-
- // If selector defined, determine special event api type, otherwise given type
- type = ( selector ? special.delegateType : special.bindType ) || type;
-
- // Update special based on newly reset type
- special = jQuery.event.special[ type ] || {};
-
- // handleObj is passed to all event handlers
- handleObj = jQuery.extend({
- type: type,
- origType: tns[1],
- data: data,
- handler: handler,
- guid: handler.guid,
- selector: selector,
- quick: quickParse( selector ),
- namespace: namespaces.join(".")
- }, handleObjIn );
-
- // Init the event handler queue if we're the first
- handlers = events[ type ];
- if ( !handlers ) {
- handlers = events[ type ] = [];
- handlers.delegateCount = 0;
-
- // Only use addEventListener/attachEvent if the special events handler returns false
- if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
- // Bind the global event handler to the element
- if ( elem.addEventListener ) {
- elem.addEventListener( type, eventHandle, false );
-
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, eventHandle );
- }
- }
- }
-
- if ( special.add ) {
- special.add.call( elem, handleObj );
-
- if ( !handleObj.handler.guid ) {
- handleObj.handler.guid = handler.guid;
- }
- }
-
- // Add to the element's handler list, delegates in front
- if ( selector ) {
- handlers.splice( handlers.delegateCount++, 0, handleObj );
- } else {
- handlers.push( handleObj );
- }
-
- // Keep track of which events have ever been used, for event optimization
- jQuery.event.global[ type ] = true;
- }
-
- // Nullify elem to prevent memory leaks in IE
- elem = null;
- },
-
- global: {},
-
- // Detach an event or set of events from an element
- remove: function( elem, types, handler, selector, mappedTypes ) {
-
- var elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
- t, tns, type, origType, namespaces, origCount,
- j, events, special, handle, eventType, handleObj;
-
- if ( !elemData || !(events = elemData.events) ) {
- return;
- }
-
- // Once for each type.namespace in types; type may be omitted
- types = jQuery.trim( hoverHack( types || "" ) ).split(" ");
- for ( t = 0; t < types.length; t++ ) {
- tns = rtypenamespace.exec( types[t] ) || [];
- type = origType = tns[1];
- namespaces = tns[2];
-
- // Unbind all events (on this namespace, if provided) for the element
- if ( !type ) {
- for ( type in events ) {
- jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
- }
- continue;
- }
-
- special = jQuery.event.special[ type ] || {};
- type = ( selector? special.delegateType : special.bindType ) || type;
- eventType = events[ type ] || [];
- origCount = eventType.length;
- namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.)?") + "(\\.|$)") : null;
-
- // Remove matching events
- for ( j = 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( ( mappedTypes || origType === handleObj.origType ) &&
- ( !handler || handler.guid === handleObj.guid ) &&
- ( !namespaces || namespaces.test( handleObj.namespace ) ) &&
- ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
- eventType.splice( j--, 1 );
-
- if ( handleObj.selector ) {
- eventType.delegateCount--;
- }
- if ( special.remove ) {
- special.remove.call( elem, handleObj );
- }
- }
- }
-
- // Remove generic event handler if we removed something and no more handlers exist
- // (avoids potential for endless recursion during removal of special event handlers)
- if ( eventType.length === 0 && origCount !== eventType.length ) {
- if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
- jQuery.removeEvent( elem, type, elemData.handle );
- }
-
- delete events[ type ];
- }
- }
-
- // Remove the expando if it's no longer used
- if ( jQuery.isEmptyObject( events ) ) {
- handle = elemData.handle;
- if ( handle ) {
- handle.elem = null;
- }
-
- // removeData also checks for emptiness and clears the expando if empty
- // so use it instead of delete
- jQuery.removeData( elem, [ "events", "handle" ], true );
- }
- },
-
- // Events that are safe to short-circuit if no handlers are attached.
- // Native DOM events should not be added, they may have inline handlers.
- customEvent: {
- "getData": true,
- "setData": true,
- "changeData": true
- },
-
- trigger: function( event, data, elem, onlyHandlers ) {
- // Don't do events on text and comment nodes
- if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) {
- return;
- }
-
- // Event object or event type
- var type = event.type || event,
- namespaces = [],
- cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType;
-
- // focus/blur morphs to focusin/out; ensure we're not firing them right now
- if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
- return;
- }
-
- if ( type.indexOf( "!" ) >= 0 ) {
- // Exclusive events trigger only for the exact event (no namespaces)
- type = type.slice(0, -1);
- exclusive = true;
- }
-
- if ( type.indexOf( "." ) >= 0 ) {
- // Namespaced trigger; create a regexp to match event type in handle()
- namespaces = type.split(".");
- type = namespaces.shift();
- namespaces.sort();
- }
-
- if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
- // No jQuery handlers for this event type, and it can't have inline handlers
- return;
- }
-
- // Caller can pass in an Event, Object, or just an event type string
- event = typeof event === "object" ?
- // jQuery.Event object
- event[ jQuery.expando ] ? event :
- // Object literal
- new jQuery.Event( type, event ) :
- // Just the event type (string)
- new jQuery.Event( type );
-
- event.type = type;
- event.isTrigger = true;
- event.exclusive = exclusive;
- event.namespace = namespaces.join( "." );
- event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.)?") + "(\\.|$)") : null;
- ontype = type.indexOf( ":" ) < 0 ? "on" + type : "";
-
- // Handle a global trigger
- if ( !elem ) {
-
- // TODO: Stop taunting the data cache; remove global events and always attach to document
- cache = jQuery.cache;
- for ( i in cache ) {
- if ( cache[ i ].events && cache[ i ].events[ type ] ) {
- jQuery.event.trigger( event, data, cache[ i ].handle.elem, true );
- }
- }
- return;
- }
-
- // Clean up the event in case it is being reused
- event.result = undefined;
- if ( !event.target ) {
- event.target = elem;
- }
-
- // Clone any incoming data and prepend the event, creating the handler arg list
- data = data != null ? jQuery.makeArray( data ) : [];
- data.unshift( event );
-
- // Allow special events to draw outside the lines
- special = jQuery.event.special[ type ] || {};
- if ( special.trigger && special.trigger.apply( elem, data ) === false ) {
- return;
- }
-
- // Determine event propagation path in advance, per W3C events spec (#9951)
- // Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
- eventPath = [[ elem, special.bindType || type ]];
- if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
-
- bubbleType = special.delegateType || type;
- cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode;
- old = null;
- for ( ; cur; cur = cur.parentNode ) {
- eventPath.push([ cur, bubbleType ]);
- old = cur;
- }
-
- // Only add window if we got to document (e.g., not plain obj or detached DOM)
- if ( old && old === elem.ownerDocument ) {
- eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]);
- }
- }
-
- // Fire handlers on the event path
- for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) {
-
- cur = eventPath[i][0];
- event.type = eventPath[i][1];
-
- handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
- if ( handle ) {
- handle.apply( cur, data );
- }
- // Note that this is a bare JS function and not a jQuery handler
- handle = ontype && cur[ ontype ];
- if ( handle && jQuery.acceptData( cur ) && handle.apply( cur, data ) === false ) {
- event.preventDefault();
- }
- }
- event.type = type;
-
- // If nobody prevented the default action, do it now
- if ( !onlyHandlers && !event.isDefaultPrevented() ) {
-
- if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) &&
- !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
-
- // Call a native DOM method on the target with the same name name as the event.
- // Can't use an .isFunction() check here because IE6/7 fails that test.
- // Don't do default actions on window, that's where global variables be (#6170)
- // IE<9 dies on focus/blur to hidden element (#1486)
- if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) {
-
- // Don't re-trigger an onFOO event when we call its FOO() method
- old = elem[ ontype ];
-
- if ( old ) {
- elem[ ontype ] = null;
- }
-
- // Prevent re-triggering of the same event, since we already bubbled it above
- jQuery.event.triggered = type;
- elem[ type ]();
- jQuery.event.triggered = undefined;
-
- if ( old ) {
- elem[ ontype ] = old;
- }
- }
- }
- }
-
- return event.result;
- },
-
- dispatch: function( event ) {
-
- // Make a writable jQuery.Event from the native event object
- event = jQuery.event.fix( event || window.event );
-
- var handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []),
- delegateCount = handlers.delegateCount,
- args = [].slice.call( arguments, 0 ),
- run_all = !event.exclusive && !event.namespace,
- handlerQueue = [],
- i, j, cur, jqcur, ret, selMatch, matched, matches, handleObj, sel, related;
-
- // Use the fix-ed jQuery.Event rather than the (read-only) native event
- args[0] = event;
- event.delegateTarget = this;
-
- // Determine handlers that should run if there are delegated events
- // Avoid disabled elements in IE (#6911) and non-left-click bubbling in Firefox (#3861)
- if ( delegateCount && !event.target.disabled && !(event.button && event.type === "click") ) {
-
- // Pregenerate a single jQuery object for reuse with .is()
- jqcur = jQuery(this);
- jqcur.context = this.ownerDocument || this;
-
- for ( cur = event.target; cur != this; cur = cur.parentNode || this ) {
- selMatch = {};
- matches = [];
- jqcur[0] = cur;
- for ( i = 0; i < delegateCount; i++ ) {
- handleObj = handlers[ i ];
- sel = handleObj.selector;
-
- if ( selMatch[ sel ] === undefined ) {
- selMatch[ sel ] = (
- handleObj.quick ? quickIs( cur, handleObj.quick ) : jqcur.is( sel )
- );
- }
- if ( selMatch[ sel ] ) {
- matches.push( handleObj );
- }
- }
- if ( matches.length ) {
- handlerQueue.push({ elem: cur, matches: matches });
- }
- }
- }
-
- // Add the remaining (directly-bound) handlers
- if ( handlers.length > delegateCount ) {
- handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) });
- }
-
- // Run delegates first; they may want to stop propagation beneath us
- for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) {
- matched = handlerQueue[ i ];
- event.currentTarget = matched.elem;
-
- for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) {
- handleObj = matched.matches[ j ];
-
- // Triggered event must either 1) be non-exclusive and have no namespace, or
- // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
- if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) {
-
- event.data = handleObj.data;
- event.handleObj = handleObj;
-
- ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
- .apply( matched.elem, args );
-
- if ( ret !== undefined ) {
- event.result = ret;
- if ( ret === false ) {
- event.preventDefault();
- event.stopPropagation();
- }
- }
- }
- }
- }
-
- return event.result;
- },
-
- // Includes some event props shared by KeyEvent and MouseEvent
- // *** attrChange attrName relatedNode srcElement are not normalized, non-W3C, deprecated, will be removed in 1.8 ***
- props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
-
- fixHooks: {},
-
- keyHooks: {
- props: "char charCode key keyCode".split(" "),
- filter: function( event, original ) {
-
- // Add which for key events
- if ( event.which == null ) {
- event.which = original.charCode != null ? original.charCode : original.keyCode;
- }
-
- return event;
- }
- },
-
- mouseHooks: {
- props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
- filter: function( event, original ) {
- var eventDoc, doc, body,
- button = original.button,
- fromElement = original.fromElement;
-
- // Calculate pageX/Y if missing and clientX/Y available
- if ( event.pageX == null && original.clientX != null ) {
- eventDoc = event.target.ownerDocument || document;
- doc = eventDoc.documentElement;
- body = eventDoc.body;
-
- event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
- event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 );
- }
-
- // Add relatedTarget, if necessary
- if ( !event.relatedTarget && fromElement ) {
- event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
- }
-
- // Add which for click: 1 === left; 2 === middle; 3 === right
- // Note: button is not normalized, so don't use it
- if ( !event.which && button !== undefined ) {
- event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
- }
-
- return event;
- }
- },
-
- fix: function( event ) {
- if ( event[ jQuery.expando ] ) {
- return event;
- }
-
- // Create a writable copy of the event object and normalize some properties
- var i, prop,
- originalEvent = event,
- fixHook = jQuery.event.fixHooks[ event.type ] || {},
- copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
-
- event = jQuery.Event( originalEvent );
-
- for ( i = copy.length; i; ) {
- prop = copy[ --i ];
- event[ prop ] = originalEvent[ prop ];
- }
-
- // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
- if ( !event.target ) {
- event.target = originalEvent.srcElement || document;
- }
-
- // Target should not be a text node (#504, Safari)
- if ( event.target.nodeType === 3 ) {
- event.target = event.target.parentNode;
- }
-
- // For mouse/key events; add metaKey if it's not there (#3368, IE6/7/8)
- if ( event.metaKey === undefined ) {
- event.metaKey = event.ctrlKey;
- }
-
- return fixHook.filter? fixHook.filter( event, originalEvent ) : event;
- },
-
- special: {
- ready: {
- // Make sure the ready event is setup
- setup: jQuery.bindReady
- },
-
- load: {
- // Prevent triggered image.load events from bubbling to window.load
- noBubble: true
- },
-
- focus: {
- delegateType: "focusin"
- },
- blur: {
- delegateType: "focusout"
- },
-
- beforeunload: {
- setup: function( data, namespaces, eventHandle ) {
- // We only want to do this special case on windows
- if ( jQuery.isWindow( this ) ) {
- this.onbeforeunload = eventHandle;
- }
- },
-
- teardown: function( namespaces, eventHandle ) {
- if ( this.onbeforeunload === eventHandle ) {
- this.onbeforeunload = null;
- }
- }
- }
- },
-
- simulate: function( type, elem, event, bubble ) {
- // Piggyback on a donor event to simulate a different one.
- // Fake originalEvent to avoid donor's stopPropagation, but if the
- // simulated event prevents default then we do the same on the donor.
- var e = jQuery.extend(
- new jQuery.Event(),
- event,
- { type: type,
- isSimulated: true,
- originalEvent: {}
- }
- );
- if ( bubble ) {
- jQuery.event.trigger( e, null, elem );
- } else {
- jQuery.event.dispatch.call( elem, e );
- }
- if ( e.isDefaultPrevented() ) {
- event.preventDefault();
- }
- }
-};
-
-// Some plugins are using, but it's undocumented/deprecated and will be removed.
-// The 1.7 special event interface should provide all the hooks needed now.
-jQuery.event.handle = jQuery.event.dispatch;
-
-jQuery.removeEvent = document.removeEventListener ?
- function( elem, type, handle ) {
- if ( elem.removeEventListener ) {
- elem.removeEventListener( type, handle, false );
- }
- } :
- function( elem, type, handle ) {
- if ( elem.detachEvent ) {
- elem.detachEvent( "on" + type, handle );
- }
- };
-
-jQuery.Event = function( src, props ) {
- // Allow instantiation without the 'new' keyword
- if ( !(this instanceof jQuery.Event) ) {
- return new jQuery.Event( src, props );
- }
-
- // Event object
- if ( src && src.type ) {
- this.originalEvent = src;
- this.type = src.type;
-
- // Events bubbling up the document may have been marked as prevented
- // by a handler lower down the tree; reflect the correct value.
- this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
- src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
-
- // Event type
- } else {
- this.type = src;
- }
-
- // Put explicitly provided properties onto the event object
- if ( props ) {
- jQuery.extend( this, props );
- }
-
- // Create a timestamp if incoming event doesn't have one
- this.timeStamp = src && src.timeStamp || jQuery.now();
-
- // Mark it as fixed
- this[ jQuery.expando ] = true;
-};
-
-function returnFalse() {
- return false;
-}
-function returnTrue() {
- return true;
-}
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
- preventDefault: function() {
- this.isDefaultPrevented = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
-
- // if preventDefault exists run it on the original event
- if ( e.preventDefault ) {
- e.preventDefault();
-
- // otherwise set the returnValue property of the original event to false (IE)
- } else {
- e.returnValue = false;
- }
- },
- stopPropagation: function() {
- this.isPropagationStopped = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
- // if stopPropagation exists run it on the original event
- if ( e.stopPropagation ) {
- e.stopPropagation();
- }
- // otherwise set the cancelBubble property of the original event to true (IE)
- e.cancelBubble = true;
- },
- stopImmediatePropagation: function() {
- this.isImmediatePropagationStopped = returnTrue;
- this.stopPropagation();
- },
- isDefaultPrevented: returnFalse,
- isPropagationStopped: returnFalse,
- isImmediatePropagationStopped: returnFalse
-};
-
-// Create mouseenter/leave events using mouseover/out and event-time checks
-jQuery.each({
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-}, function( orig, fix ) {
- jQuery.event.special[ orig ] = {
- delegateType: fix,
- bindType: fix,
-
- handle: function( event ) {
- var target = this,
- related = event.relatedTarget,
- handleObj = event.handleObj,
- selector = handleObj.selector,
- ret;
-
- // For mousenter/leave call the handler if related is outside the target.
- // NB: No relatedTarget if the mouse left/entered the browser window
- if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
- event.type = handleObj.origType;
- ret = handleObj.handler.apply( this, arguments );
- event.type = fix;
- }
- return ret;
- }
- };
-});
-
-// IE submit delegation
-if ( !jQuery.support.submitBubbles ) {
-
- jQuery.event.special.submit = {
- setup: function() {
- // Only need this for delegated form submit events
- if ( jQuery.nodeName( this, "form" ) ) {
- return false;
- }
-
- // Lazy-add a submit handler when a descendant form may potentially be submitted
- jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
- // Node name check avoids a VML-related crash in IE (#9807)
- var elem = e.target,
- form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
- if ( form && !form._submit_attached ) {
- jQuery.event.add( form, "submit._submit", function( event ) {
- // If form was submitted by the user, bubble the event up the tree
- if ( this.parentNode && !event.isTrigger ) {
- jQuery.event.simulate( "submit", this.parentNode, event, true );
- }
- });
- form._submit_attached = true;
- }
- });
- // return undefined since we don't need an event listener
- },
-
- teardown: function() {
- // Only need this for delegated form submit events
- if ( jQuery.nodeName( this, "form" ) ) {
- return false;
- }
-
- // Remove delegated handlers; cleanData eventually reaps submit handlers attached above
- jQuery.event.remove( this, "._submit" );
- }
- };
-}
-
-// IE change delegation and checkbox/radio fix
-if ( !jQuery.support.changeBubbles ) {
-
- jQuery.event.special.change = {
-
- setup: function() {
-
- if ( rformElems.test( this.nodeName ) ) {
- // IE doesn't fire change on a check/radio until blur; trigger it on click
- // after a propertychange. Eat the blur-change in special.change.handle.
- // This still fires onchange a second time for check/radio after blur.
- if ( this.type === "checkbox" || this.type === "radio" ) {
- jQuery.event.add( this, "propertychange._change", function( event ) {
- if ( event.originalEvent.propertyName === "checked" ) {
- this._just_changed = true;
- }
- });
- jQuery.event.add( this, "click._change", function( event ) {
- if ( this._just_changed && !event.isTrigger ) {
- this._just_changed = false;
- jQuery.event.simulate( "change", this, event, true );
- }
- });
- }
- return false;
- }
- // Delegated event; lazy-add a change handler on descendant inputs
- jQuery.event.add( this, "beforeactivate._change", function( e ) {
- var elem = e.target;
-
- if ( rformElems.test( elem.nodeName ) && !elem._change_attached ) {
- jQuery.event.add( elem, "change._change", function( event ) {
- if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
- jQuery.event.simulate( "change", this.parentNode, event, true );
- }
- });
- elem._change_attached = true;
- }
- });
- },
-
- handle: function( event ) {
- var elem = event.target;
-
- // Swallow native change events from checkbox/radio, we already triggered them above
- if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
- return event.handleObj.handler.apply( this, arguments );
- }
- },
-
- teardown: function() {
- jQuery.event.remove( this, "._change" );
-
- return rformElems.test( this.nodeName );
- }
- };
-}
-
-// Create "bubbling" focus and blur events
-if ( !jQuery.support.focusinBubbles ) {
- jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
- // Attach a single capturing handler while someone wants focusin/focusout
- var attaches = 0,
- handler = function( event ) {
- jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
- };
-
- jQuery.event.special[ fix ] = {
- setup: function() {
- if ( attaches++ === 0 ) {
- document.addEventListener( orig, handler, true );
- }
- },
- teardown: function() {
- if ( --attaches === 0 ) {
- document.removeEventListener( orig, handler, true );
- }
- }
- };
- });
-}
-
-jQuery.fn.extend({
-
- on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
- var origFn, type;
-
- // Types can be a map of types/handlers
- if ( typeof types === "object" ) {
- // ( types-Object, selector, data )
- if ( typeof selector !== "string" ) {
- // ( types-Object, data )
- data = selector;
- selector = undefined;
- }
- for ( type in types ) {
- this.on( type, selector, data, types[ type ], one );
- }
- return this;
- }
-
- if ( data == null && fn == null ) {
- // ( types, fn )
- fn = selector;
- data = selector = undefined;
- } else if ( fn == null ) {
- if ( typeof selector === "string" ) {
- // ( types, selector, fn )
- fn = data;
- data = undefined;
- } else {
- // ( types, data, fn )
- fn = data;
- data = selector;
- selector = undefined;
- }
- }
- if ( fn === false ) {
- fn = returnFalse;
- } else if ( !fn ) {
- return this;
- }
-
- if ( one === 1 ) {
- origFn = fn;
- fn = function( event ) {
- // Can use an empty set, since event contains the info
- jQuery().off( event );
- return origFn.apply( this, arguments );
- };
- // Use same guid so caller can remove using origFn
- fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
- }
- return this.each( function() {
- jQuery.event.add( this, types, fn, data, selector );
- });
- },
- one: function( types, selector, data, fn ) {
- return this.on.call( this, types, selector, data, fn, 1 );
- },
- off: function( types, selector, fn ) {
- if ( types && types.preventDefault && types.handleObj ) {
- // ( event ) dispatched jQuery.Event
- var handleObj = types.handleObj;
- jQuery( types.delegateTarget ).off(
- handleObj.namespace? handleObj.type + "." + handleObj.namespace : handleObj.type,
- handleObj.selector,
- handleObj.handler
- );
- return this;
- }
- if ( typeof types === "object" ) {
- // ( types-object [, selector] )
- for ( var type in types ) {
- this.off( type, selector, types[ type ] );
- }
- return this;
- }
- if ( selector === false || typeof selector === "function" ) {
- // ( types [, fn] )
- fn = selector;
- selector = undefined;
- }
- if ( fn === false ) {
- fn = returnFalse;
- }
- return this.each(function() {
- jQuery.event.remove( this, types, fn, selector );
- });
- },
-
- bind: function( types, data, fn ) {
- return this.on( types, null, data, fn );
- },
- unbind: function( types, fn ) {
- return this.off( types, null, fn );
- },
-
- live: function( types, data, fn ) {
- jQuery( this.context ).on( types, this.selector, data, fn );
- return this;
- },
- die: function( types, fn ) {
- jQuery( this.context ).off( types, this.selector || "**", fn );
- return this;
- },
-
- delegate: function( selector, types, data, fn ) {
- return this.on( types, selector, data, fn );
- },
- undelegate: function( selector, types, fn ) {
- // ( namespace ) or ( selector, types [, fn] )
- return arguments.length == 1? this.off( selector, "**" ) : this.off( types, selector, fn );
- },
-
- trigger: function( type, data ) {
- return this.each(function() {
- jQuery.event.trigger( type, data, this );
- });
- },
- triggerHandler: function( type, data ) {
- if ( this[0] ) {
- return jQuery.event.trigger( type, data, this[0], true );
- }
- },
-
- toggle: function( fn ) {
- // Save reference to arguments for access in closure
- var args = arguments,
- guid = fn.guid || jQuery.guid++,
- i = 0,
- toggler = function( event ) {
- // Figure out which function to execute
- var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
- jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
-
- // Make sure that clicks stop
- event.preventDefault();
-
- // and execute the function
- return args[ lastToggle ].apply( this, arguments ) || false;
- };
-
- // link all the functions, so any of them can unbind this click handler
- toggler.guid = guid;
- while ( i < args.length ) {
- args[ i++ ].guid = guid;
- }
-
- return this.click( toggler );
- },
-
- hover: function( fnOver, fnOut ) {
- return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
- }
-});
-
-jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
- "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
- "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
-
- // Handle event binding
- jQuery.fn[ name ] = function( data, fn ) {
- if ( fn == null ) {
- fn = data;
- data = null;
- }
-
- return arguments.length > 0 ?
- this.on( name, null, data, fn ) :
- this.trigger( name );
- };
-
- if ( jQuery.attrFn ) {
- jQuery.attrFn[ name ] = true;
- }
-
- if ( rkeyEvent.test( name ) ) {
- jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks;
- }
-
- if ( rmouseEvent.test( name ) ) {
- jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks;
- }
-});
-
-
-
-/*!
- * Sizzle CSS Selector Engine
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- * More information: http://sizzlejs.com/
- */
-(function(){
-
-var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
- expando = "sizcache" + (Math.random() + '').replace('.', ''),
- done = 0,
- toString = Object.prototype.toString,
- hasDuplicate = false,
- baseHasDuplicate = true,
- rBackslash = /\\/g,
- rReturn = /\r\n/g,
- rNonWord = /\W/;
-
-// Here we check if the JavaScript engine is using some sort of
-// optimization where it does not always call our comparision
-// function. If that is the case, discard the hasDuplicate value.
-// Thus far that includes Google Chrome.
-[0, 0].sort(function() {
- baseHasDuplicate = false;
- return 0;
-});
-
-var Sizzle = function( selector, context, results, seed ) {
- results = results || [];
- context = context || document;
-
- var origContext = context;
-
- if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
- return [];
- }
-
- if ( !selector || typeof selector !== "string" ) {
- return results;
- }
-
- var m, set, checkSet, extra, ret, cur, pop, i,
- prune = true,
- contextXML = Sizzle.isXML( context ),
- parts = [],
- soFar = selector;
-
- // Reset the position of the chunker regexp (start from head)
- do {
- chunker.exec( "" );
- m = chunker.exec( soFar );
-
- if ( m ) {
- soFar = m[3];
-
- parts.push( m[1] );
-
- if ( m[2] ) {
- extra = m[3];
- break;
- }
- }
- } while ( m );
-
- if ( parts.length > 1 && origPOS.exec( selector ) ) {
-
- if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
- set = posProcess( parts[0] + parts[1], context, seed );
-
- } else {
- set = Expr.relative[ parts[0] ] ?
- [ context ] :
- Sizzle( parts.shift(), context );
-
- while ( parts.length ) {
- selector = parts.shift();
-
- if ( Expr.relative[ selector ] ) {
- selector += parts.shift();
- }
-
- set = posProcess( selector, set, seed );
- }
- }
-
- } else {
- // Take a shortcut and set the context if the root selector is an ID
- // (but not if it'll be faster if the inner selector is an ID)
- if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
- Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
-
- ret = Sizzle.find( parts.shift(), context, contextXML );
- context = ret.expr ?
- Sizzle.filter( ret.expr, ret.set )[0] :
- ret.set[0];
- }
-
- if ( context ) {
- ret = seed ?
- { expr: parts.pop(), set: makeArray(seed) } :
- Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
-
- set = ret.expr ?
- Sizzle.filter( ret.expr, ret.set ) :
- ret.set;
-
- if ( parts.length > 0 ) {
- checkSet = makeArray( set );
-
- } else {
- prune = false;
- }
-
- while ( parts.length ) {
- cur = parts.pop();
- pop = cur;
-
- if ( !Expr.relative[ cur ] ) {
- cur = "";
- } else {
- pop = parts.pop();
- }
-
- if ( pop == null ) {
- pop = context;
- }
-
- Expr.relative[ cur ]( checkSet, pop, contextXML );
- }
-
- } else {
- checkSet = parts = [];
- }
- }
-
- if ( !checkSet ) {
- checkSet = set;
- }
-
- if ( !checkSet ) {
- Sizzle.error( cur || selector );
- }
-
- if ( toString.call(checkSet) === "[object Array]" ) {
- if ( !prune ) {
- results.push.apply( results, checkSet );
-
- } else if ( context && context.nodeType === 1 ) {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
- results.push( set[i] );
- }
- }
-
- } else {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
- results.push( set[i] );
- }
- }
- }
-
- } else {
- makeArray( checkSet, results );
- }
-
- if ( extra ) {
- Sizzle( extra, origContext, results, seed );
- Sizzle.uniqueSort( results );
- }
-
- return results;
-};
-
-Sizzle.uniqueSort = function( results ) {
- if ( sortOrder ) {
- hasDuplicate = baseHasDuplicate;
- results.sort( sortOrder );
-
- if ( hasDuplicate ) {
- for ( var i = 1; i < results.length; i++ ) {
- if ( results[i] === results[ i - 1 ] ) {
- results.splice( i--, 1 );
- }
- }
- }
- }
-
- return results;
-};
-
-Sizzle.matches = function( expr, set ) {
- return Sizzle( expr, null, null, set );
-};
-
-Sizzle.matchesSelector = function( node, expr ) {
- return Sizzle( expr, null, null, [node] ).length > 0;
-};
-
-Sizzle.find = function( expr, context, isXML ) {
- var set, i, len, match, type, left;
-
- if ( !expr ) {
- return [];
- }
-
- for ( i = 0, len = Expr.order.length; i < len; i++ ) {
- type = Expr.order[i];
-
- if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
- left = match[1];
- match.splice( 1, 1 );
-
- if ( left.substr( left.length - 1 ) !== "\\" ) {
- match[1] = (match[1] || "").replace( rBackslash, "" );
- set = Expr.find[ type ]( match, context, isXML );
-
- if ( set != null ) {
- expr = expr.replace( Expr.match[ type ], "" );
- break;
- }
- }
- }
- }
-
- if ( !set ) {
- set = typeof context.getElementsByTagName !== "undefined" ?
- context.getElementsByTagName( "*" ) :
- [];
- }
-
- return { set: set, expr: expr };
-};
-
-Sizzle.filter = function( expr, set, inplace, not ) {
- var match, anyFound,
- type, found, item, filter, left,
- i, pass,
- old = expr,
- result = [],
- curLoop = set,
- isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
-
- while ( expr && set.length ) {
- for ( type in Expr.filter ) {
- if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
- filter = Expr.filter[ type ];
- left = match[1];
-
- anyFound = false;
-
- match.splice(1,1);
-
- if ( left.substr( left.length - 1 ) === "\\" ) {
- continue;
- }
-
- if ( curLoop === result ) {
- result = [];
- }
-
- if ( Expr.preFilter[ type ] ) {
- match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
-
- if ( !match ) {
- anyFound = found = true;
-
- } else if ( match === true ) {
- continue;
- }
- }
-
- if ( match ) {
- for ( i = 0; (item = curLoop[i]) != null; i++ ) {
- if ( item ) {
- found = filter( item, match, i, curLoop );
- pass = not ^ found;
-
- if ( inplace && found != null ) {
- if ( pass ) {
- anyFound = true;
-
- } else {
- curLoop[i] = false;
- }
-
- } else if ( pass ) {
- result.push( item );
- anyFound = true;
- }
- }
- }
- }
-
- if ( found !== undefined ) {
- if ( !inplace ) {
- curLoop = result;
- }
-
- expr = expr.replace( Expr.match[ type ], "" );
-
- if ( !anyFound ) {
- return [];
- }
-
- break;
- }
- }
- }
-
- // Improper expression
- if ( expr === old ) {
- if ( anyFound == null ) {
- Sizzle.error( expr );
-
- } else {
- break;
- }
- }
-
- old = expr;
- }
-
- return curLoop;
-};
-
-Sizzle.error = function( msg ) {
- throw new Error( "Syntax error, unrecognized expression: " + msg );
-};
-
-/**
- * Utility function for retreiving the text value of an array of DOM nodes
- * @param {Array|Element} elem
- */
-var getText = Sizzle.getText = function( elem ) {
- var i, node,
- nodeType = elem.nodeType,
- ret = "";
-
- if ( nodeType ) {
- if ( nodeType === 1 || nodeType === 9 ) {
- // Use textContent || innerText for elements
- if ( typeof elem.textContent === 'string' ) {
- return elem.textContent;
- } else if ( typeof elem.innerText === 'string' ) {
- // Replace IE's carriage returns
- return elem.innerText.replace( rReturn, '' );
- } else {
- // Traverse it's children
- for ( elem = elem.firstChild; elem; elem = elem.nextSibling) {
- ret += getText( elem );
- }
- }
- } else if ( nodeType === 3 || nodeType === 4 ) {
- return elem.nodeValue;
- }
- } else {
-
- // If no nodeType, this is expected to be an array
- for ( i = 0; (node = elem[i]); i++ ) {
- // Do not traverse comment nodes
- if ( node.nodeType !== 8 ) {
- ret += getText( node );
- }
- }
- }
- return ret;
-};
-
-var Expr = Sizzle.selectors = {
- order: [ "ID", "NAME", "TAG" ],
-
- match: {
- ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
- ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
- TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
- CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
- POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
- PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
- },
-
- leftMatch: {},
-
- attrMap: {
- "class": "className",
- "for": "htmlFor"
- },
-
- attrHandle: {
- href: function( elem ) {
- return elem.getAttribute( "href" );
- },
- type: function( elem ) {
- return elem.getAttribute( "type" );
- }
- },
-
- relative: {
- "+": function(checkSet, part){
- var isPartStr = typeof part === "string",
- isTag = isPartStr && !rNonWord.test( part ),
- isPartStrNotTag = isPartStr && !isTag;
-
- if ( isTag ) {
- part = part.toLowerCase();
- }
-
- for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
- if ( (elem = checkSet[i]) ) {
- while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
-
- checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
- elem || false :
- elem === part;
- }
- }
-
- if ( isPartStrNotTag ) {
- Sizzle.filter( part, checkSet, true );
- }
- },
-
- ">": function( checkSet, part ) {
- var elem,
- isPartStr = typeof part === "string",
- i = 0,
- l = checkSet.length;
-
- if ( isPartStr && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
-
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- var parent = elem.parentNode;
- checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
- }
- }
-
- } else {
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- checkSet[i] = isPartStr ?
- elem.parentNode :
- elem.parentNode === part;
- }
- }
-
- if ( isPartStr ) {
- Sizzle.filter( part, checkSet, true );
- }
- }
- },
-
- "": function(checkSet, part, isXML){
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
- },
-
- "~": function( checkSet, part, isXML ) {
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
- }
- },
-
- find: {
- ID: function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- return m && m.parentNode ? [m] : [];
- }
- },
-
- NAME: function( match, context ) {
- if ( typeof context.getElementsByName !== "undefined" ) {
- var ret = [],
- results = context.getElementsByName( match[1] );
-
- for ( var i = 0, l = results.length; i < l; i++ ) {
- if ( results[i].getAttribute("name") === match[1] ) {
- ret.push( results[i] );
- }
- }
-
- return ret.length === 0 ? null : ret;
- }
- },
-
- TAG: function( match, context ) {
- if ( typeof context.getElementsByTagName !== "undefined" ) {
- return context.getElementsByTagName( match[1] );
- }
- }
- },
- preFilter: {
- CLASS: function( match, curLoop, inplace, result, not, isXML ) {
- match = " " + match[1].replace( rBackslash, "" ) + " ";
-
- if ( isXML ) {
- return match;
- }
-
- for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
- if ( elem ) {
- if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
- if ( !inplace ) {
- result.push( elem );
- }
-
- } else if ( inplace ) {
- curLoop[i] = false;
- }
- }
- }
-
- return false;
- },
-
- ID: function( match ) {
- return match[1].replace( rBackslash, "" );
- },
-
- TAG: function( match, curLoop ) {
- return match[1].replace( rBackslash, "" ).toLowerCase();
- },
-
- CHILD: function( match ) {
- if ( match[1] === "nth" ) {
- if ( !match[2] ) {
- Sizzle.error( match[0] );
- }
-
- match[2] = match[2].replace(/^\+|\s*/g, '');
-
- // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
- var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
- match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
- !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
-
- // calculate the numbers (first)n+(last) including if they are negative
- match[2] = (test[1] + (test[2] || 1)) - 0;
- match[3] = test[3] - 0;
- }
- else if ( match[2] ) {
- Sizzle.error( match[0] );
- }
-
- // TODO: Move to normal caching system
- match[0] = done++;
-
- return match;
- },
-
- ATTR: function( match, curLoop, inplace, result, not, isXML ) {
- var name = match[1] = match[1].replace( rBackslash, "" );
-
- if ( !isXML && Expr.attrMap[name] ) {
- match[1] = Expr.attrMap[name];
- }
-
- // Handle if an un-quoted value was used
- match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
-
- if ( match[2] === "~=" ) {
- match[4] = " " + match[4] + " ";
- }
-
- return match;
- },
-
- PSEUDO: function( match, curLoop, inplace, result, not ) {
- if ( match[1] === "not" ) {
- // If we're dealing with a complex expression, or a simple one
- if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
- match[3] = Sizzle(match[3], null, null, curLoop);
-
- } else {
- var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
-
- if ( !inplace ) {
- result.push.apply( result, ret );
- }
-
- return false;
- }
-
- } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
- return true;
- }
-
- return match;
- },
-
- POS: function( match ) {
- match.unshift( true );
-
- return match;
- }
- },
-
- filters: {
- enabled: function( elem ) {
- return elem.disabled === false && elem.type !== "hidden";
- },
-
- disabled: function( elem ) {
- return elem.disabled === true;
- },
-
- checked: function( elem ) {
- return elem.checked === true;
- },
-
- selected: function( elem ) {
- // Accessing this property makes selected-by-default
- // options in Safari work properly
- if ( elem.parentNode ) {
- elem.parentNode.selectedIndex;
- }
-
- return elem.selected === true;
- },
-
- parent: function( elem ) {
- return !!elem.firstChild;
- },
-
- empty: function( elem ) {
- return !elem.firstChild;
- },
-
- has: function( elem, i, match ) {
- return !!Sizzle( match[3], elem ).length;
- },
-
- header: function( elem ) {
- return (/h\d/i).test( elem.nodeName );
- },
-
- text: function( elem ) {
- var attr = elem.getAttribute( "type" ), type = elem.type;
- // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
- // use getAttribute instead to test this case
- return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
- },
-
- radio: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
- },
-
- checkbox: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
- },
-
- file: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
- },
-
- password: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
- },
-
- submit: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "submit" === elem.type;
- },
-
- image: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
- },
-
- reset: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "reset" === elem.type;
- },
-
- button: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return name === "input" && "button" === elem.type || name === "button";
- },
-
- input: function( elem ) {
- return (/input|select|textarea|button/i).test( elem.nodeName );
- },
-
- focus: function( elem ) {
- return elem === elem.ownerDocument.activeElement;
- }
- },
- setFilters: {
- first: function( elem, i ) {
- return i === 0;
- },
-
- last: function( elem, i, match, array ) {
- return i === array.length - 1;
- },
-
- even: function( elem, i ) {
- return i % 2 === 0;
- },
-
- odd: function( elem, i ) {
- return i % 2 === 1;
- },
-
- lt: function( elem, i, match ) {
- return i < match[3] - 0;
- },
-
- gt: function( elem, i, match ) {
- return i > match[3] - 0;
- },
-
- nth: function( elem, i, match ) {
- return match[3] - 0 === i;
- },
-
- eq: function( elem, i, match ) {
- return match[3] - 0 === i;
- }
- },
- filter: {
- PSEUDO: function( elem, match, i, array ) {
- var name = match[1],
- filter = Expr.filters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
-
- } else if ( name === "contains" ) {
- return (elem.textContent || elem.innerText || getText([ elem ]) || "").indexOf(match[3]) >= 0;
-
- } else if ( name === "not" ) {
- var not = match[3];
-
- for ( var j = 0, l = not.length; j < l; j++ ) {
- if ( not[j] === elem ) {
- return false;
- }
- }
-
- return true;
-
- } else {
- Sizzle.error( name );
- }
- },
-
- CHILD: function( elem, match ) {
- var first, last,
- doneName, parent, cache,
- count, diff,
- type = match[1],
- node = elem;
-
- switch ( type ) {
- case "only":
- case "first":
- while ( (node = node.previousSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- if ( type === "first" ) {
- return true;
- }
-
- node = elem;
-
- case "last":
- while ( (node = node.nextSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- return true;
-
- case "nth":
- first = match[2];
- last = match[3];
-
- if ( first === 1 && last === 0 ) {
- return true;
- }
-
- doneName = match[0];
- parent = elem.parentNode;
-
- if ( parent && (parent[ expando ] !== doneName || !elem.nodeIndex) ) {
- count = 0;
-
- for ( node = parent.firstChild; node; node = node.nextSibling ) {
- if ( node.nodeType === 1 ) {
- node.nodeIndex = ++count;
- }
- }
-
- parent[ expando ] = doneName;
- }
-
- diff = elem.nodeIndex - last;
-
- if ( first === 0 ) {
- return diff === 0;
-
- } else {
- return ( diff % first === 0 && diff / first >= 0 );
- }
- }
- },
-
- ID: function( elem, match ) {
- return elem.nodeType === 1 && elem.getAttribute("id") === match;
- },
-
- TAG: function( elem, match ) {
- return (match === "*" && elem.nodeType === 1) || !!elem.nodeName && elem.nodeName.toLowerCase() === match;
- },
-
- CLASS: function( elem, match ) {
- return (" " + (elem.className || elem.getAttribute("class")) + " ")
- .indexOf( match ) > -1;
- },
-
- ATTR: function( elem, match ) {
- var name = match[1],
- result = Sizzle.attr ?
- Sizzle.attr( elem, name ) :
- Expr.attrHandle[ name ] ?
- Expr.attrHandle[ name ]( elem ) :
- elem[ name ] != null ?
- elem[ name ] :
- elem.getAttribute( name ),
- value = result + "",
- type = match[2],
- check = match[4];
-
- return result == null ?
- type === "!=" :
- !type && Sizzle.attr ?
- result != null :
- type === "=" ?
- value === check :
- type === "*=" ?
- value.indexOf(check) >= 0 :
- type === "~=" ?
- (" " + value + " ").indexOf(check) >= 0 :
- !check ?
- value && result !== false :
- type === "!=" ?
- value !== check :
- type === "^=" ?
- value.indexOf(check) === 0 :
- type === "$=" ?
- value.substr(value.length - check.length) === check :
- type === "|=" ?
- value === check || value.substr(0, check.length + 1) === check + "-" :
- false;
- },
-
- POS: function( elem, match, i, array ) {
- var name = match[2],
- filter = Expr.setFilters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
- }
- }
- }
-};
-
-var origPOS = Expr.match.POS,
- fescape = function(all, num){
- return "\\" + (num - 0 + 1);
- };
-
-for ( var type in Expr.match ) {
- Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
- Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
-}
-
-var makeArray = function( array, results ) {
- array = Array.prototype.slice.call( array, 0 );
-
- if ( results ) {
- results.push.apply( results, array );
- return results;
- }
-
- return array;
-};
-
-// Perform a simple check to determine if the browser is capable of
-// converting a NodeList to an array using builtin methods.
-// Also verifies that the returned array holds DOM nodes
-// (which is not the case in the Blackberry browser)
-try {
- Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
-
-// Provide a fallback method if it does not work
-} catch( e ) {
- makeArray = function( array, results ) {
- var i = 0,
- ret = results || [];
-
- if ( toString.call(array) === "[object Array]" ) {
- Array.prototype.push.apply( ret, array );
-
- } else {
- if ( typeof array.length === "number" ) {
- for ( var l = array.length; i < l; i++ ) {
- ret.push( array[i] );
- }
-
- } else {
- for ( ; array[i]; i++ ) {
- ret.push( array[i] );
- }
- }
- }
-
- return ret;
- };
-}
-
-var sortOrder, siblingCheck;
-
-if ( document.documentElement.compareDocumentPosition ) {
- sortOrder = function( a, b ) {
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
- }
-
- if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
- return a.compareDocumentPosition ? -1 : 1;
- }
-
- return a.compareDocumentPosition(b) & 4 ? -1 : 1;
- };
-
-} else {
- sortOrder = function( a, b ) {
- // The nodes are identical, we can exit early
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
-
- // Fallback to using sourceIndex (in IE) if it's available on both nodes
- } else if ( a.sourceIndex && b.sourceIndex ) {
- return a.sourceIndex - b.sourceIndex;
- }
-
- var al, bl,
- ap = [],
- bp = [],
- aup = a.parentNode,
- bup = b.parentNode,
- cur = aup;
-
- // If the nodes are siblings (or identical) we can do a quick check
- if ( aup === bup ) {
- return siblingCheck( a, b );
-
- // If no parents were found then the nodes are disconnected
- } else if ( !aup ) {
- return -1;
-
- } else if ( !bup ) {
- return 1;
- }
-
- // Otherwise they're somewhere else in the tree so we need
- // to build up a full list of the parentNodes for comparison
- while ( cur ) {
- ap.unshift( cur );
- cur = cur.parentNode;
- }
-
- cur = bup;
-
- while ( cur ) {
- bp.unshift( cur );
- cur = cur.parentNode;
- }
-
- al = ap.length;
- bl = bp.length;
-
- // Start walking down the tree looking for a discrepancy
- for ( var i = 0; i < al && i < bl; i++ ) {
- if ( ap[i] !== bp[i] ) {
- return siblingCheck( ap[i], bp[i] );
- }
- }
-
- // We ended someplace up the tree so do a sibling check
- return i === al ?
- siblingCheck( a, bp[i], -1 ) :
- siblingCheck( ap[i], b, 1 );
- };
-
- siblingCheck = function( a, b, ret ) {
- if ( a === b ) {
- return ret;
- }
-
- var cur = a.nextSibling;
-
- while ( cur ) {
- if ( cur === b ) {
- return -1;
- }
-
- cur = cur.nextSibling;
- }
-
- return 1;
- };
-}
-
-// Check to see if the browser returns elements by name when
-// querying by getElementById (and provide a workaround)
-(function(){
- // We're going to inject a fake input element with a specified name
- var form = document.createElement("div"),
- id = "script" + (new Date()).getTime(),
- root = document.documentElement;
-
- form.innerHTML = "<a name='" + id + "'/>";
-
- // Inject it into the root element, check its status, and remove it quickly
- root.insertBefore( form, root.firstChild );
-
- // The workaround has to do additional checks after a getElementById
- // Which slows things down for other browsers (hence the branching)
- if ( document.getElementById( id ) ) {
- Expr.find.ID = function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
-
- return m ?
- m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
- [m] :
- undefined :
- [];
- }
- };
-
- Expr.filter.ID = function( elem, match ) {
- var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
-
- return elem.nodeType === 1 && node && node.nodeValue === match;
- };
- }
-
- root.removeChild( form );
-
- // release memory in IE
- root = form = null;
-})();
-
-(function(){
- // Check to see if the browser returns only elements
- // when doing getElementsByTagName("*")
-
- // Create a fake element
- var div = document.createElement("div");
- div.appendChild( document.createComment("") );
-
- // Make sure no comments are found
- if ( div.getElementsByTagName("*").length > 0 ) {
- Expr.find.TAG = function( match, context ) {
- var results = context.getElementsByTagName( match[1] );
-
- // Filter out possible comments
- if ( match[1] === "*" ) {
- var tmp = [];
-
- for ( var i = 0; results[i]; i++ ) {
- if ( results[i].nodeType === 1 ) {
- tmp.push( results[i] );
- }
- }
-
- results = tmp;
- }
-
- return results;
- };
- }
-
- // Check to see if an attribute returns normalized href attributes
- div.innerHTML = "<a href='#'></a>";
-
- if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
- div.firstChild.getAttribute("href") !== "#" ) {
-
- Expr.attrHandle.href = function( elem ) {
- return elem.getAttribute( "href", 2 );
- };
- }
-
- // release memory in IE
- div = null;
-})();
-
-if ( document.querySelectorAll ) {
- (function(){
- var oldSizzle = Sizzle,
- div = document.createElement("div"),
- id = "__sizzle__";
-
- div.innerHTML = "<p class='TEST'></p>";
-
- // Safari can't handle uppercase or unicode characters when
- // in quirks mode.
- if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
- return;
- }
-
- Sizzle = function( query, context, extra, seed ) {
- context = context || document;
-
- // Only use querySelectorAll on non-XML documents
- // (ID selectors don't work in non-HTML documents)
- if ( !seed && !Sizzle.isXML(context) ) {
- // See if we find a selector to speed up
- var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
-
- if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
- // Speed-up: Sizzle("TAG")
- if ( match[1] ) {
- return makeArray( context.getElementsByTagName( query ), extra );
-
- // Speed-up: Sizzle(".CLASS")
- } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
- return makeArray( context.getElementsByClassName( match[2] ), extra );
- }
- }
-
- if ( context.nodeType === 9 ) {
- // Speed-up: Sizzle("body")
- // The body element only exists once, optimize finding it
- if ( query === "body" && context.body ) {
- return makeArray( [ context.body ], extra );
-
- // Speed-up: Sizzle("#ID")
- } else if ( match && match[3] ) {
- var elem = context.getElementById( match[3] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id === match[3] ) {
- return makeArray( [ elem ], extra );
- }
-
- } else {
- return makeArray( [], extra );
- }
- }
-
- try {
- return makeArray( context.querySelectorAll(query), extra );
- } catch(qsaError) {}
-
- // qSA works strangely on Element-rooted queries
- // We can work around this by specifying an extra ID on the root
- // and working up from there (Thanks to Andrew Dupont for the technique)
- // IE 8 doesn't work on object elements
- } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
- var oldContext = context,
- old = context.getAttribute( "id" ),
- nid = old || id,
- hasParent = context.parentNode,
- relativeHierarchySelector = /^\s*[+~]/.test( query );
-
- if ( !old ) {
- context.setAttribute( "id", nid );
- } else {
- nid = nid.replace( /'/g, "\\$&" );
- }
- if ( relativeHierarchySelector && hasParent ) {
- context = context.parentNode;
- }
-
- try {
- if ( !relativeHierarchySelector || hasParent ) {
- return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
- }
-
- } catch(pseudoError) {
- } finally {
- if ( !old ) {
- oldContext.removeAttribute( "id" );
- }
- }
- }
- }
-
- return oldSizzle(query, context, extra, seed);
- };
-
- for ( var prop in oldSizzle ) {
- Sizzle[ prop ] = oldSizzle[ prop ];
- }
-
- // release memory in IE
- div = null;
- })();
-}
-
-(function(){
- var html = document.documentElement,
- matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
-
- if ( matches ) {
- // Check to see if it's possible to do matchesSelector
- // on a disconnected node (IE 9 fails this)
- var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
- pseudoWorks = false;
-
- try {
- // This should fail with an exception
- // Gecko does not error, returns false instead
- matches.call( document.documentElement, "[test!='']:sizzle" );
-
- } catch( pseudoError ) {
- pseudoWorks = true;
- }
-
- Sizzle.matchesSelector = function( node, expr ) {
- // Make sure that attribute selectors are quoted
- expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
-
- if ( !Sizzle.isXML( node ) ) {
- try {
- if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
- var ret = matches.call( node, expr );
-
- // IE 9's matchesSelector returns false on disconnected nodes
- if ( ret || !disconnectedMatch ||
- // As well, disconnected nodes are said to be in a document
- // fragment in IE 9, so check for that
- node.document && node.document.nodeType !== 11 ) {
- return ret;
- }
- }
- } catch(e) {}
- }
-
- return Sizzle(expr, null, null, [node]).length > 0;
- };
- }
-})();
-
-(function(){
- var div = document.createElement("div");
-
- div.innerHTML = "<div class='test e'></div><div class='test'></div>";
-
- // Opera can't find a second classname (in 9.6)
- // Also, make sure that getElementsByClassName actually exists
- if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
- return;
- }
-
- // Safari caches class attributes, doesn't catch changes (in 3.2)
- div.lastChild.className = "e";
-
- if ( div.getElementsByClassName("e").length === 1 ) {
- return;
- }
-
- Expr.order.splice(1, 0, "CLASS");
- Expr.find.CLASS = function( match, context, isXML ) {
- if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
- return context.getElementsByClassName(match[1]);
- }
- };
-
- // release memory in IE
- div = null;
-})();
-
-function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem[ expando ] === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 && !isXML ){
- elem[ expando ] = doneName;
- elem.sizset = i;
- }
-
- if ( elem.nodeName.toLowerCase() === cur ) {
- match = elem;
- break;
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem[ expando ] === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 ) {
- if ( !isXML ) {
- elem[ expando ] = doneName;
- elem.sizset = i;
- }
-
- if ( typeof cur !== "string" ) {
- if ( elem === cur ) {
- match = true;
- break;
- }
-
- } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
- match = elem;
- break;
- }
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-if ( document.documentElement.contains ) {
- Sizzle.contains = function( a, b ) {
- return a !== b && (a.contains ? a.contains(b) : true);
- };
-
-} else if ( document.documentElement.compareDocumentPosition ) {
- Sizzle.contains = function( a, b ) {
- return !!(a.compareDocumentPosition(b) & 16);
- };
-
-} else {
- Sizzle.contains = function() {
- return false;
- };
-}
-
-Sizzle.isXML = function( elem ) {
- // documentElement is verified for cases where it doesn't yet exist
- // (such as loading iframes in IE - #4833)
- var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
-
- return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
-
-var posProcess = function( selector, context, seed ) {
- var match,
- tmpSet = [],
- later = "",
- root = context.nodeType ? [context] : context;
-
- // Position selectors must be done after the filter
- // And so must :not(positional) so we move all PSEUDOs to the end
- while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
- later += match[0];
- selector = selector.replace( Expr.match.PSEUDO, "" );
- }
-
- selector = Expr.relative[selector] ? selector + "*" : selector;
-
- for ( var i = 0, l = root.length; i < l; i++ ) {
- Sizzle( selector, root[i], tmpSet, seed );
- }
-
- return Sizzle.filter( later, tmpSet );
-};
-
-// EXPOSE
-// Override sizzle attribute retrieval
-Sizzle.attr = jQuery.attr;
-Sizzle.selectors.attrMap = {};
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-jQuery.expr[":"] = jQuery.expr.filters;
-jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-
-
-})();
-
-
-var runtil = /Until$/,
- rparentsprev = /^(?:parents|prevUntil|prevAll)/,
- // Note: This RegExp should be improved, or likely pulled from Sizzle
- rmultiselector = /,/,
- isSimple = /^.[^:#\[\.,]*$/,
- slice = Array.prototype.slice,
- POS = jQuery.expr.match.POS,
- // methods guaranteed to produce a unique set when starting from a unique set
- guaranteedUnique = {
- children: true,
- contents: true,
- next: true,
- prev: true
- };
-
-jQuery.fn.extend({
- find: function( selector ) {
- var self = this,
- i, l;
-
- if ( typeof selector !== "string" ) {
- return jQuery( selector ).filter(function() {
- for ( i = 0, l = self.length; i < l; i++ ) {
- if ( jQuery.contains( self[ i ], this ) ) {
- return true;
- }
- }
- });
- }
-
- var ret = this.pushStack( "", "find", selector ),
- length, n, r;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- length = ret.length;
- jQuery.find( selector, this[i], ret );
-
- if ( i > 0 ) {
- // Make sure that the results are unique
- for ( n = length; n < ret.length; n++ ) {
- for ( r = 0; r < length; r++ ) {
- if ( ret[r] === ret[n] ) {
- ret.splice(n--, 1);
- break;
- }
- }
- }
- }
- }
-
- return ret;
- },
-
- has: function( target ) {
- var targets = jQuery( target );
- return this.filter(function() {
- for ( var i = 0, l = targets.length; i < l; i++ ) {
- if ( jQuery.contains( this, targets[i] ) ) {
- return true;
- }
- }
- });
- },
-
- not: function( selector ) {
- return this.pushStack( winnow(this, selector, false), "not", selector);
- },
-
- filter: function( selector ) {
- return this.pushStack( winnow(this, selector, true), "filter", selector );
- },
-
- is: function( selector ) {
- return !!selector && (
- typeof selector === "string" ?
- // If this is a positional selector, check membership in the returned set
- // so $("p:first").is("p:last") won't return true for a doc with two "p".
- POS.test( selector ) ?
- jQuery( selector, this.context ).index( this[0] ) >= 0 :
- jQuery.filter( selector, this ).length > 0 :
- this.filter( selector ).length > 0 );
- },
-
- closest: function( selectors, context ) {
- var ret = [], i, l, cur = this[0];
-
- // Array (deprecated as of jQuery 1.7)
- if ( jQuery.isArray( selectors ) ) {
- var level = 1;
-
- while ( cur && cur.ownerDocument && cur !== context ) {
- for ( i = 0; i < selectors.length; i++ ) {
-
- if ( jQuery( cur ).is( selectors[ i ] ) ) {
- ret.push({ selector: selectors[ i ], elem: cur, level: level });
- }
- }
-
- cur = cur.parentNode;
- level++;
- }
-
- return ret;
- }
-
- // String
- var pos = POS.test( selectors ) || typeof selectors !== "string" ?
- jQuery( selectors, context || this.context ) :
- 0;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- cur = this[i];
-
- while ( cur ) {
- if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
- ret.push( cur );
- break;
-
- } else {
- cur = cur.parentNode;
- if ( !cur || !cur.ownerDocument || cur === context || cur.nodeType === 11 ) {
- break;
- }
- }
- }
- }
-
- ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
-
- return this.pushStack( ret, "closest", selectors );
- },
-
- // Determine the position of an element within
- // the matched set of elements
- index: function( elem ) {
-
- // No argument, return index in parent
- if ( !elem ) {
- return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
- }
-
- // index in selector
- if ( typeof elem === "string" ) {
- return jQuery.inArray( this[0], jQuery( elem ) );
- }
-
- // Locate the position of the desired element
- return jQuery.inArray(
- // If it receives a jQuery object, the first element is used
- elem.jquery ? elem[0] : elem, this );
- },
-
- add: function( selector, context ) {
- var set = typeof selector === "string" ?
- jQuery( selector, context ) :
- jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
- all = jQuery.merge( this.get(), set );
-
- return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
- all :
- jQuery.unique( all ) );
- },
-
- andSelf: function() {
- return this.add( this.prevObject );
- }
-});
-
-// A painfully simple check to see if an element is disconnected
-// from a document (should be improved, where feasible).
-function isDisconnected( node ) {
- return !node || !node.parentNode || node.parentNode.nodeType === 11;
-}
-
-jQuery.each({
- parent: function( elem ) {
- var parent = elem.parentNode;
- return parent && parent.nodeType !== 11 ? parent : null;
- },
- parents: function( elem ) {
- return jQuery.dir( elem, "parentNode" );
- },
- parentsUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "parentNode", until );
- },
- next: function( elem ) {
- return jQuery.nth( elem, 2, "nextSibling" );
- },
- prev: function( elem ) {
- return jQuery.nth( elem, 2, "previousSibling" );
- },
- nextAll: function( elem ) {
- return jQuery.dir( elem, "nextSibling" );
- },
- prevAll: function( elem ) {
- return jQuery.dir( elem, "previousSibling" );
- },
- nextUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "nextSibling", until );
- },
- prevUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "previousSibling", until );
- },
- siblings: function( elem ) {
- return jQuery.sibling( elem.parentNode.firstChild, elem );
- },
- children: function( elem ) {
- return jQuery.sibling( elem.firstChild );
- },
- contents: function( elem ) {
- return jQuery.nodeName( elem, "iframe" ) ?
- elem.contentDocument || elem.contentWindow.document :
- jQuery.makeArray( elem.childNodes );
- }
-}, function( name, fn ) {
- jQuery.fn[ name ] = function( until, selector ) {
- var ret = jQuery.map( this, fn, until );
-
- if ( !runtil.test( name ) ) {
- selector = until;
- }
-
- if ( selector && typeof selector === "string" ) {
- ret = jQuery.filter( selector, ret );
- }
-
- ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
-
- if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
- ret = ret.reverse();
- }
-
- return this.pushStack( ret, name, slice.call( arguments ).join(",") );
- };
-});
-
-jQuery.extend({
- filter: function( expr, elems, not ) {
- if ( not ) {
- expr = ":not(" + expr + ")";
- }
-
- return elems.length === 1 ?
- jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
- jQuery.find.matches(expr, elems);
- },
-
- dir: function( elem, dir, until ) {
- var matched = [],
- cur = elem[ dir ];
-
- while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
- if ( cur.nodeType === 1 ) {
- matched.push( cur );
- }
- cur = cur[dir];
- }
- return matched;
- },
-
- nth: function( cur, result, dir, elem ) {
- result = result || 1;
- var num = 0;
-
- for ( ; cur; cur = cur[dir] ) {
- if ( cur.nodeType === 1 && ++num === result ) {
- break;
- }
- }
-
- return cur;
- },
-
- sibling: function( n, elem ) {
- var r = [];
-
- for ( ; n; n = n.nextSibling ) {
- if ( n.nodeType === 1 && n !== elem ) {
- r.push( n );
- }
- }
-
- return r;
- }
-});
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, keep ) {
-
- // Can't pass null or undefined to indexOf in Firefox 4
- // Set to 0 to skip string check
- qualifier = qualifier || 0;
-
- if ( jQuery.isFunction( qualifier ) ) {
- return jQuery.grep(elements, function( elem, i ) {
- var retVal = !!qualifier.call( elem, i, elem );
- return retVal === keep;
- });
-
- } else if ( qualifier.nodeType ) {
- return jQuery.grep(elements, function( elem, i ) {
- return ( elem === qualifier ) === keep;
- });
-
- } else if ( typeof qualifier === "string" ) {
- var filtered = jQuery.grep(elements, function( elem ) {
- return elem.nodeType === 1;
- });
-
- if ( isSimple.test( qualifier ) ) {
- return jQuery.filter(qualifier, filtered, !keep);
- } else {
- qualifier = jQuery.filter( qualifier, filtered );
- }
- }
-
- return jQuery.grep(elements, function( elem, i ) {
- return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep;
- });
-}
-
-
-
-
-function createSafeFragment( document ) {
- var list = nodeNames.split( "|" ),
- safeFrag = document.createDocumentFragment();
-
- if ( safeFrag.createElement ) {
- while ( list.length ) {
- safeFrag.createElement(
- list.pop()
- );
- }
- }
- return safeFrag;
-}
-
-var nodeNames = "abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|" +
- "header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
- rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
- rleadingWhitespace = /^\s+/,
- rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
- rtagName = /<([\w:]+)/,
- rtbody = /<tbody/i,
- rhtml = /<|&#?\w+;/,
- rnoInnerhtml = /<(?:script|style)/i,
- rnocache = /<(?:script|object|embed|option|style)/i,
- rnoshimcache = new RegExp("<(?:" + nodeNames + ")", "i"),
- // checked="checked" or checked
- rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
- rscriptType = /\/(java|ecma)script/i,
- rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)/,
- wrapMap = {
- option: [ 1, "<select multiple='multiple'>", "</select>" ],
- legend: [ 1, "<fieldset>", "</fieldset>" ],
- thead: [ 1, "<table>", "</table>" ],
- tr: [ 2, "<table><tbody>", "</tbody></table>" ],
- td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
- col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
- area: [ 1, "<map>", "</map>" ],
- _default: [ 0, "", "" ]
- },
- safeFragment = createSafeFragment( document );
-
-wrapMap.optgroup = wrapMap.option;
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-// IE can't serialize <link> and <script> tags normally
-if ( !jQuery.support.htmlSerialize ) {
- wrapMap._default = [ 1, "div<div>", "</div>" ];
-}
-
-jQuery.fn.extend({
- text: function( text ) {
- if ( jQuery.isFunction(text) ) {
- return this.each(function(i) {
- var self = jQuery( this );
-
- self.text( text.call(this, i, self.text()) );
- });
- }
-
- if ( typeof text !== "object" && text !== undefined ) {
- return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
- }
-
- return jQuery.text( this );
- },
-
- wrapAll: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapAll( html.call(this, i) );
- });
- }
-
- if ( this[0] ) {
- // The elements to wrap the target around
- var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
-
- if ( this[0].parentNode ) {
- wrap.insertBefore( this[0] );
- }
-
- wrap.map(function() {
- var elem = this;
-
- while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
- elem = elem.firstChild;
- }
-
- return elem;
- }).append( this );
- }
-
- return this;
- },
-
- wrapInner: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapInner( html.call(this, i) );
- });
- }
-
- return this.each(function() {
- var self = jQuery( this ),
- contents = self.contents();
-
- if ( contents.length ) {
- contents.wrapAll( html );
-
- } else {
- self.append( html );
- }
- });
- },
-
- wrap: function( html ) {
- var isFunction = jQuery.isFunction( html );
-
- return this.each(function(i) {
- jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
- });
- },
-
- unwrap: function() {
- return this.parent().each(function() {
- if ( !jQuery.nodeName( this, "body" ) ) {
- jQuery( this ).replaceWith( this.childNodes );
- }
- }).end();
- },
-
- append: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.appendChild( elem );
- }
- });
- },
-
- prepend: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.insertBefore( elem, this.firstChild );
- }
- });
- },
-
- before: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this );
- });
- } else if ( arguments.length ) {
- var set = jQuery.clean( arguments );
- set.push.apply( set, this.toArray() );
- return this.pushStack( set, "before", arguments );
- }
- },
-
- after: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this.nextSibling );
- });
- } else if ( arguments.length ) {
- var set = this.pushStack( this, "after", arguments );
- set.push.apply( set, jQuery.clean(arguments) );
- return set;
- }
- },
-
- // keepData is for internal use only--do not document
- remove: function( selector, keepData ) {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
- if ( !keepData && elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- jQuery.cleanData( [ elem ] );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
- }
- }
-
- return this;
- },
-
- empty: function() {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- }
-
- // Remove any remaining nodes
- while ( elem.firstChild ) {
- elem.removeChild( elem.firstChild );
- }
- }
-
- return this;
- },
-
- clone: function( dataAndEvents, deepDataAndEvents ) {
- dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
- deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
- return this.map( function () {
- return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
- });
- },
-
- html: function( value ) {
- if ( value === undefined ) {
- return this[0] && this[0].nodeType === 1 ?
- this[0].innerHTML.replace(rinlinejQuery, "") :
- null;
-
- // See if we can take a shortcut and just use innerHTML
- } else if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
- (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
- !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
-
- value = value.replace(rxhtmlTag, "<$1></$2>");
-
- try {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( this[i].nodeType === 1 ) {
- jQuery.cleanData( this[i].getElementsByTagName("*") );
- this[i].innerHTML = value;
- }
- }
-
- // If using innerHTML throws an exception, use the fallback method
- } catch(e) {
- this.empty().append( value );
- }
-
- } else if ( jQuery.isFunction( value ) ) {
- this.each(function(i){
- var self = jQuery( this );
-
- self.html( value.call(this, i, self.html()) );
- });
-
- } else {
- this.empty().append( value );
- }
-
- return this;
- },
-
- replaceWith: function( value ) {
- if ( this[0] && this[0].parentNode ) {
- // Make sure that the elements are removed from the DOM before they are inserted
- // this can help fix replacing a parent with child elements
- if ( jQuery.isFunction( value ) ) {
- return this.each(function(i) {
- var self = jQuery(this), old = self.html();
- self.replaceWith( value.call( this, i, old ) );
- });
- }
-
- if ( typeof value !== "string" ) {
- value = jQuery( value ).detach();
- }
-
- return this.each(function() {
- var next = this.nextSibling,
- parent = this.parentNode;
-
- jQuery( this ).remove();
-
- if ( next ) {
- jQuery(next).before( value );
- } else {
- jQuery(parent).append( value );
- }
- });
- } else {
- return this.length ?
- this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
- this;
- }
- },
-
- detach: function( selector ) {
- return this.remove( selector, true );
- },
-
- domManip: function( args, table, callback ) {
- var results, first, fragment, parent,
- value = args[0],
- scripts = [];
-
- // We can't cloneNode fragments that contain checked, in WebKit
- if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
- return this.each(function() {
- jQuery(this).domManip( args, table, callback, true );
- });
- }
-
- if ( jQuery.isFunction(value) ) {
- return this.each(function(i) {
- var self = jQuery(this);
- args[0] = value.call(this, i, table ? self.html() : undefined);
- self.domManip( args, table, callback );
- });
- }
-
- if ( this[0] ) {
- parent = value && value.parentNode;
-
- // If we're in a fragment, just use that instead of building a new one
- if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
- results = { fragment: parent };
-
- } else {
- results = jQuery.buildFragment( args, this, scripts );
- }
-
- fragment = results.fragment;
-
- if ( fragment.childNodes.length === 1 ) {
- first = fragment = fragment.firstChild;
- } else {
- first = fragment.firstChild;
- }
-
- if ( first ) {
- table = table && jQuery.nodeName( first, "tr" );
-
- for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
- callback.call(
- table ?
- root(this[i], first) :
- this[i],
- // Make sure that we do not leak memory by inadvertently discarding
- // the original fragment (which might have attached data) instead of
- // using it; in addition, use the original fragment object for the last
- // item instead of first because it can end up being emptied incorrectly
- // in certain situations (Bug #8070).
- // Fragments from the fragment cache must always be cloned and never used
- // in place.
- results.cacheable || ( l > 1 && i < lastIndex ) ?
- jQuery.clone( fragment, true, true ) :
- fragment
- );
- }
- }
-
- if ( scripts.length ) {
- jQuery.each( scripts, evalScript );
- }
- }
-
- return this;
- }
-});
-
-function root( elem, cur ) {
- return jQuery.nodeName(elem, "table") ?
- (elem.getElementsByTagName("tbody")[0] ||
- elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
- elem;
-}
-
-function cloneCopyEvent( src, dest ) {
-
- if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
- return;
- }
-
- var type, i, l,
- oldData = jQuery._data( src ),
- curData = jQuery._data( dest, oldData ),
- events = oldData.events;
-
- if ( events ) {
- delete curData.handle;
- curData.events = {};
-
- for ( type in events ) {
- for ( i = 0, l = events[ type ].length; i < l; i++ ) {
- jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
- }
- }
- }
-
- // make the cloned public data object a copy from the original
- if ( curData.data ) {
- curData.data = jQuery.extend( {}, curData.data );
- }
-}
-
-function cloneFixAttributes( src, dest ) {
- var nodeName;
-
- // We do not need to do anything for non-Elements
- if ( dest.nodeType !== 1 ) {
- return;
- }
-
- // clearAttributes removes the attributes, which we don't want,
- // but also removes the attachEvent events, which we *do* want
- if ( dest.clearAttributes ) {
- dest.clearAttributes();
- }
-
- // mergeAttributes, in contrast, only merges back on the
- // original attributes, not the events
- if ( dest.mergeAttributes ) {
- dest.mergeAttributes( src );
- }
-
- nodeName = dest.nodeName.toLowerCase();
-
- // IE6-8 fail to clone children inside object elements that use
- // the proprietary classid attribute value (rather than the type
- // attribute) to identify the type of content to display
- if ( nodeName === "object" ) {
- dest.outerHTML = src.outerHTML;
-
- } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
- // IE6-8 fails to persist the checked state of a cloned checkbox
- // or radio button. Worse, IE6-7 fail to give the cloned element
- // a checked appearance if the defaultChecked value isn't also set
- if ( src.checked ) {
- dest.defaultChecked = dest.checked = src.checked;
- }
-
- // IE6-7 get confused and end up setting the value of a cloned
- // checkbox/radio button to an empty string instead of "on"
- if ( dest.value !== src.value ) {
- dest.value = src.value;
- }
-
- // IE6-8 fails to return the selected option to the default selected
- // state when cloning options
- } else if ( nodeName === "option" ) {
- dest.selected = src.defaultSelected;
-
- // IE6-8 fails to set the defaultValue to the correct value when
- // cloning other types of input fields
- } else if ( nodeName === "input" || nodeName === "textarea" ) {
- dest.defaultValue = src.defaultValue;
- }
-
- // Event data gets referenced instead of copied if the expando
- // gets copied too
- dest.removeAttribute( jQuery.expando );
-}
-
-jQuery.buildFragment = function( args, nodes, scripts ) {
- var fragment, cacheable, cacheresults, doc,
- first = args[ 0 ];
-
- // nodes may contain either an explicit document object,
- // a jQuery collection or context object.
- // If nodes[0] contains a valid object to assign to doc
- if ( nodes && nodes[0] ) {
- doc = nodes[0].ownerDocument || nodes[0];
- }
-
- // Ensure that an attr object doesn't incorrectly stand in as a document object
- // Chrome and Firefox seem to allow this to occur and will throw exception
- // Fixes #8950
- if ( !doc.createDocumentFragment ) {
- doc = document;
- }
-
- // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
- // Cloning options loses the selected state, so don't cache them
- // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
- // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
- // Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501
- if ( args.length === 1 && typeof first === "string" && first.length < 512 && doc === document &&
- first.charAt(0) === "<" && !rnocache.test( first ) &&
- (jQuery.support.checkClone || !rchecked.test( first )) &&
- (jQuery.support.html5Clone || !rnoshimcache.test( first )) ) {
-
- cacheable = true;
-
- cacheresults = jQuery.fragments[ first ];
- if ( cacheresults && cacheresults !== 1 ) {
- fragment = cacheresults;
- }
- }
-
- if ( !fragment ) {
- fragment = doc.createDocumentFragment();
- jQuery.clean( args, doc, fragment, scripts );
- }
-
- if ( cacheable ) {
- jQuery.fragments[ first ] = cacheresults ? fragment : 1;
- }
-
- return { fragment: fragment, cacheable: cacheable };
-};
-
-jQuery.fragments = {};
-
-jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
-}, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [],
- insert = jQuery( selector ),
- parent = this.length === 1 && this[0].parentNode;
-
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- return this;
-
- } else {
- for ( var i = 0, l = insert.length; i < l; i++ ) {
- var elems = ( i > 0 ? this.clone(true) : this ).get();
- jQuery( insert[i] )[ original ]( elems );
- ret = ret.concat( elems );
- }
-
- return this.pushStack( ret, name, insert.selector );
- }
- };
-});
-
-function getAll( elem ) {
- if ( typeof elem.getElementsByTagName !== "undefined" ) {
- return elem.getElementsByTagName( "*" );
-
- } else if ( typeof elem.querySelectorAll !== "undefined" ) {
- return elem.querySelectorAll( "*" );
-
- } else {
- return [];
- }
-}
-
-// Used in clean, fixes the defaultChecked property
-function fixDefaultChecked( elem ) {
- if ( elem.type === "checkbox" || elem.type === "radio" ) {
- elem.defaultChecked = elem.checked;
- }
-}
-// Finds all inputs and passes them to fixDefaultChecked
-function findInputs( elem ) {
- var nodeName = ( elem.nodeName || "" ).toLowerCase();
- if ( nodeName === "input" ) {
- fixDefaultChecked( elem );
- // Skip scripts, get other children
- } else if ( nodeName !== "script" && typeof elem.getElementsByTagName !== "undefined" ) {
- jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
- }
-}
-
-// Derived From: http://www.iecss.com/shimprove/javascript/shimprove.1-0-1.js
-function shimCloneNode( elem ) {
- var div = document.createElement( "div" );
- safeFragment.appendChild( div );
-
- div.innerHTML = elem.outerHTML;
- return div.firstChild;
-}
-
-jQuery.extend({
- clone: function( elem, dataAndEvents, deepDataAndEvents ) {
- var srcElements,
- destElements,
- i,
- // IE<=8 does not properly clone detached, unknown element nodes
- clone = jQuery.support.html5Clone || !rnoshimcache.test( "<" + elem.nodeName ) ?
- elem.cloneNode( true ) :
- shimCloneNode( elem );
-
- if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
- (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
- // IE copies events bound via attachEvent when using cloneNode.
- // Calling detachEvent on the clone will also remove the events
- // from the original. In order to get around this, we use some
- // proprietary methods to clear the events. Thanks to MooTools
- // guys for this hotness.
-
- cloneFixAttributes( elem, clone );
-
- // Using Sizzle here is crazy slow, so we use getElementsByTagName instead
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- // Weird iteration because IE will replace the length property
- // with an element if you are cloning the body and one of the
- // elements on the page has a name or id of "length"
- for ( i = 0; srcElements[i]; ++i ) {
- // Ensure that the destination node is not null; Fixes #9587
- if ( destElements[i] ) {
- cloneFixAttributes( srcElements[i], destElements[i] );
- }
- }
- }
-
- // Copy the events from the original to the clone
- if ( dataAndEvents ) {
- cloneCopyEvent( elem, clone );
-
- if ( deepDataAndEvents ) {
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- for ( i = 0; srcElements[i]; ++i ) {
- cloneCopyEvent( srcElements[i], destElements[i] );
- }
- }
- }
-
- srcElements = destElements = null;
-
- // Return the cloned set
- return clone;
- },
-
- clean: function( elems, context, fragment, scripts ) {
- var checkScriptType;
-
- context = context || document;
-
- // !context.createElement fails in IE with an error but returns typeof 'object'
- if ( typeof context.createElement === "undefined" ) {
- context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
- }
-
- var ret = [], j;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( typeof elem === "number" ) {
- elem += "";
- }
-
- if ( !elem ) {
- continue;
- }
-
- // Convert html string into DOM nodes
- if ( typeof elem === "string" ) {
- if ( !rhtml.test( elem ) ) {
- elem = context.createTextNode( elem );
- } else {
- // Fix "XHTML"-style tags in all browsers
- elem = elem.replace(rxhtmlTag, "<$1></$2>");
-
- // Trim whitespace, otherwise indexOf won't work as expected
- var tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase(),
- wrap = wrapMap[ tag ] || wrapMap._default,
- depth = wrap[0],
- div = context.createElement("div");
-
- // Append wrapper element to unknown element safe doc fragment
- if ( context === document ) {
- // Use the fragment we've already created for this document
- safeFragment.appendChild( div );
- } else {
- // Use a fragment created with the owner document
- createSafeFragment( context ).appendChild( div );
- }
-
- // Go to html and back, then peel off extra wrappers
- div.innerHTML = wrap[1] + elem + wrap[2];
-
- // Move to the right depth
- while ( depth-- ) {
- div = div.lastChild;
- }
-
- // Remove IE's autoinserted <tbody> from table fragments
- if ( !jQuery.support.tbody ) {
-
- // String was a <table>, *may* have spurious <tbody>
- var hasBody = rtbody.test(elem),
- tbody = tag === "table" && !hasBody ?
- div.firstChild && div.firstChild.childNodes :
-
- // String was a bare <thead> or <tfoot>
- wrap[1] === "<table>" && !hasBody ?
- div.childNodes :
- [];
-
- for ( j = tbody.length - 1; j >= 0 ; --j ) {
- if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
- tbody[ j ].parentNode.removeChild( tbody[ j ] );
- }
- }
- }
-
- // IE completely kills leading whitespace when innerHTML is used
- if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
- div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
- }
-
- elem = div.childNodes;
- }
- }
-
- // Resets defaultChecked for any radios and checkboxes
- // about to be appended to the DOM in IE 6/7 (#8060)
- var len;
- if ( !jQuery.support.appendChecked ) {
- if ( elem[0] && typeof (len = elem.length) === "number" ) {
- for ( j = 0; j < len; j++ ) {
- findInputs( elem[j] );
- }
- } else {
- findInputs( elem );
- }
- }
-
- if ( elem.nodeType ) {
- ret.push( elem );
- } else {
- ret = jQuery.merge( ret, elem );
- }
- }
-
- if ( fragment ) {
- checkScriptType = function( elem ) {
- return !elem.type || rscriptType.test( elem.type );
- };
- for ( i = 0; ret[i]; i++ ) {
- if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
- scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
-
- } else {
- if ( ret[i].nodeType === 1 ) {
- var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );
-
- ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
- }
- fragment.appendChild( ret[i] );
- }
- }
- }
-
- return ret;
- },
-
- cleanData: function( elems ) {
- var data, id,
- cache = jQuery.cache,
- special = jQuery.event.special,
- deleteExpando = jQuery.support.deleteExpando;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
- continue;
- }
-
- id = elem[ jQuery.expando ];
-
- if ( id ) {
- data = cache[ id ];
-
- if ( data && data.events ) {
- for ( var type in data.events ) {
- if ( special[ type ] ) {
- jQuery.event.remove( elem, type );
-
- // This is a shortcut to avoid jQuery.event.remove's overhead
- } else {
- jQuery.removeEvent( elem, type, data.handle );
- }
- }
-
- // Null the DOM reference to avoid IE6/7/8 leak (#7054)
- if ( data.handle ) {
- data.handle.elem = null;
- }
- }
-
- if ( deleteExpando ) {
- delete elem[ jQuery.expando ];
-
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- }
-
- delete cache[ id ];
- }
- }
- }
-});
-
-function evalScript( i, elem ) {
- if ( elem.src ) {
- jQuery.ajax({
- url: elem.src,
- async: false,
- dataType: "script"
- });
- } else {
- jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
-}
-
-
-
-
-var ralpha = /alpha\([^)]*\)/i,
- ropacity = /opacity=([^)]*)/,
- // fixed for IE9, see #8346
- rupper = /([A-Z]|^ms)/g,
- rnumpx = /^-?\d+(?:px)?$/i,
- rnum = /^-?\d/,
- rrelNum = /^([\-+])=([\-+.\de]+)/,
-
- cssShow = { position: "absolute", visibility: "hidden", display: "block" },
- cssWidth = [ "Left", "Right" ],
- cssHeight = [ "Top", "Bottom" ],
- curCSS,
-
- getComputedStyle,
- currentStyle;
-
-jQuery.fn.css = function( name, value ) {
- // Setting 'undefined' is a no-op
- if ( arguments.length === 2 && value === undefined ) {
- return this;
- }
-
- return jQuery.access( this, name, value, true, function( elem, name, value ) {
- return value !== undefined ?
- jQuery.style( elem, name, value ) :
- jQuery.css( elem, name );
- });
-};
-
-jQuery.extend({
- // Add in style property hooks for overriding the default
- // behavior of getting and setting a style property
- cssHooks: {
- opacity: {
- get: function( elem, computed ) {
- if ( computed ) {
- // We should always get a number back from opacity
- var ret = curCSS( elem, "opacity", "opacity" );
- return ret === "" ? "1" : ret;
-
- } else {
- return elem.style.opacity;
- }
- }
- }
- },
-
- // Exclude the following css properties to add px
- cssNumber: {
- "fillOpacity": true,
- "fontWeight": true,
- "lineHeight": true,
- "opacity": true,
- "orphans": true,
- "widows": true,
- "zIndex": true,
- "zoom": true
- },
-
- // Add in properties whose names you wish to fix before
- // setting or getting the value
- cssProps: {
- // normalize float css property
- "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
- },
-
- // Get and set the style property on a DOM Node
- style: function( elem, name, value, extra ) {
- // Don't set styles on text and comment nodes
- if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
- return;
- }
-
- // Make sure that we're working with the right name
- var ret, type, origName = jQuery.camelCase( name ),
- style = elem.style, hooks = jQuery.cssHooks[ origName ];
-
- name = jQuery.cssProps[ origName ] || origName;
-
- // Check if we're setting a value
- if ( value !== undefined ) {
- type = typeof value;
-
- // convert relative number strings (+= or -=) to relative numbers. #7345
- if ( type === "string" && (ret = rrelNum.exec( value )) ) {
- value = ( +( ret[1] + 1) * +ret[2] ) + parseFloat( jQuery.css( elem, name ) );
- // Fixes bug #9237
- type = "number";
- }
-
- // Make sure that NaN and null values aren't set. See: #7116
- if ( value == null || type === "number" && isNaN( value ) ) {
- return;
- }
-
- // If a number was passed in, add 'px' to the (except for certain CSS properties)
- if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
- value += "px";
- }
-
- // If a hook was provided, use that value, otherwise just set the specified value
- if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
- // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
- // Fixes bug #5509
- try {
- style[ name ] = value;
- } catch(e) {}
- }
-
- } else {
- // If a hook was provided get the non-computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
- return ret;
- }
-
- // Otherwise just get the value from the style object
- return style[ name ];
- }
- },
-
- css: function( elem, name, extra ) {
- var ret, hooks;
-
- // Make sure that we're working with the right name
- name = jQuery.camelCase( name );
- hooks = jQuery.cssHooks[ name ];
- name = jQuery.cssProps[ name ] || name;
-
- // cssFloat needs a special treatment
- if ( name === "cssFloat" ) {
- name = "float";
- }
-
- // If a hook was provided get the computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
- return ret;
-
- // Otherwise, if a way to get the computed value exists, use that
- } else if ( curCSS ) {
- return curCSS( elem, name );
- }
- },
-
- // A method for quickly swapping in/out CSS properties to get correct calculations
- swap: function( elem, options, callback ) {
- var old = {};
-
- // Remember the old values, and insert the new ones
- for ( var name in options ) {
- old[ name ] = elem.style[ name ];
- elem.style[ name ] = options[ name ];
- }
-
- callback.call( elem );
-
- // Revert the old values
- for ( name in options ) {
- elem.style[ name ] = old[ name ];
- }
- }
-});
-
-// DEPRECATED, Use jQuery.css() instead
-jQuery.curCSS = jQuery.css;
-
-jQuery.each(["height", "width"], function( i, name ) {
- jQuery.cssHooks[ name ] = {
- get: function( elem, computed, extra ) {
- var val;
-
- if ( computed ) {
- if ( elem.offsetWidth !== 0 ) {
- return getWH( elem, name, extra );
- } else {
- jQuery.swap( elem, cssShow, function() {
- val = getWH( elem, name, extra );
- });
- }
-
- return val;
- }
- },
-
- set: function( elem, value ) {
- if ( rnumpx.test( value ) ) {
- // ignore negative width and height values #1599
- value = parseFloat( value );
-
- if ( value >= 0 ) {
- return value + "px";
- }
-
- } else {
- return value;
- }
- }
- };
-});
-
-if ( !jQuery.support.opacity ) {
- jQuery.cssHooks.opacity = {
- get: function( elem, computed ) {
- // IE uses filters for opacity
- return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
- ( parseFloat( RegExp.$1 ) / 100 ) + "" :
- computed ? "1" : "";
- },
-
- set: function( elem, value ) {
- var style = elem.style,
- currentStyle = elem.currentStyle,
- opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
- filter = currentStyle && currentStyle.filter || style.filter || "";
-
- // IE has trouble with opacity if it does not have layout
- // Force it by setting the zoom level
- style.zoom = 1;
-
- // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
- if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {
-
- // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
- // if "filter:" is present at all, clearType is disabled, we want to avoid this
- // style.removeAttribute is IE Only, but so apparently is this code path...
- style.removeAttribute( "filter" );
-
- // if there there is no filter style applied in a css rule, we are done
- if ( currentStyle && !currentStyle.filter ) {
- return;
- }
- }
-
- // otherwise, set new filter values
- style.filter = ralpha.test( filter ) ?
- filter.replace( ralpha, opacity ) :
- filter + " " + opacity;
- }
- };
-}
-
-jQuery(function() {
- // This hook cannot be added until DOM ready because the support test
- // for it is not run until after DOM ready
- if ( !jQuery.support.reliableMarginRight ) {
- jQuery.cssHooks.marginRight = {
- get: function( elem, computed ) {
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- // Work around by temporarily setting element display to inline-block
- var ret;
- jQuery.swap( elem, { "display": "inline-block" }, function() {
- if ( computed ) {
- ret = curCSS( elem, "margin-right", "marginRight" );
- } else {
- ret = elem.style.marginRight;
- }
- });
- return ret;
- }
- };
- }
-});
-
-if ( document.defaultView && document.defaultView.getComputedStyle ) {
- getComputedStyle = function( elem, name ) {
- var ret, defaultView, computedStyle;
-
- name = name.replace( rupper, "-$1" ).toLowerCase();
-
- if ( (defaultView = elem.ownerDocument.defaultView) &&
- (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
- ret = computedStyle.getPropertyValue( name );
- if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
- ret = jQuery.style( elem, name );
- }
- }
-
- return ret;
- };
-}
-
-if ( document.documentElement.currentStyle ) {
- currentStyle = function( elem, name ) {
- var left, rsLeft, uncomputed,
- ret = elem.currentStyle && elem.currentStyle[ name ],
- style = elem.style;
-
- // Avoid setting ret to empty string here
- // so we don't default to auto
- if ( ret === null && style && (uncomputed = style[ name ]) ) {
- ret = uncomputed;
- }
-
- // From the awesome hack by Dean Edwards
- // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
-
- // If we're not dealing with a regular pixel number
- // but a number that has a weird ending, we need to convert it to pixels
- if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
-
- // Remember the original values
- left = style.left;
- rsLeft = elem.runtimeStyle && elem.runtimeStyle.left;
-
- // Put in the new values to get a computed value out
- if ( rsLeft ) {
- elem.runtimeStyle.left = elem.currentStyle.left;
- }
- style.left = name === "fontSize" ? "1em" : ( ret || 0 );
- ret = style.pixelLeft + "px";
-
- // Revert the changed values
- style.left = left;
- if ( rsLeft ) {
- elem.runtimeStyle.left = rsLeft;
- }
- }
-
- return ret === "" ? "auto" : ret;
- };
-}
-
-curCSS = getComputedStyle || currentStyle;
-
-function getWH( elem, name, extra ) {
-
- // Start with offset property
- var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
- which = name === "width" ? cssWidth : cssHeight,
- i = 0,
- len = which.length;
-
- if ( val > 0 ) {
- if ( extra !== "border" ) {
- for ( ; i < len; i++ ) {
- if ( !extra ) {
- val -= parseFloat( jQuery.css( elem, "padding" + which[ i ] ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + which[ i ] ) ) || 0;
- } else {
- val -= parseFloat( jQuery.css( elem, "border" + which[ i ] + "Width" ) ) || 0;
- }
- }
- }
-
- return val + "px";
- }
-
- // Fall back to computed then uncomputed css if necessary
- val = curCSS( elem, name, name );
- if ( val < 0 || val == null ) {
- val = elem.style[ name ] || 0;
- }
- // Normalize "", auto, and prepare for extra
- val = parseFloat( val ) || 0;
-
- // Add padding, border, margin
- if ( extra ) {
- for ( ; i < len; i++ ) {
- val += parseFloat( jQuery.css( elem, "padding" + which[ i ] ) ) || 0;
- if ( extra !== "padding" ) {
- val += parseFloat( jQuery.css( elem, "border" + which[ i ] + "Width" ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + which[ i ] ) ) || 0;
- }
- }
- }
-
- return val + "px";
-}
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.hidden = function( elem ) {
- var width = elem.offsetWidth,
- height = elem.offsetHeight;
-
- return ( width === 0 && height === 0 ) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
- };
-
- jQuery.expr.filters.visible = function( elem ) {
- return !jQuery.expr.filters.hidden( elem );
- };
-}
-
-
-
-
-var r20 = /%20/g,
- rbracket = /\[\]$/,
- rCRLF = /\r?\n/g,
- rhash = /#.*$/,
- rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
- rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
- // #7653, #8125, #8152: local protocol detection
- rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
- rnoContent = /^(?:GET|HEAD)$/,
- rprotocol = /^\/\//,
- rquery = /\?/,
- rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
- rselectTextarea = /^(?:select|textarea)/i,
- rspacesAjax = /\s+/,
- rts = /([?&])_=[^&]*/,
- rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,
-
- // Keep a copy of the old load method
- _load = jQuery.fn.load,
-
- /* Prefilters
- * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
- * 2) These are called:
- * - BEFORE asking for a transport
- * - AFTER param serialization (s.data is a string if s.processData is true)
- * 3) key is the dataType
- * 4) the catchall symbol "*" can be used
- * 5) execution will start with transport dataType and THEN continue down to "*" if needed
- */
- prefilters = {},
-
- /* Transports bindings
- * 1) key is the dataType
- * 2) the catchall symbol "*" can be used
- * 3) selection will start with transport dataType and THEN go to "*" if needed
- */
- transports = {},
-
- // Document location
- ajaxLocation,
-
- // Document location segments
- ajaxLocParts,
-
- // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
- allTypes = ["*/"] + ["*"];
-
-// #8138, IE may throw an exception when accessing
-// a field from window.location if document.domain has been set
-try {
- ajaxLocation = location.href;
-} catch( e ) {
- // Use the href attribute of an A element
- // since IE will modify it given document.location
- ajaxLocation = document.createElement( "a" );
- ajaxLocation.href = "";
- ajaxLocation = ajaxLocation.href;
-}
-
-// Segment location into parts
-ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
-
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
-
- // dataTypeExpression is optional and defaults to "*"
- return function( dataTypeExpression, func ) {
-
- if ( typeof dataTypeExpression !== "string" ) {
- func = dataTypeExpression;
- dataTypeExpression = "*";
- }
-
- if ( jQuery.isFunction( func ) ) {
- var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
- i = 0,
- length = dataTypes.length,
- dataType,
- list,
- placeBefore;
-
- // For each dataType in the dataTypeExpression
- for ( ; i < length; i++ ) {
- dataType = dataTypes[ i ];
- // We control if we're asked to add before
- // any existing element
- placeBefore = /^\+/.test( dataType );
- if ( placeBefore ) {
- dataType = dataType.substr( 1 ) || "*";
- }
- list = structure[ dataType ] = structure[ dataType ] || [];
- // then we add to the structure accordingly
- list[ placeBefore ? "unshift" : "push" ]( func );
- }
- }
- };
-}
-
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
- dataType /* internal */, inspected /* internal */ ) {
-
- dataType = dataType || options.dataTypes[ 0 ];
- inspected = inspected || {};
-
- inspected[ dataType ] = true;
-
- var list = structure[ dataType ],
- i = 0,
- length = list ? list.length : 0,
- executeOnly = ( structure === prefilters ),
- selection;
-
- for ( ; i < length && ( executeOnly || !selection ); i++ ) {
- selection = list[ i ]( options, originalOptions, jqXHR );
- // If we got redirected to another dataType
- // we try there if executing only and not done already
- if ( typeof selection === "string" ) {
- if ( !executeOnly || inspected[ selection ] ) {
- selection = undefined;
- } else {
- options.dataTypes.unshift( selection );
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, selection, inspected );
- }
- }
- }
- // If we're only executing or nothing was selected
- // we try the catchall dataType if not done already
- if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, "*", inspected );
- }
- // unnecessary when only executing (prefilters)
- // but it'll be ignored by the caller in that case
- return selection;
-}
-
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
- var key, deep,
- flatOptions = jQuery.ajaxSettings.flatOptions || {};
- for ( key in src ) {
- if ( src[ key ] !== undefined ) {
- ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
- }
- }
- if ( deep ) {
- jQuery.extend( true, target, deep );
- }
-}
-
-jQuery.fn.extend({
- load: function( url, params, callback ) {
- if ( typeof url !== "string" && _load ) {
- return _load.apply( this, arguments );
-
- // Don't do a request if no elements are being requested
- } else if ( !this.length ) {
- return this;
- }
-
- var off = url.indexOf( " " );
- if ( off >= 0 ) {
- var selector = url.slice( off, url.length );
- url = url.slice( 0, off );
- }
-
- // Default to a GET request
- var type = "GET";
-
- // If the second parameter was provided
- if ( params ) {
- // If it's a function
- if ( jQuery.isFunction( params ) ) {
- // We assume that it's the callback
- callback = params;
- params = undefined;
-
- // Otherwise, build a param string
- } else if ( typeof params === "object" ) {
- params = jQuery.param( params, jQuery.ajaxSettings.traditional );
- type = "POST";
- }
- }
-
- var self = this;
-
- // Request the remote document
- jQuery.ajax({
- url: url,
- type: type,
- dataType: "html",
- data: params,
- // Complete callback (responseText is used internally)
- complete: function( jqXHR, status, responseText ) {
- // Store the response as specified by the jqXHR object
- responseText = jqXHR.responseText;
- // If successful, inject the HTML into all the matched elements
- if ( jqXHR.isResolved() ) {
- // #4825: Get the actual response in case
- // a dataFilter is present in ajaxSettings
- jqXHR.done(function( r ) {
- responseText = r;
- });
- // See if a selector was specified
- self.html( selector ?
- // Create a dummy div to hold the results
- jQuery("<div>")
- // inject the contents of the document in, removing the scripts
- // to avoid any 'Permission Denied' errors in IE
- .append(responseText.replace(rscript, ""))
-
- // Locate the specified elements
- .find(selector) :
-
- // If not, just inject the full result
- responseText );
- }
-
- if ( callback ) {
- self.each( callback, [ responseText, status, jqXHR ] );
- }
- }
- });
-
- return this;
- },
-
- serialize: function() {
- return jQuery.param( this.serializeArray() );
- },
-
- serializeArray: function() {
- return this.map(function(){
- return this.elements ? jQuery.makeArray( this.elements ) : this;
- })
- .filter(function(){
- return this.name && !this.disabled &&
- ( this.checked || rselectTextarea.test( this.nodeName ) ||
- rinput.test( this.type ) );
- })
- .map(function( i, elem ){
- var val = jQuery( this ).val();
-
- return val == null ?
- null :
- jQuery.isArray( val ) ?
- jQuery.map( val, function( val, i ){
- return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }) :
- { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }).get();
- }
-});
-
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
- jQuery.fn[ o ] = function( f ){
- return this.on( o, f );
- };
-});
-
-jQuery.each( [ "get", "post" ], function( i, method ) {
- jQuery[ method ] = function( url, data, callback, type ) {
- // shift arguments if data argument was omitted
- if ( jQuery.isFunction( data ) ) {
- type = type || callback;
- callback = data;
- data = undefined;
- }
-
- return jQuery.ajax({
- type: method,
- url: url,
- data: data,
- success: callback,
- dataType: type
- });
- };
-});
-
-jQuery.extend({
-
- getScript: function( url, callback ) {
- return jQuery.get( url, undefined, callback, "script" );
- },
-
- getJSON: function( url, data, callback ) {
- return jQuery.get( url, data, callback, "json" );
- },
-
- // Creates a full fledged settings object into target
- // with both ajaxSettings and settings fields.
- // If target is omitted, writes into ajaxSettings.
- ajaxSetup: function( target, settings ) {
- if ( settings ) {
- // Building a settings object
- ajaxExtend( target, jQuery.ajaxSettings );
- } else {
- // Extending ajaxSettings
- settings = target;
- target = jQuery.ajaxSettings;
- }
- ajaxExtend( target, settings );
- return target;
- },
-
- ajaxSettings: {
- url: ajaxLocation,
- isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
- global: true,
- type: "GET",
- contentType: "application/x-www-form-urlencoded",
- processData: true,
- async: true,
- /*
- timeout: 0,
- data: null,
- dataType: null,
- username: null,
- password: null,
- cache: null,
- traditional: false,
- headers: {},
- */
-
- accepts: {
- xml: "application/xml, text/xml",
- html: "text/html",
- text: "text/plain",
- json: "application/json, text/javascript",
- "*": allTypes
- },
-
- contents: {
- xml: /xml/,
- html: /html/,
- json: /json/
- },
-
- responseFields: {
- xml: "responseXML",
- text: "responseText"
- },
-
- // List of data converters
- // 1) key format is "source_type destination_type" (a single space in-between)
- // 2) the catchall symbol "*" can be used for source_type
- converters: {
-
- // Convert anything to text
- "* text": window.String,
-
- // Text to html (true = no transformation)
- "text html": true,
-
- // Evaluate text as a json expression
- "text json": jQuery.parseJSON,
-
- // Parse text as xml
- "text xml": jQuery.parseXML
- },
-
- // For options that shouldn't be deep extended:
- // you can add your own custom options here if
- // and when you create one that shouldn't be
- // deep extended (see ajaxExtend)
- flatOptions: {
- context: true,
- url: true
- }
- },
-
- ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
- ajaxTransport: addToPrefiltersOrTransports( transports ),
-
- // Main method
- ajax: function( url, options ) {
-
- // If url is an object, simulate pre-1.5 signature
- if ( typeof url === "object" ) {
- options = url;
- url = undefined;
- }
-
- // Force options to be an object
- options = options || {};
-
- var // Create the final options object
- s = jQuery.ajaxSetup( {}, options ),
- // Callbacks context
- callbackContext = s.context || s,
- // Context for global events
- // It's the callbackContext if one was provided in the options
- // and if it's a DOM node or a jQuery collection
- globalEventContext = callbackContext !== s &&
- ( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
- jQuery( callbackContext ) : jQuery.event,
- // Deferreds
- deferred = jQuery.Deferred(),
- completeDeferred = jQuery.Callbacks( "once memory" ),
- // Status-dependent callbacks
- statusCode = s.statusCode || {},
- // ifModified key
- ifModifiedKey,
- // Headers (they are sent all at once)
- requestHeaders = {},
- requestHeadersNames = {},
- // Response headers
- responseHeadersString,
- responseHeaders,
- // transport
- transport,
- // timeout handle
- timeoutTimer,
- // Cross-domain detection vars
- parts,
- // The jqXHR state
- state = 0,
- // To know if global events are to be dispatched
- fireGlobals,
- // Loop variable
- i,
- // Fake xhr
- jqXHR = {
-
- readyState: 0,
-
- // Caches the header
- setRequestHeader: function( name, value ) {
- if ( !state ) {
- var lname = name.toLowerCase();
- name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
- requestHeaders[ name ] = value;
- }
- return this;
- },
-
- // Raw string
- getAllResponseHeaders: function() {
- return state === 2 ? responseHeadersString : null;
- },
-
- // Builds headers hashtable if needed
- getResponseHeader: function( key ) {
- var match;
- if ( state === 2 ) {
- if ( !responseHeaders ) {
- responseHeaders = {};
- while( ( match = rheaders.exec( responseHeadersString ) ) ) {
- responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
- }
- }
- match = responseHeaders[ key.toLowerCase() ];
- }
- return match === undefined ? null : match;
- },
-
- // Overrides response content-type header
- overrideMimeType: function( type ) {
- if ( !state ) {
- s.mimeType = type;
- }
- return this;
- },
-
- // Cancel the request
- abort: function( statusText ) {
- statusText = statusText || "abort";
- if ( transport ) {
- transport.abort( statusText );
- }
- done( 0, statusText );
- return this;
- }
- };
-
- // Callback for when everything is done
- // It is defined here because jslint complains if it is declared
- // at the end of the function (which would be more logical and readable)
- function done( status, nativeStatusText, responses, headers ) {
-
- // Called once
- if ( state === 2 ) {
- return;
- }
-
- // State is "done" now
- state = 2;
-
- // Clear timeout if it exists
- if ( timeoutTimer ) {
- clearTimeout( timeoutTimer );
- }
-
- // Dereference transport for early garbage collection
- // (no matter how long the jqXHR object will be used)
- transport = undefined;
-
- // Cache response headers
- responseHeadersString = headers || "";
-
- // Set readyState
- jqXHR.readyState = status > 0 ? 4 : 0;
-
- var isSuccess,
- success,
- error,
- statusText = nativeStatusText,
- response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
- lastModified,
- etag;
-
- // If successful, handle type chaining
- if ( status >= 200 && status < 300 || status === 304 ) {
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
-
- if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
- jQuery.lastModified[ ifModifiedKey ] = lastModified;
- }
- if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
- jQuery.etag[ ifModifiedKey ] = etag;
- }
- }
-
- // If not modified
- if ( status === 304 ) {
-
- statusText = "notmodified";
- isSuccess = true;
-
- // If we have data
- } else {
-
- try {
- success = ajaxConvert( s, response );
- statusText = "success";
- isSuccess = true;
- } catch(e) {
- // We have a parsererror
- statusText = "parsererror";
- error = e;
- }
- }
- } else {
- // We extract error from statusText
- // then normalize statusText and status for non-aborts
- error = statusText;
- if ( !statusText || status ) {
- statusText = "error";
- if ( status < 0 ) {
- status = 0;
- }
- }
- }
-
- // Set data for the fake xhr object
- jqXHR.status = status;
- jqXHR.statusText = "" + ( nativeStatusText || statusText );
-
- // Success/Error
- if ( isSuccess ) {
- deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
- } else {
- deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
- }
-
- // Status-dependent callbacks
- jqXHR.statusCode( statusCode );
- statusCode = undefined;
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
- [ jqXHR, s, isSuccess ? success : error ] );
- }
-
- // Complete
- completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
- // Handle the global AJAX counter
- if ( !( --jQuery.active ) ) {
- jQuery.event.trigger( "ajaxStop" );
- }
- }
- }
-
- // Attach deferreds
- deferred.promise( jqXHR );
- jqXHR.success = jqXHR.done;
- jqXHR.error = jqXHR.fail;
- jqXHR.complete = completeDeferred.add;
-
- // Status-dependent callbacks
- jqXHR.statusCode = function( map ) {
- if ( map ) {
- var tmp;
- if ( state < 2 ) {
- for ( tmp in map ) {
- statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
- }
- } else {
- tmp = map[ jqXHR.status ];
- jqXHR.then( tmp, tmp );
- }
- }
- return this;
- };
-
- // Remove hash character (#7531: and string promotion)
- // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
- // We also use the url parameter if available
- s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
-
- // Extract dataTypes list
- s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
-
- // Determine if a cross-domain request is in order
- if ( s.crossDomain == null ) {
- parts = rurl.exec( s.url.toLowerCase() );
- s.crossDomain = !!( parts &&
- ( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
- ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
- ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
- );
- }
-
- // Convert data if not already a string
- if ( s.data && s.processData && typeof s.data !== "string" ) {
- s.data = jQuery.param( s.data, s.traditional );
- }
-
- // Apply prefilters
- inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
- // If request was aborted inside a prefiler, stop there
- if ( state === 2 ) {
- return false;
- }
-
- // We can fire global events as of now if asked to
- fireGlobals = s.global;
-
- // Uppercase the type
- s.type = s.type.toUpperCase();
-
- // Determine if request has content
- s.hasContent = !rnoContent.test( s.type );
-
- // Watch for a new set of requests
- if ( fireGlobals && jQuery.active++ === 0 ) {
- jQuery.event.trigger( "ajaxStart" );
- }
-
- // More options handling for requests with no content
- if ( !s.hasContent ) {
-
- // If data is available, append data to url
- if ( s.data ) {
- s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
- // #9682: remove data so that it's not used in an eventual retry
- delete s.data;
- }
-
- // Get ifModifiedKey before adding the anti-cache parameter
- ifModifiedKey = s.url;
-
- // Add anti-cache in url if needed
- if ( s.cache === false ) {
-
- var ts = jQuery.now(),
- // try replacing _= if it is there
- ret = s.url.replace( rts, "$1_=" + ts );
-
- // if nothing was replaced, add timestamp to the end
- s.url = ret + ( ( ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
- }
- }
-
- // Set the correct header, if data is being sent
- if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
- jqXHR.setRequestHeader( "Content-Type", s.contentType );
- }
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
- ifModifiedKey = ifModifiedKey || s.url;
- if ( jQuery.lastModified[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
- }
- if ( jQuery.etag[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
- }
- }
-
- // Set the Accepts header for the server, depending on the dataType
- jqXHR.setRequestHeader(
- "Accept",
- s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
- s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
- s.accepts[ "*" ]
- );
-
- // Check for headers option
- for ( i in s.headers ) {
- jqXHR.setRequestHeader( i, s.headers[ i ] );
- }
-
- // Allow custom headers/mimetypes and early abort
- if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
- // Abort if not done already
- jqXHR.abort();
- return false;
-
- }
-
- // Install callbacks on deferreds
- for ( i in { success: 1, error: 1, complete: 1 } ) {
- jqXHR[ i ]( s[ i ] );
- }
-
- // Get transport
- transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
- // If no transport, we auto-abort
- if ( !transport ) {
- done( -1, "No Transport" );
- } else {
- jqXHR.readyState = 1;
- // Send global event
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
- }
- // Timeout
- if ( s.async && s.timeout > 0 ) {
- timeoutTimer = setTimeout( function(){
- jqXHR.abort( "timeout" );
- }, s.timeout );
- }
-
- try {
- state = 1;
- transport.send( requestHeaders, done );
- } catch (e) {
- // Propagate exception as error if not done
- if ( state < 2 ) {
- done( -1, e );
- // Simply rethrow otherwise
- } else {
- throw e;
- }
- }
- }
-
- return jqXHR;
- },
-
- // Serialize an array of form elements or a set of
- // key/values into a query string
- param: function( a, traditional ) {
- var s = [],
- add = function( key, value ) {
- // If value is a function, invoke it and return its value
- value = jQuery.isFunction( value ) ? value() : value;
- s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
- };
-
- // Set traditional to true for jQuery <= 1.3.2 behavior.
- if ( traditional === undefined ) {
- traditional = jQuery.ajaxSettings.traditional;
- }
-
- // If an array was passed in, assume that it is an array of form elements.
- if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
- // Serialize the form elements
- jQuery.each( a, function() {
- add( this.name, this.value );
- });
-
- } else {
- // If traditional, encode the "old" way (the way 1.3.2 or older
- // did it), otherwise encode params recursively.
- for ( var prefix in a ) {
- buildParams( prefix, a[ prefix ], traditional, add );
- }
- }
-
- // Return the resulting serialization
- return s.join( "&" ).replace( r20, "+" );
- }
-});
-
-function buildParams( prefix, obj, traditional, add ) {
- if ( jQuery.isArray( obj ) ) {
- // Serialize array item.
- jQuery.each( obj, function( i, v ) {
- if ( traditional || rbracket.test( prefix ) ) {
- // Treat each array item as a scalar.
- add( prefix, v );
-
- } else {
- // If array item is non-scalar (array or object), encode its
- // numeric index to resolve deserialization ambiguity issues.
- // Note that rack (as of 1.0.0) can't currently deserialize
- // nested arrays properly, and attempting to do so may cause
- // a server error. Possible fixes are to modify rack's
- // deserialization algorithm or to provide an option or flag
- // to force array serialization to be shallow.
- buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
- }
- });
-
- } else if ( !traditional && obj != null && typeof obj === "object" ) {
- // Serialize object item.
- for ( var name in obj ) {
- buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
- }
-
- } else {
- // Serialize scalar item.
- add( prefix, obj );
- }
-}
-
-// This is still on the jQuery object... for now
-// Want to move this to jQuery.ajax some day
-jQuery.extend({
-
- // Counter for holding the number of active queries
- active: 0,
-
- // Last-Modified header cache for next request
- lastModified: {},
- etag: {}
-
-});
-
-/* Handles responses to an ajax request:
- * - sets all responseXXX fields accordingly
- * - finds the right dataType (mediates between content-type and expected dataType)
- * - returns the corresponding response
- */
-function ajaxHandleResponses( s, jqXHR, responses ) {
-
- var contents = s.contents,
- dataTypes = s.dataTypes,
- responseFields = s.responseFields,
- ct,
- type,
- finalDataType,
- firstDataType;
-
- // Fill responseXXX fields
- for ( type in responseFields ) {
- if ( type in responses ) {
- jqXHR[ responseFields[type] ] = responses[ type ];
- }
- }
-
- // Remove auto dataType and get content-type in the process
- while( dataTypes[ 0 ] === "*" ) {
- dataTypes.shift();
- if ( ct === undefined ) {
- ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
- }
- }
-
- // Check if we're dealing with a known content-type
- if ( ct ) {
- for ( type in contents ) {
- if ( contents[ type ] && contents[ type ].test( ct ) ) {
- dataTypes.unshift( type );
- break;
- }
- }
- }
-
- // Check to see if we have a response for the expected dataType
- if ( dataTypes[ 0 ] in responses ) {
- finalDataType = dataTypes[ 0 ];
- } else {
- // Try convertible dataTypes
- for ( type in responses ) {
- if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
- finalDataType = type;
- break;
- }
- if ( !firstDataType ) {
- firstDataType = type;
- }
- }
- // Or just use first one
- finalDataType = finalDataType || firstDataType;
- }
-
- // If we found a dataType
- // We add the dataType to the list if needed
- // and return the corresponding response
- if ( finalDataType ) {
- if ( finalDataType !== dataTypes[ 0 ] ) {
- dataTypes.unshift( finalDataType );
- }
- return responses[ finalDataType ];
- }
-}
-
-// Chain conversions given the request and the original response
-function ajaxConvert( s, response ) {
-
- // Apply the dataFilter if provided
- if ( s.dataFilter ) {
- response = s.dataFilter( response, s.dataType );
- }
-
- var dataTypes = s.dataTypes,
- converters = {},
- i,
- key,
- length = dataTypes.length,
- tmp,
- // Current and previous dataTypes
- current = dataTypes[ 0 ],
- prev,
- // Conversion expression
- conversion,
- // Conversion function
- conv,
- // Conversion functions (transitive conversion)
- conv1,
- conv2;
-
- // For each dataType in the chain
- for ( i = 1; i < length; i++ ) {
-
- // Create converters map
- // with lowercased keys
- if ( i === 1 ) {
- for ( key in s.converters ) {
- if ( typeof key === "string" ) {
- converters[ key.toLowerCase() ] = s.converters[ key ];
- }
- }
- }
-
- // Get the dataTypes
- prev = current;
- current = dataTypes[ i ];
-
- // If current is auto dataType, update it to prev
- if ( current === "*" ) {
- current = prev;
- // If no auto and dataTypes are actually different
- } else if ( prev !== "*" && prev !== current ) {
-
- // Get the converter
- conversion = prev + " " + current;
- conv = converters[ conversion ] || converters[ "* " + current ];
-
- // If there is no direct converter, search transitively
- if ( !conv ) {
- conv2 = undefined;
- for ( conv1 in converters ) {
- tmp = conv1.split( " " );
- if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
- conv2 = converters[ tmp[1] + " " + current ];
- if ( conv2 ) {
- conv1 = converters[ conv1 ];
- if ( conv1 === true ) {
- conv = conv2;
- } else if ( conv2 === true ) {
- conv = conv1;
- }
- break;
- }
- }
- }
- }
- // If we found no converter, dispatch an error
- if ( !( conv || conv2 ) ) {
- jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
- }
- // If found converter is not an equivalence
- if ( conv !== true ) {
- // Convert with 1 or 2 converters accordingly
- response = conv ? conv( response ) : conv2( conv1(response) );
- }
- }
- }
- return response;
-}
-
-
-
-
-var jsc = jQuery.now(),
- jsre = /(\=)\?(&|$)|\?\?/i;
-
-// Default jsonp settings
-jQuery.ajaxSetup({
- jsonp: "callback",
- jsonpCallback: function() {
- return jQuery.expando + "_" + ( jsc++ );
- }
-});
-
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
-
- var inspectData = s.contentType === "application/x-www-form-urlencoded" &&
- ( typeof s.data === "string" );
-
- if ( s.dataTypes[ 0 ] === "jsonp" ||
- s.jsonp !== false && ( jsre.test( s.url ) ||
- inspectData && jsre.test( s.data ) ) ) {
-
- var responseContainer,
- jsonpCallback = s.jsonpCallback =
- jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
- previous = window[ jsonpCallback ],
- url = s.url,
- data = s.data,
- replace = "$1" + jsonpCallback + "$2";
-
- if ( s.jsonp !== false ) {
- url = url.replace( jsre, replace );
- if ( s.url === url ) {
- if ( inspectData ) {
- data = data.replace( jsre, replace );
- }
- if ( s.data === data ) {
- // Add callback manually
- url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
- }
- }
- }
-
- s.url = url;
- s.data = data;
-
- // Install callback
- window[ jsonpCallback ] = function( response ) {
- responseContainer = [ response ];
- };
-
- // Clean-up function
- jqXHR.always(function() {
- // Set callback back to previous value
- window[ jsonpCallback ] = previous;
- // Call if it was a function and we have a response
- if ( responseContainer && jQuery.isFunction( previous ) ) {
- window[ jsonpCallback ]( responseContainer[ 0 ] );
- }
- });
-
- // Use data converter to retrieve json after script execution
- s.converters["script json"] = function() {
- if ( !responseContainer ) {
- jQuery.error( jsonpCallback + " was not called" );
- }
- return responseContainer[ 0 ];
- };
-
- // force json dataType
- s.dataTypes[ 0 ] = "json";
-
- // Delegate to script
- return "script";
- }
-});
-
-
-
-
-// Install script dataType
-jQuery.ajaxSetup({
- accepts: {
- script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
- },
- contents: {
- script: /javascript|ecmascript/
- },
- converters: {
- "text script": function( text ) {
- jQuery.globalEval( text );
- return text;
- }
- }
-});
-
-// Handle cache's special case and global
-jQuery.ajaxPrefilter( "script", function( s ) {
- if ( s.cache === undefined ) {
- s.cache = false;
- }
- if ( s.crossDomain ) {
- s.type = "GET";
- s.global = false;
- }
-});
-
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function(s) {
-
- // This transport only deals with cross domain requests
- if ( s.crossDomain ) {
-
- var script,
- head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
-
- return {
-
- send: function( _, callback ) {
-
- script = document.createElement( "script" );
-
- script.async = "async";
-
- if ( s.scriptCharset ) {
- script.charset = s.scriptCharset;
- }
-
- script.src = s.url;
-
- // Attach handlers for all browsers
- script.onload = script.onreadystatechange = function( _, isAbort ) {
-
- if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
-
- // Handle memory leak in IE
- script.onload = script.onreadystatechange = null;
-
- // Remove the script
- if ( head && script.parentNode ) {
- head.removeChild( script );
- }
-
- // Dereference the script
- script = undefined;
-
- // Callback if not abort
- if ( !isAbort ) {
- callback( 200, "success" );
- }
- }
- };
- // Use insertBefore instead of appendChild to circumvent an IE6 bug.
- // This arises when a base node is used (#2709 and #4378).
- head.insertBefore( script, head.firstChild );
- },
-
- abort: function() {
- if ( script ) {
- script.onload( 0, 1 );
- }
- }
- };
- }
-});
-
-
-
-
-var // #5280: Internet Explorer will keep connections alive if we don't abort on unload
- xhrOnUnloadAbort = window.ActiveXObject ? function() {
- // Abort all pending requests
- for ( var key in xhrCallbacks ) {
- xhrCallbacks[ key ]( 0, 1 );
- }
- } : false,
- xhrId = 0,
- xhrCallbacks;
-
-// Functions to create xhrs
-function createStandardXHR() {
- try {
- return new window.XMLHttpRequest();
- } catch( e ) {}
-}
-
-function createActiveXHR() {
- try {
- return new window.ActiveXObject( "Microsoft.XMLHTTP" );
- } catch( e ) {}
-}
-
-// Create the request object
-// (This is still attached to ajaxSettings for backward compatibility)
-jQuery.ajaxSettings.xhr = window.ActiveXObject ?
- /* Microsoft failed to properly
- * implement the XMLHttpRequest in IE7 (can't request local files),
- * so we use the ActiveXObject when it is available
- * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
- * we need a fallback.
- */
- function() {
- return !this.isLocal && createStandardXHR() || createActiveXHR();
- } :
- // For all other browsers, use the standard XMLHttpRequest object
- createStandardXHR;
-
-// Determine support properties
-(function( xhr ) {
- jQuery.extend( jQuery.support, {
- ajax: !!xhr,
- cors: !!xhr && ( "withCredentials" in xhr )
- });
-})( jQuery.ajaxSettings.xhr() );
-
-// Create transport if the browser can provide an xhr
-if ( jQuery.support.ajax ) {
-
- jQuery.ajaxTransport(function( s ) {
- // Cross domain only allowed if supported through XMLHttpRequest
- if ( !s.crossDomain || jQuery.support.cors ) {
-
- var callback;
-
- return {
- send: function( headers, complete ) {
-
- // Get a new xhr
- var xhr = s.xhr(),
- handle,
- i;
-
- // Open the socket
- // Passing null username, generates a login popup on Opera (#2865)
- if ( s.username ) {
- xhr.open( s.type, s.url, s.async, s.username, s.password );
- } else {
- xhr.open( s.type, s.url, s.async );
- }
-
- // Apply custom fields if provided
- if ( s.xhrFields ) {
- for ( i in s.xhrFields ) {
- xhr[ i ] = s.xhrFields[ i ];
- }
- }
-
- // Override mime type if needed
- if ( s.mimeType && xhr.overrideMimeType ) {
- xhr.overrideMimeType( s.mimeType );
- }
-
- // X-Requested-With header
- // For cross-domain requests, seeing as conditions for a preflight are
- // akin to a jigsaw puzzle, we simply never set it to be sure.
- // (it can always be set on a per-request basis or even using ajaxSetup)
- // For same-domain requests, won't change header if already provided.
- if ( !s.crossDomain && !headers["X-Requested-With"] ) {
- headers[ "X-Requested-With" ] = "XMLHttpRequest";
- }
-
- // Need an extra try/catch for cross domain requests in Firefox 3
- try {
- for ( i in headers ) {
- xhr.setRequestHeader( i, headers[ i ] );
- }
- } catch( _ ) {}
-
- // Do send the request
- // This may raise an exception which is actually
- // handled in jQuery.ajax (so no try/catch here)
- xhr.send( ( s.hasContent && s.data ) || null );
-
- // Listener
- callback = function( _, isAbort ) {
-
- var status,
- statusText,
- responseHeaders,
- responses,
- xml;
-
- // Firefox throws exceptions when accessing properties
- // of an xhr when a network error occured
- // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
- try {
-
- // Was never called and is aborted or complete
- if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
-
- // Only called once
- callback = undefined;
-
- // Do not keep as active anymore
- if ( handle ) {
- xhr.onreadystatechange = jQuery.noop;
- if ( xhrOnUnloadAbort ) {
- delete xhrCallbacks[ handle ];
- }
- }
-
- // If it's an abort
- if ( isAbort ) {
- // Abort it manually if needed
- if ( xhr.readyState !== 4 ) {
- xhr.abort();
- }
- } else {
- status = xhr.status;
- responseHeaders = xhr.getAllResponseHeaders();
- responses = {};
- xml = xhr.responseXML;
-
- // Construct response list
- if ( xml && xml.documentElement /* #4958 */ ) {
- responses.xml = xml;
- }
- responses.text = xhr.responseText;
-
- // Firefox throws an exception when accessing
- // statusText for faulty cross-domain requests
- try {
- statusText = xhr.statusText;
- } catch( e ) {
- // We normalize with Webkit giving an empty statusText
- statusText = "";
- }
-
- // Filter status for non standard behaviors
-
- // If the request is local and we have data: assume a success
- // (success with no data won't get notified, that's the best we
- // can do given current implementations)
- if ( !status && s.isLocal && !s.crossDomain ) {
- status = responses.text ? 200 : 404;
- // IE - #1450: sometimes returns 1223 when it should be 204
- } else if ( status === 1223 ) {
- status = 204;
- }
- }
- }
- } catch( firefoxAccessException ) {
- if ( !isAbort ) {
- complete( -1, firefoxAccessException );
- }
- }
-
- // Call complete if needed
- if ( responses ) {
- complete( status, statusText, responses, responseHeaders );
- }
- };
-
- // if we're in sync mode or it's in cache
- // and has been retrieved directly (IE6 & IE7)
- // we need to manually fire the callback
- if ( !s.async || xhr.readyState === 4 ) {
- callback();
- } else {
- handle = ++xhrId;
- if ( xhrOnUnloadAbort ) {
- // Create the active xhrs callbacks list if needed
- // and attach the unload handler
- if ( !xhrCallbacks ) {
- xhrCallbacks = {};
- jQuery( window ).unload( xhrOnUnloadAbort );
- }
- // Add to list of active xhrs callbacks
- xhrCallbacks[ handle ] = callback;
- }
- xhr.onreadystatechange = callback;
- }
- },
-
- abort: function() {
- if ( callback ) {
- callback(0,1);
- }
- }
- };
- }
- });
-}
-
-
-
-
-var elemdisplay = {},
- iframe, iframeDoc,
- rfxtypes = /^(?:toggle|show|hide)$/,
- rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
- timerId,
- fxAttrs = [
- // height animations
- [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
- // width animations
- [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
- // opacity animations
- [ "opacity" ]
- ],
- fxNow;
-
-jQuery.fn.extend({
- show: function( speed, easing, callback ) {
- var elem, display;
-
- if ( speed || speed === 0 ) {
- return this.animate( genFx("show", 3), speed, easing, callback );
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- elem = this[ i ];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- // Reset the inline display of this element to learn if it is
- // being hidden by cascaded rules or not
- if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
- display = elem.style.display = "";
- }
-
- // Set elements which have been overridden with display: none
- // in a stylesheet to whatever the default browser style is
- // for such an element
- if ( display === "" && jQuery.css(elem, "display") === "none" ) {
- jQuery._data( elem, "olddisplay", defaultDisplay(elem.nodeName) );
- }
- }
- }
-
- // Set the display of most of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- elem = this[ i ];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- if ( display === "" || display === "none" ) {
- elem.style.display = jQuery._data( elem, "olddisplay" ) || "";
- }
- }
- }
-
- return this;
- }
- },
-
- hide: function( speed, easing, callback ) {
- if ( speed || speed === 0 ) {
- return this.animate( genFx("hide", 3), speed, easing, callback);
-
- } else {
- var elem, display,
- i = 0,
- j = this.length;
-
- for ( ; i < j; i++ ) {
- elem = this[i];
- if ( elem.style ) {
- display = jQuery.css( elem, "display" );
-
- if ( display !== "none" && !jQuery._data( elem, "olddisplay" ) ) {
- jQuery._data( elem, "olddisplay", display );
- }
- }
- }
-
- // Set the display of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- if ( this[i].style ) {
- this[i].style.display = "none";
- }
- }
-
- return this;
- }
- },
-
- // Save the old toggle function
- _toggle: jQuery.fn.toggle,
-
- toggle: function( fn, fn2, callback ) {
- var bool = typeof fn === "boolean";
-
- if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
- this._toggle.apply( this, arguments );
-
- } else if ( fn == null || bool ) {
- this.each(function() {
- var state = bool ? fn : jQuery(this).is(":hidden");
- jQuery(this)[ state ? "show" : "hide" ]();
- });
-
- } else {
- this.animate(genFx("toggle", 3), fn, fn2, callback);
- }
-
- return this;
- },
-
- fadeTo: function( speed, to, easing, callback ) {
- return this.filter(":hidden").css("opacity", 0).show().end()
- .animate({opacity: to}, speed, easing, callback);
- },
-
- animate: function( prop, speed, easing, callback ) {
- var optall = jQuery.speed( speed, easing, callback );
-
- if ( jQuery.isEmptyObject( prop ) ) {
- return this.each( optall.complete, [ false ] );
- }
-
- // Do not change referenced properties as per-property easing will be lost
- prop = jQuery.extend( {}, prop );
-
- function doAnimation() {
- // XXX 'this' does not always have a nodeName when running the
- // test suite
-
- if ( optall.queue === false ) {
- jQuery._mark( this );
- }
-
- var opt = jQuery.extend( {}, optall ),
- isElement = this.nodeType === 1,
- hidden = isElement && jQuery(this).is(":hidden"),
- name, val, p, e,
- parts, start, end, unit,
- method;
-
- // will store per property easing and be used to determine when an animation is complete
- opt.animatedProperties = {};
-
- for ( p in prop ) {
-
- // property name normalization
- name = jQuery.camelCase( p );
- if ( p !== name ) {
- prop[ name ] = prop[ p ];
- delete prop[ p ];
- }
-
- val = prop[ name ];
-
- // easing resolution: per property > opt.specialEasing > opt.easing > 'swing' (default)
- if ( jQuery.isArray( val ) ) {
- opt.animatedProperties[ name ] = val[ 1 ];
- val = prop[ name ] = val[ 0 ];
- } else {
- opt.animatedProperties[ name ] = opt.specialEasing && opt.specialEasing[ name ] || opt.easing || 'swing';
- }
-
- if ( val === "hide" && hidden || val === "show" && !hidden ) {
- return opt.complete.call( this );
- }
-
- if ( isElement && ( name === "height" || name === "width" ) ) {
- // Make sure that nothing sneaks out
- // Record all 3 overflow attributes because IE does not
- // change the overflow attribute when overflowX and
- // overflowY are set to the same value
- opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
-
- // Set display property to inline-block for height/width
- // animations on inline elements that are having width/height animated
- if ( jQuery.css( this, "display" ) === "inline" &&
- jQuery.css( this, "float" ) === "none" ) {
-
- // inline-level elements accept inline-block;
- // block-level elements need to be inline with layout
- if ( !jQuery.support.inlineBlockNeedsLayout || defaultDisplay( this.nodeName ) === "inline" ) {
- this.style.display = "inline-block";
-
- } else {
- this.style.zoom = 1;
- }
- }
- }
- }
-
- if ( opt.overflow != null ) {
- this.style.overflow = "hidden";
- }
-
- for ( p in prop ) {
- e = new jQuery.fx( this, opt, p );
- val = prop[ p ];
-
- if ( rfxtypes.test( val ) ) {
-
- // Tracks whether to show or hide based on private
- // data attached to the element
- method = jQuery._data( this, "toggle" + p ) || ( val === "toggle" ? hidden ? "show" : "hide" : 0 );
- if ( method ) {
- jQuery._data( this, "toggle" + p, method === "show" ? "hide" : "show" );
- e[ method ]();
- } else {
- e[ val ]();
- }
-
- } else {
- parts = rfxnum.exec( val );
- start = e.cur();
-
- if ( parts ) {
- end = parseFloat( parts[2] );
- unit = parts[3] || ( jQuery.cssNumber[ p ] ? "" : "px" );
-
- // We need to compute starting value
- if ( unit !== "px" ) {
- jQuery.style( this, p, (end || 1) + unit);
- start = ( (end || 1) / e.cur() ) * start;
- jQuery.style( this, p, start + unit);
- }
-
- // If a +=/-= token was provided, we're doing a relative animation
- if ( parts[1] ) {
- end = ( (parts[ 1 ] === "-=" ? -1 : 1) * end ) + start;
- }
-
- e.custom( start, end, unit );
-
- } else {
- e.custom( start, val, "" );
- }
- }
- }
-
- // For JS strict compliance
- return true;
- }
-
- return optall.queue === false ?
- this.each( doAnimation ) :
- this.queue( optall.queue, doAnimation );
- },
-
- stop: function( type, clearQueue, gotoEnd ) {
- if ( typeof type !== "string" ) {
- gotoEnd = clearQueue;
- clearQueue = type;
- type = undefined;
- }
- if ( clearQueue && type !== false ) {
- this.queue( type || "fx", [] );
- }
-
- return this.each(function() {
- var index,
- hadTimers = false,
- timers = jQuery.timers,
- data = jQuery._data( this );
-
- // clear marker counters if we know they won't be
- if ( !gotoEnd ) {
- jQuery._unmark( true, this );
- }
-
- function stopQueue( elem, data, index ) {
- var hooks = data[ index ];
- jQuery.removeData( elem, index, true );
- hooks.stop( gotoEnd );
- }
-
- if ( type == null ) {
- for ( index in data ) {
- if ( data[ index ] && data[ index ].stop && index.indexOf(".run") === index.length - 4 ) {
- stopQueue( this, data, index );
- }
- }
- } else if ( data[ index = type + ".run" ] && data[ index ].stop ){
- stopQueue( this, data, index );
- }
-
- for ( index = timers.length; index--; ) {
- if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
- if ( gotoEnd ) {
-
- // force the next step to be the last
- timers[ index ]( true );
- } else {
- timers[ index ].saveState();
- }
- hadTimers = true;
- timers.splice( index, 1 );
- }
- }
-
- // start the next in the queue if the last step wasn't forced
- // timers currently will call their complete callbacks, which will dequeue
- // but only if they were gotoEnd
- if ( !( gotoEnd && hadTimers ) ) {
- jQuery.dequeue( this, type );
- }
- });
- }
-
-});
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
- setTimeout( clearFxNow, 0 );
- return ( fxNow = jQuery.now() );
-}
-
-function clearFxNow() {
- fxNow = undefined;
-}
-
-// Generate parameters to create a standard animation
-function genFx( type, num ) {
- var obj = {};
-
- jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice( 0, num )), function() {
- obj[ this ] = type;
- });
-
- return obj;
-}
-
-// Generate shortcuts for custom animations
-jQuery.each({
- slideDown: genFx( "show", 1 ),
- slideUp: genFx( "hide", 1 ),
- slideToggle: genFx( "toggle", 1 ),
- fadeIn: { opacity: "show" },
- fadeOut: { opacity: "hide" },
- fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
- jQuery.fn[ name ] = function( speed, easing, callback ) {
- return this.animate( props, speed, easing, callback );
- };
-});
-
-jQuery.extend({
- speed: function( speed, easing, fn ) {
- var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
- complete: fn || !fn && easing ||
- jQuery.isFunction( speed ) && speed,
- duration: speed,
- easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
- };
-
- opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
- opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
-
- // normalize opt.queue - true/undefined/null -> "fx"
- if ( opt.queue == null || opt.queue === true ) {
- opt.queue = "fx";
- }
-
- // Queueing
- opt.old = opt.complete;
-
- opt.complete = function( noUnmark ) {
- if ( jQuery.isFunction( opt.old ) ) {
- opt.old.call( this );
- }
-
- if ( opt.queue ) {
- jQuery.dequeue( this, opt.queue );
- } else if ( noUnmark !== false ) {
- jQuery._unmark( this );
- }
- };
-
- return opt;
- },
-
- easing: {
- linear: function( p, n, firstNum, diff ) {
- return firstNum + diff * p;
- },
- swing: function( p, n, firstNum, diff ) {
- return ( ( -Math.cos( p*Math.PI ) / 2 ) + 0.5 ) * diff + firstNum;
- }
- },
-
- timers: [],
-
- fx: function( elem, options, prop ) {
- this.options = options;
- this.elem = elem;
- this.prop = prop;
-
- options.orig = options.orig || {};
- }
-
-});
-
-jQuery.fx.prototype = {
- // Simple function for setting a style value
- update: function() {
- if ( this.options.step ) {
- this.options.step.call( this.elem, this.now, this );
- }
-
- ( jQuery.fx.step[ this.prop ] || jQuery.fx.step._default )( this );
- },
-
- // Get the current size
- cur: function() {
- if ( this.elem[ this.prop ] != null && (!this.elem.style || this.elem.style[ this.prop ] == null) ) {
- return this.elem[ this.prop ];
- }
-
- var parsed,
- r = jQuery.css( this.elem, this.prop );
- // Empty strings, null, undefined and "auto" are converted to 0,
- // complex values such as "rotate(1rad)" are returned as is,
- // simple values such as "10px" are parsed to Float.
- return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
- },
-
- // Start an animation from one number to another
- custom: function( from, to, unit ) {
- var self = this,
- fx = jQuery.fx;
-
- this.startTime = fxNow || createFxNow();
- this.end = to;
- this.now = this.start = from;
- this.pos = this.state = 0;
- this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
-
- function t( gotoEnd ) {
- return self.step( gotoEnd );
- }
-
- t.queue = this.options.queue;
- t.elem = this.elem;
- t.saveState = function() {
- if ( self.options.hide && jQuery._data( self.elem, "fxshow" + self.prop ) === undefined ) {
- jQuery._data( self.elem, "fxshow" + self.prop, self.start );
- }
- };
-
- if ( t() && jQuery.timers.push(t) && !timerId ) {
- timerId = setInterval( fx.tick, fx.interval );
- }
- },
-
- // Simple 'show' function
- show: function() {
- var dataShow = jQuery._data( this.elem, "fxshow" + this.prop );
-
- // Remember where we started, so that we can go back to it later
- this.options.orig[ this.prop ] = dataShow || jQuery.style( this.elem, this.prop );
- this.options.show = true;
-
- // Begin the animation
- // Make sure that we start at a small width/height to avoid any flash of content
- if ( dataShow !== undefined ) {
- // This show is picking up where a previous hide or show left off
- this.custom( this.cur(), dataShow );
- } else {
- this.custom( this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur() );
- }
-
- // Start by showing the element
- jQuery( this.elem ).show();
- },
-
- // Simple 'hide' function
- hide: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[ this.prop ] = jQuery._data( this.elem, "fxshow" + this.prop ) || jQuery.style( this.elem, this.prop );
- this.options.hide = true;
-
- // Begin the animation
- this.custom( this.cur(), 0 );
- },
-
- // Each step of an animation
- step: function( gotoEnd ) {
- var p, n, complete,
- t = fxNow || createFxNow(),
- done = true,
- elem = this.elem,
- options = this.options;
-
- if ( gotoEnd || t >= options.duration + this.startTime ) {
- this.now = this.end;
- this.pos = this.state = 1;
- this.update();
-
- options.animatedProperties[ this.prop ] = true;
-
- for ( p in options.animatedProperties ) {
- if ( options.animatedProperties[ p ] !== true ) {
- done = false;
- }
- }
-
- if ( done ) {
- // Reset the overflow
- if ( options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
-
- jQuery.each( [ "", "X", "Y" ], function( index, value ) {
- elem.style[ "overflow" + value ] = options.overflow[ index ];
- });
- }
-
- // Hide the element if the "hide" operation was done
- if ( options.hide ) {
- jQuery( elem ).hide();
- }
-
- // Reset the properties, if the item has been hidden or shown
- if ( options.hide || options.show ) {
- for ( p in options.animatedProperties ) {
- jQuery.style( elem, p, options.orig[ p ] );
- jQuery.removeData( elem, "fxshow" + p, true );
- // Toggle data is no longer needed
- jQuery.removeData( elem, "toggle" + p, true );
- }
- }
-
- // Execute the complete function
- // in the event that the complete function throws an exception
- // we must ensure it won't be called twice. #5684
-
- complete = options.complete;
- if ( complete ) {
-
- options.complete = false;
- complete.call( elem );
- }
- }
-
- return false;
-
- } else {
- // classical easing cannot be used with an Infinity duration
- if ( options.duration == Infinity ) {
- this.now = t;
- } else {
- n = t - this.startTime;
- this.state = n / options.duration;
-
- // Perform the easing function, defaults to swing
- this.pos = jQuery.easing[ options.animatedProperties[this.prop] ]( this.state, n, 0, 1, options.duration );
- this.now = this.start + ( (this.end - this.start) * this.pos );
- }
- // Perform the next step of the animation
- this.update();
- }
-
- return true;
- }
-};
-
-jQuery.extend( jQuery.fx, {
- tick: function() {
- var timer,
- timers = jQuery.timers,
- i = 0;
-
- for ( ; i < timers.length; i++ ) {
- timer = timers[ i ];
- // Checks the timer has not already been removed
- if ( !timer() && timers[ i ] === timer ) {
- timers.splice( i--, 1 );
- }
- }
-
- if ( !timers.length ) {
- jQuery.fx.stop();
- }
- },
-
- interval: 13,
-
- stop: function() {
- clearInterval( timerId );
- timerId = null;
- },
-
- speeds: {
- slow: 600,
- fast: 200,
- // Default speed
- _default: 400
- },
-
- step: {
- opacity: function( fx ) {
- jQuery.style( fx.elem, "opacity", fx.now );
- },
-
- _default: function( fx ) {
- if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
- fx.elem.style[ fx.prop ] = fx.now + fx.unit;
- } else {
- fx.elem[ fx.prop ] = fx.now;
- }
- }
- }
-});
-
-// Adds width/height step functions
-// Do not set anything below 0
-jQuery.each([ "width", "height" ], function( i, prop ) {
- jQuery.fx.step[ prop ] = function( fx ) {
- jQuery.style( fx.elem, prop, Math.max(0, fx.now) + fx.unit );
- };
-});
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.animated = function( elem ) {
- return jQuery.grep(jQuery.timers, function( fn ) {
- return elem === fn.elem;
- }).length;
- };
-}
-
-// Try to restore the default display value of an element
-function defaultDisplay( nodeName ) {
-
- if ( !elemdisplay[ nodeName ] ) {
-
- var body = document.body,
- elem = jQuery( "<" + nodeName + ">" ).appendTo( body ),
- display = elem.css( "display" );
- elem.remove();
-
- // If the simple way fails,
- // get element's real default display by attaching it to a temp iframe
- if ( display === "none" || display === "" ) {
- // No iframe to use yet, so create it
- if ( !iframe ) {
- iframe = document.createElement( "iframe" );
- iframe.frameBorder = iframe.width = iframe.height = 0;
- }
-
- body.appendChild( iframe );
-
- // Create a cacheable copy of the iframe document on first call.
- // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
- // document to it; WebKit & Firefox won't allow reusing the iframe document.
- if ( !iframeDoc || !iframe.createElement ) {
- iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
- iframeDoc.write( ( document.compatMode === "CSS1Compat" ? "<!doctype html>" : "" ) + "<html><body>" );
- iframeDoc.close();
- }
-
- elem = iframeDoc.createElement( nodeName );
-
- iframeDoc.body.appendChild( elem );
-
- display = jQuery.css( elem, "display" );
- body.removeChild( iframe );
- }
-
- // Store the correct default display
- elemdisplay[ nodeName ] = display;
- }
-
- return elemdisplay[ nodeName ];
-}
-
-
-
-
-var rtable = /^t(?:able|d|h)$/i,
- rroot = /^(?:body|html)$/i;
-
-if ( "getBoundingClientRect" in document.documentElement ) {
- jQuery.fn.offset = function( options ) {
- var elem = this[0], box;
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- try {
- box = elem.getBoundingClientRect();
- } catch(e) {}
-
- var doc = elem.ownerDocument,
- docElem = doc.documentElement;
-
- // Make sure we're not dealing with a disconnected DOM node
- if ( !box || !jQuery.contains( docElem, elem ) ) {
- return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
- }
-
- var body = doc.body,
- win = getWindow(doc),
- clientTop = docElem.clientTop || body.clientTop || 0,
- clientLeft = docElem.clientLeft || body.clientLeft || 0,
- scrollTop = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop || body.scrollTop,
- scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
- top = box.top + scrollTop - clientTop,
- left = box.left + scrollLeft - clientLeft;
-
- return { top: top, left: left };
- };
-
-} else {
- jQuery.fn.offset = function( options ) {
- var elem = this[0];
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- var computedStyle,
- offsetParent = elem.offsetParent,
- prevOffsetParent = elem,
- doc = elem.ownerDocument,
- docElem = doc.documentElement,
- body = doc.body,
- defaultView = doc.defaultView,
- prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
- top = elem.offsetTop,
- left = elem.offsetLeft;
-
- while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
- if ( jQuery.support.fixedPosition && prevComputedStyle.position === "fixed" ) {
- break;
- }
-
- computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
- top -= elem.scrollTop;
- left -= elem.scrollLeft;
-
- if ( elem === offsetParent ) {
- top += elem.offsetTop;
- left += elem.offsetLeft;
-
- if ( jQuery.support.doesNotAddBorder && !(jQuery.support.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevOffsetParent = offsetParent;
- offsetParent = elem.offsetParent;
- }
-
- if ( jQuery.support.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevComputedStyle = computedStyle;
- }
-
- if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
- top += body.offsetTop;
- left += body.offsetLeft;
- }
-
- if ( jQuery.support.fixedPosition && prevComputedStyle.position === "fixed" ) {
- top += Math.max( docElem.scrollTop, body.scrollTop );
- left += Math.max( docElem.scrollLeft, body.scrollLeft );
- }
-
- return { top: top, left: left };
- };
-}
-
-jQuery.offset = {
-
- bodyOffset: function( body ) {
- var top = body.offsetTop,
- left = body.offsetLeft;
-
- if ( jQuery.support.doesNotIncludeMarginInBodyOffset ) {
- top += parseFloat( jQuery.css(body, "marginTop") ) || 0;
- left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
- }
-
- return { top: top, left: left };
- },
-
- setOffset: function( elem, options, i ) {
- var position = jQuery.css( elem, "position" );
-
- // set position first, in-case top/left are set even on static elem
- if ( position === "static" ) {
- elem.style.position = "relative";
- }
-
- var curElem = jQuery( elem ),
- curOffset = curElem.offset(),
- curCSSTop = jQuery.css( elem, "top" ),
- curCSSLeft = jQuery.css( elem, "left" ),
- calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
- props = {}, curPosition = {}, curTop, curLeft;
-
- // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
- if ( calculatePosition ) {
- curPosition = curElem.position();
- curTop = curPosition.top;
- curLeft = curPosition.left;
- } else {
- curTop = parseFloat( curCSSTop ) || 0;
- curLeft = parseFloat( curCSSLeft ) || 0;
- }
-
- if ( jQuery.isFunction( options ) ) {
- options = options.call( elem, i, curOffset );
- }
-
- if ( options.top != null ) {
- props.top = ( options.top - curOffset.top ) + curTop;
- }
- if ( options.left != null ) {
- props.left = ( options.left - curOffset.left ) + curLeft;
- }
-
- if ( "using" in options ) {
- options.using.call( elem, props );
- } else {
- curElem.css( props );
- }
- }
-};
-
-
-jQuery.fn.extend({
-
- position: function() {
- if ( !this[0] ) {
- return null;
- }
-
- var elem = this[0],
-
- // Get *real* offsetParent
- offsetParent = this.offsetParent(),
-
- // Get correct offsets
- offset = this.offset(),
- parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
-
- // Subtract element margins
- // note: when an element has margin: auto the offsetLeft and marginLeft
- // are the same in Safari causing offset.left to incorrectly be 0
- offset.top -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
- offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
-
- // Add offsetParent borders
- parentOffset.top += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
- parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
-
- // Subtract the two offsets
- return {
- top: offset.top - parentOffset.top,
- left: offset.left - parentOffset.left
- };
- },
-
- offsetParent: function() {
- return this.map(function() {
- var offsetParent = this.offsetParent || document.body;
- while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
- offsetParent = offsetParent.offsetParent;
- }
- return offsetParent;
- });
- }
-});
-
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( ["Left", "Top"], function( i, name ) {
- var method = "scroll" + name;
-
- jQuery.fn[ method ] = function( val ) {
- var elem, win;
-
- if ( val === undefined ) {
- elem = this[ 0 ];
-
- if ( !elem ) {
- return null;
- }
-
- win = getWindow( elem );
-
- // Return the scroll offset
- return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
- jQuery.support.boxModel && win.document.documentElement[ method ] ||
- win.document.body[ method ] :
- elem[ method ];
- }
-
- // Set the scroll offset
- return this.each(function() {
- win = getWindow( this );
-
- if ( win ) {
- win.scrollTo(
- !i ? val : jQuery( win ).scrollLeft(),
- i ? val : jQuery( win ).scrollTop()
- );
-
- } else {
- this[ method ] = val;
- }
- });
- };
-});
-
-function getWindow( elem ) {
- return jQuery.isWindow( elem ) ?
- elem :
- elem.nodeType === 9 ?
- elem.defaultView || elem.parentWindow :
- false;
-}
-
-
-
-
-// Create width, height, innerHeight, innerWidth, outerHeight and outerWidth methods
-jQuery.each([ "Height", "Width" ], function( i, name ) {
-
- var type = name.toLowerCase();
-
- // innerHeight and innerWidth
- jQuery.fn[ "inner" + name ] = function() {
- var elem = this[0];
- return elem ?
- elem.style ?
- parseFloat( jQuery.css( elem, type, "padding" ) ) :
- this[ type ]() :
- null;
- };
-
- // outerHeight and outerWidth
- jQuery.fn[ "outer" + name ] = function( margin ) {
- var elem = this[0];
- return elem ?
- elem.style ?
- parseFloat( jQuery.css( elem, type, margin ? "margin" : "border" ) ) :
- this[ type ]() :
- null;
- };
-
- jQuery.fn[ type ] = function( size ) {
- // Get window width or height
- var elem = this[0];
- if ( !elem ) {
- return size == null ? null : this;
- }
-
- if ( jQuery.isFunction( size ) ) {
- return this.each(function( i ) {
- var self = jQuery( this );
- self[ type ]( size.call( this, i, self[ type ]() ) );
- });
- }
-
- if ( jQuery.isWindow( elem ) ) {
- // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
- // 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
- var docElemProp = elem.document.documentElement[ "client" + name ],
- body = elem.document.body;
- return elem.document.compatMode === "CSS1Compat" && docElemProp ||
- body && body[ "client" + name ] || docElemProp;
-
- // Get document width or height
- } else if ( elem.nodeType === 9 ) {
- // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
- return Math.max(
- elem.documentElement["client" + name],
- elem.body["scroll" + name], elem.documentElement["scroll" + name],
- elem.body["offset" + name], elem.documentElement["offset" + name]
- );
-
- // Get or set width or height on the element
- } else if ( size === undefined ) {
- var orig = jQuery.css( elem, type ),
- ret = parseFloat( orig );
-
- return jQuery.isNumeric( ret ) ? ret : orig;
-
- // Set the width or height on the element (default to pixels if value is unitless)
- } else {
- return this.css( type, typeof size === "string" ? size : size + "px" );
- }
- };
-
-});
-
-
-
-
-// Expose jQuery to the global object
-window.jQuery = window.$ = jQuery;
-
-// Expose jQuery as an AMD module, but only for AMD loaders that
-// understand the issues with loading multiple versions of jQuery
-// in a page that all might call define(). The loader will indicate
-// they have special allowances for multiple jQuery versions by
-// specifying define.amd.jQuery = true. Register as a named module,
-// since jQuery can be concatenated with other files that may use define,
-// but not use a proper concatenation script that understands anonymous
-// AMD modules. A named AMD is safest and most robust way to register.
-// Lowercase jquery is used because AMD module names are derived from
-// file names, and jQuery is normally delivered in a lowercase file name.
-// Do this after creating the global so that if an AMD module wants to call
-// noConflict to hide this version of jQuery, it will work.
-if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
- define( "jquery", [], function () { return jQuery; } );
-}
-
-
-
-})( window );
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: jQuery 1.7.1 core library
-//>>label: jQuery Core
-//>>excludeEnd("jqmBuildExclude");
-
-
-/*!
- * jQuery JavaScript Library v1.7.1
- * http://jquery.com/
- *
- * Copyright 2011, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * Includes Sizzle.js
- * http://sizzlejs.com/
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- *
- * Date: Mon Nov 21 21:11:03 2011 -0500
- */
-(function( window, undefined ) {
-
-// Use the correct document accordingly with window argument (sandbox)
-var document = window.document,
- navigator = window.navigator,
- location = window.location;
-var jQuery = (function() {
-
-// Define a local copy of jQuery
-var jQuery = function( selector, context ) {
- // The jQuery object is actually just the init constructor 'enhanced'
- return new jQuery.fn.init( selector, context, rootjQuery );
- },
-
- // Map over jQuery in case of overwrite
- _jQuery = window.jQuery,
-
- // Map over the $ in case of overwrite
- _$ = window.$,
-
- // A central reference to the root jQuery(document)
- rootjQuery,
-
- // A simple way to check for HTML strings or ID strings
- // Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
- quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,
-
- // Check if a string has a non-whitespace character in it
- rnotwhite = /\S/,
-
- // Used for trimming whitespace
- trimLeft = /^\s+/,
- trimRight = /\s+$/,
-
- // Match a standalone tag
- rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
-
- // JSON RegExp
- rvalidchars = /^[\],:{}\s]*$/,
- rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
- rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
- rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
-
- // Useragent RegExp
- rwebkit = /(webkit)[ \/]([\w.]+)/,
- ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
- rmsie = /(msie) ([\w.]+)/,
- rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
-
- // Matches dashed string for camelizing
- rdashAlpha = /-([a-z]|[0-9])/ig,
- rmsPrefix = /^-ms-/,
-
- // Used by jQuery.camelCase as callback to replace()
- fcamelCase = function( all, letter ) {
- return ( letter + "" ).toUpperCase();
- },
-
- // Keep a UserAgent string for use with jQuery.browser
- userAgent = navigator.userAgent,
-
- // For matching the engine and version of the browser
- browserMatch,
-
- // The deferred used on DOM ready
- readyList,
-
- // The ready event handler
- DOMContentLoaded,
-
- // Save a reference to some core methods
- toString = Object.prototype.toString,
- hasOwn = Object.prototype.hasOwnProperty,
- push = Array.prototype.push,
- slice = Array.prototype.slice,
- trim = String.prototype.trim,
- indexOf = Array.prototype.indexOf,
-
- // [[Class]] -> type pairs
- class2type = {};
-
-jQuery.fn = jQuery.prototype = {
- constructor: jQuery,
- init: function( selector, context, rootjQuery ) {
- var match, elem, ret, doc;
-
- // Handle $(""), $(null), or $(undefined)
- if ( !selector ) {
- return this;
- }
-
- // Handle $(DOMElement)
- if ( selector.nodeType ) {
- this.context = this[0] = selector;
- this.length = 1;
- return this;
- }
-
- // The body element only exists once, optimize finding it
- if ( selector === "body" && !context && document.body ) {
- this.context = document;
- this[0] = document.body;
- this.selector = selector;
- this.length = 1;
- return this;
- }
-
- // Handle HTML strings
- if ( typeof selector === "string" ) {
- // Are we dealing with HTML string or an ID?
- if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
- // Assume that strings that start and end with <> are HTML and skip the regex check
- match = [ null, selector, null ];
-
- } else {
- match = quickExpr.exec( selector );
- }
-
- // Verify a match, and that no context was specified for #id
- if ( match && (match[1] || !context) ) {
-
- // HANDLE: $(html) -> $(array)
- if ( match[1] ) {
- context = context instanceof jQuery ? context[0] : context;
- doc = ( context ? context.ownerDocument || context : document );
-
- // If a single string is passed in and it's a single tag
- // just do a createElement and skip the rest
- ret = rsingleTag.exec( selector );
-
- if ( ret ) {
- if ( jQuery.isPlainObject( context ) ) {
- selector = [ document.createElement( ret[1] ) ];
- jQuery.fn.attr.call( selector, context, true );
-
- } else {
- selector = [ doc.createElement( ret[1] ) ];
- }
-
- } else {
- ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
- selector = ( ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment ).childNodes;
- }
-
- return jQuery.merge( this, selector );
-
- // HANDLE: $("#id")
- } else {
- elem = document.getElementById( match[2] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id !== match[2] ) {
- return rootjQuery.find( selector );
- }
-
- // Otherwise, we inject the element directly into the jQuery object
- this.length = 1;
- this[0] = elem;
- }
-
- this.context = document;
- this.selector = selector;
- return this;
- }
-
- // HANDLE: $(expr, $(...))
- } else if ( !context || context.jquery ) {
- return ( context || rootjQuery ).find( selector );
-
- // HANDLE: $(expr, context)
- // (which is just equivalent to: $(context).find(expr)
- } else {
- return this.constructor( context ).find( selector );
- }
-
- // HANDLE: $(function)
- // Shortcut for document ready
- } else if ( jQuery.isFunction( selector ) ) {
- return rootjQuery.ready( selector );
- }
-
- if ( selector.selector !== undefined ) {
- this.selector = selector.selector;
- this.context = selector.context;
- }
-
- return jQuery.makeArray( selector, this );
- },
-
- // Start with an empty selector
- selector: "",
-
- // The current version of jQuery being used
- jquery: "1.7.1",
-
- // The default length of a jQuery object is 0
- length: 0,
-
- // The number of elements contained in the matched element set
- size: function() {
- return this.length;
- },
-
- toArray: function() {
- return slice.call( this, 0 );
- },
-
- // Get the Nth element in the matched element set OR
- // Get the whole matched element set as a clean array
- get: function( num ) {
- return num == null ?
-
- // Return a 'clean' array
- this.toArray() :
-
- // Return just the object
- ( num < 0 ? this[ this.length + num ] : this[ num ] );
- },
-
- // Take an array of elements and push it onto the stack
- // (returning the new matched element set)
- pushStack: function( elems, name, selector ) {
- // Build a new jQuery matched element set
- var ret = this.constructor();
-
- if ( jQuery.isArray( elems ) ) {
- push.apply( ret, elems );
-
- } else {
- jQuery.merge( ret, elems );
- }
-
- // Add the old object onto the stack (as a reference)
- ret.prevObject = this;
-
- ret.context = this.context;
-
- if ( name === "find" ) {
- ret.selector = this.selector + ( this.selector ? " " : "" ) + selector;
- } else if ( name ) {
- ret.selector = this.selector + "." + name + "(" + selector + ")";
- }
-
- // Return the newly-formed element set
- return ret;
- },
-
- // Execute a callback for every element in the matched set.
- // (You can seed the arguments with an array of args, but this is
- // only used internally.)
- each: function( callback, args ) {
- return jQuery.each( this, callback, args );
- },
-
- ready: function( fn ) {
- // Attach the listeners
- jQuery.bindReady();
-
- // Add the callback
- readyList.add( fn );
-
- return this;
- },
-
- eq: function( i ) {
- i = +i;
- return i === -1 ?
- this.slice( i ) :
- this.slice( i, i + 1 );
- },
-
- first: function() {
- return this.eq( 0 );
- },
-
- last: function() {
- return this.eq( -1 );
- },
-
- slice: function() {
- return this.pushStack( slice.apply( this, arguments ),
- "slice", slice.call(arguments).join(",") );
- },
-
- map: function( callback ) {
- return this.pushStack( jQuery.map(this, function( elem, i ) {
- return callback.call( elem, i, elem );
- }));
- },
-
- end: function() {
- return this.prevObject || this.constructor(null);
- },
-
- // For internal use only.
- // Behaves like an Array's method, not like a jQuery method.
- push: push,
- sort: [].sort,
- splice: [].splice
-};
-
-// Give the init function the jQuery prototype for later instantiation
-jQuery.fn.init.prototype = jQuery.fn;
-
-jQuery.extend = jQuery.fn.extend = function() {
- var options, name, src, copy, copyIsArray, clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false;
-
- // Handle a deep copy situation
- if ( typeof target === "boolean" ) {
- deep = target;
- target = arguments[1] || {};
- // skip the boolean and the target
- i = 2;
- }
-
- // Handle case when target is a string or something (possible in deep copy)
- if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
- target = {};
- }
-
- // extend jQuery itself if only one argument is passed
- if ( length === i ) {
- target = this;
- --i;
- }
-
- for ( ; i < length; i++ ) {
- // Only deal with non-null/undefined values
- if ( (options = arguments[ i ]) != null ) {
- // Extend the base object
- for ( name in options ) {
- src = target[ name ];
- copy = options[ name ];
-
- // Prevent never-ending loop
- if ( target === copy ) {
- continue;
- }
-
- // Recurse if we're merging plain objects or arrays
- if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
- if ( copyIsArray ) {
- copyIsArray = false;
- clone = src && jQuery.isArray(src) ? src : [];
-
- } else {
- clone = src && jQuery.isPlainObject(src) ? src : {};
- }
-
- // Never move original objects, clone them
- target[ name ] = jQuery.extend( deep, clone, copy );
-
- // Don't bring in undefined values
- } else if ( copy !== undefined ) {
- target[ name ] = copy;
- }
- }
- }
- }
-
- // Return the modified object
- return target;
-};
-
-jQuery.extend({
- noConflict: function( deep ) {
- if ( window.$ === jQuery ) {
- window.$ = _$;
- }
-
- if ( deep && window.jQuery === jQuery ) {
- window.jQuery = _jQuery;
- }
-
- return jQuery;
- },
-
- // Is the DOM ready to be used? Set to true once it occurs.
- isReady: false,
-
- // A counter to track how many items to wait for before
- // the ready event fires. See #6781
- readyWait: 1,
-
- // Hold (or release) the ready event
- holdReady: function( hold ) {
- if ( hold ) {
- jQuery.readyWait++;
- } else {
- jQuery.ready( true );
- }
- },
-
- // Handle when the DOM is ready
- ready: function( wait ) {
- // Either a released hold or an DOMready/load event and not yet ready
- if ( (wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady) ) {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( !document.body ) {
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Remember that the DOM is ready
- jQuery.isReady = true;
-
- // If a normal DOM Ready event fired, decrement, and wait if need be
- if ( wait !== true && --jQuery.readyWait > 0 ) {
- return;
- }
-
- // If there are functions bound, to execute
- readyList.fireWith( document, [ jQuery ] );
-
- // Trigger any bound ready events
- if ( jQuery.fn.trigger ) {
- jQuery( document ).trigger( "ready" ).off( "ready" );
- }
- }
- },
-
- bindReady: function() {
- if ( readyList ) {
- return;
- }
-
- readyList = jQuery.Callbacks( "once memory" );
-
- // Catch cases where $(document).ready() is called after the
- // browser event has already occurred.
- if ( document.readyState === "complete" ) {
- // Handle it asynchronously to allow scripts the opportunity to delay ready
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Mozilla, Opera and webkit nightlies currently support this event
- if ( document.addEventListener ) {
- // Use the handy event callback
- document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-
- // A fallback to window.onload, that will always work
- window.addEventListener( "load", jQuery.ready, false );
-
- // If IE event model is used
- } else if ( document.attachEvent ) {
- // ensure firing before onload,
- // maybe late but safe also for iframes
- document.attachEvent( "onreadystatechange", DOMContentLoaded );
-
- // A fallback to window.onload, that will always work
- window.attachEvent( "onload", jQuery.ready );
-
- // If IE and not a frame
- // continually check to see if the document is ready
- var toplevel = false;
-
- try {
- toplevel = window.frameElement == null;
- } catch(e) {}
-
- if ( document.documentElement.doScroll && toplevel ) {
- doScrollCheck();
- }
- }
- },
-
- // See test/unit/core.js for details concerning isFunction.
- // Since version 1.3, DOM methods and functions like alert
- // aren't supported. They return false on IE (#2968).
- isFunction: function( obj ) {
- return jQuery.type(obj) === "function";
- },
-
- isArray: Array.isArray || function( obj ) {
- return jQuery.type(obj) === "array";
- },
-
- // A crude way of determining if an object is a window
- isWindow: function( obj ) {
- return obj && typeof obj === "object" && "setInterval" in obj;
- },
-
- isNumeric: function( obj ) {
- return !isNaN( parseFloat(obj) ) && isFinite( obj );
- },
-
- type: function( obj ) {
- return obj == null ?
- String( obj ) :
- class2type[ toString.call(obj) ] || "object";
- },
-
- isPlainObject: function( obj ) {
- // Must be an Object.
- // Because of IE, we also have to check the presence of the constructor property.
- // Make sure that DOM nodes and window objects don't pass through, as well
- if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
- return false;
- }
-
- try {
- // Not own constructor property must be Object
- if ( obj.constructor &&
- !hasOwn.call(obj, "constructor") &&
- !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
- return false;
- }
- } catch ( e ) {
- // IE8,9 Will throw exceptions on certain host objects #9897
- return false;
- }
-
- // Own properties are enumerated firstly, so to speed up,
- // if last one is own, then all properties are own.
-
- var key;
- for ( key in obj ) {}
-
- return key === undefined || hasOwn.call( obj, key );
- },
-
- isEmptyObject: function( obj ) {
- for ( var name in obj ) {
- return false;
- }
- return true;
- },
-
- error: function( msg ) {
- throw new Error( msg );
- },
-
- parseJSON: function( data ) {
- if ( typeof data !== "string" || !data ) {
- return null;
- }
-
- // Make sure leading/trailing whitespace is removed (IE can't handle it)
- data = jQuery.trim( data );
-
- // Attempt to parse using the native JSON parser first
- if ( window.JSON && window.JSON.parse ) {
- return window.JSON.parse( data );
- }
-
- // Make sure the incoming data is actual JSON
- // Logic borrowed from http://json.org/json2.js
- if ( rvalidchars.test( data.replace( rvalidescape, "@" )
- .replace( rvalidtokens, "]" )
- .replace( rvalidbraces, "")) ) {
-
- return ( new Function( "return " + data ) )();
-
- }
- jQuery.error( "Invalid JSON: " + data );
- },
-
- // Cross-browser xml parsing
- parseXML: function( data ) {
- var xml, tmp;
- try {
- if ( window.DOMParser ) { // Standard
- tmp = new DOMParser();
- xml = tmp.parseFromString( data , "text/xml" );
- } else { // IE
- xml = new ActiveXObject( "Microsoft.XMLDOM" );
- xml.async = "false";
- xml.loadXML( data );
- }
- } catch( e ) {
- xml = undefined;
- }
- if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
- jQuery.error( "Invalid XML: " + data );
- }
- return xml;
- },
-
- noop: function() {},
-
- // Evaluates a script in a global context
- // Workarounds based on findings by Jim Driscoll
- // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
- globalEval: function( data ) {
- if ( data && rnotwhite.test( data ) ) {
- // We use execScript on Internet Explorer
- // We use an anonymous function so that context is window
- // rather than jQuery in Firefox
- ( window.execScript || function( data ) {
- window[ "eval" ].call( window, data );
- } )( data );
- }
- },
-
- // Convert dashed to camelCase; used by the css and data modules
- // Microsoft forgot to hump their vendor prefix (#9572)
- camelCase: function( string ) {
- return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
- },
-
- nodeName: function( elem, name ) {
- return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
- },
-
- // args is for internal usage only
- each: function( object, callback, args ) {
- var name, i = 0,
- length = object.length,
- isObj = length === undefined || jQuery.isFunction( object );
-
- if ( args ) {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.apply( object[ name ], args ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.apply( object[ i++ ], args ) === false ) {
- break;
- }
- }
- }
-
- // A special, fast, case for the most common use of each
- } else {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
- break;
- }
- }
- }
- }
-
- return object;
- },
-
- // Use native String.trim function wherever possible
- trim: trim ?
- function( text ) {
- return text == null ?
- "" :
- trim.call( text );
- } :
-
- // Otherwise use our own trimming functionality
- function( text ) {
- return text == null ?
- "" :
- text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
- },
-
- // results is for internal usage only
- makeArray: function( array, results ) {
- var ret = results || [];
-
- if ( array != null ) {
- // The window, strings (and functions) also have 'length'
- // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
- var type = jQuery.type( array );
-
- if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
- push.call( ret, array );
- } else {
- jQuery.merge( ret, array );
- }
- }
-
- return ret;
- },
-
- inArray: function( elem, array, i ) {
- var len;
-
- if ( array ) {
- if ( indexOf ) {
- return indexOf.call( array, elem, i );
- }
-
- len = array.length;
- i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
-
- for ( ; i < len; i++ ) {
- // Skip accessing in sparse arrays
- if ( i in array && array[ i ] === elem ) {
- return i;
- }
- }
- }
-
- return -1;
- },
-
- merge: function( first, second ) {
- var i = first.length,
- j = 0;
-
- if ( typeof second.length === "number" ) {
- for ( var l = second.length; j < l; j++ ) {
- first[ i++ ] = second[ j ];
- }
-
- } else {
- while ( second[j] !== undefined ) {
- first[ i++ ] = second[ j++ ];
- }
- }
-
- first.length = i;
-
- return first;
- },
-
- grep: function( elems, callback, inv ) {
- var ret = [], retVal;
- inv = !!inv;
-
- // Go through the array, only saving the items
- // that pass the validator function
- for ( var i = 0, length = elems.length; i < length; i++ ) {
- retVal = !!callback( elems[ i ], i );
- if ( inv !== retVal ) {
- ret.push( elems[ i ] );
- }
- }
-
- return ret;
- },
-
- // arg is for internal usage only
- map: function( elems, callback, arg ) {
- var value, key, ret = [],
- i = 0,
- length = elems.length,
- // jquery objects are treated as arrays
- isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;
-
- // Go through the array, translating each of the items to their
- if ( isArray ) {
- for ( ; i < length; i++ ) {
- value = callback( elems[ i ], i, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
-
- // Go through every key on the object,
- } else {
- for ( key in elems ) {
- value = callback( elems[ key ], key, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
- }
-
- // Flatten any nested arrays
- return ret.concat.apply( [], ret );
- },
-
- // A global GUID counter for objects
- guid: 1,
-
- // Bind a function to a context, optionally partially applying any
- // arguments.
- proxy: function( fn, context ) {
- if ( typeof context === "string" ) {
- var tmp = fn[ context ];
- context = fn;
- fn = tmp;
- }
-
- // Quick check to determine if target is callable, in the spec
- // this throws a TypeError, but we will just return undefined.
- if ( !jQuery.isFunction( fn ) ) {
- return undefined;
- }
-
- // Simulated bind
- var args = slice.call( arguments, 2 ),
- proxy = function() {
- return fn.apply( context, args.concat( slice.call( arguments ) ) );
- };
-
- // Set the guid of unique handler to the same of original handler, so it can be removed
- proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
-
- return proxy;
- },
-
- // Mutifunctional method to get and set values to a collection
- // The value/s can optionally be executed if it's a function
- access: function( elems, key, value, exec, fn, pass ) {
- var length = elems.length;
-
- // Setting many attributes
- if ( typeof key === "object" ) {
- for ( var k in key ) {
- jQuery.access( elems, k, key[k], exec, fn, value );
- }
- return elems;
- }
-
- // Setting one attribute
- if ( value !== undefined ) {
- // Optionally, function values get executed if exec is true
- exec = !pass && exec && jQuery.isFunction(value);
-
- for ( var i = 0; i < length; i++ ) {
- fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
- }
-
- return elems;
- }
-
- // Getting an attribute
- return length ? fn( elems[0], key ) : undefined;
- },
-
- now: function() {
- return ( new Date() ).getTime();
- },
-
- // Use of jQuery.browser is frowned upon.
- // More details: http://docs.jquery.com/Utilities/jQuery.browser
- uaMatch: function( ua ) {
- ua = ua.toLowerCase();
-
- var match = rwebkit.exec( ua ) ||
- ropera.exec( ua ) ||
- rmsie.exec( ua ) ||
- ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
- [];
-
- return { browser: match[1] || "", version: match[2] || "0" };
- },
-
- sub: function() {
- function jQuerySub( selector, context ) {
- return new jQuerySub.fn.init( selector, context );
- }
- jQuery.extend( true, jQuerySub, this );
- jQuerySub.superclass = this;
- jQuerySub.fn = jQuerySub.prototype = this();
- jQuerySub.fn.constructor = jQuerySub;
- jQuerySub.sub = this.sub;
- jQuerySub.fn.init = function init( selector, context ) {
- if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
- context = jQuerySub( context );
- }
-
- return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
- };
- jQuerySub.fn.init.prototype = jQuerySub.fn;
- var rootjQuerySub = jQuerySub(document);
- return jQuerySub;
- },
-
- browser: {}
-});
-
-// Populate the class2type map
-jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
- class2type[ "[object " + name + "]" ] = name.toLowerCase();
-});
-
-browserMatch = jQuery.uaMatch( userAgent );
-if ( browserMatch.browser ) {
- jQuery.browser[ browserMatch.browser ] = true;
- jQuery.browser.version = browserMatch.version;
-}
-
-// Deprecated, use jQuery.browser.webkit instead
-if ( jQuery.browser.webkit ) {
- jQuery.browser.safari = true;
-}
-
-// IE doesn't match non-breaking spaces with \s
-if ( rnotwhite.test( "\xA0" ) ) {
- trimLeft = /^[\s\xA0]+/;
- trimRight = /[\s\xA0]+$/;
-}
-
-// All jQuery objects should point back to these
-rootjQuery = jQuery(document);
-
-// Cleanup functions for the document ready method
-if ( document.addEventListener ) {
- DOMContentLoaded = function() {
- document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
- jQuery.ready();
- };
-
-} else if ( document.attachEvent ) {
- DOMContentLoaded = function() {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( document.readyState === "complete" ) {
- document.detachEvent( "onreadystatechange", DOMContentLoaded );
- jQuery.ready();
- }
- };
-}
-
-// The DOM ready check for Internet Explorer
-function doScrollCheck() {
- if ( jQuery.isReady ) {
- return;
- }
-
- try {
- // If IE is used, use the trick by Diego Perini
- // http://javascript.nwbox.com/IEContentLoaded/
- document.documentElement.doScroll("left");
- } catch(e) {
- setTimeout( doScrollCheck, 1 );
- return;
- }
-
- // and execute any waiting functions
- jQuery.ready();
-}
-
-return jQuery;
-
-})();
-
-
-// String to Object flags format cache
-var flagsCache = {};
-
-// Convert String-formatted flags into Object-formatted ones and store in cache
-function createFlags( flags ) {
- var object = flagsCache[ flags ] = {},
- i, length;
- flags = flags.split( /\s+/ );
- for ( i = 0, length = flags.length; i < length; i++ ) {
- object[ flags[i] ] = true;
- }
- return object;
-}
-
-/*
- * Create a callback list using the following parameters:
- *
- * flags: an optional list of space-separated flags that will change how
- * the callback list behaves
- *
- * By default a callback list will act like an event callback list and can be
- * "fired" multiple times.
- *
- * Possible flags:
- *
- * once: will ensure the callback list can only be fired once (like a Deferred)
- *
- * memory: will keep track of previous values and will call any callback added
- * after the list has been fired right away with the latest "memorized"
- * values (like a Deferred)
- *
- * unique: will ensure a callback can only be added once (no duplicate in the list)
- *
- * stopOnFalse: interrupt callings when a callback returns false
- *
- */
-jQuery.Callbacks = function( flags ) {
-
- // Convert flags from String-formatted to Object-formatted
- // (we check in cache first)
- flags = flags ? ( flagsCache[ flags ] || createFlags( flags ) ) : {};
-
- var // Actual callback list
- list = [],
- // Stack of fire calls for repeatable lists
- stack = [],
- // Last fire value (for non-forgettable lists)
- memory,
- // Flag to know if list is currently firing
- firing,
- // First callback to fire (used internally by add and fireWith)
- firingStart,
- // End of the loop when firing
- firingLength,
- // Index of currently firing callback (modified by remove if needed)
- firingIndex,
- // Add one or several callbacks to the list
- add = function( args ) {
- var i,
- length,
- elem,
- type,
- actual;
- for ( i = 0, length = args.length; i < length; i++ ) {
- elem = args[ i ];
- type = jQuery.type( elem );
- if ( type === "array" ) {
- // Inspect recursively
- add( elem );
- } else if ( type === "function" ) {
- // Add if not in unique mode and callback is not in
- if ( !flags.unique || !self.has( elem ) ) {
- list.push( elem );
- }
- }
- }
- },
- // Fire callbacks
- fire = function( context, args ) {
- args = args || [];
- memory = !flags.memory || [ context, args ];
- firing = true;
- firingIndex = firingStart || 0;
- firingStart = 0;
- firingLength = list.length;
- for ( ; list && firingIndex < firingLength; firingIndex++ ) {
- if ( list[ firingIndex ].apply( context, args ) === false && flags.stopOnFalse ) {
- memory = true; // Mark as halted
- break;
- }
- }
- firing = false;
- if ( list ) {
- if ( !flags.once ) {
- if ( stack && stack.length ) {
- memory = stack.shift();
- self.fireWith( memory[ 0 ], memory[ 1 ] );
- }
- } else if ( memory === true ) {
- self.disable();
- } else {
- list = [];
- }
- }
- },
- // Actual Callbacks object
- self = {
- // Add a callback or a collection of callbacks to the list
- add: function() {
- if ( list ) {
- var length = list.length;
- add( arguments );
- // Do we need to add the callbacks to the
- // current firing batch?
- if ( firing ) {
- firingLength = list.length;
- // With memory, if we're not firing then
- // we should call right away, unless previous
- // firing was halted (stopOnFalse)
- } else if ( memory && memory !== true ) {
- firingStart = length;
- fire( memory[ 0 ], memory[ 1 ] );
- }
- }
- return this;
- },
- // Remove a callback from the list
- remove: function() {
- if ( list ) {
- var args = arguments,
- argIndex = 0,
- argLength = args.length;
- for ( ; argIndex < argLength ; argIndex++ ) {
- for ( var i = 0; i < list.length; i++ ) {
- if ( args[ argIndex ] === list[ i ] ) {
- // Handle firingIndex and firingLength
- if ( firing ) {
- if ( i <= firingLength ) {
- firingLength--;
- if ( i <= firingIndex ) {
- firingIndex--;
- }
- }
- }
- // Remove the element
- list.splice( i--, 1 );
- // If we have some unicity property then
- // we only need to do this once
- if ( flags.unique ) {
- break;
- }
- }
- }
- }
- }
- return this;
- },
- // Control if a given callback is in the list
- has: function( fn ) {
- if ( list ) {
- var i = 0,
- length = list.length;
- for ( ; i < length; i++ ) {
- if ( fn === list[ i ] ) {
- return true;
- }
- }
- }
- return false;
- },
- // Remove all callbacks from the list
- empty: function() {
- list = [];
- return this;
- },
- // Have the list do nothing anymore
- disable: function() {
- list = stack = memory = undefined;
- return this;
- },
- // Is it disabled?
- disabled: function() {
- return !list;
- },
- // Lock the list in its current state
- lock: function() {
- stack = undefined;
- if ( !memory || memory === true ) {
- self.disable();
- }
- return this;
- },
- // Is it locked?
- locked: function() {
- return !stack;
- },
- // Call all callbacks with the given context and arguments
- fireWith: function( context, args ) {
- if ( stack ) {
- if ( firing ) {
- if ( !flags.once ) {
- stack.push( [ context, args ] );
- }
- } else if ( !( flags.once && memory ) ) {
- fire( context, args );
- }
- }
- return this;
- },
- // Call all the callbacks with the given arguments
- fire: function() {
- self.fireWith( this, arguments );
- return this;
- },
- // To know if the callbacks have already been called at least once
- fired: function() {
- return !!memory;
- }
- };
-
- return self;
-};
-
-
-
-
-var // Static reference to slice
- sliceDeferred = [].slice;
-
-jQuery.extend({
-
- Deferred: function( func ) {
- var doneList = jQuery.Callbacks( "once memory" ),
- failList = jQuery.Callbacks( "once memory" ),
- progressList = jQuery.Callbacks( "memory" ),
- state = "pending",
- lists = {
- resolve: doneList,
- reject: failList,
- notify: progressList
- },
- promise = {
- done: doneList.add,
- fail: failList.add,
- progress: progressList.add,
-
- state: function() {
- return state;
- },
-
- // Deprecated
- isResolved: doneList.fired,
- isRejected: failList.fired,
-
- then: function( doneCallbacks, failCallbacks, progressCallbacks ) {
- deferred.done( doneCallbacks ).fail( failCallbacks ).progress( progressCallbacks );
- return this;
- },
- always: function() {
- deferred.done.apply( deferred, arguments ).fail.apply( deferred, arguments );
- return this;
- },
- pipe: function( fnDone, fnFail, fnProgress ) {
- return jQuery.Deferred(function( newDefer ) {
- jQuery.each( {
- done: [ fnDone, "resolve" ],
- fail: [ fnFail, "reject" ],
- progress: [ fnProgress, "notify" ]
- }, function( handler, data ) {
- var fn = data[ 0 ],
- action = data[ 1 ],
- returned;
- if ( jQuery.isFunction( fn ) ) {
- deferred[ handler ](function() {
- returned = fn.apply( this, arguments );
- if ( returned && jQuery.isFunction( returned.promise ) ) {
- returned.promise().then( newDefer.resolve, newDefer.reject, newDefer.notify );
- } else {
- newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
- }
- });
- } else {
- deferred[ handler ]( newDefer[ action ] );
- }
- });
- }).promise();
- },
- // Get a promise for this deferred
- // If obj is provided, the promise aspect is added to the object
- promise: function( obj ) {
- if ( obj == null ) {
- obj = promise;
- } else {
- for ( var key in promise ) {
- obj[ key ] = promise[ key ];
- }
- }
- return obj;
- }
- },
- deferred = promise.promise({}),
- key;
-
- for ( key in lists ) {
- deferred[ key ] = lists[ key ].fire;
- deferred[ key + "With" ] = lists[ key ].fireWith;
- }
-
- // Handle state
- deferred.done( function() {
- state = "resolved";
- }, failList.disable, progressList.lock ).fail( function() {
- state = "rejected";
- }, doneList.disable, progressList.lock );
-
- // Call given func if any
- if ( func ) {
- func.call( deferred, deferred );
- }
-
- // All done!
- return deferred;
- },
-
- // Deferred helper
- when: function( firstParam ) {
- var args = sliceDeferred.call( arguments, 0 ),
- i = 0,
- length = args.length,
- pValues = new Array( length ),
- count = length,
- pCount = length,
- deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ?
- firstParam :
- jQuery.Deferred(),
- promise = deferred.promise();
- function resolveFunc( i ) {
- return function( value ) {
- args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- if ( !( --count ) ) {
- deferred.resolveWith( deferred, args );
- }
- };
- }
- function progressFunc( i ) {
- return function( value ) {
- pValues[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- deferred.notifyWith( promise, pValues );
- };
- }
- if ( length > 1 ) {
- for ( ; i < length; i++ ) {
- if ( args[ i ] && args[ i ].promise && jQuery.isFunction( args[ i ].promise ) ) {
- args[ i ].promise().then( resolveFunc(i), deferred.reject, progressFunc(i) );
- } else {
- --count;
- }
- }
- if ( !count ) {
- deferred.resolveWith( deferred, args );
- }
- } else if ( deferred !== firstParam ) {
- deferred.resolveWith( deferred, length ? [ firstParam ] : [] );
- }
- return promise;
- }
-});
-
-
-
-
-jQuery.support = (function() {
-
- var support,
- all,
- a,
- select,
- opt,
- input,
- marginDiv,
- fragment,
- tds,
- events,
- eventName,
- i,
- isSupported,
- div = document.createElement( "div" ),
- documentElement = document.documentElement;
-
- // Preliminary tests
- div.setAttribute("className", "t");
- div.innerHTML = " <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
-
- all = div.getElementsByTagName( "*" );
- a = div.getElementsByTagName( "a" )[ 0 ];
-
- // Can't get basic test support
- if ( !all || !all.length || !a ) {
- return {};
- }
-
- // First batch of supports tests
- select = document.createElement( "select" );
- opt = select.appendChild( document.createElement("option") );
- input = div.getElementsByTagName( "input" )[ 0 ];
-
- support = {
- // IE strips leading whitespace when .innerHTML is used
- leadingWhitespace: ( div.firstChild.nodeType === 3 ),
-
- // Make sure that tbody elements aren't automatically inserted
- // IE will insert them into empty tables
- tbody: !div.getElementsByTagName("tbody").length,
-
- // Make sure that link elements get serialized correctly by innerHTML
- // This requires a wrapper element in IE
- htmlSerialize: !!div.getElementsByTagName("link").length,
-
- // Get the style information from getAttribute
- // (IE uses .cssText instead)
- style: /top/.test( a.getAttribute("style") ),
-
- // Make sure that URLs aren't manipulated
- // (IE normalizes it by default)
- hrefNormalized: ( a.getAttribute("href") === "/a" ),
-
- // Make sure that element opacity exists
- // (IE uses filter instead)
- // Use a regex to work around a WebKit issue. See #5145
- opacity: /^0.55/.test( a.style.opacity ),
-
- // Verify style float existence
- // (IE uses styleFloat instead of cssFloat)
- cssFloat: !!a.style.cssFloat,
-
- // Make sure that if no value is specified for a checkbox
- // that it defaults to "on".
- // (WebKit defaults to "" instead)
- checkOn: ( input.value === "on" ),
-
- // Make sure that a selected-by-default option has a working selected property.
- // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
- optSelected: opt.selected,
-
- // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
- getSetAttribute: div.className !== "t",
-
- // Tests for enctype support on a form(#6743)
- enctype: !!document.createElement("form").enctype,
-
- // Makes sure cloning an html5 element does not cause problems
- // Where outerHTML is undefined, this still works
- html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>",
-
- // Will be defined later
- submitBubbles: true,
- changeBubbles: true,
- focusinBubbles: false,
- deleteExpando: true,
- noCloneEvent: true,
- inlineBlockNeedsLayout: false,
- shrinkWrapBlocks: false,
- reliableMarginRight: true
- };
-
- // Make sure checked status is properly cloned
- input.checked = true;
- support.noCloneChecked = input.cloneNode( true ).checked;
-
- // Make sure that the options inside disabled selects aren't marked as disabled
- // (WebKit marks them as disabled)
- select.disabled = true;
- support.optDisabled = !opt.disabled;
-
- // Test to see if it's possible to delete an expando from an element
- // Fails in Internet Explorer
- try {
- delete div.test;
- } catch( e ) {
- support.deleteExpando = false;
- }
-
- if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
- div.attachEvent( "onclick", function() {
- // Cloning a node shouldn't copy over any
- // bound event handlers (IE does this)
- support.noCloneEvent = false;
- });
- div.cloneNode( true ).fireEvent( "onclick" );
- }
-
- // Check if a radio maintains its value
- // after being appended to the DOM
- input = document.createElement("input");
- input.value = "t";
- input.setAttribute("type", "radio");
- support.radioValue = input.value === "t";
-
- input.setAttribute("checked", "checked");
- div.appendChild( input );
- fragment = document.createDocumentFragment();
- fragment.appendChild( div.lastChild );
-
- // WebKit doesn't clone checked state correctly in fragments
- support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
- // Check if a disconnected checkbox will retain its checked
- // value of true after appended to the DOM (IE6/7)
- support.appendChecked = input.checked;
-
- fragment.removeChild( input );
- fragment.appendChild( div );
-
- div.innerHTML = "";
-
- // Check if div with explicit width and no margin-right incorrectly
- // gets computed margin-right based on width of container. For more
- // info see bug #3333
- // Fails in WebKit before Feb 2011 nightlies
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- if ( window.getComputedStyle ) {
- marginDiv = document.createElement( "div" );
- marginDiv.style.width = "0";
- marginDiv.style.marginRight = "0";
- div.style.width = "2px";
- div.appendChild( marginDiv );
- support.reliableMarginRight =
- ( parseInt( ( window.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
- }
-
- // Technique from Juriy Zaytsev
- // http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
- // We only care about the case where non-standard event systems
- // are used, namely in IE. Short-circuiting here helps us to
- // avoid an eval call (in setAttribute) which can cause CSP
- // to go haywire. See: https://developer.mozilla.org/en/Security/CSP
- if ( div.attachEvent ) {
- for( i in {
- submit: 1,
- change: 1,
- focusin: 1
- }) {
- eventName = "on" + i;
- isSupported = ( eventName in div );
- if ( !isSupported ) {
- div.setAttribute( eventName, "return;" );
- isSupported = ( typeof div[ eventName ] === "function" );
- }
- support[ i + "Bubbles" ] = isSupported;
- }
- }
-
- fragment.removeChild( div );
-
- // Null elements to avoid leaks in IE
- fragment = select = opt = marginDiv = div = input = null;
-
- // Run tests that need a body at doc ready
- jQuery(function() {
- var container, outer, inner, table, td, offsetSupport,
- conMarginTop, ptlm, vb, style, html,
- body = document.getElementsByTagName("body")[0];
-
- if ( !body ) {
- // Return for frameset docs that don't have a body
- return;
- }
-
- conMarginTop = 1;
- ptlm = "position:absolute;top:0;left:0;width:1px;height:1px;margin:0;";
- vb = "visibility:hidden;border:0;";
- style = "style='" + ptlm + "border:5px solid #000;padding:0;'";
- html = "<div " + style + "><div></div></div>" +
- "<table " + style + " cellpadding='0' cellspacing='0'>" +
- "<tr><td></td></tr></table>";
-
- container = document.createElement("div");
- container.style.cssText = vb + "width:0;height:0;position:static;top:0;margin-top:" + conMarginTop + "px";
- body.insertBefore( container, body.firstChild );
-
- // Construct the test element
- div = document.createElement("div");
- container.appendChild( div );
-
- // Check if table cells still have offsetWidth/Height when they are set
- // to display:none and there are still other visible table cells in a
- // table row; if so, offsetWidth/Height are not reliable for use when
- // determining if an element has been hidden directly using
- // display:none (it is still safe to use offsets if a parent element is
- // hidden; don safety goggles and see bug #4512 for more information).
- // (only IE 8 fails this test)
- div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
- tds = div.getElementsByTagName( "td" );
- isSupported = ( tds[ 0 ].offsetHeight === 0 );
-
- tds[ 0 ].style.display = "";
- tds[ 1 ].style.display = "none";
-
- // Check if empty table cells still have offsetWidth/Height
- // (IE <= 8 fail this test)
- support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
-
- // Figure out if the W3C box model works as expected
- div.innerHTML = "";
- div.style.width = div.style.paddingLeft = "1px";
- jQuery.boxModel = support.boxModel = div.offsetWidth === 2;
-
- if ( typeof div.style.zoom !== "undefined" ) {
- // Check if natively block-level elements act like inline-block
- // elements when setting their display to 'inline' and giving
- // them layout
- // (IE < 8 does this)
- div.style.display = "inline";
- div.style.zoom = 1;
- support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
-
- // Check if elements with layout shrink-wrap their children
- // (IE 6 does this)
- div.style.display = "";
- div.innerHTML = "<div style='width:4px;'></div>";
- support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
- }
-
- div.style.cssText = ptlm + vb;
- div.innerHTML = html;
-
- outer = div.firstChild;
- inner = outer.firstChild;
- td = outer.nextSibling.firstChild.firstChild;
-
- offsetSupport = {
- doesNotAddBorder: ( inner.offsetTop !== 5 ),
- doesAddBorderForTableAndCells: ( td.offsetTop === 5 )
- };
-
- inner.style.position = "fixed";
- inner.style.top = "20px";
-
- // safari subtracts parent border width here which is 5px
- offsetSupport.fixedPosition = ( inner.offsetTop === 20 || inner.offsetTop === 15 );
- inner.style.position = inner.style.top = "";
-
- outer.style.overflow = "hidden";
- outer.style.position = "relative";
-
- offsetSupport.subtractsBorderForOverflowNotVisible = ( inner.offsetTop === -5 );
- offsetSupport.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== conMarginTop );
-
- body.removeChild( container );
- div = container = null;
-
- jQuery.extend( support, offsetSupport );
- });
-
- return support;
-})();
-
-
-
-
-var rbrace = /^(?:\{.*\}|\[.*\])$/,
- rmultiDash = /([A-Z])/g;
-
-jQuery.extend({
- cache: {},
-
- // Please use with caution
- uuid: 0,
-
- // Unique for each copy of jQuery on the page
- // Non-digits removed to match rinlinejQuery
- expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
-
- // The following elements throw uncatchable exceptions if you
- // attempt to add expando properties to them.
- noData: {
- "embed": true,
- // Ban all objects except for Flash (which handle expandos)
- "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
- "applet": true
- },
-
- hasData: function( elem ) {
- elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
- return !!elem && !isEmptyDataObject( elem );
- },
-
- data: function( elem, name, data, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var privateCache, thisCache, ret,
- internalKey = jQuery.expando,
- getByName = typeof name === "string",
-
- // We have to handle DOM nodes and JS objects differently because IE6-7
- // can't GC object references properly across the DOM-JS boundary
- isNode = elem.nodeType,
-
- // Only DOM nodes need the global jQuery cache; JS object data is
- // attached directly to the object so GC can occur automatically
- cache = isNode ? jQuery.cache : elem,
-
- // Only defining an ID for JS objects if its cache already exists allows
- // the code to shortcut on the same path as a DOM node with no cache
- id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey,
- isEvents = name === "events";
-
- // Avoid doing any more work than we need to when trying to get data on an
- // object that has no data at all
- if ( (!id || !cache[id] || (!isEvents && !pvt && !cache[id].data)) && getByName && data === undefined ) {
- return;
- }
-
- if ( !id ) {
- // Only DOM nodes need a new unique ID for each element since their data
- // ends up in the global cache
- if ( isNode ) {
- elem[ internalKey ] = id = ++jQuery.uuid;
- } else {
- id = internalKey;
- }
- }
-
- if ( !cache[ id ] ) {
- cache[ id ] = {};
-
- // Avoids exposing jQuery metadata on plain JS objects when the object
- // is serialized using JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
- }
-
- // An object can be passed to jQuery.data instead of a key/value pair; this gets
- // shallow copied over onto the existing cache
- if ( typeof name === "object" || typeof name === "function" ) {
- if ( pvt ) {
- cache[ id ] = jQuery.extend( cache[ id ], name );
- } else {
- cache[ id ].data = jQuery.extend( cache[ id ].data, name );
- }
- }
-
- privateCache = thisCache = cache[ id ];
-
- // jQuery data() is stored in a separate object inside the object's internal data
- // cache in order to avoid key collisions between internal data and user-defined
- // data.
- if ( !pvt ) {
- if ( !thisCache.data ) {
- thisCache.data = {};
- }
-
- thisCache = thisCache.data;
- }
-
- if ( data !== undefined ) {
- thisCache[ jQuery.camelCase( name ) ] = data;
- }
-
- // Users should not attempt to inspect the internal events object using jQuery.data,
- // it is undocumented and subject to change. But does anyone listen? No.
- if ( isEvents && !thisCache[ name ] ) {
- return privateCache.events;
- }
-
- // Check for both converted-to-camel and non-converted data property names
- // If a data property was specified
- if ( getByName ) {
-
- // First Try to find as-is property data
- ret = thisCache[ name ];
-
- // Test for null|undefined property data
- if ( ret == null ) {
-
- // Try to find the camelCased property
- ret = thisCache[ jQuery.camelCase( name ) ];
- }
- } else {
- ret = thisCache;
- }
-
- return ret;
- },
-
- removeData: function( elem, name, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache, i, l,
-
- // Reference to internal data cache key
- internalKey = jQuery.expando,
-
- isNode = elem.nodeType,
-
- // See jQuery.data for more information
- cache = isNode ? jQuery.cache : elem,
-
- // See jQuery.data for more information
- id = isNode ? elem[ internalKey ] : internalKey;
-
- // If there is already no cache entry for this object, there is no
- // purpose in continuing
- if ( !cache[ id ] ) {
- return;
- }
-
- if ( name ) {
-
- thisCache = pvt ? cache[ id ] : cache[ id ].data;
-
- if ( thisCache ) {
-
- // Support array or space separated string names for data keys
- if ( !jQuery.isArray( name ) ) {
-
- // try the string as a key before any manipulation
- if ( name in thisCache ) {
- name = [ name ];
- } else {
-
- // split the camel cased version by spaces unless a key with the spaces exists
- name = jQuery.camelCase( name );
- if ( name in thisCache ) {
- name = [ name ];
- } else {
- name = name.split( " " );
- }
- }
- }
-
- for ( i = 0, l = name.length; i < l; i++ ) {
- delete thisCache[ name[i] ];
- }
-
- // If there is no data left in the cache, we want to continue
- // and let the cache object itself get destroyed
- if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) {
- return;
- }
- }
- }
-
- // See jQuery.data for more information
- if ( !pvt ) {
- delete cache[ id ].data;
-
- // Don't destroy the parent cache unless the internal data object
- // had been the only thing left in it
- if ( !isEmptyDataObject(cache[ id ]) ) {
- return;
- }
- }
-
- // Browsers that fail expando deletion also refuse to delete expandos on
- // the window, but it will allow it on all other JS objects; other browsers
- // don't care
- // Ensure that `cache` is not a window object #10080
- if ( jQuery.support.deleteExpando || !cache.setInterval ) {
- delete cache[ id ];
- } else {
- cache[ id ] = null;
- }
-
- // We destroyed the cache and need to eliminate the expando on the node to avoid
- // false lookups in the cache for entries that no longer exist
- if ( isNode ) {
- // IE does not allow us to delete expando properties from nodes,
- // nor does it have a removeAttribute function on Document nodes;
- // we must handle all of these cases
- if ( jQuery.support.deleteExpando ) {
- delete elem[ internalKey ];
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( internalKey );
- } else {
- elem[ internalKey ] = null;
- }
- }
- },
-
- // For internal use only.
- _data: function( elem, name, data ) {
- return jQuery.data( elem, name, data, true );
- },
-
- // A method for determining if a DOM node can handle the data expando
- acceptData: function( elem ) {
- if ( elem.nodeName ) {
- var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
-
- if ( match ) {
- return !(match === true || elem.getAttribute("classid") !== match);
- }
- }
-
- return true;
- }
-});
-
-jQuery.fn.extend({
- data: function( key, value ) {
- var parts, attr, name,
- data = null;
-
- if ( typeof key === "undefined" ) {
- if ( this.length ) {
- data = jQuery.data( this[0] );
-
- if ( this[0].nodeType === 1 && !jQuery._data( this[0], "parsedAttrs" ) ) {
- attr = this[0].attributes;
- for ( var i = 0, l = attr.length; i < l; i++ ) {
- name = attr[i].name;
-
- if ( name.indexOf( "data-" ) === 0 ) {
- name = jQuery.camelCase( name.substring(5) );
-
- dataAttr( this[0], name, data[ name ] );
- }
- }
- jQuery._data( this[0], "parsedAttrs", true );
- }
- }
-
- return data;
-
- } else if ( typeof key === "object" ) {
- return this.each(function() {
- jQuery.data( this, key );
- });
- }
-
- parts = key.split(".");
- parts[1] = parts[1] ? "." + parts[1] : "";
-
- if ( value === undefined ) {
- data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
-
- // Try to fetch any internally stored data first
- if ( data === undefined && this.length ) {
- data = jQuery.data( this[0], key );
- data = dataAttr( this[0], key, data );
- }
-
- return data === undefined && parts[1] ?
- this.data( parts[0] ) :
- data;
-
- } else {
- return this.each(function() {
- var self = jQuery( this ),
- args = [ parts[0], value ];
-
- self.triggerHandler( "setData" + parts[1] + "!", args );
- jQuery.data( this, key, value );
- self.triggerHandler( "changeData" + parts[1] + "!", args );
- });
- }
- },
-
- removeData: function( key ) {
- return this.each(function() {
- jQuery.removeData( this, key );
- });
- }
-});
-
-function dataAttr( elem, key, data ) {
- // If nothing was found internally, try to fetch any
- // data from the HTML5 data-* attribute
- if ( data === undefined && elem.nodeType === 1 ) {
-
- var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
-
- data = elem.getAttribute( name );
-
- if ( typeof data === "string" ) {
- try {
- data = data === "true" ? true :
- data === "false" ? false :
- data === "null" ? null :
- jQuery.isNumeric( data ) ? parseFloat( data ) :
- rbrace.test( data ) ? jQuery.parseJSON( data ) :
- data;
- } catch( e ) {}
-
- // Make sure we set the data so it isn't changed later
- jQuery.data( elem, key, data );
-
- } else {
- data = undefined;
- }
- }
-
- return data;
-}
-
-// checks a cache object for emptiness
-function isEmptyDataObject( obj ) {
- for ( var name in obj ) {
-
- // if the public data object is empty, the private is still empty
- if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
- continue;
- }
- if ( name !== "toJSON" ) {
- return false;
- }
- }
-
- return true;
-}
-
-
-
-
-function handleQueueMarkDefer( elem, type, src ) {
- var deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- defer = jQuery._data( elem, deferDataKey );
- if ( defer &&
- ( src === "queue" || !jQuery._data(elem, queueDataKey) ) &&
- ( src === "mark" || !jQuery._data(elem, markDataKey) ) ) {
- // Give room for hard-coded callbacks to fire first
- // and eventually mark/queue something else on the element
- setTimeout( function() {
- if ( !jQuery._data( elem, queueDataKey ) &&
- !jQuery._data( elem, markDataKey ) ) {
- jQuery.removeData( elem, deferDataKey, true );
- defer.fire();
- }
- }, 0 );
- }
-}
-
-jQuery.extend({
-
- _mark: function( elem, type ) {
- if ( elem ) {
- type = ( type || "fx" ) + "mark";
- jQuery._data( elem, type, (jQuery._data( elem, type ) || 0) + 1 );
- }
- },
-
- _unmark: function( force, elem, type ) {
- if ( force !== true ) {
- type = elem;
- elem = force;
- force = false;
- }
- if ( elem ) {
- type = type || "fx";
- var key = type + "mark",
- count = force ? 0 : ( (jQuery._data( elem, key ) || 1) - 1 );
- if ( count ) {
- jQuery._data( elem, key, count );
- } else {
- jQuery.removeData( elem, key, true );
- handleQueueMarkDefer( elem, type, "mark" );
- }
- }
- },
-
- queue: function( elem, type, data ) {
- var q;
- if ( elem ) {
- type = ( type || "fx" ) + "queue";
- q = jQuery._data( elem, type );
-
- // Speed up dequeue by getting out quickly if this is just a lookup
- if ( data ) {
- if ( !q || jQuery.isArray(data) ) {
- q = jQuery._data( elem, type, jQuery.makeArray(data) );
- } else {
- q.push( data );
- }
- }
- return q || [];
- }
- },
-
- dequeue: function( elem, type ) {
- type = type || "fx";
-
- var queue = jQuery.queue( elem, type ),
- fn = queue.shift(),
- hooks = {};
-
- // If the fx queue is dequeued, always remove the progress sentinel
- if ( fn === "inprogress" ) {
- fn = queue.shift();
- }
-
- if ( fn ) {
- // Add a progress sentinel to prevent the fx queue from being
- // automatically dequeued
- if ( type === "fx" ) {
- queue.unshift( "inprogress" );
- }
-
- jQuery._data( elem, type + ".run", hooks );
- fn.call( elem, function() {
- jQuery.dequeue( elem, type );
- }, hooks );
- }
-
- if ( !queue.length ) {
- jQuery.removeData( elem, type + "queue " + type + ".run", true );
- handleQueueMarkDefer( elem, type, "queue" );
- }
- }
-});
-
-jQuery.fn.extend({
- queue: function( type, data ) {
- if ( typeof type !== "string" ) {
- data = type;
- type = "fx";
- }
-
- if ( data === undefined ) {
- return jQuery.queue( this[0], type );
- }
- return this.each(function() {
- var queue = jQuery.queue( this, type, data );
-
- if ( type === "fx" && queue[0] !== "inprogress" ) {
- jQuery.dequeue( this, type );
- }
- });
- },
- dequeue: function( type ) {
- return this.each(function() {
- jQuery.dequeue( this, type );
- });
- },
- // Based off of the plugin by Clint Helfers, with permission.
- // http://blindsignals.com/index.php/2009/07/jquery-delay/
- delay: function( time, type ) {
- time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
- type = type || "fx";
-
- return this.queue( type, function( next, hooks ) {
- var timeout = setTimeout( next, time );
- hooks.stop = function() {
- clearTimeout( timeout );
- };
- });
- },
- clearQueue: function( type ) {
- return this.queue( type || "fx", [] );
- },
- // Get a promise resolved when queues of a certain type
- // are emptied (fx is the type by default)
- promise: function( type, object ) {
- if ( typeof type !== "string" ) {
- object = type;
- type = undefined;
- }
- type = type || "fx";
- var defer = jQuery.Deferred(),
- elements = this,
- i = elements.length,
- count = 1,
- deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- tmp;
- function resolve() {
- if ( !( --count ) ) {
- defer.resolveWith( elements, [ elements ] );
- }
- }
- while( i-- ) {
- if (( tmp = jQuery.data( elements[ i ], deferDataKey, undefined, true ) ||
- ( jQuery.data( elements[ i ], queueDataKey, undefined, true ) ||
- jQuery.data( elements[ i ], markDataKey, undefined, true ) ) &&
- jQuery.data( elements[ i ], deferDataKey, jQuery.Callbacks( "once memory" ), true ) )) {
- count++;
- tmp.add( resolve );
- }
- }
- resolve();
- return defer.promise();
- }
-});
-
-
-
-
-var rclass = /[\n\t\r]/g,
- rspace = /\s+/,
- rreturn = /\r/g,
- rtype = /^(?:button|input)$/i,
- rfocusable = /^(?:button|input|object|select|textarea)$/i,
- rclickable = /^a(?:rea)?$/i,
- rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
- getSetAttribute = jQuery.support.getSetAttribute,
- nodeHook, boolHook, fixSpecified;
-
-jQuery.fn.extend({
- attr: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.attr );
- },
-
- removeAttr: function( name ) {
- return this.each(function() {
- jQuery.removeAttr( this, name );
- });
- },
-
- prop: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.prop );
- },
-
- removeProp: function( name ) {
- name = jQuery.propFix[ name ] || name;
- return this.each(function() {
- // try/catch handles cases where IE balks (such as removing a property on window)
- try {
- this[ name ] = undefined;
- delete this[ name ];
- } catch( e ) {}
- });
- },
-
- addClass: function( value ) {
- var classNames, i, l, elem,
- setClass, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).addClass( value.call(this, j, this.className) );
- });
- }
-
- if ( value && typeof value === "string" ) {
- classNames = value.split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 ) {
- if ( !elem.className && classNames.length === 1 ) {
- elem.className = value;
-
- } else {
- setClass = " " + elem.className + " ";
-
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
- setClass += classNames[ c ] + " ";
- }
- }
- elem.className = jQuery.trim( setClass );
- }
- }
- }
- }
-
- return this;
- },
-
- removeClass: function( value ) {
- var classNames, i, l, elem, className, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).removeClass( value.call(this, j, this.className) );
- });
- }
-
- if ( (value && typeof value === "string") || value === undefined ) {
- classNames = ( value || "" ).split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 && elem.className ) {
- if ( value ) {
- className = (" " + elem.className + " ").replace( rclass, " " );
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- className = className.replace(" " + classNames[ c ] + " ", " ");
- }
- elem.className = jQuery.trim( className );
-
- } else {
- elem.className = "";
- }
- }
- }
- }
-
- return this;
- },
-
- toggleClass: function( value, stateVal ) {
- var type = typeof value,
- isBool = typeof stateVal === "boolean";
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( i ) {
- jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
- });
- }
-
- return this.each(function() {
- if ( type === "string" ) {
- // toggle individual class names
- var className,
- i = 0,
- self = jQuery( this ),
- state = stateVal,
- classNames = value.split( rspace );
-
- while ( (className = classNames[ i++ ]) ) {
- // check each className given, space seperated list
- state = isBool ? state : !self.hasClass( className );
- self[ state ? "addClass" : "removeClass" ]( className );
- }
-
- } else if ( type === "undefined" || type === "boolean" ) {
- if ( this.className ) {
- // store className if set
- jQuery._data( this, "__className__", this.className );
- }
-
- // toggle whole className
- this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
- }
- });
- },
-
- hasClass: function( selector ) {
- var className = " " + selector + " ",
- i = 0,
- l = this.length;
- for ( ; i < l; i++ ) {
- if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
- return true;
- }
- }
-
- return false;
- },
-
- val: function( value ) {
- var hooks, ret, isFunction,
- elem = this[0];
-
- if ( !arguments.length ) {
- if ( elem ) {
- hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
-
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
- return ret;
- }
-
- ret = elem.value;
-
- return typeof ret === "string" ?
- // handle most common string cases
- ret.replace(rreturn, "") :
- // handle cases where value is null/undef or number
- ret == null ? "" : ret;
- }
-
- return;
- }
-
- isFunction = jQuery.isFunction( value );
-
- return this.each(function( i ) {
- var self = jQuery(this), val;
-
- if ( this.nodeType !== 1 ) {
- return;
- }
-
- if ( isFunction ) {
- val = value.call( this, i, self.val() );
- } else {
- val = value;
- }
-
- // Treat null/undefined as ""; convert numbers to string
- if ( val == null ) {
- val = "";
- } else if ( typeof val === "number" ) {
- val += "";
- } else if ( jQuery.isArray( val ) ) {
- val = jQuery.map(val, function ( value ) {
- return value == null ? "" : value + "";
- });
- }
-
- hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];
-
- // If set returns undefined, fall back to normal setting
- if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
- this.value = val;
- }
- });
- }
-});
-
-jQuery.extend({
- valHooks: {
- option: {
- get: function( elem ) {
- // attributes.value is undefined in Blackberry 4.7 but
- // uses .value. See #6932
- var val = elem.attributes.value;
- return !val || val.specified ? elem.value : elem.text;
- }
- },
- select: {
- get: function( elem ) {
- var value, i, max, option,
- index = elem.selectedIndex,
- values = [],
- options = elem.options,
- one = elem.type === "select-one";
-
- // Nothing was selected
- if ( index < 0 ) {
- return null;
- }
-
- // Loop through all the selected options
- i = one ? index : 0;
- max = one ? index + 1 : options.length;
- for ( ; i < max; i++ ) {
- option = options[ i ];
-
- // Don't return options that are disabled or in a disabled optgroup
- if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
- (!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
-
- // Get the specific value for the option
- value = jQuery( option ).val();
-
- // We don't need an array for one selects
- if ( one ) {
- return value;
- }
-
- // Multi-Selects return an array
- values.push( value );
- }
- }
-
- // Fixes Bug #2551 -- select.val() broken in IE after form.reset()
- if ( one && !values.length && options.length ) {
- return jQuery( options[ index ] ).val();
- }
-
- return values;
- },
-
- set: function( elem, value ) {
- var values = jQuery.makeArray( value );
-
- jQuery(elem).find("option").each(function() {
- this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
- });
-
- if ( !values.length ) {
- elem.selectedIndex = -1;
- }
- return values;
- }
- }
- },
-
- attrFn: {
- val: true,
- css: true,
- html: true,
- text: true,
- data: true,
- width: true,
- height: true,
- offset: true
- },
-
- attr: function( elem, name, value, pass ) {
- var ret, hooks, notxml,
- nType = elem.nodeType;
-
- // don't get/set attributes on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return;
- }
-
- if ( pass && name in jQuery.attrFn ) {
- return jQuery( elem )[ name ]( value );
- }
-
- // Fallback to prop when attributes are not supported
- if ( typeof elem.getAttribute === "undefined" ) {
- return jQuery.prop( elem, name, value );
- }
-
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- // All attributes are lowercase
- // Grab necessary hook if one is defined
- if ( notxml ) {
- name = name.toLowerCase();
- hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook );
- }
-
- if ( value !== undefined ) {
-
- if ( value === null ) {
- jQuery.removeAttr( elem, name );
- return;
-
- } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- elem.setAttribute( name, "" + value );
- return value;
- }
-
- } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
-
- ret = elem.getAttribute( name );
-
- // Non-existent attributes return null, we normalize to undefined
- return ret === null ?
- undefined :
- ret;
- }
- },
-
- removeAttr: function( elem, value ) {
- var propName, attrNames, name, l,
- i = 0;
-
- if ( value && elem.nodeType === 1 ) {
- attrNames = value.toLowerCase().split( rspace );
- l = attrNames.length;
-
- for ( ; i < l; i++ ) {
- name = attrNames[ i ];
-
- if ( name ) {
- propName = jQuery.propFix[ name ] || name;
-
- // See #9699 for explanation of this approach (setting first, then removal)
- jQuery.attr( elem, name, "" );
- elem.removeAttribute( getSetAttribute ? name : propName );
-
- // Set corresponding property to false for boolean attributes
- if ( rboolean.test( name ) && propName in elem ) {
- elem[ propName ] = false;
- }
- }
- }
- }
- },
-
- attrHooks: {
- type: {
- set: function( elem, value ) {
- // We can't allow the type property to be changed (since it causes problems in IE)
- if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
- jQuery.error( "type property can't be changed" );
- } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
- // Setting the type on a radio button after the value resets the value in IE6-9
- // Reset value to it's default in case type is set after value
- // This is for element creation
- var val = elem.value;
- elem.setAttribute( "type", value );
- if ( val ) {
- elem.value = val;
- }
- return value;
- }
- }
- },
- // Use the value property for back compat
- // Use the nodeHook for button elements in IE6/7 (#1954)
- value: {
- get: function( elem, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.get( elem, name );
- }
- return name in elem ?
- elem.value :
- null;
- },
- set: function( elem, value, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.set( elem, value, name );
- }
- // Does not return so that setAttribute is also used
- elem.value = value;
- }
- }
- },
-
- propFix: {
- tabindex: "tabIndex",
- readonly: "readOnly",
- "for": "htmlFor",
- "class": "className",
- maxlength: "maxLength",
- cellspacing: "cellSpacing",
- cellpadding: "cellPadding",
- rowspan: "rowSpan",
- colspan: "colSpan",
- usemap: "useMap",
- frameborder: "frameBorder",
- contenteditable: "contentEditable"
- },
-
- prop: function( elem, name, value ) {
- var ret, hooks, notxml,
- nType = elem.nodeType;
-
- // don't get/set properties on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return;
- }
-
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- if ( notxml ) {
- // Fix name and attach hooks
- name = jQuery.propFix[ name ] || name;
- hooks = jQuery.propHooks[ name ];
- }
-
- if ( value !== undefined ) {
- if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- return ( elem[ name ] = value );
- }
-
- } else {
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
- return elem[ name ];
- }
- }
- },
-
- propHooks: {
- tabIndex: {
- get: function( elem ) {
- // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
- // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
- var attributeNode = elem.getAttributeNode("tabindex");
-
- return attributeNode && attributeNode.specified ?
- parseInt( attributeNode.value, 10 ) :
- rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
- 0 :
- undefined;
- }
- }
- }
-});
-
-// Add the tabIndex propHook to attrHooks for back-compat (different case is intentional)
-jQuery.attrHooks.tabindex = jQuery.propHooks.tabIndex;
-
-// Hook for boolean attributes
-boolHook = {
- get: function( elem, name ) {
- // Align boolean attributes with corresponding properties
- // Fall back to attribute presence where some booleans are not supported
- var attrNode,
- property = jQuery.prop( elem, name );
- return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ?
- name.toLowerCase() :
- undefined;
- },
- set: function( elem, value, name ) {
- var propName;
- if ( value === false ) {
- // Remove boolean attributes when set to false
- jQuery.removeAttr( elem, name );
- } else {
- // value is true since we know at this point it's type boolean and not false
- // Set boolean attributes to the same name and set the DOM property
- propName = jQuery.propFix[ name ] || name;
- if ( propName in elem ) {
- // Only set the IDL specifically if it already exists on the element
- elem[ propName ] = true;
- }
-
- elem.setAttribute( name, name.toLowerCase() );
- }
- return name;
- }
-};
-
-// IE6/7 do not support getting/setting some attributes with get/setAttribute
-if ( !getSetAttribute ) {
-
- fixSpecified = {
- name: true,
- id: true
- };
-
- // Use this for any attribute in IE6/7
- // This fixes almost every IE6/7 issue
- nodeHook = jQuery.valHooks.button = {
- get: function( elem, name ) {
- var ret;
- ret = elem.getAttributeNode( name );
- return ret && ( fixSpecified[ name ] ? ret.nodeValue !== "" : ret.specified ) ?
- ret.nodeValue :
- undefined;
- },
- set: function( elem, value, name ) {
- // Set the existing or create a new attribute node
- var ret = elem.getAttributeNode( name );
- if ( !ret ) {
- ret = document.createAttribute( name );
- elem.setAttributeNode( ret );
- }
- return ( ret.nodeValue = value + "" );
- }
- };
-
- // Apply the nodeHook to tabindex
- jQuery.attrHooks.tabindex.set = nodeHook.set;
-
- // Set width and height to auto instead of 0 on empty string( Bug #8150 )
- // This is for removals
- jQuery.each([ "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- set: function( elem, value ) {
- if ( value === "" ) {
- elem.setAttribute( name, "auto" );
- return value;
- }
- }
- });
- });
-
- // Set contenteditable to false on removals(#10429)
- // Setting to empty string throws an error as an invalid value
- jQuery.attrHooks.contenteditable = {
- get: nodeHook.get,
- set: function( elem, value, name ) {
- if ( value === "" ) {
- value = "false";
- }
- nodeHook.set( elem, value, name );
- }
- };
-}
-
-
-// Some attributes require a special call on IE
-if ( !jQuery.support.hrefNormalized ) {
- jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- get: function( elem ) {
- var ret = elem.getAttribute( name, 2 );
- return ret === null ? undefined : ret;
- }
- });
- });
-}
-
-if ( !jQuery.support.style ) {
- jQuery.attrHooks.style = {
- get: function( elem ) {
- // Return undefined in the case of empty string
- // Normalize to lowercase since IE uppercases css property names
- return elem.style.cssText.toLowerCase() || undefined;
- },
- set: function( elem, value ) {
- return ( elem.style.cssText = "" + value );
- }
- };
-}
-
-// Safari mis-reports the default selected property of an option
-// Accessing the parent's selectedIndex property fixes it
-if ( !jQuery.support.optSelected ) {
- jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
- get: function( elem ) {
- var parent = elem.parentNode;
-
- if ( parent ) {
- parent.selectedIndex;
-
- // Make sure that it also works with optgroups, see #5701
- if ( parent.parentNode ) {
- parent.parentNode.selectedIndex;
- }
- }
- return null;
- }
- });
-}
-
-// IE6/7 call enctype encoding
-if ( !jQuery.support.enctype ) {
- jQuery.propFix.enctype = "encoding";
-}
-
-// Radios and checkboxes getter/setter
-if ( !jQuery.support.checkOn ) {
- jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = {
- get: function( elem ) {
- // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
- return elem.getAttribute("value") === null ? "on" : elem.value;
- }
- };
- });
-}
-jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
- set: function( elem, value ) {
- if ( jQuery.isArray( value ) ) {
- return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
- }
- }
- });
-});
-
-
-
-
-var rformElems = /^(?:textarea|input|select)$/i,
- rtypenamespace = /^([^\.]*)?(?:\.(.+))?$/,
- rhoverHack = /\bhover(\.\S+)?\b/,
- rkeyEvent = /^key/,
- rmouseEvent = /^(?:mouse|contextmenu)|click/,
- rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
- rquickIs = /^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,
- quickParse = function( selector ) {
- var quick = rquickIs.exec( selector );
- if ( quick ) {
- // 0 1 2 3
- // [ _, tag, id, class ]
- quick[1] = ( quick[1] || "" ).toLowerCase();
- quick[3] = quick[3] && new RegExp( "(?:^|\\s)" + quick[3] + "(?:\\s|$)" );
- }
- return quick;
- },
- quickIs = function( elem, m ) {
- var attrs = elem.attributes || {};
- return (
- (!m[1] || elem.nodeName.toLowerCase() === m[1]) &&
- (!m[2] || (attrs.id || {}).value === m[2]) &&
- (!m[3] || m[3].test( (attrs[ "class" ] || {}).value ))
- );
- },
- hoverHack = function( events ) {
- return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" );
- };
-
-/*
- * Helper functions for managing events -- not part of the public interface.
- * Props to Dean Edwards' addEvent library for many of the ideas.
- */
-jQuery.event = {
-
- add: function( elem, types, handler, data, selector ) {
-
- var elemData, eventHandle, events,
- t, tns, type, namespaces, handleObj,
- handleObjIn, quick, handlers, special;
-
- // Don't attach events to noData or text/comment nodes (allow plain objects tho)
- if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) {
- return;
- }
-
- // Caller can pass in an object of custom data in lieu of the handler
- if ( handler.handler ) {
- handleObjIn = handler;
- handler = handleObjIn.handler;
- }
-
- // Make sure that the handler has a unique ID, used to find/remove it later
- if ( !handler.guid ) {
- handler.guid = jQuery.guid++;
- }
-
- // Init the element's event structure and main handler, if this is the first
- events = elemData.events;
- if ( !events ) {
- elemData.events = events = {};
- }
- eventHandle = elemData.handle;
- if ( !eventHandle ) {
- elemData.handle = eventHandle = function( e ) {
- // Discard the second event of a jQuery.event.trigger() and
- // when an event is called after a page has unloaded
- return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
- jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
- undefined;
- };
- // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
- eventHandle.elem = elem;
- }
-
- // Handle multiple events separated by a space
- // jQuery(...).bind("mouseover mouseout", fn);
- types = jQuery.trim( hoverHack(types) ).split( " " );
- for ( t = 0; t < types.length; t++ ) {
-
- tns = rtypenamespace.exec( types[t] ) || [];
- type = tns[1];
- namespaces = ( tns[2] || "" ).split( "." ).sort();
-
- // If event changes its type, use the special event handlers for the changed type
- special = jQuery.event.special[ type ] || {};
-
- // If selector defined, determine special event api type, otherwise given type
- type = ( selector ? special.delegateType : special.bindType ) || type;
-
- // Update special based on newly reset type
- special = jQuery.event.special[ type ] || {};
-
- // handleObj is passed to all event handlers
- handleObj = jQuery.extend({
- type: type,
- origType: tns[1],
- data: data,
- handler: handler,
- guid: handler.guid,
- selector: selector,
- quick: quickParse( selector ),
- namespace: namespaces.join(".")
- }, handleObjIn );
-
- // Init the event handler queue if we're the first
- handlers = events[ type ];
- if ( !handlers ) {
- handlers = events[ type ] = [];
- handlers.delegateCount = 0;
-
- // Only use addEventListener/attachEvent if the special events handler returns false
- if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
- // Bind the global event handler to the element
- if ( elem.addEventListener ) {
- elem.addEventListener( type, eventHandle, false );
-
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, eventHandle );
- }
- }
- }
-
- if ( special.add ) {
- special.add.call( elem, handleObj );
-
- if ( !handleObj.handler.guid ) {
- handleObj.handler.guid = handler.guid;
- }
- }
-
- // Add to the element's handler list, delegates in front
- if ( selector ) {
- handlers.splice( handlers.delegateCount++, 0, handleObj );
- } else {
- handlers.push( handleObj );
- }
-
- // Keep track of which events have ever been used, for event optimization
- jQuery.event.global[ type ] = true;
- }
-
- // Nullify elem to prevent memory leaks in IE
- elem = null;
- },
-
- global: {},
-
- // Detach an event or set of events from an element
- remove: function( elem, types, handler, selector, mappedTypes ) {
-
- var elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
- t, tns, type, origType, namespaces, origCount,
- j, events, special, handle, eventType, handleObj;
-
- if ( !elemData || !(events = elemData.events) ) {
- return;
- }
-
- // Once for each type.namespace in types; type may be omitted
- types = jQuery.trim( hoverHack( types || "" ) ).split(" ");
- for ( t = 0; t < types.length; t++ ) {
- tns = rtypenamespace.exec( types[t] ) || [];
- type = origType = tns[1];
- namespaces = tns[2];
-
- // Unbind all events (on this namespace, if provided) for the element
- if ( !type ) {
- for ( type in events ) {
- jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
- }
- continue;
- }
-
- special = jQuery.event.special[ type ] || {};
- type = ( selector? special.delegateType : special.bindType ) || type;
- eventType = events[ type ] || [];
- origCount = eventType.length;
- namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.)?") + "(\\.|$)") : null;
-
- // Remove matching events
- for ( j = 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( ( mappedTypes || origType === handleObj.origType ) &&
- ( !handler || handler.guid === handleObj.guid ) &&
- ( !namespaces || namespaces.test( handleObj.namespace ) ) &&
- ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
- eventType.splice( j--, 1 );
-
- if ( handleObj.selector ) {
- eventType.delegateCount--;
- }
- if ( special.remove ) {
- special.remove.call( elem, handleObj );
- }
- }
- }
-
- // Remove generic event handler if we removed something and no more handlers exist
- // (avoids potential for endless recursion during removal of special event handlers)
- if ( eventType.length === 0 && origCount !== eventType.length ) {
- if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
- jQuery.removeEvent( elem, type, elemData.handle );
- }
-
- delete events[ type ];
- }
- }
-
- // Remove the expando if it's no longer used
- if ( jQuery.isEmptyObject( events ) ) {
- handle = elemData.handle;
- if ( handle ) {
- handle.elem = null;
- }
-
- // removeData also checks for emptiness and clears the expando if empty
- // so use it instead of delete
- jQuery.removeData( elem, [ "events", "handle" ], true );
- }
- },
-
- // Events that are safe to short-circuit if no handlers are attached.
- // Native DOM events should not be added, they may have inline handlers.
- customEvent: {
- "getData": true,
- "setData": true,
- "changeData": true
- },
-
- trigger: function( event, data, elem, onlyHandlers ) {
- // Don't do events on text and comment nodes
- if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) {
- return;
- }
-
- // Event object or event type
- var type = event.type || event,
- namespaces = [],
- cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType;
-
- // focus/blur morphs to focusin/out; ensure we're not firing them right now
- if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
- return;
- }
-
- if ( type.indexOf( "!" ) >= 0 ) {
- // Exclusive events trigger only for the exact event (no namespaces)
- type = type.slice(0, -1);
- exclusive = true;
- }
-
- if ( type.indexOf( "." ) >= 0 ) {
- // Namespaced trigger; create a regexp to match event type in handle()
- namespaces = type.split(".");
- type = namespaces.shift();
- namespaces.sort();
- }
-
- if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
- // No jQuery handlers for this event type, and it can't have inline handlers
- return;
- }
-
- // Caller can pass in an Event, Object, or just an event type string
- event = typeof event === "object" ?
- // jQuery.Event object
- event[ jQuery.expando ] ? event :
- // Object literal
- new jQuery.Event( type, event ) :
- // Just the event type (string)
- new jQuery.Event( type );
-
- event.type = type;
- event.isTrigger = true;
- event.exclusive = exclusive;
- event.namespace = namespaces.join( "." );
- event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.)?") + "(\\.|$)") : null;
- ontype = type.indexOf( ":" ) < 0 ? "on" + type : "";
-
- // Handle a global trigger
- if ( !elem ) {
-
- // TODO: Stop taunting the data cache; remove global events and always attach to document
- cache = jQuery.cache;
- for ( i in cache ) {
- if ( cache[ i ].events && cache[ i ].events[ type ] ) {
- jQuery.event.trigger( event, data, cache[ i ].handle.elem, true );
- }
- }
- return;
- }
-
- // Clean up the event in case it is being reused
- event.result = undefined;
- if ( !event.target ) {
- event.target = elem;
- }
-
- // Clone any incoming data and prepend the event, creating the handler arg list
- data = data != null ? jQuery.makeArray( data ) : [];
- data.unshift( event );
-
- // Allow special events to draw outside the lines
- special = jQuery.event.special[ type ] || {};
- if ( special.trigger && special.trigger.apply( elem, data ) === false ) {
- return;
- }
-
- // Determine event propagation path in advance, per W3C events spec (#9951)
- // Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
- eventPath = [[ elem, special.bindType || type ]];
- if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
-
- bubbleType = special.delegateType || type;
- cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode;
- old = null;
- for ( ; cur; cur = cur.parentNode ) {
- eventPath.push([ cur, bubbleType ]);
- old = cur;
- }
-
- // Only add window if we got to document (e.g., not plain obj or detached DOM)
- if ( old && old === elem.ownerDocument ) {
- eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]);
- }
- }
-
- // Fire handlers on the event path
- for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) {
-
- cur = eventPath[i][0];
- event.type = eventPath[i][1];
-
- handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
- if ( handle ) {
- handle.apply( cur, data );
- }
- // Note that this is a bare JS function and not a jQuery handler
- handle = ontype && cur[ ontype ];
- if ( handle && jQuery.acceptData( cur ) && handle.apply( cur, data ) === false ) {
- event.preventDefault();
- }
- }
- event.type = type;
-
- // If nobody prevented the default action, do it now
- if ( !onlyHandlers && !event.isDefaultPrevented() ) {
-
- if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) &&
- !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
-
- // Call a native DOM method on the target with the same name name as the event.
- // Can't use an .isFunction() check here because IE6/7 fails that test.
- // Don't do default actions on window, that's where global variables be (#6170)
- // IE<9 dies on focus/blur to hidden element (#1486)
- if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) {
-
- // Don't re-trigger an onFOO event when we call its FOO() method
- old = elem[ ontype ];
-
- if ( old ) {
- elem[ ontype ] = null;
- }
-
- // Prevent re-triggering of the same event, since we already bubbled it above
- jQuery.event.triggered = type;
- elem[ type ]();
- jQuery.event.triggered = undefined;
-
- if ( old ) {
- elem[ ontype ] = old;
- }
- }
- }
- }
-
- return event.result;
- },
-
- dispatch: function( event ) {
-
- // Make a writable jQuery.Event from the native event object
- event = jQuery.event.fix( event || window.event );
-
- var handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []),
- delegateCount = handlers.delegateCount,
- args = [].slice.call( arguments, 0 ),
- run_all = !event.exclusive && !event.namespace,
- handlerQueue = [],
- i, j, cur, jqcur, ret, selMatch, matched, matches, handleObj, sel, related;
-
- // Use the fix-ed jQuery.Event rather than the (read-only) native event
- args[0] = event;
- event.delegateTarget = this;
-
- // Determine handlers that should run if there are delegated events
- // Avoid disabled elements in IE (#6911) and non-left-click bubbling in Firefox (#3861)
- if ( delegateCount && !event.target.disabled && !(event.button && event.type === "click") ) {
-
- // Pregenerate a single jQuery object for reuse with .is()
- jqcur = jQuery(this);
- jqcur.context = this.ownerDocument || this;
-
- for ( cur = event.target; cur != this; cur = cur.parentNode || this ) {
- selMatch = {};
- matches = [];
- jqcur[0] = cur;
- for ( i = 0; i < delegateCount; i++ ) {
- handleObj = handlers[ i ];
- sel = handleObj.selector;
-
- if ( selMatch[ sel ] === undefined ) {
- selMatch[ sel ] = (
- handleObj.quick ? quickIs( cur, handleObj.quick ) : jqcur.is( sel )
- );
- }
- if ( selMatch[ sel ] ) {
- matches.push( handleObj );
- }
- }
- if ( matches.length ) {
- handlerQueue.push({ elem: cur, matches: matches });
- }
- }
- }
-
- // Add the remaining (directly-bound) handlers
- if ( handlers.length > delegateCount ) {
- handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) });
- }
-
- // Run delegates first; they may want to stop propagation beneath us
- for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) {
- matched = handlerQueue[ i ];
- event.currentTarget = matched.elem;
-
- for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) {
- handleObj = matched.matches[ j ];
-
- // Triggered event must either 1) be non-exclusive and have no namespace, or
- // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
- if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) {
-
- event.data = handleObj.data;
- event.handleObj = handleObj;
-
- ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
- .apply( matched.elem, args );
-
- if ( ret !== undefined ) {
- event.result = ret;
- if ( ret === false ) {
- event.preventDefault();
- event.stopPropagation();
- }
- }
- }
- }
- }
-
- return event.result;
- },
-
- // Includes some event props shared by KeyEvent and MouseEvent
- // *** attrChange attrName relatedNode srcElement are not normalized, non-W3C, deprecated, will be removed in 1.8 ***
- props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
-
- fixHooks: {},
-
- keyHooks: {
- props: "char charCode key keyCode".split(" "),
- filter: function( event, original ) {
-
- // Add which for key events
- if ( event.which == null ) {
- event.which = original.charCode != null ? original.charCode : original.keyCode;
- }
-
- return event;
- }
- },
-
- mouseHooks: {
- props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
- filter: function( event, original ) {
- var eventDoc, doc, body,
- button = original.button,
- fromElement = original.fromElement;
-
- // Calculate pageX/Y if missing and clientX/Y available
- if ( event.pageX == null && original.clientX != null ) {
- eventDoc = event.target.ownerDocument || document;
- doc = eventDoc.documentElement;
- body = eventDoc.body;
-
- event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
- event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 );
- }
-
- // Add relatedTarget, if necessary
- if ( !event.relatedTarget && fromElement ) {
- event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
- }
-
- // Add which for click: 1 === left; 2 === middle; 3 === right
- // Note: button is not normalized, so don't use it
- if ( !event.which && button !== undefined ) {
- event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
- }
-
- return event;
- }
- },
-
- fix: function( event ) {
- if ( event[ jQuery.expando ] ) {
- return event;
- }
-
- // Create a writable copy of the event object and normalize some properties
- var i, prop,
- originalEvent = event,
- fixHook = jQuery.event.fixHooks[ event.type ] || {},
- copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
-
- event = jQuery.Event( originalEvent );
-
- for ( i = copy.length; i; ) {
- prop = copy[ --i ];
- event[ prop ] = originalEvent[ prop ];
- }
-
- // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
- if ( !event.target ) {
- event.target = originalEvent.srcElement || document;
- }
-
- // Target should not be a text node (#504, Safari)
- if ( event.target.nodeType === 3 ) {
- event.target = event.target.parentNode;
- }
-
- // For mouse/key events; add metaKey if it's not there (#3368, IE6/7/8)
- if ( event.metaKey === undefined ) {
- event.metaKey = event.ctrlKey;
- }
-
- return fixHook.filter? fixHook.filter( event, originalEvent ) : event;
- },
-
- special: {
- ready: {
- // Make sure the ready event is setup
- setup: jQuery.bindReady
- },
-
- load: {
- // Prevent triggered image.load events from bubbling to window.load
- noBubble: true
- },
-
- focus: {
- delegateType: "focusin"
- },
- blur: {
- delegateType: "focusout"
- },
-
- beforeunload: {
- setup: function( data, namespaces, eventHandle ) {
- // We only want to do this special case on windows
- if ( jQuery.isWindow( this ) ) {
- this.onbeforeunload = eventHandle;
- }
- },
-
- teardown: function( namespaces, eventHandle ) {
- if ( this.onbeforeunload === eventHandle ) {
- this.onbeforeunload = null;
- }
- }
- }
- },
-
- simulate: function( type, elem, event, bubble ) {
- // Piggyback on a donor event to simulate a different one.
- // Fake originalEvent to avoid donor's stopPropagation, but if the
- // simulated event prevents default then we do the same on the donor.
- var e = jQuery.extend(
- new jQuery.Event(),
- event,
- { type: type,
- isSimulated: true,
- originalEvent: {}
- }
- );
- if ( bubble ) {
- jQuery.event.trigger( e, null, elem );
- } else {
- jQuery.event.dispatch.call( elem, e );
- }
- if ( e.isDefaultPrevented() ) {
- event.preventDefault();
- }
- }
-};
-
-// Some plugins are using, but it's undocumented/deprecated and will be removed.
-// The 1.7 special event interface should provide all the hooks needed now.
-jQuery.event.handle = jQuery.event.dispatch;
-
-jQuery.removeEvent = document.removeEventListener ?
- function( elem, type, handle ) {
- if ( elem.removeEventListener ) {
- elem.removeEventListener( type, handle, false );
- }
- } :
- function( elem, type, handle ) {
- if ( elem.detachEvent ) {
- elem.detachEvent( "on" + type, handle );
- }
- };
-
-jQuery.Event = function( src, props ) {
- // Allow instantiation without the 'new' keyword
- if ( !(this instanceof jQuery.Event) ) {
- return new jQuery.Event( src, props );
- }
-
- // Event object
- if ( src && src.type ) {
- this.originalEvent = src;
- this.type = src.type;
-
- // Events bubbling up the document may have been marked as prevented
- // by a handler lower down the tree; reflect the correct value.
- this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
- src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
-
- // Event type
- } else {
- this.type = src;
- }
-
- // Put explicitly provided properties onto the event object
- if ( props ) {
- jQuery.extend( this, props );
- }
-
- // Create a timestamp if incoming event doesn't have one
- this.timeStamp = src && src.timeStamp || jQuery.now();
-
- // Mark it as fixed
- this[ jQuery.expando ] = true;
-};
-
-function returnFalse() {
- return false;
-}
-function returnTrue() {
- return true;
-}
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
- preventDefault: function() {
- this.isDefaultPrevented = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
-
- // if preventDefault exists run it on the original event
- if ( e.preventDefault ) {
- e.preventDefault();
-
- // otherwise set the returnValue property of the original event to false (IE)
- } else {
- e.returnValue = false;
- }
- },
- stopPropagation: function() {
- this.isPropagationStopped = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
- // if stopPropagation exists run it on the original event
- if ( e.stopPropagation ) {
- e.stopPropagation();
- }
- // otherwise set the cancelBubble property of the original event to true (IE)
- e.cancelBubble = true;
- },
- stopImmediatePropagation: function() {
- this.isImmediatePropagationStopped = returnTrue;
- this.stopPropagation();
- },
- isDefaultPrevented: returnFalse,
- isPropagationStopped: returnFalse,
- isImmediatePropagationStopped: returnFalse
-};
-
-// Create mouseenter/leave events using mouseover/out and event-time checks
-jQuery.each({
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-}, function( orig, fix ) {
- jQuery.event.special[ orig ] = {
- delegateType: fix,
- bindType: fix,
-
- handle: function( event ) {
- var target = this,
- related = event.relatedTarget,
- handleObj = event.handleObj,
- selector = handleObj.selector,
- ret;
-
- // For mousenter/leave call the handler if related is outside the target.
- // NB: No relatedTarget if the mouse left/entered the browser window
- if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
- event.type = handleObj.origType;
- ret = handleObj.handler.apply( this, arguments );
- event.type = fix;
- }
- return ret;
- }
- };
-});
-
-// IE submit delegation
-if ( !jQuery.support.submitBubbles ) {
-
- jQuery.event.special.submit = {
- setup: function() {
- // Only need this for delegated form submit events
- if ( jQuery.nodeName( this, "form" ) ) {
- return false;
- }
-
- // Lazy-add a submit handler when a descendant form may potentially be submitted
- jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
- // Node name check avoids a VML-related crash in IE (#9807)
- var elem = e.target,
- form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
- if ( form && !form._submit_attached ) {
- jQuery.event.add( form, "submit._submit", function( event ) {
- // If form was submitted by the user, bubble the event up the tree
- if ( this.parentNode && !event.isTrigger ) {
- jQuery.event.simulate( "submit", this.parentNode, event, true );
- }
- });
- form._submit_attached = true;
- }
- });
- // return undefined since we don't need an event listener
- },
-
- teardown: function() {
- // Only need this for delegated form submit events
- if ( jQuery.nodeName( this, "form" ) ) {
- return false;
- }
-
- // Remove delegated handlers; cleanData eventually reaps submit handlers attached above
- jQuery.event.remove( this, "._submit" );
- }
- };
-}
-
-// IE change delegation and checkbox/radio fix
-if ( !jQuery.support.changeBubbles ) {
-
- jQuery.event.special.change = {
-
- setup: function() {
-
- if ( rformElems.test( this.nodeName ) ) {
- // IE doesn't fire change on a check/radio until blur; trigger it on click
- // after a propertychange. Eat the blur-change in special.change.handle.
- // This still fires onchange a second time for check/radio after blur.
- if ( this.type === "checkbox" || this.type === "radio" ) {
- jQuery.event.add( this, "propertychange._change", function( event ) {
- if ( event.originalEvent.propertyName === "checked" ) {
- this._just_changed = true;
- }
- });
- jQuery.event.add( this, "click._change", function( event ) {
- if ( this._just_changed && !event.isTrigger ) {
- this._just_changed = false;
- jQuery.event.simulate( "change", this, event, true );
- }
- });
- }
- return false;
- }
- // Delegated event; lazy-add a change handler on descendant inputs
- jQuery.event.add( this, "beforeactivate._change", function( e ) {
- var elem = e.target;
-
- if ( rformElems.test( elem.nodeName ) && !elem._change_attached ) {
- jQuery.event.add( elem, "change._change", function( event ) {
- if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
- jQuery.event.simulate( "change", this.parentNode, event, true );
- }
- });
- elem._change_attached = true;
- }
- });
- },
-
- handle: function( event ) {
- var elem = event.target;
-
- // Swallow native change events from checkbox/radio, we already triggered them above
- if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
- return event.handleObj.handler.apply( this, arguments );
- }
- },
-
- teardown: function() {
- jQuery.event.remove( this, "._change" );
-
- return rformElems.test( this.nodeName );
- }
- };
-}
-
-// Create "bubbling" focus and blur events
-if ( !jQuery.support.focusinBubbles ) {
- jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
- // Attach a single capturing handler while someone wants focusin/focusout
- var attaches = 0,
- handler = function( event ) {
- jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
- };
-
- jQuery.event.special[ fix ] = {
- setup: function() {
- if ( attaches++ === 0 ) {
- document.addEventListener( orig, handler, true );
- }
- },
- teardown: function() {
- if ( --attaches === 0 ) {
- document.removeEventListener( orig, handler, true );
- }
- }
- };
- });
-}
-
-jQuery.fn.extend({
-
- on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
- var origFn, type;
-
- // Types can be a map of types/handlers
- if ( typeof types === "object" ) {
- // ( types-Object, selector, data )
- if ( typeof selector !== "string" ) {
- // ( types-Object, data )
- data = selector;
- selector = undefined;
- }
- for ( type in types ) {
- this.on( type, selector, data, types[ type ], one );
- }
- return this;
- }
-
- if ( data == null && fn == null ) {
- // ( types, fn )
- fn = selector;
- data = selector = undefined;
- } else if ( fn == null ) {
- if ( typeof selector === "string" ) {
- // ( types, selector, fn )
- fn = data;
- data = undefined;
- } else {
- // ( types, data, fn )
- fn = data;
- data = selector;
- selector = undefined;
- }
- }
- if ( fn === false ) {
- fn = returnFalse;
- } else if ( !fn ) {
- return this;
- }
-
- if ( one === 1 ) {
- origFn = fn;
- fn = function( event ) {
- // Can use an empty set, since event contains the info
- jQuery().off( event );
- return origFn.apply( this, arguments );
- };
- // Use same guid so caller can remove using origFn
- fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
- }
- return this.each( function() {
- jQuery.event.add( this, types, fn, data, selector );
- });
- },
- one: function( types, selector, data, fn ) {
- return this.on.call( this, types, selector, data, fn, 1 );
- },
- off: function( types, selector, fn ) {
- if ( types && types.preventDefault && types.handleObj ) {
- // ( event ) dispatched jQuery.Event
- var handleObj = types.handleObj;
- jQuery( types.delegateTarget ).off(
- handleObj.namespace? handleObj.type + "." + handleObj.namespace : handleObj.type,
- handleObj.selector,
- handleObj.handler
- );
- return this;
- }
- if ( typeof types === "object" ) {
- // ( types-object [, selector] )
- for ( var type in types ) {
- this.off( type, selector, types[ type ] );
- }
- return this;
- }
- if ( selector === false || typeof selector === "function" ) {
- // ( types [, fn] )
- fn = selector;
- selector = undefined;
- }
- if ( fn === false ) {
- fn = returnFalse;
- }
- return this.each(function() {
- jQuery.event.remove( this, types, fn, selector );
- });
- },
-
- bind: function( types, data, fn ) {
- return this.on( types, null, data, fn );
- },
- unbind: function( types, fn ) {
- return this.off( types, null, fn );
- },
-
- live: function( types, data, fn ) {
- jQuery( this.context ).on( types, this.selector, data, fn );
- return this;
- },
- die: function( types, fn ) {
- jQuery( this.context ).off( types, this.selector || "**", fn );
- return this;
- },
-
- delegate: function( selector, types, data, fn ) {
- return this.on( types, selector, data, fn );
- },
- undelegate: function( selector, types, fn ) {
- // ( namespace ) or ( selector, types [, fn] )
- return arguments.length == 1? this.off( selector, "**" ) : this.off( types, selector, fn );
- },
-
- trigger: function( type, data ) {
- return this.each(function() {
- jQuery.event.trigger( type, data, this );
- });
- },
- triggerHandler: function( type, data ) {
- if ( this[0] ) {
- return jQuery.event.trigger( type, data, this[0], true );
- }
- },
-
- toggle: function( fn ) {
- // Save reference to arguments for access in closure
- var args = arguments,
- guid = fn.guid || jQuery.guid++,
- i = 0,
- toggler = function( event ) {
- // Figure out which function to execute
- var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
- jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
-
- // Make sure that clicks stop
- event.preventDefault();
-
- // and execute the function
- return args[ lastToggle ].apply( this, arguments ) || false;
- };
-
- // link all the functions, so any of them can unbind this click handler
- toggler.guid = guid;
- while ( i < args.length ) {
- args[ i++ ].guid = guid;
- }
-
- return this.click( toggler );
- },
-
- hover: function( fnOver, fnOut ) {
- return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
- }
-});
-
-jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
- "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
- "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
-
- // Handle event binding
- jQuery.fn[ name ] = function( data, fn ) {
- if ( fn == null ) {
- fn = data;
- data = null;
- }
-
- return arguments.length > 0 ?
- this.on( name, null, data, fn ) :
- this.trigger( name );
- };
-
- if ( jQuery.attrFn ) {
- jQuery.attrFn[ name ] = true;
- }
-
- if ( rkeyEvent.test( name ) ) {
- jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks;
- }
-
- if ( rmouseEvent.test( name ) ) {
- jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks;
- }
-});
-
-
-
-/*!
- * Sizzle CSS Selector Engine
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- * More information: http://sizzlejs.com/
- */
-(function(){
-
-var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
- expando = "sizcache" + (Math.random() + '').replace('.', ''),
- done = 0,
- toString = Object.prototype.toString,
- hasDuplicate = false,
- baseHasDuplicate = true,
- rBackslash = /\\/g,
- rReturn = /\r\n/g,
- rNonWord = /\W/;
-
-// Here we check if the JavaScript engine is using some sort of
-// optimization where it does not always call our comparision
-// function. If that is the case, discard the hasDuplicate value.
-// Thus far that includes Google Chrome.
-[0, 0].sort(function() {
- baseHasDuplicate = false;
- return 0;
-});
-
-var Sizzle = function( selector, context, results, seed ) {
- results = results || [];
- context = context || document;
-
- var origContext = context;
-
- if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
- return [];
- }
-
- if ( !selector || typeof selector !== "string" ) {
- return results;
- }
-
- var m, set, checkSet, extra, ret, cur, pop, i,
- prune = true,
- contextXML = Sizzle.isXML( context ),
- parts = [],
- soFar = selector;
-
- // Reset the position of the chunker regexp (start from head)
- do {
- chunker.exec( "" );
- m = chunker.exec( soFar );
-
- if ( m ) {
- soFar = m[3];
-
- parts.push( m[1] );
-
- if ( m[2] ) {
- extra = m[3];
- break;
- }
- }
- } while ( m );
-
- if ( parts.length > 1 && origPOS.exec( selector ) ) {
-
- if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
- set = posProcess( parts[0] + parts[1], context, seed );
-
- } else {
- set = Expr.relative[ parts[0] ] ?
- [ context ] :
- Sizzle( parts.shift(), context );
-
- while ( parts.length ) {
- selector = parts.shift();
-
- if ( Expr.relative[ selector ] ) {
- selector += parts.shift();
- }
-
- set = posProcess( selector, set, seed );
- }
- }
-
- } else {
- // Take a shortcut and set the context if the root selector is an ID
- // (but not if it'll be faster if the inner selector is an ID)
- if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
- Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
-
- ret = Sizzle.find( parts.shift(), context, contextXML );
- context = ret.expr ?
- Sizzle.filter( ret.expr, ret.set )[0] :
- ret.set[0];
- }
-
- if ( context ) {
- ret = seed ?
- { expr: parts.pop(), set: makeArray(seed) } :
- Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
-
- set = ret.expr ?
- Sizzle.filter( ret.expr, ret.set ) :
- ret.set;
-
- if ( parts.length > 0 ) {
- checkSet = makeArray( set );
-
- } else {
- prune = false;
- }
-
- while ( parts.length ) {
- cur = parts.pop();
- pop = cur;
-
- if ( !Expr.relative[ cur ] ) {
- cur = "";
- } else {
- pop = parts.pop();
- }
-
- if ( pop == null ) {
- pop = context;
- }
-
- Expr.relative[ cur ]( checkSet, pop, contextXML );
- }
-
- } else {
- checkSet = parts = [];
- }
- }
-
- if ( !checkSet ) {
- checkSet = set;
- }
-
- if ( !checkSet ) {
- Sizzle.error( cur || selector );
- }
-
- if ( toString.call(checkSet) === "[object Array]" ) {
- if ( !prune ) {
- results.push.apply( results, checkSet );
-
- } else if ( context && context.nodeType === 1 ) {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
- results.push( set[i] );
- }
- }
-
- } else {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
- results.push( set[i] );
- }
- }
- }
-
- } else {
- makeArray( checkSet, results );
- }
-
- if ( extra ) {
- Sizzle( extra, origContext, results, seed );
- Sizzle.uniqueSort( results );
- }
-
- return results;
-};
-
-Sizzle.uniqueSort = function( results ) {
- if ( sortOrder ) {
- hasDuplicate = baseHasDuplicate;
- results.sort( sortOrder );
-
- if ( hasDuplicate ) {
- for ( var i = 1; i < results.length; i++ ) {
- if ( results[i] === results[ i - 1 ] ) {
- results.splice( i--, 1 );
- }
- }
- }
- }
-
- return results;
-};
-
-Sizzle.matches = function( expr, set ) {
- return Sizzle( expr, null, null, set );
-};
-
-Sizzle.matchesSelector = function( node, expr ) {
- return Sizzle( expr, null, null, [node] ).length > 0;
-};
-
-Sizzle.find = function( expr, context, isXML ) {
- var set, i, len, match, type, left;
-
- if ( !expr ) {
- return [];
- }
-
- for ( i = 0, len = Expr.order.length; i < len; i++ ) {
- type = Expr.order[i];
-
- if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
- left = match[1];
- match.splice( 1, 1 );
-
- if ( left.substr( left.length - 1 ) !== "\\" ) {
- match[1] = (match[1] || "").replace( rBackslash, "" );
- set = Expr.find[ type ]( match, context, isXML );
-
- if ( set != null ) {
- expr = expr.replace( Expr.match[ type ], "" );
- break;
- }
- }
- }
- }
-
- if ( !set ) {
- set = typeof context.getElementsByTagName !== "undefined" ?
- context.getElementsByTagName( "*" ) :
- [];
- }
-
- return { set: set, expr: expr };
-};
-
-Sizzle.filter = function( expr, set, inplace, not ) {
- var match, anyFound,
- type, found, item, filter, left,
- i, pass,
- old = expr,
- result = [],
- curLoop = set,
- isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
-
- while ( expr && set.length ) {
- for ( type in Expr.filter ) {
- if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
- filter = Expr.filter[ type ];
- left = match[1];
-
- anyFound = false;
-
- match.splice(1,1);
-
- if ( left.substr( left.length - 1 ) === "\\" ) {
- continue;
- }
-
- if ( curLoop === result ) {
- result = [];
- }
-
- if ( Expr.preFilter[ type ] ) {
- match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
-
- if ( !match ) {
- anyFound = found = true;
-
- } else if ( match === true ) {
- continue;
- }
- }
-
- if ( match ) {
- for ( i = 0; (item = curLoop[i]) != null; i++ ) {
- if ( item ) {
- found = filter( item, match, i, curLoop );
- pass = not ^ found;
-
- if ( inplace && found != null ) {
- if ( pass ) {
- anyFound = true;
-
- } else {
- curLoop[i] = false;
- }
-
- } else if ( pass ) {
- result.push( item );
- anyFound = true;
- }
- }
- }
- }
-
- if ( found !== undefined ) {
- if ( !inplace ) {
- curLoop = result;
- }
-
- expr = expr.replace( Expr.match[ type ], "" );
-
- if ( !anyFound ) {
- return [];
- }
-
- break;
- }
- }
- }
-
- // Improper expression
- if ( expr === old ) {
- if ( anyFound == null ) {
- Sizzle.error( expr );
-
- } else {
- break;
- }
- }
-
- old = expr;
- }
-
- return curLoop;
-};
-
-Sizzle.error = function( msg ) {
- throw new Error( "Syntax error, unrecognized expression: " + msg );
-};
-
-/**
- * Utility function for retreiving the text value of an array of DOM nodes
- * @param {Array|Element} elem
- */
-var getText = Sizzle.getText = function( elem ) {
- var i, node,
- nodeType = elem.nodeType,
- ret = "";
-
- if ( nodeType ) {
- if ( nodeType === 1 || nodeType === 9 ) {
- // Use textContent || innerText for elements
- if ( typeof elem.textContent === 'string' ) {
- return elem.textContent;
- } else if ( typeof elem.innerText === 'string' ) {
- // Replace IE's carriage returns
- return elem.innerText.replace( rReturn, '' );
- } else {
- // Traverse it's children
- for ( elem = elem.firstChild; elem; elem = elem.nextSibling) {
- ret += getText( elem );
- }
- }
- } else if ( nodeType === 3 || nodeType === 4 ) {
- return elem.nodeValue;
- }
- } else {
-
- // If no nodeType, this is expected to be an array
- for ( i = 0; (node = elem[i]); i++ ) {
- // Do not traverse comment nodes
- if ( node.nodeType !== 8 ) {
- ret += getText( node );
- }
- }
- }
- return ret;
-};
-
-var Expr = Sizzle.selectors = {
- order: [ "ID", "NAME", "TAG" ],
-
- match: {
- ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
- ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
- TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
- CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
- POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
- PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
- },
-
- leftMatch: {},
-
- attrMap: {
- "class": "className",
- "for": "htmlFor"
- },
-
- attrHandle: {
- href: function( elem ) {
- return elem.getAttribute( "href" );
- },
- type: function( elem ) {
- return elem.getAttribute( "type" );
- }
- },
-
- relative: {
- "+": function(checkSet, part){
- var isPartStr = typeof part === "string",
- isTag = isPartStr && !rNonWord.test( part ),
- isPartStrNotTag = isPartStr && !isTag;
-
- if ( isTag ) {
- part = part.toLowerCase();
- }
-
- for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
- if ( (elem = checkSet[i]) ) {
- while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
-
- checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
- elem || false :
- elem === part;
- }
- }
-
- if ( isPartStrNotTag ) {
- Sizzle.filter( part, checkSet, true );
- }
- },
-
- ">": function( checkSet, part ) {
- var elem,
- isPartStr = typeof part === "string",
- i = 0,
- l = checkSet.length;
-
- if ( isPartStr && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
-
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- var parent = elem.parentNode;
- checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
- }
- }
-
- } else {
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- checkSet[i] = isPartStr ?
- elem.parentNode :
- elem.parentNode === part;
- }
- }
-
- if ( isPartStr ) {
- Sizzle.filter( part, checkSet, true );
- }
- }
- },
-
- "": function(checkSet, part, isXML){
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
- },
-
- "~": function( checkSet, part, isXML ) {
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
- }
- },
-
- find: {
- ID: function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- return m && m.parentNode ? [m] : [];
- }
- },
-
- NAME: function( match, context ) {
- if ( typeof context.getElementsByName !== "undefined" ) {
- var ret = [],
- results = context.getElementsByName( match[1] );
-
- for ( var i = 0, l = results.length; i < l; i++ ) {
- if ( results[i].getAttribute("name") === match[1] ) {
- ret.push( results[i] );
- }
- }
-
- return ret.length === 0 ? null : ret;
- }
- },
-
- TAG: function( match, context ) {
- if ( typeof context.getElementsByTagName !== "undefined" ) {
- return context.getElementsByTagName( match[1] );
- }
- }
- },
- preFilter: {
- CLASS: function( match, curLoop, inplace, result, not, isXML ) {
- match = " " + match[1].replace( rBackslash, "" ) + " ";
-
- if ( isXML ) {
- return match;
- }
-
- for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
- if ( elem ) {
- if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
- if ( !inplace ) {
- result.push( elem );
- }
-
- } else if ( inplace ) {
- curLoop[i] = false;
- }
- }
- }
-
- return false;
- },
-
- ID: function( match ) {
- return match[1].replace( rBackslash, "" );
- },
-
- TAG: function( match, curLoop ) {
- return match[1].replace( rBackslash, "" ).toLowerCase();
- },
-
- CHILD: function( match ) {
- if ( match[1] === "nth" ) {
- if ( !match[2] ) {
- Sizzle.error( match[0] );
- }
-
- match[2] = match[2].replace(/^\+|\s*/g, '');
-
- // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
- var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
- match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
- !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
-
- // calculate the numbers (first)n+(last) including if they are negative
- match[2] = (test[1] + (test[2] || 1)) - 0;
- match[3] = test[3] - 0;
- }
- else if ( match[2] ) {
- Sizzle.error( match[0] );
- }
-
- // TODO: Move to normal caching system
- match[0] = done++;
-
- return match;
- },
-
- ATTR: function( match, curLoop, inplace, result, not, isXML ) {
- var name = match[1] = match[1].replace( rBackslash, "" );
-
- if ( !isXML && Expr.attrMap[name] ) {
- match[1] = Expr.attrMap[name];
- }
-
- // Handle if an un-quoted value was used
- match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
-
- if ( match[2] === "~=" ) {
- match[4] = " " + match[4] + " ";
- }
-
- return match;
- },
-
- PSEUDO: function( match, curLoop, inplace, result, not ) {
- if ( match[1] === "not" ) {
- // If we're dealing with a complex expression, or a simple one
- if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
- match[3] = Sizzle(match[3], null, null, curLoop);
-
- } else {
- var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
-
- if ( !inplace ) {
- result.push.apply( result, ret );
- }
-
- return false;
- }
-
- } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
- return true;
- }
-
- return match;
- },
-
- POS: function( match ) {
- match.unshift( true );
-
- return match;
- }
- },
-
- filters: {
- enabled: function( elem ) {
- return elem.disabled === false && elem.type !== "hidden";
- },
-
- disabled: function( elem ) {
- return elem.disabled === true;
- },
-
- checked: function( elem ) {
- return elem.checked === true;
- },
-
- selected: function( elem ) {
- // Accessing this property makes selected-by-default
- // options in Safari work properly
- if ( elem.parentNode ) {
- elem.parentNode.selectedIndex;
- }
-
- return elem.selected === true;
- },
-
- parent: function( elem ) {
- return !!elem.firstChild;
- },
-
- empty: function( elem ) {
- return !elem.firstChild;
- },
-
- has: function( elem, i, match ) {
- return !!Sizzle( match[3], elem ).length;
- },
-
- header: function( elem ) {
- return (/h\d/i).test( elem.nodeName );
- },
-
- text: function( elem ) {
- var attr = elem.getAttribute( "type" ), type = elem.type;
- // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
- // use getAttribute instead to test this case
- return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
- },
-
- radio: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
- },
-
- checkbox: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
- },
-
- file: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
- },
-
- password: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
- },
-
- submit: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "submit" === elem.type;
- },
-
- image: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
- },
-
- reset: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "reset" === elem.type;
- },
-
- button: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return name === "input" && "button" === elem.type || name === "button";
- },
-
- input: function( elem ) {
- return (/input|select|textarea|button/i).test( elem.nodeName );
- },
-
- focus: function( elem ) {
- return elem === elem.ownerDocument.activeElement;
- }
- },
- setFilters: {
- first: function( elem, i ) {
- return i === 0;
- },
-
- last: function( elem, i, match, array ) {
- return i === array.length - 1;
- },
-
- even: function( elem, i ) {
- return i % 2 === 0;
- },
-
- odd: function( elem, i ) {
- return i % 2 === 1;
- },
-
- lt: function( elem, i, match ) {
- return i < match[3] - 0;
- },
-
- gt: function( elem, i, match ) {
- return i > match[3] - 0;
- },
-
- nth: function( elem, i, match ) {
- return match[3] - 0 === i;
- },
-
- eq: function( elem, i, match ) {
- return match[3] - 0 === i;
- }
- },
- filter: {
- PSEUDO: function( elem, match, i, array ) {
- var name = match[1],
- filter = Expr.filters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
-
- } else if ( name === "contains" ) {
- return (elem.textContent || elem.innerText || getText([ elem ]) || "").indexOf(match[3]) >= 0;
-
- } else if ( name === "not" ) {
- var not = match[3];
-
- for ( var j = 0, l = not.length; j < l; j++ ) {
- if ( not[j] === elem ) {
- return false;
- }
- }
-
- return true;
-
- } else {
- Sizzle.error( name );
- }
- },
-
- CHILD: function( elem, match ) {
- var first, last,
- doneName, parent, cache,
- count, diff,
- type = match[1],
- node = elem;
-
- switch ( type ) {
- case "only":
- case "first":
- while ( (node = node.previousSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- if ( type === "first" ) {
- return true;
- }
-
- node = elem;
-
- case "last":
- while ( (node = node.nextSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- return true;
-
- case "nth":
- first = match[2];
- last = match[3];
-
- if ( first === 1 && last === 0 ) {
- return true;
- }
-
- doneName = match[0];
- parent = elem.parentNode;
-
- if ( parent && (parent[ expando ] !== doneName || !elem.nodeIndex) ) {
- count = 0;
-
- for ( node = parent.firstChild; node; node = node.nextSibling ) {
- if ( node.nodeType === 1 ) {
- node.nodeIndex = ++count;
- }
- }
-
- parent[ expando ] = doneName;
- }
-
- diff = elem.nodeIndex - last;
-
- if ( first === 0 ) {
- return diff === 0;
-
- } else {
- return ( diff % first === 0 && diff / first >= 0 );
- }
- }
- },
-
- ID: function( elem, match ) {
- return elem.nodeType === 1 && elem.getAttribute("id") === match;
- },
-
- TAG: function( elem, match ) {
- return (match === "*" && elem.nodeType === 1) || !!elem.nodeName && elem.nodeName.toLowerCase() === match;
- },
-
- CLASS: function( elem, match ) {
- return (" " + (elem.className || elem.getAttribute("class")) + " ")
- .indexOf( match ) > -1;
- },
-
- ATTR: function( elem, match ) {
- var name = match[1],
- result = Sizzle.attr ?
- Sizzle.attr( elem, name ) :
- Expr.attrHandle[ name ] ?
- Expr.attrHandle[ name ]( elem ) :
- elem[ name ] != null ?
- elem[ name ] :
- elem.getAttribute( name ),
- value = result + "",
- type = match[2],
- check = match[4];
-
- return result == null ?
- type === "!=" :
- !type && Sizzle.attr ?
- result != null :
- type === "=" ?
- value === check :
- type === "*=" ?
- value.indexOf(check) >= 0 :
- type === "~=" ?
- (" " + value + " ").indexOf(check) >= 0 :
- !check ?
- value && result !== false :
- type === "!=" ?
- value !== check :
- type === "^=" ?
- value.indexOf(check) === 0 :
- type === "$=" ?
- value.substr(value.length - check.length) === check :
- type === "|=" ?
- value === check || value.substr(0, check.length + 1) === check + "-" :
- false;
- },
-
- POS: function( elem, match, i, array ) {
- var name = match[2],
- filter = Expr.setFilters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
- }
- }
- }
-};
-
-var origPOS = Expr.match.POS,
- fescape = function(all, num){
- return "\\" + (num - 0 + 1);
- };
-
-for ( var type in Expr.match ) {
- Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
- Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
-}
-
-var makeArray = function( array, results ) {
- array = Array.prototype.slice.call( array, 0 );
-
- if ( results ) {
- results.push.apply( results, array );
- return results;
- }
-
- return array;
-};
-
-// Perform a simple check to determine if the browser is capable of
-// converting a NodeList to an array using builtin methods.
-// Also verifies that the returned array holds DOM nodes
-// (which is not the case in the Blackberry browser)
-try {
- Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
-
-// Provide a fallback method if it does not work
-} catch( e ) {
- makeArray = function( array, results ) {
- var i = 0,
- ret = results || [];
-
- if ( toString.call(array) === "[object Array]" ) {
- Array.prototype.push.apply( ret, array );
-
- } else {
- if ( typeof array.length === "number" ) {
- for ( var l = array.length; i < l; i++ ) {
- ret.push( array[i] );
- }
-
- } else {
- for ( ; array[i]; i++ ) {
- ret.push( array[i] );
- }
- }
- }
-
- return ret;
- };
-}
-
-var sortOrder, siblingCheck;
-
-if ( document.documentElement.compareDocumentPosition ) {
- sortOrder = function( a, b ) {
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
- }
-
- if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
- return a.compareDocumentPosition ? -1 : 1;
- }
-
- return a.compareDocumentPosition(b) & 4 ? -1 : 1;
- };
-
-} else {
- sortOrder = function( a, b ) {
- // The nodes are identical, we can exit early
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
-
- // Fallback to using sourceIndex (in IE) if it's available on both nodes
- } else if ( a.sourceIndex && b.sourceIndex ) {
- return a.sourceIndex - b.sourceIndex;
- }
-
- var al, bl,
- ap = [],
- bp = [],
- aup = a.parentNode,
- bup = b.parentNode,
- cur = aup;
-
- // If the nodes are siblings (or identical) we can do a quick check
- if ( aup === bup ) {
- return siblingCheck( a, b );
-
- // If no parents were found then the nodes are disconnected
- } else if ( !aup ) {
- return -1;
-
- } else if ( !bup ) {
- return 1;
- }
-
- // Otherwise they're somewhere else in the tree so we need
- // to build up a full list of the parentNodes for comparison
- while ( cur ) {
- ap.unshift( cur );
- cur = cur.parentNode;
- }
-
- cur = bup;
-
- while ( cur ) {
- bp.unshift( cur );
- cur = cur.parentNode;
- }
-
- al = ap.length;
- bl = bp.length;
-
- // Start walking down the tree looking for a discrepancy
- for ( var i = 0; i < al && i < bl; i++ ) {
- if ( ap[i] !== bp[i] ) {
- return siblingCheck( ap[i], bp[i] );
- }
- }
-
- // We ended someplace up the tree so do a sibling check
- return i === al ?
- siblingCheck( a, bp[i], -1 ) :
- siblingCheck( ap[i], b, 1 );
- };
-
- siblingCheck = function( a, b, ret ) {
- if ( a === b ) {
- return ret;
- }
-
- var cur = a.nextSibling;
-
- while ( cur ) {
- if ( cur === b ) {
- return -1;
- }
-
- cur = cur.nextSibling;
- }
-
- return 1;
- };
-}
-
-// Check to see if the browser returns elements by name when
-// querying by getElementById (and provide a workaround)
-(function(){
- // We're going to inject a fake input element with a specified name
- var form = document.createElement("div"),
- id = "script" + (new Date()).getTime(),
- root = document.documentElement;
-
- form.innerHTML = "<a name='" + id + "'/>";
-
- // Inject it into the root element, check its status, and remove it quickly
- root.insertBefore( form, root.firstChild );
-
- // The workaround has to do additional checks after a getElementById
- // Which slows things down for other browsers (hence the branching)
- if ( document.getElementById( id ) ) {
- Expr.find.ID = function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
-
- return m ?
- m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
- [m] :
- undefined :
- [];
- }
- };
-
- Expr.filter.ID = function( elem, match ) {
- var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
-
- return elem.nodeType === 1 && node && node.nodeValue === match;
- };
- }
-
- root.removeChild( form );
-
- // release memory in IE
- root = form = null;
-})();
-
-(function(){
- // Check to see if the browser returns only elements
- // when doing getElementsByTagName("*")
-
- // Create a fake element
- var div = document.createElement("div");
- div.appendChild( document.createComment("") );
-
- // Make sure no comments are found
- if ( div.getElementsByTagName("*").length > 0 ) {
- Expr.find.TAG = function( match, context ) {
- var results = context.getElementsByTagName( match[1] );
-
- // Filter out possible comments
- if ( match[1] === "*" ) {
- var tmp = [];
-
- for ( var i = 0; results[i]; i++ ) {
- if ( results[i].nodeType === 1 ) {
- tmp.push( results[i] );
- }
- }
-
- results = tmp;
- }
-
- return results;
- };
- }
-
- // Check to see if an attribute returns normalized href attributes
- div.innerHTML = "<a href='#'></a>";
-
- if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
- div.firstChild.getAttribute("href") !== "#" ) {
-
- Expr.attrHandle.href = function( elem ) {
- return elem.getAttribute( "href", 2 );
- };
- }
-
- // release memory in IE
- div = null;
-})();
-
-if ( document.querySelectorAll ) {
- (function(){
- var oldSizzle = Sizzle,
- div = document.createElement("div"),
- id = "__sizzle__";
-
- div.innerHTML = "<p class='TEST'></p>";
-
- // Safari can't handle uppercase or unicode characters when
- // in quirks mode.
- if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
- return;
- }
-
- Sizzle = function( query, context, extra, seed ) {
- context = context || document;
-
- // Only use querySelectorAll on non-XML documents
- // (ID selectors don't work in non-HTML documents)
- if ( !seed && !Sizzle.isXML(context) ) {
- // See if we find a selector to speed up
- var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
-
- if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
- // Speed-up: Sizzle("TAG")
- if ( match[1] ) {
- return makeArray( context.getElementsByTagName( query ), extra );
-
- // Speed-up: Sizzle(".CLASS")
- } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
- return makeArray( context.getElementsByClassName( match[2] ), extra );
- }
- }
-
- if ( context.nodeType === 9 ) {
- // Speed-up: Sizzle("body")
- // The body element only exists once, optimize finding it
- if ( query === "body" && context.body ) {
- return makeArray( [ context.body ], extra );
-
- // Speed-up: Sizzle("#ID")
- } else if ( match && match[3] ) {
- var elem = context.getElementById( match[3] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id === match[3] ) {
- return makeArray( [ elem ], extra );
- }
-
- } else {
- return makeArray( [], extra );
- }
- }
-
- try {
- return makeArray( context.querySelectorAll(query), extra );
- } catch(qsaError) {}
-
- // qSA works strangely on Element-rooted queries
- // We can work around this by specifying an extra ID on the root
- // and working up from there (Thanks to Andrew Dupont for the technique)
- // IE 8 doesn't work on object elements
- } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
- var oldContext = context,
- old = context.getAttribute( "id" ),
- nid = old || id,
- hasParent = context.parentNode,
- relativeHierarchySelector = /^\s*[+~]/.test( query );
-
- if ( !old ) {
- context.setAttribute( "id", nid );
- } else {
- nid = nid.replace( /'/g, "\\$&" );
- }
- if ( relativeHierarchySelector && hasParent ) {
- context = context.parentNode;
- }
-
- try {
- if ( !relativeHierarchySelector || hasParent ) {
- return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
- }
-
- } catch(pseudoError) {
- } finally {
- if ( !old ) {
- oldContext.removeAttribute( "id" );
- }
- }
- }
- }
-
- return oldSizzle(query, context, extra, seed);
- };
-
- for ( var prop in oldSizzle ) {
- Sizzle[ prop ] = oldSizzle[ prop ];
- }
-
- // release memory in IE
- div = null;
- })();
-}
-
-(function(){
- var html = document.documentElement,
- matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
-
- if ( matches ) {
- // Check to see if it's possible to do matchesSelector
- // on a disconnected node (IE 9 fails this)
- var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
- pseudoWorks = false;
-
- try {
- // This should fail with an exception
- // Gecko does not error, returns false instead
- matches.call( document.documentElement, "[test!='']:sizzle" );
-
- } catch( pseudoError ) {
- pseudoWorks = true;
- }
-
- Sizzle.matchesSelector = function( node, expr ) {
- // Make sure that attribute selectors are quoted
- expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
-
- if ( !Sizzle.isXML( node ) ) {
- try {
- if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
- var ret = matches.call( node, expr );
-
- // IE 9's matchesSelector returns false on disconnected nodes
- if ( ret || !disconnectedMatch ||
- // As well, disconnected nodes are said to be in a document
- // fragment in IE 9, so check for that
- node.document && node.document.nodeType !== 11 ) {
- return ret;
- }
- }
- } catch(e) {}
- }
-
- return Sizzle(expr, null, null, [node]).length > 0;
- };
- }
-})();
-
-(function(){
- var div = document.createElement("div");
-
- div.innerHTML = "<div class='test e'></div><div class='test'></div>";
-
- // Opera can't find a second classname (in 9.6)
- // Also, make sure that getElementsByClassName actually exists
- if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
- return;
- }
-
- // Safari caches class attributes, doesn't catch changes (in 3.2)
- div.lastChild.className = "e";
-
- if ( div.getElementsByClassName("e").length === 1 ) {
- return;
- }
-
- Expr.order.splice(1, 0, "CLASS");
- Expr.find.CLASS = function( match, context, isXML ) {
- if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
- return context.getElementsByClassName(match[1]);
- }
- };
-
- // release memory in IE
- div = null;
-})();
-
-function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem[ expando ] === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 && !isXML ){
- elem[ expando ] = doneName;
- elem.sizset = i;
- }
-
- if ( elem.nodeName.toLowerCase() === cur ) {
- match = elem;
- break;
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem[ expando ] === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 ) {
- if ( !isXML ) {
- elem[ expando ] = doneName;
- elem.sizset = i;
- }
-
- if ( typeof cur !== "string" ) {
- if ( elem === cur ) {
- match = true;
- break;
- }
-
- } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
- match = elem;
- break;
- }
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-if ( document.documentElement.contains ) {
- Sizzle.contains = function( a, b ) {
- return a !== b && (a.contains ? a.contains(b) : true);
- };
-
-} else if ( document.documentElement.compareDocumentPosition ) {
- Sizzle.contains = function( a, b ) {
- return !!(a.compareDocumentPosition(b) & 16);
- };
-
-} else {
- Sizzle.contains = function() {
- return false;
- };
-}
-
-Sizzle.isXML = function( elem ) {
- // documentElement is verified for cases where it doesn't yet exist
- // (such as loading iframes in IE - #4833)
- var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
-
- return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
-
-var posProcess = function( selector, context, seed ) {
- var match,
- tmpSet = [],
- later = "",
- root = context.nodeType ? [context] : context;
-
- // Position selectors must be done after the filter
- // And so must :not(positional) so we move all PSEUDOs to the end
- while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
- later += match[0];
- selector = selector.replace( Expr.match.PSEUDO, "" );
- }
-
- selector = Expr.relative[selector] ? selector + "*" : selector;
-
- for ( var i = 0, l = root.length; i < l; i++ ) {
- Sizzle( selector, root[i], tmpSet, seed );
- }
-
- return Sizzle.filter( later, tmpSet );
-};
-
-// EXPOSE
-// Override sizzle attribute retrieval
-Sizzle.attr = jQuery.attr;
-Sizzle.selectors.attrMap = {};
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-jQuery.expr[":"] = jQuery.expr.filters;
-jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-
-
-})();
-
-
-var runtil = /Until$/,
- rparentsprev = /^(?:parents|prevUntil|prevAll)/,
- // Note: This RegExp should be improved, or likely pulled from Sizzle
- rmultiselector = /,/,
- isSimple = /^.[^:#\[\.,]*$/,
- slice = Array.prototype.slice,
- POS = jQuery.expr.match.POS,
- // methods guaranteed to produce a unique set when starting from a unique set
- guaranteedUnique = {
- children: true,
- contents: true,
- next: true,
- prev: true
- };
-
-jQuery.fn.extend({
- find: function( selector ) {
- var self = this,
- i, l;
-
- if ( typeof selector !== "string" ) {
- return jQuery( selector ).filter(function() {
- for ( i = 0, l = self.length; i < l; i++ ) {
- if ( jQuery.contains( self[ i ], this ) ) {
- return true;
- }
- }
- });
- }
-
- var ret = this.pushStack( "", "find", selector ),
- length, n, r;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- length = ret.length;
- jQuery.find( selector, this[i], ret );
-
- if ( i > 0 ) {
- // Make sure that the results are unique
- for ( n = length; n < ret.length; n++ ) {
- for ( r = 0; r < length; r++ ) {
- if ( ret[r] === ret[n] ) {
- ret.splice(n--, 1);
- break;
- }
- }
- }
- }
- }
-
- return ret;
- },
-
- has: function( target ) {
- var targets = jQuery( target );
- return this.filter(function() {
- for ( var i = 0, l = targets.length; i < l; i++ ) {
- if ( jQuery.contains( this, targets[i] ) ) {
- return true;
- }
- }
- });
- },
-
- not: function( selector ) {
- return this.pushStack( winnow(this, selector, false), "not", selector);
- },
-
- filter: function( selector ) {
- return this.pushStack( winnow(this, selector, true), "filter", selector );
- },
-
- is: function( selector ) {
- return !!selector && (
- typeof selector === "string" ?
- // If this is a positional selector, check membership in the returned set
- // so $("p:first").is("p:last") won't return true for a doc with two "p".
- POS.test( selector ) ?
- jQuery( selector, this.context ).index( this[0] ) >= 0 :
- jQuery.filter( selector, this ).length > 0 :
- this.filter( selector ).length > 0 );
- },
-
- closest: function( selectors, context ) {
- var ret = [], i, l, cur = this[0];
-
- // Array (deprecated as of jQuery 1.7)
- if ( jQuery.isArray( selectors ) ) {
- var level = 1;
-
- while ( cur && cur.ownerDocument && cur !== context ) {
- for ( i = 0; i < selectors.length; i++ ) {
-
- if ( jQuery( cur ).is( selectors[ i ] ) ) {
- ret.push({ selector: selectors[ i ], elem: cur, level: level });
- }
- }
-
- cur = cur.parentNode;
- level++;
- }
-
- return ret;
- }
-
- // String
- var pos = POS.test( selectors ) || typeof selectors !== "string" ?
- jQuery( selectors, context || this.context ) :
- 0;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- cur = this[i];
-
- while ( cur ) {
- if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
- ret.push( cur );
- break;
-
- } else {
- cur = cur.parentNode;
- if ( !cur || !cur.ownerDocument || cur === context || cur.nodeType === 11 ) {
- break;
- }
- }
- }
- }
-
- ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
-
- return this.pushStack( ret, "closest", selectors );
- },
-
- // Determine the position of an element within
- // the matched set of elements
- index: function( elem ) {
-
- // No argument, return index in parent
- if ( !elem ) {
- return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
- }
-
- // index in selector
- if ( typeof elem === "string" ) {
- return jQuery.inArray( this[0], jQuery( elem ) );
- }
-
- // Locate the position of the desired element
- return jQuery.inArray(
- // If it receives a jQuery object, the first element is used
- elem.jquery ? elem[0] : elem, this );
- },
-
- add: function( selector, context ) {
- var set = typeof selector === "string" ?
- jQuery( selector, context ) :
- jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
- all = jQuery.merge( this.get(), set );
-
- return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
- all :
- jQuery.unique( all ) );
- },
-
- andSelf: function() {
- return this.add( this.prevObject );
- }
-});
-
-// A painfully simple check to see if an element is disconnected
-// from a document (should be improved, where feasible).
-function isDisconnected( node ) {
- return !node || !node.parentNode || node.parentNode.nodeType === 11;
-}
-
-jQuery.each({
- parent: function( elem ) {
- var parent = elem.parentNode;
- return parent && parent.nodeType !== 11 ? parent : null;
- },
- parents: function( elem ) {
- return jQuery.dir( elem, "parentNode" );
- },
- parentsUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "parentNode", until );
- },
- next: function( elem ) {
- return jQuery.nth( elem, 2, "nextSibling" );
- },
- prev: function( elem ) {
- return jQuery.nth( elem, 2, "previousSibling" );
- },
- nextAll: function( elem ) {
- return jQuery.dir( elem, "nextSibling" );
- },
- prevAll: function( elem ) {
- return jQuery.dir( elem, "previousSibling" );
- },
- nextUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "nextSibling", until );
- },
- prevUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "previousSibling", until );
- },
- siblings: function( elem ) {
- return jQuery.sibling( elem.parentNode.firstChild, elem );
- },
- children: function( elem ) {
- return jQuery.sibling( elem.firstChild );
- },
- contents: function( elem ) {
- return jQuery.nodeName( elem, "iframe" ) ?
- elem.contentDocument || elem.contentWindow.document :
- jQuery.makeArray( elem.childNodes );
- }
-}, function( name, fn ) {
- jQuery.fn[ name ] = function( until, selector ) {
- var ret = jQuery.map( this, fn, until );
-
- if ( !runtil.test( name ) ) {
- selector = until;
- }
-
- if ( selector && typeof selector === "string" ) {
- ret = jQuery.filter( selector, ret );
- }
-
- ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
-
- if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
- ret = ret.reverse();
- }
-
- return this.pushStack( ret, name, slice.call( arguments ).join(",") );
- };
-});
-
-jQuery.extend({
- filter: function( expr, elems, not ) {
- if ( not ) {
- expr = ":not(" + expr + ")";
- }
-
- return elems.length === 1 ?
- jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
- jQuery.find.matches(expr, elems);
- },
-
- dir: function( elem, dir, until ) {
- var matched = [],
- cur = elem[ dir ];
-
- while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
- if ( cur.nodeType === 1 ) {
- matched.push( cur );
- }
- cur = cur[dir];
- }
- return matched;
- },
-
- nth: function( cur, result, dir, elem ) {
- result = result || 1;
- var num = 0;
-
- for ( ; cur; cur = cur[dir] ) {
- if ( cur.nodeType === 1 && ++num === result ) {
- break;
- }
- }
-
- return cur;
- },
-
- sibling: function( n, elem ) {
- var r = [];
-
- for ( ; n; n = n.nextSibling ) {
- if ( n.nodeType === 1 && n !== elem ) {
- r.push( n );
- }
- }
-
- return r;
- }
-});
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, keep ) {
-
- // Can't pass null or undefined to indexOf in Firefox 4
- // Set to 0 to skip string check
- qualifier = qualifier || 0;
-
- if ( jQuery.isFunction( qualifier ) ) {
- return jQuery.grep(elements, function( elem, i ) {
- var retVal = !!qualifier.call( elem, i, elem );
- return retVal === keep;
- });
-
- } else if ( qualifier.nodeType ) {
- return jQuery.grep(elements, function( elem, i ) {
- return ( elem === qualifier ) === keep;
- });
-
- } else if ( typeof qualifier === "string" ) {
- var filtered = jQuery.grep(elements, function( elem ) {
- return elem.nodeType === 1;
- });
-
- if ( isSimple.test( qualifier ) ) {
- return jQuery.filter(qualifier, filtered, !keep);
- } else {
- qualifier = jQuery.filter( qualifier, filtered );
- }
- }
-
- return jQuery.grep(elements, function( elem, i ) {
- return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep;
- });
-}
-
-
-
-
-function createSafeFragment( document ) {
- var list = nodeNames.split( "|" ),
- safeFrag = document.createDocumentFragment();
-
- if ( safeFrag.createElement ) {
- while ( list.length ) {
- safeFrag.createElement(
- list.pop()
- );
- }
- }
- return safeFrag;
-}
-
-var nodeNames = "abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|" +
- "header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
- rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
- rleadingWhitespace = /^\s+/,
- rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
- rtagName = /<([\w:]+)/,
- rtbody = /<tbody/i,
- rhtml = /<|&#?\w+;/,
- rnoInnerhtml = /<(?:script|style)/i,
- rnocache = /<(?:script|object|embed|option|style)/i,
- rnoshimcache = new RegExp("<(?:" + nodeNames + ")", "i"),
- // checked="checked" or checked
- rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
- rscriptType = /\/(java|ecma)script/i,
- rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)/,
- wrapMap = {
- option: [ 1, "<select multiple='multiple'>", "</select>" ],
- legend: [ 1, "<fieldset>", "</fieldset>" ],
- thead: [ 1, "<table>", "</table>" ],
- tr: [ 2, "<table><tbody>", "</tbody></table>" ],
- td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
- col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
- area: [ 1, "<map>", "</map>" ],
- _default: [ 0, "", "" ]
- },
- safeFragment = createSafeFragment( document );
-
-wrapMap.optgroup = wrapMap.option;
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-// IE can't serialize <link> and <script> tags normally
-if ( !jQuery.support.htmlSerialize ) {
- wrapMap._default = [ 1, "div<div>", "</div>" ];
-}
-
-jQuery.fn.extend({
- text: function( text ) {
- if ( jQuery.isFunction(text) ) {
- return this.each(function(i) {
- var self = jQuery( this );
-
- self.text( text.call(this, i, self.text()) );
- });
- }
-
- if ( typeof text !== "object" && text !== undefined ) {
- return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
- }
-
- return jQuery.text( this );
- },
-
- wrapAll: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapAll( html.call(this, i) );
- });
- }
-
- if ( this[0] ) {
- // The elements to wrap the target around
- var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
-
- if ( this[0].parentNode ) {
- wrap.insertBefore( this[0] );
- }
-
- wrap.map(function() {
- var elem = this;
-
- while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
- elem = elem.firstChild;
- }
-
- return elem;
- }).append( this );
- }
-
- return this;
- },
-
- wrapInner: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapInner( html.call(this, i) );
- });
- }
-
- return this.each(function() {
- var self = jQuery( this ),
- contents = self.contents();
-
- if ( contents.length ) {
- contents.wrapAll( html );
-
- } else {
- self.append( html );
- }
- });
- },
-
- wrap: function( html ) {
- var isFunction = jQuery.isFunction( html );
-
- return this.each(function(i) {
- jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
- });
- },
-
- unwrap: function() {
- return this.parent().each(function() {
- if ( !jQuery.nodeName( this, "body" ) ) {
- jQuery( this ).replaceWith( this.childNodes );
- }
- }).end();
- },
-
- append: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.appendChild( elem );
- }
- });
- },
-
- prepend: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.insertBefore( elem, this.firstChild );
- }
- });
- },
-
- before: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this );
- });
- } else if ( arguments.length ) {
- var set = jQuery.clean( arguments );
- set.push.apply( set, this.toArray() );
- return this.pushStack( set, "before", arguments );
- }
- },
-
- after: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this.nextSibling );
- });
- } else if ( arguments.length ) {
- var set = this.pushStack( this, "after", arguments );
- set.push.apply( set, jQuery.clean(arguments) );
- return set;
- }
- },
-
- // keepData is for internal use only--do not document
- remove: function( selector, keepData ) {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
- if ( !keepData && elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- jQuery.cleanData( [ elem ] );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
- }
- }
-
- return this;
- },
-
- empty: function() {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- }
-
- // Remove any remaining nodes
- while ( elem.firstChild ) {
- elem.removeChild( elem.firstChild );
- }
- }
-
- return this;
- },
-
- clone: function( dataAndEvents, deepDataAndEvents ) {
- dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
- deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
- return this.map( function () {
- return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
- });
- },
-
- html: function( value ) {
- if ( value === undefined ) {
- return this[0] && this[0].nodeType === 1 ?
- this[0].innerHTML.replace(rinlinejQuery, "") :
- null;
-
- // See if we can take a shortcut and just use innerHTML
- } else if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
- (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
- !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
-
- value = value.replace(rxhtmlTag, "<$1></$2>");
-
- try {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( this[i].nodeType === 1 ) {
- jQuery.cleanData( this[i].getElementsByTagName("*") );
- this[i].innerHTML = value;
- }
- }
-
- // If using innerHTML throws an exception, use the fallback method
- } catch(e) {
- this.empty().append( value );
- }
-
- } else if ( jQuery.isFunction( value ) ) {
- this.each(function(i){
- var self = jQuery( this );
-
- self.html( value.call(this, i, self.html()) );
- });
-
- } else {
- this.empty().append( value );
- }
-
- return this;
- },
-
- replaceWith: function( value ) {
- if ( this[0] && this[0].parentNode ) {
- // Make sure that the elements are removed from the DOM before they are inserted
- // this can help fix replacing a parent with child elements
- if ( jQuery.isFunction( value ) ) {
- return this.each(function(i) {
- var self = jQuery(this), old = self.html();
- self.replaceWith( value.call( this, i, old ) );
- });
- }
-
- if ( typeof value !== "string" ) {
- value = jQuery( value ).detach();
- }
-
- return this.each(function() {
- var next = this.nextSibling,
- parent = this.parentNode;
-
- jQuery( this ).remove();
-
- if ( next ) {
- jQuery(next).before( value );
- } else {
- jQuery(parent).append( value );
- }
- });
- } else {
- return this.length ?
- this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
- this;
- }
- },
-
- detach: function( selector ) {
- return this.remove( selector, true );
- },
-
- domManip: function( args, table, callback ) {
- var results, first, fragment, parent,
- value = args[0],
- scripts = [];
-
- // We can't cloneNode fragments that contain checked, in WebKit
- if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
- return this.each(function() {
- jQuery(this).domManip( args, table, callback, true );
- });
- }
-
- if ( jQuery.isFunction(value) ) {
- return this.each(function(i) {
- var self = jQuery(this);
- args[0] = value.call(this, i, table ? self.html() : undefined);
- self.domManip( args, table, callback );
- });
- }
-
- if ( this[0] ) {
- parent = value && value.parentNode;
-
- // If we're in a fragment, just use that instead of building a new one
- if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
- results = { fragment: parent };
-
- } else {
- results = jQuery.buildFragment( args, this, scripts );
- }
-
- fragment = results.fragment;
-
- if ( fragment.childNodes.length === 1 ) {
- first = fragment = fragment.firstChild;
- } else {
- first = fragment.firstChild;
- }
-
- if ( first ) {
- table = table && jQuery.nodeName( first, "tr" );
-
- for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
- callback.call(
- table ?
- root(this[i], first) :
- this[i],
- // Make sure that we do not leak memory by inadvertently discarding
- // the original fragment (which might have attached data) instead of
- // using it; in addition, use the original fragment object for the last
- // item instead of first because it can end up being emptied incorrectly
- // in certain situations (Bug #8070).
- // Fragments from the fragment cache must always be cloned and never used
- // in place.
- results.cacheable || ( l > 1 && i < lastIndex ) ?
- jQuery.clone( fragment, true, true ) :
- fragment
- );
- }
- }
-
- if ( scripts.length ) {
- jQuery.each( scripts, evalScript );
- }
- }
-
- return this;
- }
-});
-
-function root( elem, cur ) {
- return jQuery.nodeName(elem, "table") ?
- (elem.getElementsByTagName("tbody")[0] ||
- elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
- elem;
-}
-
-function cloneCopyEvent( src, dest ) {
-
- if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
- return;
- }
-
- var type, i, l,
- oldData = jQuery._data( src ),
- curData = jQuery._data( dest, oldData ),
- events = oldData.events;
-
- if ( events ) {
- delete curData.handle;
- curData.events = {};
-
- for ( type in events ) {
- for ( i = 0, l = events[ type ].length; i < l; i++ ) {
- jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
- }
- }
- }
-
- // make the cloned public data object a copy from the original
- if ( curData.data ) {
- curData.data = jQuery.extend( {}, curData.data );
- }
-}
-
-function cloneFixAttributes( src, dest ) {
- var nodeName;
-
- // We do not need to do anything for non-Elements
- if ( dest.nodeType !== 1 ) {
- return;
- }
-
- // clearAttributes removes the attributes, which we don't want,
- // but also removes the attachEvent events, which we *do* want
- if ( dest.clearAttributes ) {
- dest.clearAttributes();
- }
-
- // mergeAttributes, in contrast, only merges back on the
- // original attributes, not the events
- if ( dest.mergeAttributes ) {
- dest.mergeAttributes( src );
- }
-
- nodeName = dest.nodeName.toLowerCase();
-
- // IE6-8 fail to clone children inside object elements that use
- // the proprietary classid attribute value (rather than the type
- // attribute) to identify the type of content to display
- if ( nodeName === "object" ) {
- dest.outerHTML = src.outerHTML;
-
- } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
- // IE6-8 fails to persist the checked state of a cloned checkbox
- // or radio button. Worse, IE6-7 fail to give the cloned element
- // a checked appearance if the defaultChecked value isn't also set
- if ( src.checked ) {
- dest.defaultChecked = dest.checked = src.checked;
- }
-
- // IE6-7 get confused and end up setting the value of a cloned
- // checkbox/radio button to an empty string instead of "on"
- if ( dest.value !== src.value ) {
- dest.value = src.value;
- }
-
- // IE6-8 fails to return the selected option to the default selected
- // state when cloning options
- } else if ( nodeName === "option" ) {
- dest.selected = src.defaultSelected;
-
- // IE6-8 fails to set the defaultValue to the correct value when
- // cloning other types of input fields
- } else if ( nodeName === "input" || nodeName === "textarea" ) {
- dest.defaultValue = src.defaultValue;
- }
-
- // Event data gets referenced instead of copied if the expando
- // gets copied too
- dest.removeAttribute( jQuery.expando );
-}
-
-jQuery.buildFragment = function( args, nodes, scripts ) {
- var fragment, cacheable, cacheresults, doc,
- first = args[ 0 ];
-
- // nodes may contain either an explicit document object,
- // a jQuery collection or context object.
- // If nodes[0] contains a valid object to assign to doc
- if ( nodes && nodes[0] ) {
- doc = nodes[0].ownerDocument || nodes[0];
- }
-
- // Ensure that an attr object doesn't incorrectly stand in as a document object
- // Chrome and Firefox seem to allow this to occur and will throw exception
- // Fixes #8950
- if ( !doc.createDocumentFragment ) {
- doc = document;
- }
-
- // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
- // Cloning options loses the selected state, so don't cache them
- // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
- // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
- // Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501
- if ( args.length === 1 && typeof first === "string" && first.length < 512 && doc === document &&
- first.charAt(0) === "<" && !rnocache.test( first ) &&
- (jQuery.support.checkClone || !rchecked.test( first )) &&
- (jQuery.support.html5Clone || !rnoshimcache.test( first )) ) {
-
- cacheable = true;
-
- cacheresults = jQuery.fragments[ first ];
- if ( cacheresults && cacheresults !== 1 ) {
- fragment = cacheresults;
- }
- }
-
- if ( !fragment ) {
- fragment = doc.createDocumentFragment();
- jQuery.clean( args, doc, fragment, scripts );
- }
-
- if ( cacheable ) {
- jQuery.fragments[ first ] = cacheresults ? fragment : 1;
- }
-
- return { fragment: fragment, cacheable: cacheable };
-};
-
-jQuery.fragments = {};
-
-jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
-}, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [],
- insert = jQuery( selector ),
- parent = this.length === 1 && this[0].parentNode;
-
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- return this;
-
- } else {
- for ( var i = 0, l = insert.length; i < l; i++ ) {
- var elems = ( i > 0 ? this.clone(true) : this ).get();
- jQuery( insert[i] )[ original ]( elems );
- ret = ret.concat( elems );
- }
-
- return this.pushStack( ret, name, insert.selector );
- }
- };
-});
-
-function getAll( elem ) {
- if ( typeof elem.getElementsByTagName !== "undefined" ) {
- return elem.getElementsByTagName( "*" );
-
- } else if ( typeof elem.querySelectorAll !== "undefined" ) {
- return elem.querySelectorAll( "*" );
-
- } else {
- return [];
- }
-}
-
-// Used in clean, fixes the defaultChecked property
-function fixDefaultChecked( elem ) {
- if ( elem.type === "checkbox" || elem.type === "radio" ) {
- elem.defaultChecked = elem.checked;
- }
-}
-// Finds all inputs and passes them to fixDefaultChecked
-function findInputs( elem ) {
- var nodeName = ( elem.nodeName || "" ).toLowerCase();
- if ( nodeName === "input" ) {
- fixDefaultChecked( elem );
- // Skip scripts, get other children
- } else if ( nodeName !== "script" && typeof elem.getElementsByTagName !== "undefined" ) {
- jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
- }
-}
-
-// Derived From: http://www.iecss.com/shimprove/javascript/shimprove.1-0-1.js
-function shimCloneNode( elem ) {
- var div = document.createElement( "div" );
- safeFragment.appendChild( div );
-
- div.innerHTML = elem.outerHTML;
- return div.firstChild;
-}
-
-jQuery.extend({
- clone: function( elem, dataAndEvents, deepDataAndEvents ) {
- var srcElements,
- destElements,
- i,
- // IE<=8 does not properly clone detached, unknown element nodes
- clone = jQuery.support.html5Clone || !rnoshimcache.test( "<" + elem.nodeName ) ?
- elem.cloneNode( true ) :
- shimCloneNode( elem );
-
- if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
- (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
- // IE copies events bound via attachEvent when using cloneNode.
- // Calling detachEvent on the clone will also remove the events
- // from the original. In order to get around this, we use some
- // proprietary methods to clear the events. Thanks to MooTools
- // guys for this hotness.
-
- cloneFixAttributes( elem, clone );
-
- // Using Sizzle here is crazy slow, so we use getElementsByTagName instead
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- // Weird iteration because IE will replace the length property
- // with an element if you are cloning the body and one of the
- // elements on the page has a name or id of "length"
- for ( i = 0; srcElements[i]; ++i ) {
- // Ensure that the destination node is not null; Fixes #9587
- if ( destElements[i] ) {
- cloneFixAttributes( srcElements[i], destElements[i] );
- }
- }
- }
-
- // Copy the events from the original to the clone
- if ( dataAndEvents ) {
- cloneCopyEvent( elem, clone );
-
- if ( deepDataAndEvents ) {
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- for ( i = 0; srcElements[i]; ++i ) {
- cloneCopyEvent( srcElements[i], destElements[i] );
- }
- }
- }
-
- srcElements = destElements = null;
-
- // Return the cloned set
- return clone;
- },
-
- clean: function( elems, context, fragment, scripts ) {
- var checkScriptType;
-
- context = context || document;
-
- // !context.createElement fails in IE with an error but returns typeof 'object'
- if ( typeof context.createElement === "undefined" ) {
- context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
- }
-
- var ret = [], j;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( typeof elem === "number" ) {
- elem += "";
- }
-
- if ( !elem ) {
- continue;
- }
-
- // Convert html string into DOM nodes
- if ( typeof elem === "string" ) {
- if ( !rhtml.test( elem ) ) {
- elem = context.createTextNode( elem );
- } else {
- // Fix "XHTML"-style tags in all browsers
- elem = elem.replace(rxhtmlTag, "<$1></$2>");
-
- // Trim whitespace, otherwise indexOf won't work as expected
- var tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase(),
- wrap = wrapMap[ tag ] || wrapMap._default,
- depth = wrap[0],
- div = context.createElement("div");
-
- // Append wrapper element to unknown element safe doc fragment
- if ( context === document ) {
- // Use the fragment we've already created for this document
- safeFragment.appendChild( div );
- } else {
- // Use a fragment created with the owner document
- createSafeFragment( context ).appendChild( div );
- }
-
- // Go to html and back, then peel off extra wrappers
- div.innerHTML = wrap[1] + elem + wrap[2];
-
- // Move to the right depth
- while ( depth-- ) {
- div = div.lastChild;
- }
-
- // Remove IE's autoinserted <tbody> from table fragments
- if ( !jQuery.support.tbody ) {
-
- // String was a <table>, *may* have spurious <tbody>
- var hasBody = rtbody.test(elem),
- tbody = tag === "table" && !hasBody ?
- div.firstChild && div.firstChild.childNodes :
-
- // String was a bare <thead> or <tfoot>
- wrap[1] === "<table>" && !hasBody ?
- div.childNodes :
- [];
-
- for ( j = tbody.length - 1; j >= 0 ; --j ) {
- if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
- tbody[ j ].parentNode.removeChild( tbody[ j ] );
- }
- }
- }
-
- // IE completely kills leading whitespace when innerHTML is used
- if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
- div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
- }
-
- elem = div.childNodes;
- }
- }
-
- // Resets defaultChecked for any radios and checkboxes
- // about to be appended to the DOM in IE 6/7 (#8060)
- var len;
- if ( !jQuery.support.appendChecked ) {
- if ( elem[0] && typeof (len = elem.length) === "number" ) {
- for ( j = 0; j < len; j++ ) {
- findInputs( elem[j] );
- }
- } else {
- findInputs( elem );
- }
- }
-
- if ( elem.nodeType ) {
- ret.push( elem );
- } else {
- ret = jQuery.merge( ret, elem );
- }
- }
-
- if ( fragment ) {
- checkScriptType = function( elem ) {
- return !elem.type || rscriptType.test( elem.type );
- };
- for ( i = 0; ret[i]; i++ ) {
- if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
- scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
-
- } else {
- if ( ret[i].nodeType === 1 ) {
- var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );
-
- ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
- }
- fragment.appendChild( ret[i] );
- }
- }
- }
-
- return ret;
- },
-
- cleanData: function( elems ) {
- var data, id,
- cache = jQuery.cache,
- special = jQuery.event.special,
- deleteExpando = jQuery.support.deleteExpando;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
- continue;
- }
-
- id = elem[ jQuery.expando ];
-
- if ( id ) {
- data = cache[ id ];
-
- if ( data && data.events ) {
- for ( var type in data.events ) {
- if ( special[ type ] ) {
- jQuery.event.remove( elem, type );
-
- // This is a shortcut to avoid jQuery.event.remove's overhead
- } else {
- jQuery.removeEvent( elem, type, data.handle );
- }
- }
-
- // Null the DOM reference to avoid IE6/7/8 leak (#7054)
- if ( data.handle ) {
- data.handle.elem = null;
- }
- }
-
- if ( deleteExpando ) {
- delete elem[ jQuery.expando ];
-
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- }
-
- delete cache[ id ];
- }
- }
- }
-});
-
-function evalScript( i, elem ) {
- if ( elem.src ) {
- jQuery.ajax({
- url: elem.src,
- async: false,
- dataType: "script"
- });
- } else {
- jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
-}
-
-
-
-
-var ralpha = /alpha\([^)]*\)/i,
- ropacity = /opacity=([^)]*)/,
- // fixed for IE9, see #8346
- rupper = /([A-Z]|^ms)/g,
- rnumpx = /^-?\d+(?:px)?$/i,
- rnum = /^-?\d/,
- rrelNum = /^([\-+])=([\-+.\de]+)/,
-
- cssShow = { position: "absolute", visibility: "hidden", display: "block" },
- cssWidth = [ "Left", "Right" ],
- cssHeight = [ "Top", "Bottom" ],
- curCSS,
-
- getComputedStyle,
- currentStyle;
-
-jQuery.fn.css = function( name, value ) {
- // Setting 'undefined' is a no-op
- if ( arguments.length === 2 && value === undefined ) {
- return this;
- }
-
- return jQuery.access( this, name, value, true, function( elem, name, value ) {
- return value !== undefined ?
- jQuery.style( elem, name, value ) :
- jQuery.css( elem, name );
- });
-};
-
-jQuery.extend({
- // Add in style property hooks for overriding the default
- // behavior of getting and setting a style property
- cssHooks: {
- opacity: {
- get: function( elem, computed ) {
- if ( computed ) {
- // We should always get a number back from opacity
- var ret = curCSS( elem, "opacity", "opacity" );
- return ret === "" ? "1" : ret;
-
- } else {
- return elem.style.opacity;
- }
- }
- }
- },
-
- // Exclude the following css properties to add px
- cssNumber: {
- "fillOpacity": true,
- "fontWeight": true,
- "lineHeight": true,
- "opacity": true,
- "orphans": true,
- "widows": true,
- "zIndex": true,
- "zoom": true
- },
-
- // Add in properties whose names you wish to fix before
- // setting or getting the value
- cssProps: {
- // normalize float css property
- "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
- },
-
- // Get and set the style property on a DOM Node
- style: function( elem, name, value, extra ) {
- // Don't set styles on text and comment nodes
- if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
- return;
- }
-
- // Make sure that we're working with the right name
- var ret, type, origName = jQuery.camelCase( name ),
- style = elem.style, hooks = jQuery.cssHooks[ origName ];
-
- name = jQuery.cssProps[ origName ] || origName;
-
- // Check if we're setting a value
- if ( value !== undefined ) {
- type = typeof value;
-
- // convert relative number strings (+= or -=) to relative numbers. #7345
- if ( type === "string" && (ret = rrelNum.exec( value )) ) {
- value = ( +( ret[1] + 1) * +ret[2] ) + parseFloat( jQuery.css( elem, name ) );
- // Fixes bug #9237
- type = "number";
- }
-
- // Make sure that NaN and null values aren't set. See: #7116
- if ( value == null || type === "number" && isNaN( value ) ) {
- return;
- }
-
- // If a number was passed in, add 'px' to the (except for certain CSS properties)
- if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
- value += "px";
- }
-
- // If a hook was provided, use that value, otherwise just set the specified value
- if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
- // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
- // Fixes bug #5509
- try {
- style[ name ] = value;
- } catch(e) {}
- }
-
- } else {
- // If a hook was provided get the non-computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
- return ret;
- }
-
- // Otherwise just get the value from the style object
- return style[ name ];
- }
- },
-
- css: function( elem, name, extra ) {
- var ret, hooks;
-
- // Make sure that we're working with the right name
- name = jQuery.camelCase( name );
- hooks = jQuery.cssHooks[ name ];
- name = jQuery.cssProps[ name ] || name;
-
- // cssFloat needs a special treatment
- if ( name === "cssFloat" ) {
- name = "float";
- }
-
- // If a hook was provided get the computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
- return ret;
-
- // Otherwise, if a way to get the computed value exists, use that
- } else if ( curCSS ) {
- return curCSS( elem, name );
- }
- },
-
- // A method for quickly swapping in/out CSS properties to get correct calculations
- swap: function( elem, options, callback ) {
- var old = {};
-
- // Remember the old values, and insert the new ones
- for ( var name in options ) {
- old[ name ] = elem.style[ name ];
- elem.style[ name ] = options[ name ];
- }
-
- callback.call( elem );
-
- // Revert the old values
- for ( name in options ) {
- elem.style[ name ] = old[ name ];
- }
- }
-});
-
-// DEPRECATED, Use jQuery.css() instead
-jQuery.curCSS = jQuery.css;
-
-jQuery.each(["height", "width"], function( i, name ) {
- jQuery.cssHooks[ name ] = {
- get: function( elem, computed, extra ) {
- var val;
-
- if ( computed ) {
- if ( elem.offsetWidth !== 0 ) {
- return getWH( elem, name, extra );
- } else {
- jQuery.swap( elem, cssShow, function() {
- val = getWH( elem, name, extra );
- });
- }
-
- return val;
- }
- },
-
- set: function( elem, value ) {
- if ( rnumpx.test( value ) ) {
- // ignore negative width and height values #1599
- value = parseFloat( value );
-
- if ( value >= 0 ) {
- return value + "px";
- }
-
- } else {
- return value;
- }
- }
- };
-});
-
-if ( !jQuery.support.opacity ) {
- jQuery.cssHooks.opacity = {
- get: function( elem, computed ) {
- // IE uses filters for opacity
- return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
- ( parseFloat( RegExp.$1 ) / 100 ) + "" :
- computed ? "1" : "";
- },
-
- set: function( elem, value ) {
- var style = elem.style,
- currentStyle = elem.currentStyle,
- opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
- filter = currentStyle && currentStyle.filter || style.filter || "";
-
- // IE has trouble with opacity if it does not have layout
- // Force it by setting the zoom level
- style.zoom = 1;
-
- // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
- if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {
-
- // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
- // if "filter:" is present at all, clearType is disabled, we want to avoid this
- // style.removeAttribute is IE Only, but so apparently is this code path...
- style.removeAttribute( "filter" );
-
- // if there there is no filter style applied in a css rule, we are done
- if ( currentStyle && !currentStyle.filter ) {
- return;
- }
- }
-
- // otherwise, set new filter values
- style.filter = ralpha.test( filter ) ?
- filter.replace( ralpha, opacity ) :
- filter + " " + opacity;
- }
- };
-}
-
-jQuery(function() {
- // This hook cannot be added until DOM ready because the support test
- // for it is not run until after DOM ready
- if ( !jQuery.support.reliableMarginRight ) {
- jQuery.cssHooks.marginRight = {
- get: function( elem, computed ) {
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- // Work around by temporarily setting element display to inline-block
- var ret;
- jQuery.swap( elem, { "display": "inline-block" }, function() {
- if ( computed ) {
- ret = curCSS( elem, "margin-right", "marginRight" );
- } else {
- ret = elem.style.marginRight;
- }
- });
- return ret;
- }
- };
- }
-});
-
-if ( document.defaultView && document.defaultView.getComputedStyle ) {
- getComputedStyle = function( elem, name ) {
- var ret, defaultView, computedStyle;
-
- name = name.replace( rupper, "-$1" ).toLowerCase();
-
- if ( (defaultView = elem.ownerDocument.defaultView) &&
- (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
- ret = computedStyle.getPropertyValue( name );
- if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
- ret = jQuery.style( elem, name );
- }
- }
-
- return ret;
- };
-}
-
-if ( document.documentElement.currentStyle ) {
- currentStyle = function( elem, name ) {
- var left, rsLeft, uncomputed,
- ret = elem.currentStyle && elem.currentStyle[ name ],
- style = elem.style;
-
- // Avoid setting ret to empty string here
- // so we don't default to auto
- if ( ret === null && style && (uncomputed = style[ name ]) ) {
- ret = uncomputed;
- }
-
- // From the awesome hack by Dean Edwards
- // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
-
- // If we're not dealing with a regular pixel number
- // but a number that has a weird ending, we need to convert it to pixels
- if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
-
- // Remember the original values
- left = style.left;
- rsLeft = elem.runtimeStyle && elem.runtimeStyle.left;
-
- // Put in the new values to get a computed value out
- if ( rsLeft ) {
- elem.runtimeStyle.left = elem.currentStyle.left;
- }
- style.left = name === "fontSize" ? "1em" : ( ret || 0 );
- ret = style.pixelLeft + "px";
-
- // Revert the changed values
- style.left = left;
- if ( rsLeft ) {
- elem.runtimeStyle.left = rsLeft;
- }
- }
-
- return ret === "" ? "auto" : ret;
- };
-}
-
-curCSS = getComputedStyle || currentStyle;
-
-function getWH( elem, name, extra ) {
-
- // Start with offset property
- var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
- which = name === "width" ? cssWidth : cssHeight,
- i = 0,
- len = which.length;
-
- if ( val > 0 ) {
- if ( extra !== "border" ) {
- for ( ; i < len; i++ ) {
- if ( !extra ) {
- val -= parseFloat( jQuery.css( elem, "padding" + which[ i ] ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + which[ i ] ) ) || 0;
- } else {
- val -= parseFloat( jQuery.css( elem, "border" + which[ i ] + "Width" ) ) || 0;
- }
- }
- }
-
- return val + "px";
- }
-
- // Fall back to computed then uncomputed css if necessary
- val = curCSS( elem, name, name );
- if ( val < 0 || val == null ) {
- val = elem.style[ name ] || 0;
- }
- // Normalize "", auto, and prepare for extra
- val = parseFloat( val ) || 0;
-
- // Add padding, border, margin
- if ( extra ) {
- for ( ; i < len; i++ ) {
- val += parseFloat( jQuery.css( elem, "padding" + which[ i ] ) ) || 0;
- if ( extra !== "padding" ) {
- val += parseFloat( jQuery.css( elem, "border" + which[ i ] + "Width" ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + which[ i ] ) ) || 0;
- }
- }
- }
-
- return val + "px";
-}
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.hidden = function( elem ) {
- var width = elem.offsetWidth,
- height = elem.offsetHeight;
-
- return ( width === 0 && height === 0 ) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
- };
-
- jQuery.expr.filters.visible = function( elem ) {
- return !jQuery.expr.filters.hidden( elem );
- };
-}
-
-
-
-
-var r20 = /%20/g,
- rbracket = /\[\]$/,
- rCRLF = /\r?\n/g,
- rhash = /#.*$/,
- rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
- rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
- // #7653, #8125, #8152: local protocol detection
- rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
- rnoContent = /^(?:GET|HEAD)$/,
- rprotocol = /^\/\//,
- rquery = /\?/,
- rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
- rselectTextarea = /^(?:select|textarea)/i,
- rspacesAjax = /\s+/,
- rts = /([?&])_=[^&]*/,
- rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,
-
- // Keep a copy of the old load method
- _load = jQuery.fn.load,
-
- /* Prefilters
- * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
- * 2) These are called:
- * - BEFORE asking for a transport
- * - AFTER param serialization (s.data is a string if s.processData is true)
- * 3) key is the dataType
- * 4) the catchall symbol "*" can be used
- * 5) execution will start with transport dataType and THEN continue down to "*" if needed
- */
- prefilters = {},
-
- /* Transports bindings
- * 1) key is the dataType
- * 2) the catchall symbol "*" can be used
- * 3) selection will start with transport dataType and THEN go to "*" if needed
- */
- transports = {},
-
- // Document location
- ajaxLocation,
-
- // Document location segments
- ajaxLocParts,
-
- // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
- allTypes = ["*/"] + ["*"];
-
-// #8138, IE may throw an exception when accessing
-// a field from window.location if document.domain has been set
-try {
- ajaxLocation = location.href;
-} catch( e ) {
- // Use the href attribute of an A element
- // since IE will modify it given document.location
- ajaxLocation = document.createElement( "a" );
- ajaxLocation.href = "";
- ajaxLocation = ajaxLocation.href;
-}
-
-// Segment location into parts
-ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
-
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
-
- // dataTypeExpression is optional and defaults to "*"
- return function( dataTypeExpression, func ) {
-
- if ( typeof dataTypeExpression !== "string" ) {
- func = dataTypeExpression;
- dataTypeExpression = "*";
- }
-
- if ( jQuery.isFunction( func ) ) {
- var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
- i = 0,
- length = dataTypes.length,
- dataType,
- list,
- placeBefore;
-
- // For each dataType in the dataTypeExpression
- for ( ; i < length; i++ ) {
- dataType = dataTypes[ i ];
- // We control if we're asked to add before
- // any existing element
- placeBefore = /^\+/.test( dataType );
- if ( placeBefore ) {
- dataType = dataType.substr( 1 ) || "*";
- }
- list = structure[ dataType ] = structure[ dataType ] || [];
- // then we add to the structure accordingly
- list[ placeBefore ? "unshift" : "push" ]( func );
- }
- }
- };
-}
-
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
- dataType /* internal */, inspected /* internal */ ) {
-
- dataType = dataType || options.dataTypes[ 0 ];
- inspected = inspected || {};
-
- inspected[ dataType ] = true;
-
- var list = structure[ dataType ],
- i = 0,
- length = list ? list.length : 0,
- executeOnly = ( structure === prefilters ),
- selection;
-
- for ( ; i < length && ( executeOnly || !selection ); i++ ) {
- selection = list[ i ]( options, originalOptions, jqXHR );
- // If we got redirected to another dataType
- // we try there if executing only and not done already
- if ( typeof selection === "string" ) {
- if ( !executeOnly || inspected[ selection ] ) {
- selection = undefined;
- } else {
- options.dataTypes.unshift( selection );
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, selection, inspected );
- }
- }
- }
- // If we're only executing or nothing was selected
- // we try the catchall dataType if not done already
- if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, "*", inspected );
- }
- // unnecessary when only executing (prefilters)
- // but it'll be ignored by the caller in that case
- return selection;
-}
-
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
- var key, deep,
- flatOptions = jQuery.ajaxSettings.flatOptions || {};
- for ( key in src ) {
- if ( src[ key ] !== undefined ) {
- ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
- }
- }
- if ( deep ) {
- jQuery.extend( true, target, deep );
- }
-}
-
-jQuery.fn.extend({
- load: function( url, params, callback ) {
- if ( typeof url !== "string" && _load ) {
- return _load.apply( this, arguments );
-
- // Don't do a request if no elements are being requested
- } else if ( !this.length ) {
- return this;
- }
-
- var off = url.indexOf( " " );
- if ( off >= 0 ) {
- var selector = url.slice( off, url.length );
- url = url.slice( 0, off );
- }
-
- // Default to a GET request
- var type = "GET";
-
- // If the second parameter was provided
- if ( params ) {
- // If it's a function
- if ( jQuery.isFunction( params ) ) {
- // We assume that it's the callback
- callback = params;
- params = undefined;
-
- // Otherwise, build a param string
- } else if ( typeof params === "object" ) {
- params = jQuery.param( params, jQuery.ajaxSettings.traditional );
- type = "POST";
- }
- }
-
- var self = this;
-
- // Request the remote document
- jQuery.ajax({
- url: url,
- type: type,
- dataType: "html",
- data: params,
- // Complete callback (responseText is used internally)
- complete: function( jqXHR, status, responseText ) {
- // Store the response as specified by the jqXHR object
- responseText = jqXHR.responseText;
- // If successful, inject the HTML into all the matched elements
- if ( jqXHR.isResolved() ) {
- // #4825: Get the actual response in case
- // a dataFilter is present in ajaxSettings
- jqXHR.done(function( r ) {
- responseText = r;
- });
- // See if a selector was specified
- self.html( selector ?
- // Create a dummy div to hold the results
- jQuery("<div>")
- // inject the contents of the document in, removing the scripts
- // to avoid any 'Permission Denied' errors in IE
- .append(responseText.replace(rscript, ""))
-
- // Locate the specified elements
- .find(selector) :
-
- // If not, just inject the full result
- responseText );
- }
-
- if ( callback ) {
- self.each( callback, [ responseText, status, jqXHR ] );
- }
- }
- });
-
- return this;
- },
-
- serialize: function() {
- return jQuery.param( this.serializeArray() );
- },
-
- serializeArray: function() {
- return this.map(function(){
- return this.elements ? jQuery.makeArray( this.elements ) : this;
- })
- .filter(function(){
- return this.name && !this.disabled &&
- ( this.checked || rselectTextarea.test( this.nodeName ) ||
- rinput.test( this.type ) );
- })
- .map(function( i, elem ){
- var val = jQuery( this ).val();
-
- return val == null ?
- null :
- jQuery.isArray( val ) ?
- jQuery.map( val, function( val, i ){
- return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }) :
- { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }).get();
- }
-});
-
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
- jQuery.fn[ o ] = function( f ){
- return this.on( o, f );
- };
-});
-
-jQuery.each( [ "get", "post" ], function( i, method ) {
- jQuery[ method ] = function( url, data, callback, type ) {
- // shift arguments if data argument was omitted
- if ( jQuery.isFunction( data ) ) {
- type = type || callback;
- callback = data;
- data = undefined;
- }
-
- return jQuery.ajax({
- type: method,
- url: url,
- data: data,
- success: callback,
- dataType: type
- });
- };
-});
-
-jQuery.extend({
-
- getScript: function( url, callback ) {
- return jQuery.get( url, undefined, callback, "script" );
- },
-
- getJSON: function( url, data, callback ) {
- return jQuery.get( url, data, callback, "json" );
- },
-
- // Creates a full fledged settings object into target
- // with both ajaxSettings and settings fields.
- // If target is omitted, writes into ajaxSettings.
- ajaxSetup: function( target, settings ) {
- if ( settings ) {
- // Building a settings object
- ajaxExtend( target, jQuery.ajaxSettings );
- } else {
- // Extending ajaxSettings
- settings = target;
- target = jQuery.ajaxSettings;
- }
- ajaxExtend( target, settings );
- return target;
- },
-
- ajaxSettings: {
- url: ajaxLocation,
- isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
- global: true,
- type: "GET",
- contentType: "application/x-www-form-urlencoded",
- processData: true,
- async: true,
- /*
- timeout: 0,
- data: null,
- dataType: null,
- username: null,
- password: null,
- cache: null,
- traditional: false,
- headers: {},
- */
-
- accepts: {
- xml: "application/xml, text/xml",
- html: "text/html",
- text: "text/plain",
- json: "application/json, text/javascript",
- "*": allTypes
- },
-
- contents: {
- xml: /xml/,
- html: /html/,
- json: /json/
- },
-
- responseFields: {
- xml: "responseXML",
- text: "responseText"
- },
-
- // List of data converters
- // 1) key format is "source_type destination_type" (a single space in-between)
- // 2) the catchall symbol "*" can be used for source_type
- converters: {
-
- // Convert anything to text
- "* text": window.String,
-
- // Text to html (true = no transformation)
- "text html": true,
-
- // Evaluate text as a json expression
- "text json": jQuery.parseJSON,
-
- // Parse text as xml
- "text xml": jQuery.parseXML
- },
-
- // For options that shouldn't be deep extended:
- // you can add your own custom options here if
- // and when you create one that shouldn't be
- // deep extended (see ajaxExtend)
- flatOptions: {
- context: true,
- url: true
- }
- },
-
- ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
- ajaxTransport: addToPrefiltersOrTransports( transports ),
-
- // Main method
- ajax: function( url, options ) {
-
- // If url is an object, simulate pre-1.5 signature
- if ( typeof url === "object" ) {
- options = url;
- url = undefined;
- }
-
- // Force options to be an object
- options = options || {};
-
- var // Create the final options object
- s = jQuery.ajaxSetup( {}, options ),
- // Callbacks context
- callbackContext = s.context || s,
- // Context for global events
- // It's the callbackContext if one was provided in the options
- // and if it's a DOM node or a jQuery collection
- globalEventContext = callbackContext !== s &&
- ( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
- jQuery( callbackContext ) : jQuery.event,
- // Deferreds
- deferred = jQuery.Deferred(),
- completeDeferred = jQuery.Callbacks( "once memory" ),
- // Status-dependent callbacks
- statusCode = s.statusCode || {},
- // ifModified key
- ifModifiedKey,
- // Headers (they are sent all at once)
- requestHeaders = {},
- requestHeadersNames = {},
- // Response headers
- responseHeadersString,
- responseHeaders,
- // transport
- transport,
- // timeout handle
- timeoutTimer,
- // Cross-domain detection vars
- parts,
- // The jqXHR state
- state = 0,
- // To know if global events are to be dispatched
- fireGlobals,
- // Loop variable
- i,
- // Fake xhr
- jqXHR = {
-
- readyState: 0,
-
- // Caches the header
- setRequestHeader: function( name, value ) {
- if ( !state ) {
- var lname = name.toLowerCase();
- name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
- requestHeaders[ name ] = value;
- }
- return this;
- },
-
- // Raw string
- getAllResponseHeaders: function() {
- return state === 2 ? responseHeadersString : null;
- },
-
- // Builds headers hashtable if needed
- getResponseHeader: function( key ) {
- var match;
- if ( state === 2 ) {
- if ( !responseHeaders ) {
- responseHeaders = {};
- while( ( match = rheaders.exec( responseHeadersString ) ) ) {
- responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
- }
- }
- match = responseHeaders[ key.toLowerCase() ];
- }
- return match === undefined ? null : match;
- },
-
- // Overrides response content-type header
- overrideMimeType: function( type ) {
- if ( !state ) {
- s.mimeType = type;
- }
- return this;
- },
-
- // Cancel the request
- abort: function( statusText ) {
- statusText = statusText || "abort";
- if ( transport ) {
- transport.abort( statusText );
- }
- done( 0, statusText );
- return this;
- }
- };
-
- // Callback for when everything is done
- // It is defined here because jslint complains if it is declared
- // at the end of the function (which would be more logical and readable)
- function done( status, nativeStatusText, responses, headers ) {
-
- // Called once
- if ( state === 2 ) {
- return;
- }
-
- // State is "done" now
- state = 2;
-
- // Clear timeout if it exists
- if ( timeoutTimer ) {
- clearTimeout( timeoutTimer );
- }
-
- // Dereference transport for early garbage collection
- // (no matter how long the jqXHR object will be used)
- transport = undefined;
-
- // Cache response headers
- responseHeadersString = headers || "";
-
- // Set readyState
- jqXHR.readyState = status > 0 ? 4 : 0;
-
- var isSuccess,
- success,
- error,
- statusText = nativeStatusText,
- response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
- lastModified,
- etag;
-
- // If successful, handle type chaining
- if ( status >= 200 && status < 300 || status === 304 ) {
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
-
- if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
- jQuery.lastModified[ ifModifiedKey ] = lastModified;
- }
- if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
- jQuery.etag[ ifModifiedKey ] = etag;
- }
- }
-
- // If not modified
- if ( status === 304 ) {
-
- statusText = "notmodified";
- isSuccess = true;
-
- // If we have data
- } else {
-
- try {
- success = ajaxConvert( s, response );
- statusText = "success";
- isSuccess = true;
- } catch(e) {
- // We have a parsererror
- statusText = "parsererror";
- error = e;
- }
- }
- } else {
- // We extract error from statusText
- // then normalize statusText and status for non-aborts
- error = statusText;
- if ( !statusText || status ) {
- statusText = "error";
- if ( status < 0 ) {
- status = 0;
- }
- }
- }
-
- // Set data for the fake xhr object
- jqXHR.status = status;
- jqXHR.statusText = "" + ( nativeStatusText || statusText );
-
- // Success/Error
- if ( isSuccess ) {
- deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
- } else {
- deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
- }
-
- // Status-dependent callbacks
- jqXHR.statusCode( statusCode );
- statusCode = undefined;
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
- [ jqXHR, s, isSuccess ? success : error ] );
- }
-
- // Complete
- completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
- // Handle the global AJAX counter
- if ( !( --jQuery.active ) ) {
- jQuery.event.trigger( "ajaxStop" );
- }
- }
- }
-
- // Attach deferreds
- deferred.promise( jqXHR );
- jqXHR.success = jqXHR.done;
- jqXHR.error = jqXHR.fail;
- jqXHR.complete = completeDeferred.add;
-
- // Status-dependent callbacks
- jqXHR.statusCode = function( map ) {
- if ( map ) {
- var tmp;
- if ( state < 2 ) {
- for ( tmp in map ) {
- statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
- }
- } else {
- tmp = map[ jqXHR.status ];
- jqXHR.then( tmp, tmp );
- }
- }
- return this;
- };
-
- // Remove hash character (#7531: and string promotion)
- // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
- // We also use the url parameter if available
- s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
-
- // Extract dataTypes list
- s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
-
- // Determine if a cross-domain request is in order
- if ( s.crossDomain == null ) {
- parts = rurl.exec( s.url.toLowerCase() );
- s.crossDomain = !!( parts &&
- ( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
- ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
- ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
- );
- }
-
- // Convert data if not already a string
- if ( s.data && s.processData && typeof s.data !== "string" ) {
- s.data = jQuery.param( s.data, s.traditional );
- }
-
- // Apply prefilters
- inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
- // If request was aborted inside a prefiler, stop there
- if ( state === 2 ) {
- return false;
- }
-
- // We can fire global events as of now if asked to
- fireGlobals = s.global;
-
- // Uppercase the type
- s.type = s.type.toUpperCase();
-
- // Determine if request has content
- s.hasContent = !rnoContent.test( s.type );
-
- // Watch for a new set of requests
- if ( fireGlobals && jQuery.active++ === 0 ) {
- jQuery.event.trigger( "ajaxStart" );
- }
-
- // More options handling for requests with no content
- if ( !s.hasContent ) {
-
- // If data is available, append data to url
- if ( s.data ) {
- s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
- // #9682: remove data so that it's not used in an eventual retry
- delete s.data;
- }
-
- // Get ifModifiedKey before adding the anti-cache parameter
- ifModifiedKey = s.url;
-
- // Add anti-cache in url if needed
- if ( s.cache === false ) {
-
- var ts = jQuery.now(),
- // try replacing _= if it is there
- ret = s.url.replace( rts, "$1_=" + ts );
-
- // if nothing was replaced, add timestamp to the end
- s.url = ret + ( ( ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
- }
- }
-
- // Set the correct header, if data is being sent
- if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
- jqXHR.setRequestHeader( "Content-Type", s.contentType );
- }
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
- ifModifiedKey = ifModifiedKey || s.url;
- if ( jQuery.lastModified[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
- }
- if ( jQuery.etag[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
- }
- }
-
- // Set the Accepts header for the server, depending on the dataType
- jqXHR.setRequestHeader(
- "Accept",
- s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
- s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
- s.accepts[ "*" ]
- );
-
- // Check for headers option
- for ( i in s.headers ) {
- jqXHR.setRequestHeader( i, s.headers[ i ] );
- }
-
- // Allow custom headers/mimetypes and early abort
- if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
- // Abort if not done already
- jqXHR.abort();
- return false;
-
- }
-
- // Install callbacks on deferreds
- for ( i in { success: 1, error: 1, complete: 1 } ) {
- jqXHR[ i ]( s[ i ] );
- }
-
- // Get transport
- transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
- // If no transport, we auto-abort
- if ( !transport ) {
- done( -1, "No Transport" );
- } else {
- jqXHR.readyState = 1;
- // Send global event
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
- }
- // Timeout
- if ( s.async && s.timeout > 0 ) {
- timeoutTimer = setTimeout( function(){
- jqXHR.abort( "timeout" );
- }, s.timeout );
- }
-
- try {
- state = 1;
- transport.send( requestHeaders, done );
- } catch (e) {
- // Propagate exception as error if not done
- if ( state < 2 ) {
- done( -1, e );
- // Simply rethrow otherwise
- } else {
- throw e;
- }
- }
- }
-
- return jqXHR;
- },
-
- // Serialize an array of form elements or a set of
- // key/values into a query string
- param: function( a, traditional ) {
- var s = [],
- add = function( key, value ) {
- // If value is a function, invoke it and return its value
- value = jQuery.isFunction( value ) ? value() : value;
- s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
- };
-
- // Set traditional to true for jQuery <= 1.3.2 behavior.
- if ( traditional === undefined ) {
- traditional = jQuery.ajaxSettings.traditional;
- }
-
- // If an array was passed in, assume that it is an array of form elements.
- if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
- // Serialize the form elements
- jQuery.each( a, function() {
- add( this.name, this.value );
- });
-
- } else {
- // If traditional, encode the "old" way (the way 1.3.2 or older
- // did it), otherwise encode params recursively.
- for ( var prefix in a ) {
- buildParams( prefix, a[ prefix ], traditional, add );
- }
- }
-
- // Return the resulting serialization
- return s.join( "&" ).replace( r20, "+" );
- }
-});
-
-function buildParams( prefix, obj, traditional, add ) {
- if ( jQuery.isArray( obj ) ) {
- // Serialize array item.
- jQuery.each( obj, function( i, v ) {
- if ( traditional || rbracket.test( prefix ) ) {
- // Treat each array item as a scalar.
- add( prefix, v );
-
- } else {
- // If array item is non-scalar (array or object), encode its
- // numeric index to resolve deserialization ambiguity issues.
- // Note that rack (as of 1.0.0) can't currently deserialize
- // nested arrays properly, and attempting to do so may cause
- // a server error. Possible fixes are to modify rack's
- // deserialization algorithm or to provide an option or flag
- // to force array serialization to be shallow.
- buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
- }
- });
-
- } else if ( !traditional && obj != null && typeof obj === "object" ) {
- // Serialize object item.
- for ( var name in obj ) {
- buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
- }
-
- } else {
- // Serialize scalar item.
- add( prefix, obj );
- }
-}
-
-// This is still on the jQuery object... for now
-// Want to move this to jQuery.ajax some day
-jQuery.extend({
-
- // Counter for holding the number of active queries
- active: 0,
-
- // Last-Modified header cache for next request
- lastModified: {},
- etag: {}
-
-});
-
-/* Handles responses to an ajax request:
- * - sets all responseXXX fields accordingly
- * - finds the right dataType (mediates between content-type and expected dataType)
- * - returns the corresponding response
- */
-function ajaxHandleResponses( s, jqXHR, responses ) {
-
- var contents = s.contents,
- dataTypes = s.dataTypes,
- responseFields = s.responseFields,
- ct,
- type,
- finalDataType,
- firstDataType;
-
- // Fill responseXXX fields
- for ( type in responseFields ) {
- if ( type in responses ) {
- jqXHR[ responseFields[type] ] = responses[ type ];
- }
- }
-
- // Remove auto dataType and get content-type in the process
- while( dataTypes[ 0 ] === "*" ) {
- dataTypes.shift();
- if ( ct === undefined ) {
- ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
- }
- }
-
- // Check if we're dealing with a known content-type
- if ( ct ) {
- for ( type in contents ) {
- if ( contents[ type ] && contents[ type ].test( ct ) ) {
- dataTypes.unshift( type );
- break;
- }
- }
- }
-
- // Check to see if we have a response for the expected dataType
- if ( dataTypes[ 0 ] in responses ) {
- finalDataType = dataTypes[ 0 ];
- } else {
- // Try convertible dataTypes
- for ( type in responses ) {
- if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
- finalDataType = type;
- break;
- }
- if ( !firstDataType ) {
- firstDataType = type;
- }
- }
- // Or just use first one
- finalDataType = finalDataType || firstDataType;
- }
-
- // If we found a dataType
- // We add the dataType to the list if needed
- // and return the corresponding response
- if ( finalDataType ) {
- if ( finalDataType !== dataTypes[ 0 ] ) {
- dataTypes.unshift( finalDataType );
- }
- return responses[ finalDataType ];
- }
-}
-
-// Chain conversions given the request and the original response
-function ajaxConvert( s, response ) {
-
- // Apply the dataFilter if provided
- if ( s.dataFilter ) {
- response = s.dataFilter( response, s.dataType );
- }
-
- var dataTypes = s.dataTypes,
- converters = {},
- i,
- key,
- length = dataTypes.length,
- tmp,
- // Current and previous dataTypes
- current = dataTypes[ 0 ],
- prev,
- // Conversion expression
- conversion,
- // Conversion function
- conv,
- // Conversion functions (transitive conversion)
- conv1,
- conv2;
-
- // For each dataType in the chain
- for ( i = 1; i < length; i++ ) {
-
- // Create converters map
- // with lowercased keys
- if ( i === 1 ) {
- for ( key in s.converters ) {
- if ( typeof key === "string" ) {
- converters[ key.toLowerCase() ] = s.converters[ key ];
- }
- }
- }
-
- // Get the dataTypes
- prev = current;
- current = dataTypes[ i ];
-
- // If current is auto dataType, update it to prev
- if ( current === "*" ) {
- current = prev;
- // If no auto and dataTypes are actually different
- } else if ( prev !== "*" && prev !== current ) {
-
- // Get the converter
- conversion = prev + " " + current;
- conv = converters[ conversion ] || converters[ "* " + current ];
-
- // If there is no direct converter, search transitively
- if ( !conv ) {
- conv2 = undefined;
- for ( conv1 in converters ) {
- tmp = conv1.split( " " );
- if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
- conv2 = converters[ tmp[1] + " " + current ];
- if ( conv2 ) {
- conv1 = converters[ conv1 ];
- if ( conv1 === true ) {
- conv = conv2;
- } else if ( conv2 === true ) {
- conv = conv1;
- }
- break;
- }
- }
- }
- }
- // If we found no converter, dispatch an error
- if ( !( conv || conv2 ) ) {
- jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
- }
- // If found converter is not an equivalence
- if ( conv !== true ) {
- // Convert with 1 or 2 converters accordingly
- response = conv ? conv( response ) : conv2( conv1(response) );
- }
- }
- }
- return response;
-}
-
-
-
-
-var jsc = jQuery.now(),
- jsre = /(\=)\?(&|$)|\?\?/i;
-
-// Default jsonp settings
-jQuery.ajaxSetup({
- jsonp: "callback",
- jsonpCallback: function() {
- return jQuery.expando + "_" + ( jsc++ );
- }
-});
-
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
-
- var inspectData = s.contentType === "application/x-www-form-urlencoded" &&
- ( typeof s.data === "string" );
-
- if ( s.dataTypes[ 0 ] === "jsonp" ||
- s.jsonp !== false && ( jsre.test( s.url ) ||
- inspectData && jsre.test( s.data ) ) ) {
-
- var responseContainer,
- jsonpCallback = s.jsonpCallback =
- jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
- previous = window[ jsonpCallback ],
- url = s.url,
- data = s.data,
- replace = "$1" + jsonpCallback + "$2";
-
- if ( s.jsonp !== false ) {
- url = url.replace( jsre, replace );
- if ( s.url === url ) {
- if ( inspectData ) {
- data = data.replace( jsre, replace );
- }
- if ( s.data === data ) {
- // Add callback manually
- url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
- }
- }
- }
-
- s.url = url;
- s.data = data;
-
- // Install callback
- window[ jsonpCallback ] = function( response ) {
- responseContainer = [ response ];
- };
-
- // Clean-up function
- jqXHR.always(function() {
- // Set callback back to previous value
- window[ jsonpCallback ] = previous;
- // Call if it was a function and we have a response
- if ( responseContainer && jQuery.isFunction( previous ) ) {
- window[ jsonpCallback ]( responseContainer[ 0 ] );
- }
- });
-
- // Use data converter to retrieve json after script execution
- s.converters["script json"] = function() {
- if ( !responseContainer ) {
- jQuery.error( jsonpCallback + " was not called" );
- }
- return responseContainer[ 0 ];
- };
-
- // force json dataType
- s.dataTypes[ 0 ] = "json";
-
- // Delegate to script
- return "script";
- }
-});
-
-
-
-
-// Install script dataType
-jQuery.ajaxSetup({
- accepts: {
- script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
- },
- contents: {
- script: /javascript|ecmascript/
- },
- converters: {
- "text script": function( text ) {
- jQuery.globalEval( text );
- return text;
- }
- }
-});
-
-// Handle cache's special case and global
-jQuery.ajaxPrefilter( "script", function( s ) {
- if ( s.cache === undefined ) {
- s.cache = false;
- }
- if ( s.crossDomain ) {
- s.type = "GET";
- s.global = false;
- }
-});
-
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function(s) {
-
- // This transport only deals with cross domain requests
- if ( s.crossDomain ) {
-
- var script,
- head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
-
- return {
-
- send: function( _, callback ) {
-
- script = document.createElement( "script" );
-
- script.async = "async";
-
- if ( s.scriptCharset ) {
- script.charset = s.scriptCharset;
- }
-
- script.src = s.url;
-
- // Attach handlers for all browsers
- script.onload = script.onreadystatechange = function( _, isAbort ) {
-
- if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
-
- // Handle memory leak in IE
- script.onload = script.onreadystatechange = null;
-
- // Remove the script
- if ( head && script.parentNode ) {
- head.removeChild( script );
- }
-
- // Dereference the script
- script = undefined;
-
- // Callback if not abort
- if ( !isAbort ) {
- callback( 200, "success" );
- }
- }
- };
- // Use insertBefore instead of appendChild to circumvent an IE6 bug.
- // This arises when a base node is used (#2709 and #4378).
- head.insertBefore( script, head.firstChild );
- },
-
- abort: function() {
- if ( script ) {
- script.onload( 0, 1 );
- }
- }
- };
- }
-});
-
-
-
-
-var // #5280: Internet Explorer will keep connections alive if we don't abort on unload
- xhrOnUnloadAbort = window.ActiveXObject ? function() {
- // Abort all pending requests
- for ( var key in xhrCallbacks ) {
- xhrCallbacks[ key ]( 0, 1 );
- }
- } : false,
- xhrId = 0,
- xhrCallbacks;
-
-// Functions to create xhrs
-function createStandardXHR() {
- try {
- return new window.XMLHttpRequest();
- } catch( e ) {}
-}
-
-function createActiveXHR() {
- try {
- return new window.ActiveXObject( "Microsoft.XMLHTTP" );
- } catch( e ) {}
-}
-
-// Create the request object
-// (This is still attached to ajaxSettings for backward compatibility)
-jQuery.ajaxSettings.xhr = window.ActiveXObject ?
- /* Microsoft failed to properly
- * implement the XMLHttpRequest in IE7 (can't request local files),
- * so we use the ActiveXObject when it is available
- * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
- * we need a fallback.
- */
- function() {
- return !this.isLocal && createStandardXHR() || createActiveXHR();
- } :
- // For all other browsers, use the standard XMLHttpRequest object
- createStandardXHR;
-
-// Determine support properties
-(function( xhr ) {
- jQuery.extend( jQuery.support, {
- ajax: !!xhr,
- cors: !!xhr && ( "withCredentials" in xhr )
- });
-})( jQuery.ajaxSettings.xhr() );
-
-// Create transport if the browser can provide an xhr
-if ( jQuery.support.ajax ) {
-
- jQuery.ajaxTransport(function( s ) {
- // Cross domain only allowed if supported through XMLHttpRequest
- if ( !s.crossDomain || jQuery.support.cors ) {
-
- var callback;
-
- return {
- send: function( headers, complete ) {
-
- // Get a new xhr
- var xhr = s.xhr(),
- handle,
- i;
-
- // Open the socket
- // Passing null username, generates a login popup on Opera (#2865)
- if ( s.username ) {
- xhr.open( s.type, s.url, s.async, s.username, s.password );
- } else {
- xhr.open( s.type, s.url, s.async );
- }
-
- // Apply custom fields if provided
- if ( s.xhrFields ) {
- for ( i in s.xhrFields ) {
- xhr[ i ] = s.xhrFields[ i ];
- }
- }
-
- // Override mime type if needed
- if ( s.mimeType && xhr.overrideMimeType ) {
- xhr.overrideMimeType( s.mimeType );
- }
-
- // X-Requested-With header
- // For cross-domain requests, seeing as conditions for a preflight are
- // akin to a jigsaw puzzle, we simply never set it to be sure.
- // (it can always be set on a per-request basis or even using ajaxSetup)
- // For same-domain requests, won't change header if already provided.
- if ( !s.crossDomain && !headers["X-Requested-With"] ) {
- headers[ "X-Requested-With" ] = "XMLHttpRequest";
- }
-
- // Need an extra try/catch for cross domain requests in Firefox 3
- try {
- for ( i in headers ) {
- xhr.setRequestHeader( i, headers[ i ] );
- }
- } catch( _ ) {}
-
- // Do send the request
- // This may raise an exception which is actually
- // handled in jQuery.ajax (so no try/catch here)
- xhr.send( ( s.hasContent && s.data ) || null );
-
- // Listener
- callback = function( _, isAbort ) {
-
- var status,
- statusText,
- responseHeaders,
- responses,
- xml;
-
- // Firefox throws exceptions when accessing properties
- // of an xhr when a network error occured
- // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
- try {
-
- // Was never called and is aborted or complete
- if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
-
- // Only called once
- callback = undefined;
-
- // Do not keep as active anymore
- if ( handle ) {
- xhr.onreadystatechange = jQuery.noop;
- if ( xhrOnUnloadAbort ) {
- delete xhrCallbacks[ handle ];
- }
- }
-
- // If it's an abort
- if ( isAbort ) {
- // Abort it manually if needed
- if ( xhr.readyState !== 4 ) {
- xhr.abort();
- }
- } else {
- status = xhr.status;
- responseHeaders = xhr.getAllResponseHeaders();
- responses = {};
- xml = xhr.responseXML;
-
- // Construct response list
- if ( xml && xml.documentElement /* #4958 */ ) {
- responses.xml = xml;
- }
- responses.text = xhr.responseText;
-
- // Firefox throws an exception when accessing
- // statusText for faulty cross-domain requests
- try {
- statusText = xhr.statusText;
- } catch( e ) {
- // We normalize with Webkit giving an empty statusText
- statusText = "";
- }
-
- // Filter status for non standard behaviors
-
- // If the request is local and we have data: assume a success
- // (success with no data won't get notified, that's the best we
- // can do given current implementations)
- if ( !status && s.isLocal && !s.crossDomain ) {
- status = responses.text ? 200 : 404;
- // IE - #1450: sometimes returns 1223 when it should be 204
- } else if ( status === 1223 ) {
- status = 204;
- }
- }
- }
- } catch( firefoxAccessException ) {
- if ( !isAbort ) {
- complete( -1, firefoxAccessException );
- }
- }
-
- // Call complete if needed
- if ( responses ) {
- complete( status, statusText, responses, responseHeaders );
- }
- };
-
- // if we're in sync mode or it's in cache
- // and has been retrieved directly (IE6 & IE7)
- // we need to manually fire the callback
- if ( !s.async || xhr.readyState === 4 ) {
- callback();
- } else {
- handle = ++xhrId;
- if ( xhrOnUnloadAbort ) {
- // Create the active xhrs callbacks list if needed
- // and attach the unload handler
- if ( !xhrCallbacks ) {
- xhrCallbacks = {};
- jQuery( window ).unload( xhrOnUnloadAbort );
- }
- // Add to list of active xhrs callbacks
- xhrCallbacks[ handle ] = callback;
- }
- xhr.onreadystatechange = callback;
- }
- },
-
- abort: function() {
- if ( callback ) {
- callback(0,1);
- }
- }
- };
- }
- });
-}
-
-
-
-
-var elemdisplay = {},
- iframe, iframeDoc,
- rfxtypes = /^(?:toggle|show|hide)$/,
- rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
- timerId,
- fxAttrs = [
- // height animations
- [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
- // width animations
- [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
- // opacity animations
- [ "opacity" ]
- ],
- fxNow;
-
-jQuery.fn.extend({
- show: function( speed, easing, callback ) {
- var elem, display;
-
- if ( speed || speed === 0 ) {
- return this.animate( genFx("show", 3), speed, easing, callback );
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- elem = this[ i ];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- // Reset the inline display of this element to learn if it is
- // being hidden by cascaded rules or not
- if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
- display = elem.style.display = "";
- }
-
- // Set elements which have been overridden with display: none
- // in a stylesheet to whatever the default browser style is
- // for such an element
- if ( display === "" && jQuery.css(elem, "display") === "none" ) {
- jQuery._data( elem, "olddisplay", defaultDisplay(elem.nodeName) );
- }
- }
- }
-
- // Set the display of most of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- elem = this[ i ];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- if ( display === "" || display === "none" ) {
- elem.style.display = jQuery._data( elem, "olddisplay" ) || "";
- }
- }
- }
-
- return this;
- }
- },
-
- hide: function( speed, easing, callback ) {
- if ( speed || speed === 0 ) {
- return this.animate( genFx("hide", 3), speed, easing, callback);
-
- } else {
- var elem, display,
- i = 0,
- j = this.length;
-
- for ( ; i < j; i++ ) {
- elem = this[i];
- if ( elem.style ) {
- display = jQuery.css( elem, "display" );
-
- if ( display !== "none" && !jQuery._data( elem, "olddisplay" ) ) {
- jQuery._data( elem, "olddisplay", display );
- }
- }
- }
-
- // Set the display of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- if ( this[i].style ) {
- this[i].style.display = "none";
- }
- }
-
- return this;
- }
- },
-
- // Save the old toggle function
- _toggle: jQuery.fn.toggle,
-
- toggle: function( fn, fn2, callback ) {
- var bool = typeof fn === "boolean";
-
- if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
- this._toggle.apply( this, arguments );
-
- } else if ( fn == null || bool ) {
- this.each(function() {
- var state = bool ? fn : jQuery(this).is(":hidden");
- jQuery(this)[ state ? "show" : "hide" ]();
- });
-
- } else {
- this.animate(genFx("toggle", 3), fn, fn2, callback);
- }
-
- return this;
- },
-
- fadeTo: function( speed, to, easing, callback ) {
- return this.filter(":hidden").css("opacity", 0).show().end()
- .animate({opacity: to}, speed, easing, callback);
- },
-
- animate: function( prop, speed, easing, callback ) {
- var optall = jQuery.speed( speed, easing, callback );
-
- if ( jQuery.isEmptyObject( prop ) ) {
- return this.each( optall.complete, [ false ] );
- }
-
- // Do not change referenced properties as per-property easing will be lost
- prop = jQuery.extend( {}, prop );
-
- function doAnimation() {
- // XXX 'this' does not always have a nodeName when running the
- // test suite
-
- if ( optall.queue === false ) {
- jQuery._mark( this );
- }
-
- var opt = jQuery.extend( {}, optall ),
- isElement = this.nodeType === 1,
- hidden = isElement && jQuery(this).is(":hidden"),
- name, val, p, e,
- parts, start, end, unit,
- method;
-
- // will store per property easing and be used to determine when an animation is complete
- opt.animatedProperties = {};
-
- for ( p in prop ) {
-
- // property name normalization
- name = jQuery.camelCase( p );
- if ( p !== name ) {
- prop[ name ] = prop[ p ];
- delete prop[ p ];
- }
-
- val = prop[ name ];
-
- // easing resolution: per property > opt.specialEasing > opt.easing > 'swing' (default)
- if ( jQuery.isArray( val ) ) {
- opt.animatedProperties[ name ] = val[ 1 ];
- val = prop[ name ] = val[ 0 ];
- } else {
- opt.animatedProperties[ name ] = opt.specialEasing && opt.specialEasing[ name ] || opt.easing || 'swing';
- }
-
- if ( val === "hide" && hidden || val === "show" && !hidden ) {
- return opt.complete.call( this );
- }
-
- if ( isElement && ( name === "height" || name === "width" ) ) {
- // Make sure that nothing sneaks out
- // Record all 3 overflow attributes because IE does not
- // change the overflow attribute when overflowX and
- // overflowY are set to the same value
- opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
-
- // Set display property to inline-block for height/width
- // animations on inline elements that are having width/height animated
- if ( jQuery.css( this, "display" ) === "inline" &&
- jQuery.css( this, "float" ) === "none" ) {
-
- // inline-level elements accept inline-block;
- // block-level elements need to be inline with layout
- if ( !jQuery.support.inlineBlockNeedsLayout || defaultDisplay( this.nodeName ) === "inline" ) {
- this.style.display = "inline-block";
-
- } else {
- this.style.zoom = 1;
- }
- }
- }
- }
-
- if ( opt.overflow != null ) {
- this.style.overflow = "hidden";
- }
-
- for ( p in prop ) {
- e = new jQuery.fx( this, opt, p );
- val = prop[ p ];
-
- if ( rfxtypes.test( val ) ) {
-
- // Tracks whether to show or hide based on private
- // data attached to the element
- method = jQuery._data( this, "toggle" + p ) || ( val === "toggle" ? hidden ? "show" : "hide" : 0 );
- if ( method ) {
- jQuery._data( this, "toggle" + p, method === "show" ? "hide" : "show" );
- e[ method ]();
- } else {
- e[ val ]();
- }
-
- } else {
- parts = rfxnum.exec( val );
- start = e.cur();
-
- if ( parts ) {
- end = parseFloat( parts[2] );
- unit = parts[3] || ( jQuery.cssNumber[ p ] ? "" : "px" );
-
- // We need to compute starting value
- if ( unit !== "px" ) {
- jQuery.style( this, p, (end || 1) + unit);
- start = ( (end || 1) / e.cur() ) * start;
- jQuery.style( this, p, start + unit);
- }
-
- // If a +=/-= token was provided, we're doing a relative animation
- if ( parts[1] ) {
- end = ( (parts[ 1 ] === "-=" ? -1 : 1) * end ) + start;
- }
-
- e.custom( start, end, unit );
-
- } else {
- e.custom( start, val, "" );
- }
- }
- }
-
- // For JS strict compliance
- return true;
- }
-
- return optall.queue === false ?
- this.each( doAnimation ) :
- this.queue( optall.queue, doAnimation );
- },
-
- stop: function( type, clearQueue, gotoEnd ) {
- if ( typeof type !== "string" ) {
- gotoEnd = clearQueue;
- clearQueue = type;
- type = undefined;
- }
- if ( clearQueue && type !== false ) {
- this.queue( type || "fx", [] );
- }
-
- return this.each(function() {
- var index,
- hadTimers = false,
- timers = jQuery.timers,
- data = jQuery._data( this );
-
- // clear marker counters if we know they won't be
- if ( !gotoEnd ) {
- jQuery._unmark( true, this );
- }
-
- function stopQueue( elem, data, index ) {
- var hooks = data[ index ];
- jQuery.removeData( elem, index, true );
- hooks.stop( gotoEnd );
- }
-
- if ( type == null ) {
- for ( index in data ) {
- if ( data[ index ] && data[ index ].stop && index.indexOf(".run") === index.length - 4 ) {
- stopQueue( this, data, index );
- }
- }
- } else if ( data[ index = type + ".run" ] && data[ index ].stop ){
- stopQueue( this, data, index );
- }
-
- for ( index = timers.length; index--; ) {
- if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
- if ( gotoEnd ) {
-
- // force the next step to be the last
- timers[ index ]( true );
- } else {
- timers[ index ].saveState();
- }
- hadTimers = true;
- timers.splice( index, 1 );
- }
- }
-
- // start the next in the queue if the last step wasn't forced
- // timers currently will call their complete callbacks, which will dequeue
- // but only if they were gotoEnd
- if ( !( gotoEnd && hadTimers ) ) {
- jQuery.dequeue( this, type );
- }
- });
- }
-
-});
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
- setTimeout( clearFxNow, 0 );
- return ( fxNow = jQuery.now() );
-}
-
-function clearFxNow() {
- fxNow = undefined;
-}
-
-// Generate parameters to create a standard animation
-function genFx( type, num ) {
- var obj = {};
-
- jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice( 0, num )), function() {
- obj[ this ] = type;
- });
-
- return obj;
-}
-
-// Generate shortcuts for custom animations
-jQuery.each({
- slideDown: genFx( "show", 1 ),
- slideUp: genFx( "hide", 1 ),
- slideToggle: genFx( "toggle", 1 ),
- fadeIn: { opacity: "show" },
- fadeOut: { opacity: "hide" },
- fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
- jQuery.fn[ name ] = function( speed, easing, callback ) {
- return this.animate( props, speed, easing, callback );
- };
-});
-
-jQuery.extend({
- speed: function( speed, easing, fn ) {
- var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
- complete: fn || !fn && easing ||
- jQuery.isFunction( speed ) && speed,
- duration: speed,
- easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
- };
-
- opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
- opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
-
- // normalize opt.queue - true/undefined/null -> "fx"
- if ( opt.queue == null || opt.queue === true ) {
- opt.queue = "fx";
- }
-
- // Queueing
- opt.old = opt.complete;
-
- opt.complete = function( noUnmark ) {
- if ( jQuery.isFunction( opt.old ) ) {
- opt.old.call( this );
- }
-
- if ( opt.queue ) {
- jQuery.dequeue( this, opt.queue );
- } else if ( noUnmark !== false ) {
- jQuery._unmark( this );
- }
- };
-
- return opt;
- },
-
- easing: {
- linear: function( p, n, firstNum, diff ) {
- return firstNum + diff * p;
- },
- swing: function( p, n, firstNum, diff ) {
- return ( ( -Math.cos( p*Math.PI ) / 2 ) + 0.5 ) * diff + firstNum;
- }
- },
-
- timers: [],
-
- fx: function( elem, options, prop ) {
- this.options = options;
- this.elem = elem;
- this.prop = prop;
-
- options.orig = options.orig || {};
- }
-
-});
-
-jQuery.fx.prototype = {
- // Simple function for setting a style value
- update: function() {
- if ( this.options.step ) {
- this.options.step.call( this.elem, this.now, this );
- }
-
- ( jQuery.fx.step[ this.prop ] || jQuery.fx.step._default )( this );
- },
-
- // Get the current size
- cur: function() {
- if ( this.elem[ this.prop ] != null && (!this.elem.style || this.elem.style[ this.prop ] == null) ) {
- return this.elem[ this.prop ];
- }
-
- var parsed,
- r = jQuery.css( this.elem, this.prop );
- // Empty strings, null, undefined and "auto" are converted to 0,
- // complex values such as "rotate(1rad)" are returned as is,
- // simple values such as "10px" are parsed to Float.
- return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
- },
-
- // Start an animation from one number to another
- custom: function( from, to, unit ) {
- var self = this,
- fx = jQuery.fx;
-
- this.startTime = fxNow || createFxNow();
- this.end = to;
- this.now = this.start = from;
- this.pos = this.state = 0;
- this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
-
- function t( gotoEnd ) {
- return self.step( gotoEnd );
- }
-
- t.queue = this.options.queue;
- t.elem = this.elem;
- t.saveState = function() {
- if ( self.options.hide && jQuery._data( self.elem, "fxshow" + self.prop ) === undefined ) {
- jQuery._data( self.elem, "fxshow" + self.prop, self.start );
- }
- };
-
- if ( t() && jQuery.timers.push(t) && !timerId ) {
- timerId = setInterval( fx.tick, fx.interval );
- }
- },
-
- // Simple 'show' function
- show: function() {
- var dataShow = jQuery._data( this.elem, "fxshow" + this.prop );
-
- // Remember where we started, so that we can go back to it later
- this.options.orig[ this.prop ] = dataShow || jQuery.style( this.elem, this.prop );
- this.options.show = true;
-
- // Begin the animation
- // Make sure that we start at a small width/height to avoid any flash of content
- if ( dataShow !== undefined ) {
- // This show is picking up where a previous hide or show left off
- this.custom( this.cur(), dataShow );
- } else {
- this.custom( this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur() );
- }
-
- // Start by showing the element
- jQuery( this.elem ).show();
- },
-
- // Simple 'hide' function
- hide: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[ this.prop ] = jQuery._data( this.elem, "fxshow" + this.prop ) || jQuery.style( this.elem, this.prop );
- this.options.hide = true;
-
- // Begin the animation
- this.custom( this.cur(), 0 );
- },
-
- // Each step of an animation
- step: function( gotoEnd ) {
- var p, n, complete,
- t = fxNow || createFxNow(),
- done = true,
- elem = this.elem,
- options = this.options;
-
- if ( gotoEnd || t >= options.duration + this.startTime ) {
- this.now = this.end;
- this.pos = this.state = 1;
- this.update();
-
- options.animatedProperties[ this.prop ] = true;
-
- for ( p in options.animatedProperties ) {
- if ( options.animatedProperties[ p ] !== true ) {
- done = false;
- }
- }
-
- if ( done ) {
- // Reset the overflow
- if ( options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
-
- jQuery.each( [ "", "X", "Y" ], function( index, value ) {
- elem.style[ "overflow" + value ] = options.overflow[ index ];
- });
- }
-
- // Hide the element if the "hide" operation was done
- if ( options.hide ) {
- jQuery( elem ).hide();
- }
-
- // Reset the properties, if the item has been hidden or shown
- if ( options.hide || options.show ) {
- for ( p in options.animatedProperties ) {
- jQuery.style( elem, p, options.orig[ p ] );
- jQuery.removeData( elem, "fxshow" + p, true );
- // Toggle data is no longer needed
- jQuery.removeData( elem, "toggle" + p, true );
- }
- }
-
- // Execute the complete function
- // in the event that the complete function throws an exception
- // we must ensure it won't be called twice. #5684
-
- complete = options.complete;
- if ( complete ) {
-
- options.complete = false;
- complete.call( elem );
- }
- }
-
- return false;
-
- } else {
- // classical easing cannot be used with an Infinity duration
- if ( options.duration == Infinity ) {
- this.now = t;
- } else {
- n = t - this.startTime;
- this.state = n / options.duration;
-
- // Perform the easing function, defaults to swing
- this.pos = jQuery.easing[ options.animatedProperties[this.prop] ]( this.state, n, 0, 1, options.duration );
- this.now = this.start + ( (this.end - this.start) * this.pos );
- }
- // Perform the next step of the animation
- this.update();
- }
-
- return true;
- }
-};
-
-jQuery.extend( jQuery.fx, {
- tick: function() {
- var timer,
- timers = jQuery.timers,
- i = 0;
-
- for ( ; i < timers.length; i++ ) {
- timer = timers[ i ];
- // Checks the timer has not already been removed
- if ( !timer() && timers[ i ] === timer ) {
- timers.splice( i--, 1 );
- }
- }
-
- if ( !timers.length ) {
- jQuery.fx.stop();
- }
- },
-
- interval: 13,
-
- stop: function() {
- clearInterval( timerId );
- timerId = null;
- },
-
- speeds: {
- slow: 600,
- fast: 200,
- // Default speed
- _default: 400
- },
-
- step: {
- opacity: function( fx ) {
- jQuery.style( fx.elem, "opacity", fx.now );
- },
-
- _default: function( fx ) {
- if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
- fx.elem.style[ fx.prop ] = fx.now + fx.unit;
- } else {
- fx.elem[ fx.prop ] = fx.now;
- }
- }
- }
-});
-
-// Adds width/height step functions
-// Do not set anything below 0
-jQuery.each([ "width", "height" ], function( i, prop ) {
- jQuery.fx.step[ prop ] = function( fx ) {
- jQuery.style( fx.elem, prop, Math.max(0, fx.now) + fx.unit );
- };
-});
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.animated = function( elem ) {
- return jQuery.grep(jQuery.timers, function( fn ) {
- return elem === fn.elem;
- }).length;
- };
-}
-
-// Try to restore the default display value of an element
-function defaultDisplay( nodeName ) {
-
- if ( !elemdisplay[ nodeName ] ) {
-
- var body = document.body,
- elem = jQuery( "<" + nodeName + ">" ).appendTo( body ),
- display = elem.css( "display" );
- elem.remove();
-
- // If the simple way fails,
- // get element's real default display by attaching it to a temp iframe
- if ( display === "none" || display === "" ) {
- // No iframe to use yet, so create it
- if ( !iframe ) {
- iframe = document.createElement( "iframe" );
- iframe.frameBorder = iframe.width = iframe.height = 0;
- }
-
- body.appendChild( iframe );
-
- // Create a cacheable copy of the iframe document on first call.
- // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
- // document to it; WebKit & Firefox won't allow reusing the iframe document.
- if ( !iframeDoc || !iframe.createElement ) {
- iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
- iframeDoc.write( ( document.compatMode === "CSS1Compat" ? "<!doctype html>" : "" ) + "<html><body>" );
- iframeDoc.close();
- }
-
- elem = iframeDoc.createElement( nodeName );
-
- iframeDoc.body.appendChild( elem );
-
- display = jQuery.css( elem, "display" );
- body.removeChild( iframe );
- }
-
- // Store the correct default display
- elemdisplay[ nodeName ] = display;
- }
-
- return elemdisplay[ nodeName ];
-}
-
-
-
-
-var rtable = /^t(?:able|d|h)$/i,
- rroot = /^(?:body|html)$/i;
-
-if ( "getBoundingClientRect" in document.documentElement ) {
- jQuery.fn.offset = function( options ) {
- var elem = this[0], box;
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- try {
- box = elem.getBoundingClientRect();
- } catch(e) {}
-
- var doc = elem.ownerDocument,
- docElem = doc.documentElement;
-
- // Make sure we're not dealing with a disconnected DOM node
- if ( !box || !jQuery.contains( docElem, elem ) ) {
- return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
- }
-
- var body = doc.body,
- win = getWindow(doc),
- clientTop = docElem.clientTop || body.clientTop || 0,
- clientLeft = docElem.clientLeft || body.clientLeft || 0,
- scrollTop = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop || body.scrollTop,
- scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
- top = box.top + scrollTop - clientTop,
- left = box.left + scrollLeft - clientLeft;
-
- return { top: top, left: left };
- };
-
-} else {
- jQuery.fn.offset = function( options ) {
- var elem = this[0];
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- var computedStyle,
- offsetParent = elem.offsetParent,
- prevOffsetParent = elem,
- doc = elem.ownerDocument,
- docElem = doc.documentElement,
- body = doc.body,
- defaultView = doc.defaultView,
- prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
- top = elem.offsetTop,
- left = elem.offsetLeft;
-
- while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
- if ( jQuery.support.fixedPosition && prevComputedStyle.position === "fixed" ) {
- break;
- }
-
- computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
- top -= elem.scrollTop;
- left -= elem.scrollLeft;
-
- if ( elem === offsetParent ) {
- top += elem.offsetTop;
- left += elem.offsetLeft;
-
- if ( jQuery.support.doesNotAddBorder && !(jQuery.support.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevOffsetParent = offsetParent;
- offsetParent = elem.offsetParent;
- }
-
- if ( jQuery.support.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevComputedStyle = computedStyle;
- }
-
- if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
- top += body.offsetTop;
- left += body.offsetLeft;
- }
-
- if ( jQuery.support.fixedPosition && prevComputedStyle.position === "fixed" ) {
- top += Math.max( docElem.scrollTop, body.scrollTop );
- left += Math.max( docElem.scrollLeft, body.scrollLeft );
- }
-
- return { top: top, left: left };
- };
-}
-
-jQuery.offset = {
-
- bodyOffset: function( body ) {
- var top = body.offsetTop,
- left = body.offsetLeft;
-
- if ( jQuery.support.doesNotIncludeMarginInBodyOffset ) {
- top += parseFloat( jQuery.css(body, "marginTop") ) || 0;
- left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
- }
-
- return { top: top, left: left };
- },
-
- setOffset: function( elem, options, i ) {
- var position = jQuery.css( elem, "position" );
-
- // set position first, in-case top/left are set even on static elem
- if ( position === "static" ) {
- elem.style.position = "relative";
- }
-
- var curElem = jQuery( elem ),
- curOffset = curElem.offset(),
- curCSSTop = jQuery.css( elem, "top" ),
- curCSSLeft = jQuery.css( elem, "left" ),
- calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
- props = {}, curPosition = {}, curTop, curLeft;
-
- // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
- if ( calculatePosition ) {
- curPosition = curElem.position();
- curTop = curPosition.top;
- curLeft = curPosition.left;
- } else {
- curTop = parseFloat( curCSSTop ) || 0;
- curLeft = parseFloat( curCSSLeft ) || 0;
- }
-
- if ( jQuery.isFunction( options ) ) {
- options = options.call( elem, i, curOffset );
- }
-
- if ( options.top != null ) {
- props.top = ( options.top - curOffset.top ) + curTop;
- }
- if ( options.left != null ) {
- props.left = ( options.left - curOffset.left ) + curLeft;
- }
-
- if ( "using" in options ) {
- options.using.call( elem, props );
- } else {
- curElem.css( props );
- }
- }
-};
-
-
-jQuery.fn.extend({
-
- position: function() {
- if ( !this[0] ) {
- return null;
- }
-
- var elem = this[0],
-
- // Get *real* offsetParent
- offsetParent = this.offsetParent(),
-
- // Get correct offsets
- offset = this.offset(),
- parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
-
- // Subtract element margins
- // note: when an element has margin: auto the offsetLeft and marginLeft
- // are the same in Safari causing offset.left to incorrectly be 0
- offset.top -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
- offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
-
- // Add offsetParent borders
- parentOffset.top += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
- parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
-
- // Subtract the two offsets
- return {
- top: offset.top - parentOffset.top,
- left: offset.left - parentOffset.left
- };
- },
-
- offsetParent: function() {
- return this.map(function() {
- var offsetParent = this.offsetParent || document.body;
- while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
- offsetParent = offsetParent.offsetParent;
- }
- return offsetParent;
- });
- }
-});
-
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( ["Left", "Top"], function( i, name ) {
- var method = "scroll" + name;
-
- jQuery.fn[ method ] = function( val ) {
- var elem, win;
-
- if ( val === undefined ) {
- elem = this[ 0 ];
-
- if ( !elem ) {
- return null;
- }
-
- win = getWindow( elem );
-
- // Return the scroll offset
- return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
- jQuery.support.boxModel && win.document.documentElement[ method ] ||
- win.document.body[ method ] :
- elem[ method ];
- }
-
- // Set the scroll offset
- return this.each(function() {
- win = getWindow( this );
-
- if ( win ) {
- win.scrollTo(
- !i ? val : jQuery( win ).scrollLeft(),
- i ? val : jQuery( win ).scrollTop()
- );
-
- } else {
- this[ method ] = val;
- }
- });
- };
-});
-
-function getWindow( elem ) {
- return jQuery.isWindow( elem ) ?
- elem :
- elem.nodeType === 9 ?
- elem.defaultView || elem.parentWindow :
- false;
-}
-
-
-
-
-// Create width, height, innerHeight, innerWidth, outerHeight and outerWidth methods
-jQuery.each([ "Height", "Width" ], function( i, name ) {
-
- var type = name.toLowerCase();
-
- // innerHeight and innerWidth
- jQuery.fn[ "inner" + name ] = function() {
- var elem = this[0];
- return elem ?
- elem.style ?
- parseFloat( jQuery.css( elem, type, "padding" ) ) :
- this[ type ]() :
- null;
- };
-
- // outerHeight and outerWidth
- jQuery.fn[ "outer" + name ] = function( margin ) {
- var elem = this[0];
- return elem ?
- elem.style ?
- parseFloat( jQuery.css( elem, type, margin ? "margin" : "border" ) ) :
- this[ type ]() :
- null;
- };
-
- jQuery.fn[ type ] = function( size ) {
- // Get window width or height
- var elem = this[0];
- if ( !elem ) {
- return size == null ? null : this;
- }
-
- if ( jQuery.isFunction( size ) ) {
- return this.each(function( i ) {
- var self = jQuery( this );
- self[ type ]( size.call( this, i, self[ type ]() ) );
- });
- }
-
- if ( jQuery.isWindow( elem ) ) {
- // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
- // 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
- var docElemProp = elem.document.documentElement[ "client" + name ],
- body = elem.document.body;
- return elem.document.compatMode === "CSS1Compat" && docElemProp ||
- body && body[ "client" + name ] || docElemProp;
-
- // Get document width or height
- } else if ( elem.nodeType === 9 ) {
- // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
- return Math.max(
- elem.documentElement["client" + name],
- elem.body["scroll" + name], elem.documentElement["scroll" + name],
- elem.body["offset" + name], elem.documentElement["offset" + name]
- );
-
- // Get or set width or height on the element
- } else if ( size === undefined ) {
- var orig = jQuery.css( elem, type ),
- ret = parseFloat( orig );
-
- return jQuery.isNumeric( ret ) ? ret : orig;
-
- // Set the width or height on the element (default to pixels if value is unitless)
- } else {
- return this.css( type, typeof size === "string" ? size : size + "px" );
- }
- };
-
-});
-
-
-
-
-// Expose jQuery to the global object
-window.jQuery = window.$ = jQuery;
-
-// Expose jQuery as an AMD module, but only for AMD loaders that
-// understand the issues with loading multiple versions of jQuery
-// in a page that all might call define(). The loader will indicate
-// they have special allowances for multiple jQuery versions by
-// specifying define.amd.jQuery = true. Register as a named module,
-// since jQuery can be concatenated with other files that may use define,
-// but not use a proper concatenation script that understands anonymous
-// AMD modules. A named AMD is safest and most robust way to register.
-// Lowercase jquery is used because AMD module names are derived from
-// file names, and jQuery is normally delivered in a lowercase file name.
-// Do this after creating the global so that if an AMD module wants to call
-// noConflict to hide this version of jQuery, it will work.
-if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
- define( "jquery", [], function () { return jQuery; } );
-}
-
-
-
-})( window );
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Applies button styling to links
-//>>label: Buttons: Link-based
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.button.css
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.vmouse" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $, undefined ) {
-
-$.fn.buttonMarkup = function( options ) {
- var $workingSet = this;
-
- // Enforce options to be of type string
- options = ( options && ( $.type( options ) == "object" ) )? options : {};
- for ( var i = 0; i < $workingSet.length; i++ ) {
- var el = $workingSet.eq( i ),
- e = el[ 0 ],
- o = $.extend( {}, $.fn.buttonMarkup.defaults, {
- icon: options.icon !== undefined ? options.icon : el.jqmData( "icon" ),
- iconpos: options.iconpos !== undefined ? options.iconpos : el.jqmData( "iconpos" ),
- theme: options.theme !== undefined ? options.theme : el.jqmData( "theme" ) || $.mobile.getInheritedTheme( el, "c" ),
- inline: options.inline !== undefined ? options.inline : el.jqmData( "inline" ),
- shadow: options.shadow !== undefined ? options.shadow : el.jqmData( "shadow" ),
- corners: options.corners !== undefined ? options.corners : el.jqmData( "corners" ),
- iconshadow: options.iconshadow !== undefined ? options.iconshadow : el.jqmData( "iconshadow" ),
- mini: options.mini !== undefined ? options.mini : el.jqmData( "mini" )
- }, options ),
-
- // Classes Defined
- innerClass = "ui-btn-inner",
- textClass = "ui-btn-text",
- buttonClass, iconClass,
- // Button inner markup
- buttonInner,
- buttonText,
- buttonIcon,
- buttonElements;
-
- $.each(o, function(key, value) {
- e.setAttribute( "data-" + $.mobile.ns + key, value );
- el.jqmData(key, value);
- });
-
- // Check if this element is already enhanced
- buttonElements = $.data(((e.tagName === "INPUT" || e.tagName === "BUTTON") ? e.parentNode : e), "buttonElements");
-
- if (buttonElements) {
- e = buttonElements.outer;
- el = $(e);
- buttonInner = buttonElements.inner;
- buttonText = buttonElements.text;
- // We will recreate this icon below
- $(buttonElements.icon).remove();
- buttonElements.icon = null;
- }
- else {
- buttonInner = document.createElement( o.wrapperEls );
- buttonText = document.createElement( o.wrapperEls );
- }
- buttonIcon = o.icon ? document.createElement( "span" ) : null;
-
- if ( attachEvents && !buttonElements) {
- attachEvents();
- }
-
- // if not, try to find closest theme container
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( el, "c" );
- }
-
- buttonClass = "ui-btn ui-btn-up-" + o.theme;
- buttonClass += o.inline ? " ui-btn-inline" : "";
- buttonClass += o.shadow ? " ui-shadow" : "";
- buttonClass += o.corners ? " ui-btn-corner-all" : "";
-
- if ( o.mini !== undefined ) {
- // Used to control styling in headers/footers, where buttons default to `mini` style.
- buttonClass += o.mini ? " ui-mini" : " ui-fullsize";
- }
-
- if ( o.inline !== undefined ) {
- // Used to control styling in headers/footers, where buttons default to `mini` style.
- buttonClass += o.inline === false ? " ui-btn-block" : " ui-btn-inline";
- }
-
-
- if ( o.icon ) {
- o.icon = "ui-icon-" + o.icon;
- o.iconpos = o.iconpos || "left";
-
- iconClass = "ui-icon " + o.icon;
-
- if ( o.iconshadow ) {
- iconClass += " ui-icon-shadow";
- }
- }
-
- if ( o.iconpos ) {
- buttonClass += " ui-btn-icon-" + o.iconpos;
-
- if ( o.iconpos == "notext" && !el.attr( "title" ) ) {
- el.attr( "title", el.getEncodedText() );
- }
- }
-
- innerClass += o.corners ? " ui-btn-corner-all" : "";
-
- if ( o.iconpos && o.iconpos === "notext" && !el.attr( "title" ) ) {
- el.attr( "title", el.getEncodedText() );
- }
-
- if ( buttonElements ) {
- el.removeClass( buttonElements.bcls || "" );
- }
- el.removeClass( "ui-link" ).addClass( buttonClass );
-
- buttonInner.className = innerClass;
-
- buttonText.className = textClass;
- if ( !buttonElements ) {
- buttonInner.appendChild( buttonText );
- }
- if ( buttonIcon ) {
- buttonIcon.className = iconClass;
- if ( !(buttonElements && buttonElements.icon) ) {
- buttonIcon.appendChild( document.createTextNode("\u00a0") );
- buttonInner.appendChild( buttonIcon );
- }
- }
-
- while ( e.firstChild && !buttonElements) {
- buttonText.appendChild( e.firstChild );
- }
-
- if ( !buttonElements ) {
- e.appendChild( buttonInner );
- }
-
- // Assign a structure containing the elements of this button to the elements of this button. This
- // will allow us to recognize this as an already-enhanced button in future calls to buttonMarkup().
- buttonElements = {
- bcls : buttonClass,
- outer : e,
- inner : buttonInner,
- text : buttonText,
- icon : buttonIcon
- };
-
- $.data(e, 'buttonElements', buttonElements);
- $.data(buttonInner, 'buttonElements', buttonElements);
- $.data(buttonText, 'buttonElements', buttonElements);
- if (buttonIcon) {
- $.data(buttonIcon, 'buttonElements', buttonElements);
- }
- }
-
- return this;
-};
-
-$.fn.buttonMarkup.defaults = {
- corners: true,
- shadow: true,
- iconshadow: true,
- wrapperEls: "span"
-};
-
-function closestEnabledButton( element ) {
- var cname;
-
- while ( element ) {
- // Note that we check for typeof className below because the element we
- // handed could be in an SVG DOM where className on SVG elements is defined to
- // be of a different type (SVGAnimatedString). We only operate on HTML DOM
- // elements, so we look for plain "string".
- cname = ( typeof element.className === 'string' ) && (element.className + ' ');
- if ( cname && cname.indexOf("ui-btn ") > -1 && cname.indexOf("ui-disabled ") < 0 ) {
- break;
- }
-
- element = element.parentNode;
- }
-
- return element;
-}
-
-var attachEvents = function() {
- var hoverDelay = $.mobile.buttonMarkup.hoverDelay, hov, foc;
-
- $( document ).bind( {
- "vmousedown vmousecancel vmouseup vmouseover vmouseout focus blur scrollstart": function( event ) {
- var theme,
- $btn = $( closestEnabledButton( event.target ) ),
- evt = event.type;
-
- if ( $btn.length ) {
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
-
- if ( evt === "vmousedown" ) {
- if ( $.support.touch ) {
- hov = setTimeout(function() {
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
- }, hoverDelay );
- } else {
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
- }
- } else if ( evt === "vmousecancel" || evt === "vmouseup" ) {
- $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- } else if ( evt === "vmouseover" || evt === "focus" ) {
- if ( $.support.touch ) {
- foc = setTimeout(function() {
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
- }, hoverDelay );
- } else {
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
- }
- } else if ( evt === "vmouseout" || evt === "blur" || evt === "scrollstart" ) {
- $btn.removeClass( "ui-btn-hover-" + theme + " ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- if ( hov ) {
- clearTimeout( hov );
- }
- if ( foc ) {
- clearTimeout( foc );
- }
- }
- }
- },
- "focusin focus": function( event ){
- $( closestEnabledButton( event.target ) ).addClass( $.mobile.focusClass );
- },
- "focusout blur": function( event ){
- $( closestEnabledButton( event.target ) ).removeClass( $.mobile.focusClass );
- }
- });
-
- attachEvents = null;
-};
-
-//links in bars, or those with data-role become buttons
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
-
- $( ":jqmData(role='button'), .ui-bar > a, .ui-header > a, .ui-footer > a, .ui-bar > :jqmData(role='controlgroup') > a", e.target )
- .not( ".ui-btn, :jqmData(role='none'), :jqmData(role='nojs')" )
- .buttonMarkup();
-});
-
-})( jQuery );
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Creates collapsible content blocks.
-//>>label: Collapsible
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.collapsible.css
-
-define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.collapsible", $.mobile.widget, {
- options: {
- expandCueText: " click to expand contents",
- collapseCueText: " click to collapse contents",
- collapsed: true,
- heading: "h1,h2,h3,h4,h5,h6,legend",
- theme: null,
- contentTheme: null,
- iconTheme: "d",
- mini: false,
- initSelector: ":jqmData(role='collapsible')"
- },
- _create: function() {
-
- var $el = this.element,
- o = this.options,
- collapsible = $el.addClass( "ui-collapsible" ),
- collapsibleHeading = $el.children( o.heading ).first(),
- collapsibleContent = collapsible.wrapInner( "<div class='ui-collapsible-content'></div>" ).find( ".ui-collapsible-content" ),
- collapsibleSet = $el.closest( ":jqmData(role='collapsible-set')" ).addClass( "ui-collapsible-set" );
-
- // Replace collapsibleHeading if it's a legend
- if ( collapsibleHeading.is( "legend" ) ) {
- collapsibleHeading = $( "<div role='heading'>"+ collapsibleHeading.html() +"</div>" ).insertBefore( collapsibleHeading );
- collapsibleHeading.next().remove();
- }
-
- // If we are in a collapsible set
- if ( collapsibleSet.length ) {
- // Inherit the theme from collapsible-set
- if ( !o.theme ) {
- o.theme = collapsibleSet.jqmData("theme") || $.mobile.getInheritedTheme( collapsibleSet, "c" );
- }
- // Inherit the content-theme from collapsible-set
- if ( !o.contentTheme ) {
- o.contentTheme = collapsibleSet.jqmData( "content-theme" );
- }
-
- // Gets the preference icon position in the set
- if ( !o.iconPos ) {
- o.iconPos = collapsibleSet.jqmData( "iconpos" );
- }
-
- if( !o.mini ) {
- o.mini = collapsibleSet.jqmData( "mini" );
- }
- }
- collapsibleContent.addClass( ( o.contentTheme ) ? ( "ui-body-" + o.contentTheme ) : "");
-
- collapsibleHeading
- //drop heading in before content
- .insertBefore( collapsibleContent )
- //modify markup & attributes
- .addClass( "ui-collapsible-heading" )
- .append( "<span class='ui-collapsible-heading-status'></span>" )
- .wrapInner( "<a href='#' class='ui-collapsible-heading-toggle'></a>" )
- .find( "a" )
- .first()
- .buttonMarkup({
- shadow: false,
- corners: false,
- iconpos: $el.jqmData( "iconpos" ) || o.iconPos || "left",
- icon: "plus",
- mini: o.mini,
- theme: o.theme
- })
- .add( ".ui-btn-inner", $el )
- .addClass( "ui-corner-top ui-corner-bottom" );
-
- //events
- collapsible
- .bind( "expand collapse", function( event ) {
- if ( !event.isDefaultPrevented() ) {
-
- event.preventDefault();
-
- var $this = $( this ),
- isCollapse = ( event.type === "collapse" ),
- contentTheme = o.contentTheme;
-
- collapsibleHeading
- .toggleClass( "ui-collapsible-heading-collapsed", isCollapse)
- .find( ".ui-collapsible-heading-status" )
- .text( isCollapse ? o.expandCueText : o.collapseCueText )
- .end()
- .find( ".ui-icon" )
- .toggleClass( "ui-icon-minus", !isCollapse )
- .toggleClass( "ui-icon-plus", isCollapse );
-
- $this.toggleClass( "ui-collapsible-collapsed", isCollapse );
- collapsibleContent.toggleClass( "ui-collapsible-content-collapsed", isCollapse ).attr( "aria-hidden", isCollapse );
-
- if ( contentTheme && ( !collapsibleSet.length || collapsible.jqmData( "collapsible-last" ) ) ) {
- collapsibleHeading
- .find( "a" ).first().add( collapsibleHeading.find( ".ui-btn-inner" ) )
- .toggleClass( "ui-corner-bottom", isCollapse );
- collapsibleContent.toggleClass( "ui-corner-bottom", !isCollapse );
- }
- collapsibleContent.trigger( "updatelayout" );
- }
- })
- .trigger( o.collapsed ? "collapse" : "expand" );
-
- collapsibleHeading
- .bind( "click", function( event ) {
-
- var type = collapsibleHeading.is( ".ui-collapsible-heading-collapsed" ) ?
- "expand" : "collapse";
-
- collapsible.trigger( type );
-
- event.preventDefault();
- });
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.collapsible.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: For creating grouped collapsible content areas.
-//>>label: Collapsible Sets (Accordions)
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.collapsible.css
-
-define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.collapsible" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.collapsibleset", $.mobile.widget, {
- options: {
- initSelector: ":jqmData(role='collapsible-set')"
- },
- _create: function() {
- var $el = this.element.addClass( "ui-collapsible-set" ),
- o = this.options;
-
- // Inherit the theme from collapsible-set
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( $el, "c" );
- }
- // Inherit the content-theme from collapsible-set
- if ( !o.contentTheme ) {
- o.contentTheme = $el.jqmData( "content-theme" );
- }
-
- if ( !o.corners ) {
- o.corners = $el.jqmData( "corners" ) === undefined ? true : false;
- }
-
- // Initialize the collapsible set if it's not already initialized
- if ( !$el.jqmData( "collapsiblebound" ) ) {
- $el
- .jqmData( "collapsiblebound", true )
- .bind( "expand collapse", function( event ) {
- var isCollapse = ( event.type === "collapse" ),
- collapsible = $( event.target ).closest( ".ui-collapsible" ),
- widget = collapsible.data( "collapsible" ),
- contentTheme = widget.options.contentTheme;
- if ( contentTheme && collapsible.jqmData( "collapsible-last" ) ) {
- collapsible.find( widget.options.heading ).first()
- .find( "a" ).first()
- .add( ".ui-btn-inner" )
- .toggleClass( "ui-corner-bottom", isCollapse );
- collapsible.find( ".ui-collapsible-content" ).toggleClass( "ui-corner-bottom", !isCollapse );
- }
- })
- .bind( "expand", function( event ) {
- $( event.target )
- .closest( ".ui-collapsible" )
- .siblings( ".ui-collapsible" )
- .trigger( "collapse" );
- });
- }
- },
-
- _init: function() {
- this.refresh();
- },
-
- refresh: function() {
- var $el = this.element,
- o = this.options,
- collapsiblesInSet = $el.children( ":jqmData(role='collapsible')" );
-
- $.mobile.collapsible.prototype.enhance( collapsiblesInSet.not( ".ui-collapsible" ) );
-
- // clean up borders
- collapsiblesInSet.each( function() {
- $( this ).find( $.mobile.collapsible.prototype.options.heading )
- .find( "a" ).first()
- .add( ".ui-btn-inner" )
- .removeClass( "ui-corner-top ui-corner-bottom" );
- });
-
- collapsiblesInSet.first()
- .find( "a" )
- .first()
- .addClass( o.corners ? "ui-corner-top" : "" )
- .find( ".ui-btn-inner" )
- .addClass( "ui-corner-top" );
-
- collapsiblesInSet.last()
- .jqmData( "collapsible-last", true )
- .find( "a" )
- .first()
- .addClass( o.corners ? "ui-corner-bottom" : "" )
- .find( ".ui-btn-inner" )
- .addClass( "ui-corner-bottom" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.collapsibleset.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Visually groups sets of buttons, checks, radios, etc.
-//>>label: Controlgroups
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.controlgroup.css
-
-define( [ "jquery", "./jquery.mobile.buttonMarkup" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.fn.controlgroup = function( options ) {
- function flipClasses( els, flCorners ) {
- els.removeClass( "ui-btn-corner-all ui-shadow" )
- .eq( 0 ).addClass( flCorners[ 0 ] )
- .end()
- .last().addClass( flCorners[ 1 ] ).addClass( "ui-controlgroup-last" );
- }
-
- return this.each(function() {
- var $el = $( this ),
- o = $.extend({
- direction: $el.jqmData( "type" ) || "vertical",
- shadow: false,
- excludeInvisible: true,
- mini: $el.jqmData( "mini" )
- }, options ),
- groupheading = $el.children( "legend" ),
- flCorners = o.direction == "horizontal" ? [ "ui-corner-left", "ui-corner-right" ] : [ "ui-corner-top", "ui-corner-bottom" ],
- type = $el.find( "input" ).first().attr( "type" );
-
- // Replace legend with more stylable replacement div
- if ( groupheading.length ) {
- $el.wrapInner( "<div class='ui-controlgroup-controls'></div>" );
- $( "<div role='heading' class='ui-controlgroup-label'>" + groupheading.html() + "</div>" ).insertBefore( $el.children(0) );
- groupheading.remove();
- }
-
- $el.addClass( "ui-corner-all ui-controlgroup ui-controlgroup-" + o.direction );
-
- flipClasses( $el.find( ".ui-btn" + ( o.excludeInvisible ? ":visible" : "" ) ).not('.ui-slider-handle'), flCorners );
- flipClasses( $el.find( ".ui-btn-inner" ), flCorners );
-
- if ( o.shadow ) {
- $el.addClass( "ui-shadow" );
- }
-
- if ( o.mini ) {
- $el.addClass( "ui-mini" );
- }
-
- });
-};
-
-// The pagecreate handler for controlgroup is in jquery.mobile.init because of the soft-dependency on the wrapped widgets
-
-})(jQuery);
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Base file for jQuery Mobile
-//>>label: Core
-//>>group: Core
-//>>required: true
-//>>css: ../css/structure/jquery.mobile.core.css
-
-define( [ "jquery", "../external/requirejs/text!../version.txt", "./jquery.mobile.widget" ], function( $, __version__ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
- var nsNormalizeDict = {};
-
- // jQuery.mobile configurable options
- $.mobile = $.extend( {}, {
-
- // Version of the jQuery Mobile Framework
- version: __version__,
-
- // Namespace used framework-wide for data-attrs. Default is no namespace
- ns: "",
-
- // Define the url parameter used for referencing widget-generated sub-pages.
- // Translates to to example.html&ui-page=subpageIdentifier
- // hash segment before &ui-page= is used to make Ajax request
- subPageUrlKey: "ui-page",
-
- // Class assigned to page currently in view, and during transitions
- activePageClass: "ui-page-active",
-
- // Class used for "active" button state, from CSS framework
- activeBtnClass: "ui-btn-active",
-
- // Class used for "focus" form element state, from CSS framework
- focusClass: "ui-focus",
-
- // Automatically handle clicks and form submissions through Ajax, when same-domain
- ajaxEnabled: true,
-
- // Automatically load and show pages based on location.hash
- hashListeningEnabled: true,
-
- // disable to prevent jquery from bothering with links
- linkBindingEnabled: true,
-
- // Set default page transition - 'none' for no transitions
- defaultPageTransition: "fade",
-
- // Set maximum window width for transitions to apply - 'false' for no limit
- maxTransitionWidth: false,
-
- // Minimum scroll distance that will be remembered when returning to a page
- minScrollBack: 250,
-
- // DEPRECATED: the following property is no longer in use, but defined until 2.0 to prevent conflicts
- touchOverflowEnabled: false,
-
- // Set default dialog transition - 'none' for no transitions
- defaultDialogTransition: "pop",
-
- // Show loading message during Ajax requests
- // if false, message will not appear, but loading classes will still be toggled on html el
- loadingMessage: "loading",
-
- // Error response message - appears when an Ajax page request fails
- pageLoadErrorMessage: "Error Loading Page",
-
- // Should the text be visble in the loading message?
- loadingMessageTextVisible: false,
-
- // When the text is visible, what theme does the loading box use?
- loadingMessageTheme: "a",
-
- // For error messages, which theme does the box uses?
- pageLoadErrorMessageTheme: "e",
-
- //automatically initialize the DOM when it's ready
- autoInitializePage: true,
-
- pushStateEnabled: true,
-
- // allows users to opt in to ignoring content by marking a parent element as
- // data-ignored
- ignoreContentEnabled: false,
-
- // turn of binding to the native orientationchange due to android orientation behavior
- orientationChangeEnabled: true,
-
- buttonMarkup: {
- hoverDelay: 200
- },
-
- // TODO might be useful upstream in jquery itself ?
- keyCode: {
- ALT: 18,
- BACKSPACE: 8,
- CAPS_LOCK: 20,
- COMMA: 188,
- COMMAND: 91,
- COMMAND_LEFT: 91, // COMMAND
- COMMAND_RIGHT: 93,
- CONTROL: 17,
- DELETE: 46,
- DOWN: 40,
- END: 35,
- ENTER: 13,
- ESCAPE: 27,
- HOME: 36,
- INSERT: 45,
- LEFT: 37,
- MENU: 93, // COMMAND_RIGHT
- NUMPAD_ADD: 107,
- NUMPAD_DECIMAL: 110,
- NUMPAD_DIVIDE: 111,
- NUMPAD_ENTER: 108,
- NUMPAD_MULTIPLY: 106,
- NUMPAD_SUBTRACT: 109,
- PAGE_DOWN: 34,
- PAGE_UP: 33,
- PERIOD: 190,
- RIGHT: 39,
- SHIFT: 16,
- SPACE: 32,
- TAB: 9,
- UP: 38,
- WINDOWS: 91 // COMMAND
- },
-
- // Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value
- silentScroll: function( ypos ) {
- if ( $.type( ypos ) !== "number" ) {
- ypos = $.mobile.defaultHomeScroll;
- }
-
- // prevent scrollstart and scrollstop events
- $.event.special.scrollstart.enabled = false;
-
- setTimeout(function() {
- window.scrollTo( 0, ypos );
- $( document ).trigger( "silentscroll", { x: 0, y: ypos });
- }, 20 );
-
- setTimeout(function() {
- $.event.special.scrollstart.enabled = true;
- }, 150 );
- },
-
- // Expose our cache for testing purposes.
- nsNormalizeDict: nsNormalizeDict,
-
- // Take a data attribute property, prepend the namespace
- // and then camel case the attribute string. Add the result
- // to our nsNormalizeDict so we don't have to do this again.
- nsNormalize: function( prop ) {
- if ( !prop ) {
- return;
- }
-
- return nsNormalizeDict[ prop ] || ( nsNormalizeDict[ prop ] = $.camelCase( $.mobile.ns + prop ) );
- },
-
- getInheritedTheme: function( el, defaultTheme ) {
-
- // Find the closest parent with a theme class on it. Note that
- // we are not using $.fn.closest() on purpose here because this
- // method gets called quite a bit and we need it to be as fast
- // as possible.
-
- var e = el[ 0 ],
- ltr = "",
- re = /ui-(bar|body|overlay)-([a-z])\b/,
- c, m;
-
- while ( e ) {
- var c = e.className || "";
- if ( ( m = re.exec( c ) ) && ( ltr = m[ 2 ] ) ) {
- // We found a parent with a theme class
- // on it so bail from this loop.
- break;
- }
- e = e.parentNode;
- }
-
- // Return the theme letter we found, if none, return the
- // specified default.
-
- return ltr || defaultTheme || "a";
- },
-
- // TODO the following $ and $.fn extensions can/probably should be moved into jquery.mobile.core.helpers
- //
- // Find the closest javascript page element to gather settings data jsperf test
- // http://jsperf.com/single-complex-selector-vs-many-complex-selectors/edit
- // possibly naive, but it shows that the parsing overhead for *just* the page selector vs
- // the page and dialog selector is negligable. This could probably be speed up by
- // doing a similar parent node traversal to the one found in the inherited theme code above
- closestPageData: function( $target ) {
- return $target
- .closest(':jqmData(role="page"), :jqmData(role="dialog")')
- .data("page");
- },
-
- enhanceable: function( $set ) {
- return this.haveParents( $set, "enhance" );
- },
-
- hijackable: function( $set ) {
- return this.haveParents( $set, "ajax" );
- },
-
- haveParents: function( $set, attr ) {
- if( !$.mobile.ignoreContentEnabled ){
- return $set;
- }
-
- var count = $set.length,
- $newSet = $(),
- e, $element, excluded;
-
- for ( var i = 0; i < count; i++ ) {
- $element = $set.eq( i );
- excluded = false;
- e = $set[ i ];
-
- while ( e ) {
- var c = e.getAttribute ? e.getAttribute( "data-" + $.mobile.ns + attr ) : "";
-
- if ( c === "false" ) {
- excluded = true;
- break;
- }
-
- e = e.parentNode;
- }
-
- if ( !excluded ) {
- $newSet = $newSet.add( $element );
- }
- }
-
- return $newSet;
- }
- }, $.mobile );
-
- // Mobile version of data and removeData and hasData methods
- // ensures all data is set and retrieved using jQuery Mobile's data namespace
- $.fn.jqmData = function( prop, value ) {
- var result;
- if ( typeof prop != "undefined" ) {
- if ( prop ) {
- prop = $.mobile.nsNormalize( prop );
- }
- result = this.data.apply( this, arguments.length < 2 ? [ prop ] : [ prop, value ] );
- }
- return result;
- };
-
- $.jqmData = function( elem, prop, value ) {
- var result;
- if ( typeof prop != "undefined" ) {
- result = $.data( elem, prop ? $.mobile.nsNormalize( prop ) : prop, value );
- }
- return result;
- };
-
- $.fn.jqmRemoveData = function( prop ) {
- return this.removeData( $.mobile.nsNormalize( prop ) );
- };
-
- $.jqmRemoveData = function( elem, prop ) {
- return $.removeData( elem, $.mobile.nsNormalize( prop ) );
- };
-
- $.fn.removeWithDependents = function() {
- $.removeWithDependents( this );
- };
-
- $.removeWithDependents = function( elem ) {
- var $elem = $( elem );
-
- ( $elem.jqmData('dependents') || $() ).remove();
- $elem.remove();
- };
-
- $.fn.addDependents = function( newDependents ) {
- $.addDependents( $(this), newDependents );
- };
-
- $.addDependents = function( elem, newDependents ) {
- var dependents = $(elem).jqmData( 'dependents' ) || $();
-
- $(elem).jqmData( 'dependents', $.merge(dependents, newDependents) );
- };
-
- // note that this helper doesn't attempt to handle the callback
- // or setting of an html elements text, its only purpose is
- // to return the html encoded version of the text in all cases. (thus the name)
- $.fn.getEncodedText = function() {
- return $( "<div/>" ).text( $(this).text() ).html();
- };
-
- // fluent helper function for the mobile namespaced equivalent
- $.fn.jqmEnhanceable = function() {
- return $.mobile.enhanceable( this );
- };
-
- $.fn.jqmHijackable = function() {
- return $.mobile.hijackable( this );
- };
-
- // Monkey-patching Sizzle to filter the :jqmData selector
- var oldFind = $.find,
- jqmDataRE = /:jqmData\(([^)]*)\)/g;
-
- $.find = function( selector, context, ret, extra ) {
- selector = selector.replace( jqmDataRE, "[data-" + ( $.mobile.ns || "" ) + "$1]" );
-
- return oldFind.call( this, selector, context, ret, extra );
- };
-
- $.extend( $.find, oldFind );
-
- $.find.matches = function( expr, set ) {
- return $.find( expr, null, null, set );
- };
-
- $.find.matchesSelector = function( node, expr ) {
- return $.find( expr, null, null, [ node ] ).length > 0;
- };
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
-
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Creates the define method on window, for async loading
-//>>label: Define
-//>>group: exclude
-//>>excludeEnd("jqmBuildExclude");
-
-// creates the define method on window, only used where async loading
-// is not desired in the docs and experiments
-window.define = function(){
- Array.prototype.slice.call( arguments ).pop()( window.jQuery );
-};
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Changes input type to another after custom enhancements are made (ex. range > numberic).
-//>>label: Degrade Inputs
-//>>group: Utilities
-
-
-define( [ "jquery", "./jquery.mobile.page" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.mobile.page.prototype.options.degradeInputs = {
- color: false,
- date: false,
- datetime: false,
- "datetime-local": false,
- email: false,
- month: false,
- number: false,
- range: "number",
- search: "text",
- tel: false,
- time: false,
- url: false,
- week: false
-};
-
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
-
- var page = $.mobile.closestPageData($(e.target)), options;
-
- if( !page ) {
- return;
- }
-
- options = page.options;
-
- // degrade inputs to avoid poorly implemented native functionality
- $( e.target ).find( "input" ).not( page.keepNativeSelector() ).each(function() {
- var $this = $( this ),
- type = this.getAttribute( "type" ),
- optType = options.degradeInputs[ type ] || "text";
-
- if ( options.degradeInputs[ type ] ) {
- var html = $( "<div>" ).html( $this.clone() ).html(),
- // In IE browsers, the type sometimes doesn't exist in the cloned markup, so we replace the closing tag instead
- hasType = html.indexOf( " type=" ) > -1,
- findstr = hasType ? /\s+type=["']?\w+['"]?/ : /\/?>/,
- repstr = " type=\"" + optType + "\" data-" + $.mobile.ns + "type=\"" + type + "\"" + ( hasType ? "" : ">" );
-
- $this.replaceWith( html.replace( findstr, repstr ) );
- }
- });
-
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Displays a page as a modal dialog with inset appearance and overlay background
-//>>label: Dialogs
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.dialog.css
-
-define( [ "jquery", "./jquery.mobile.widget" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.widget( "mobile.dialog", $.mobile.widget, {
- options: {
- closeBtnText : "Close",
- overlayTheme : "a",
- initSelector : ":jqmData(role='dialog')"
- },
- _create: function() {
- var self = this,
- $el = this.element,
- headerCloseButton = $( "<a href='#' data-" + $.mobile.ns + "icon='delete' data-" + $.mobile.ns + "iconpos='notext'>"+ this.options.closeBtnText + "</a>" ),
- dialogWrap = $("<div/>", {
- "role" : "dialog",
- "class" : "ui-dialog-contain ui-corner-all ui-overlay-shadow"
- });
-
- $el.addClass( "ui-dialog ui-overlay-" + this.options.overlayTheme );
-
- // Class the markup for dialog styling
- // Set aria role
- $el
- .wrapInner( dialogWrap )
- .children()
- .find( ":jqmData(role='header')" )
- .prepend( headerCloseButton )
- .end()
- .children( ':first-child')
- .addClass( "ui-corner-top" )
- .end()
- .children( ":last-child" )
- .addClass( "ui-corner-bottom" );
-
- // this must be an anonymous function so that select menu dialogs can replace
- // the close method. This is a change from previously just defining data-rel=back
- // on the button and letting nav handle it
- //
- // Use click rather than vclick in order to prevent the possibility of unintentionally
- // reopening the dialog if the dialog opening item was directly under the close button.
- headerCloseButton.bind( "click", function() {
- self.close();
- });
-
- /* bind events
- - clicks and submits should use the closing transition that the dialog opened with
- unless a data-transition is specified on the link/form
- - if the click was on the close button, or the link has a data-rel="back" it'll go back in history naturally
- */
- $el.bind( "vclick submit", function( event ) {
- var $target = $( event.target ).closest( event.type === "vclick" ? "a" : "form" ),
- active;
-
- if ( $target.length && !$target.jqmData( "transition" ) ) {
-
- active = $.mobile.urlHistory.getActive() || {};
-
- $target.attr( "data-" + $.mobile.ns + "transition", ( active.transition || $.mobile.defaultDialogTransition ) )
- .attr( "data-" + $.mobile.ns + "direction", "reverse" );
- }
- })
- .bind( "pagehide", function( e, ui ) {
- $( this ).find( "." + $.mobile.activeBtnClass ).removeClass( $.mobile.activeBtnClass );
- })
- // Override the theme set by the page plugin on pageshow
- .bind( "pagebeforeshow", function(){
- if( self.options.overlayTheme ){
- self.element
- .page( "removeContainerBackground" )
- .page( "setContainerBackground", self.options.overlayTheme );
- }
- });
- },
-
- // Close method goes back in history
- close: function() {
- window.history.back();
- }
-});
-
-//auto self-init widgets
-$( document ).delegate( $.mobile.dialog.prototype.options.initSelector, "pagecreate", function(){
- $.mobile.dialog.prototype.enhance( this );
-});
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: jQuery Mobile documentation JS
-//>>label: Docs
-//>>group: exclude
-define( [ "../external/requirejs/depend!../docs/_assets/js/jqm-docs[jquery]", "../external/requirejs/order!./jquery.mobile" ] );
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Custom events and shortcuts.
-//>>label: Events
-//>>group: Core
-//>>required: true
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.support", "./jquery.mobile.vmouse" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-// add new event shortcuts
-$.each( ( "touchstart touchmove touchend orientationchange throttledresize " +
- "tap taphold swipe swipeleft swiperight scrollstart scrollstop" ).split( " " ), function( i, name ) {
-
- $.fn[ name ] = function( fn ) {
- return fn ? this.bind( name, fn ) : this.trigger( name );
- };
-
- $.attrFn[ name ] = true;
-});
-
-var supportTouch = $.support.touch,
- scrollEvent = "touchmove scroll",
- touchStartEvent = supportTouch ? "touchstart" : "mousedown",
- touchStopEvent = supportTouch ? "touchend" : "mouseup",
- touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
-
-function triggerCustomEvent( obj, eventType, event ) {
- var originalType = event.type;
- event.type = eventType;
- $.event.handle.call( obj, event );
- event.type = originalType;
-}
-
-// also handles scrollstop
-$.event.special.scrollstart = {
-
- enabled: true,
-
- setup: function() {
-
- var thisObject = this,
- $this = $( thisObject ),
- scrolling,
- timer;
-
- function trigger( event, state ) {
- scrolling = state;
- triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
- }
-
- // iPhone triggers scroll after a small delay; use touchmove instead
- $this.bind( scrollEvent, function( event ) {
-
- if ( !$.event.special.scrollstart.enabled ) {
- return;
- }
-
- if ( !scrolling ) {
- trigger( event, true );
- }
-
- clearTimeout( timer );
- timer = setTimeout(function() {
- trigger( event, false );
- }, 50 );
- });
- }
-};
-
-// also handles taphold
-$.event.special.tap = {
- setup: function() {
- var thisObject = this,
- $this = $( thisObject );
-
- $this.bind( "vmousedown", function( event ) {
-
- if ( event.which && event.which !== 1 ) {
- return false;
- }
-
- var origTarget = event.target,
- origEvent = event.originalEvent,
- timer;
-
- function clearTapTimer() {
- clearTimeout( timer );
- }
-
- function clearTapHandlers() {
- clearTapTimer();
-
- $this.unbind( "vclick", clickHandler )
- .unbind( "vmouseup", clearTapTimer );
- $( document ).unbind( "vmousecancel", clearTapHandlers );
- }
-
- function clickHandler(event) {
- clearTapHandlers();
-
- // ONLY trigger a 'tap' event if the start target is
- // the same as the stop target.
- if ( origTarget == event.target ) {
- triggerCustomEvent( thisObject, "tap", event );
- }
- }
-
- $this.bind( "vmouseup", clearTapTimer )
- .bind( "vclick", clickHandler );
- $( document ).bind( "vmousecancel", clearTapHandlers );
-
- timer = setTimeout(function() {
- triggerCustomEvent( thisObject, "taphold", $.Event( "taphold", { target: origTarget } ) );
- }, 750 );
- });
- }
-};
-
-// also handles swipeleft, swiperight
-$.event.special.swipe = {
- scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.
-
- durationThreshold: 1000, // More time than this, and it isn't a swipe.
-
- horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
-
- verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this.
-
- setup: function() {
- var thisObject = this,
- $this = $( thisObject );
-
- $this.bind( touchStartEvent, function( event ) {
- var data = event.originalEvent.touches ?
- event.originalEvent.touches[ 0 ] : event,
- start = {
- time: ( new Date() ).getTime(),
- coords: [ data.pageX, data.pageY ],
- origin: $( event.target )
- },
- stop;
-
- function moveHandler( event ) {
-
- if ( !start ) {
- return;
- }
-
- var data = event.originalEvent.touches ?
- event.originalEvent.touches[ 0 ] : event;
-
- stop = {
- time: ( new Date() ).getTime(),
- coords: [ data.pageX, data.pageY ]
- };
-
- // prevent scrolling
- if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
- event.preventDefault();
- }
- }
-
- $this.bind( touchMoveEvent, moveHandler )
- .one( touchStopEvent, function( event ) {
- $this.unbind( touchMoveEvent, moveHandler );
-
- if ( start && stop ) {
- if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
- Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
- Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
-
- start.origin.trigger( "swipe" )
- .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
- }
- }
- start = stop = undefined;
- });
- });
- }
-};
-
-(function( $, window ) {
- // "Cowboy" Ben Alman
-
- var win = $( window ),
- special_event,
- get_orientation,
- last_orientation,
- initial_orientation_is_landscape,
- initial_orientation_is_default,
- portrait_map = { "0": true, "180": true };
-
- // 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". The following code attempts to use the window
- // dimensions to figure out what the current orientation is, and then makes adjustments
- // to the to the portrait_map if necessary, so that we can properly decode the
- // window.orientation value whenever get_orientation() is called.
- //
- // Note that we used to use a media query to figure out what the orientation the browser
- // thinks it is in:
- //
- // initial_orientation_is_landscape = $.mobile.media("all and (orientation: landscape)");
- //
- // but there was an iPhone/iPod Touch bug beginning with iOS 4.2, up through iOS 5.1,
- // where the browser *ALWAYS* applied the landscape media query. This bug does not
- // happen on iPad.
-
- if ( $.support.orientation ) {
-
- // Check the window width and height to figure out what the current orientation
- // of the device is at this moment. Note that we've initialized the portrait map
- // values to 0 and 180, *AND* we purposely check for landscape so that if we guess
- // wrong, , we default to the assumption that portrait is the default orientation.
- // We use a threshold check below because on some platforms like iOS, the iPhone
- // form-factor can report a larger width than height if the user turns on the
- // developer console. The actual threshold value is somewhat arbitrary, we just
- // need to make sure it is large enough to exclude the developer console case.
-
- var ww = window.innerWidth || $( window ).width(),
- wh = window.innerHeight || $( window ).height(),
- landscape_threshold = 50;
-
- initial_orientation_is_landscape = ww > wh && ( ww - wh ) > landscape_threshold;
-
-
- // Now check to see if the current window.orientation is 0 or 180.
- initial_orientation_is_default = portrait_map[ window.orientation ];
-
- // If the initial orientation is landscape, but window.orientation reports 0 or 180, *OR*
- // if the initial orientation is portrait, but window.orientation reports 90 or -90, we
- // need to flip our portrait_map values because landscape is the default orientation for
- // this device/browser.
- if ( ( initial_orientation_is_landscape && initial_orientation_is_default ) || ( !initial_orientation_is_landscape && !initial_orientation_is_default ) ) {
- portrait_map = { "-90": true, "90": true };
- }
- }
-
- $.event.special.orientationchange = special_event = {
- setup: function() {
- // If the event is supported natively, return false so that jQuery
- // will bind to the event using DOM methods.
- if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
- return false;
- }
-
- // Get the current orientation to avoid initial double-triggering.
- last_orientation = get_orientation();
-
- // Because the orientationchange event doesn't exist, simulate the
- // event by testing window dimensions on resize.
- win.bind( "throttledresize", handler );
- },
- teardown: function(){
- // If the event is not supported natively, return false so that
- // jQuery will unbind the event using DOM methods.
- if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
- return false;
- }
-
- // Because the orientationchange event doesn't exist, unbind the
- // resize event handler.
- win.unbind( "throttledresize", handler );
- },
- add: function( handleObj ) {
- // Save a reference to the bound event handler.
- var old_handler = handleObj.handler;
-
-
- handleObj.handler = function( event ) {
- // Modify event object, adding the .orientation property.
- event.orientation = get_orientation();
-
- // Call the originally-bound event handler and return its result.
- return old_handler.apply( this, arguments );
- };
- }
- };
-
- // If the event is not supported natively, this handler will be bound to
- // the window resize event to simulate the orientationchange event.
- function handler() {
- // Get the current orientation.
- var orientation = get_orientation();
-
- if ( orientation !== last_orientation ) {
- // The orientation has changed, so trigger the orientationchange event.
- last_orientation = orientation;
- win.trigger( "orientationchange" );
- }
- }
-
- // Get the current page orientation. This method is exposed publicly, should it
- // be needed, as jQuery.event.special.orientationchange.orientation()
- $.event.special.orientationchange.orientation = get_orientation = function() {
- var isPortrait = true, elem = document.documentElement;
-
- // prefer window orientation to the calculation based on screensize as
- // the actual screen resize takes place before or after the orientation change event
- // has been fired depending on implementation (eg android 2.3 is before, iphone after).
- // More testing is required to determine if a more reliable method of determining the new screensize
- // is possible when orientationchange is fired. (eg, use media queries + element + opacity)
- if ( $.support.orientation ) {
- // if the window orientation registers as 0 or 180 degrees report
- // portrait, otherwise landscape
- isPortrait = portrait_map[ window.orientation ];
- } else {
- isPortrait = elem && elem.clientWidth / elem.clientHeight < 1.1;
- }
-
- return isPortrait ? "portrait" : "landscape";
- };
-
-})( jQuery, window );
-
-
-// throttled resize event
-(function() {
-
- $.event.special.throttledresize = {
- setup: function() {
- $( this ).bind( "resize", handler );
- },
- teardown: function(){
- $( this ).unbind( "resize", handler );
- }
- };
-
- var throttle = 250,
- handler = function() {
- curr = ( new Date() ).getTime();
- diff = curr - lastCall;
-
- if ( diff >= throttle ) {
-
- lastCall = curr;
- $( this ).trigger( "throttledresize" );
-
- } else {
-
- if ( heldCall ) {
- clearTimeout( heldCall );
- }
-
- // Promise a held call will still execute
- heldCall = setTimeout( handler, throttle - diff );
- }
- },
- lastCall = 0,
- heldCall,
- curr,
- diff;
-})();
-
-
-$.each({
- scrollstop: "scrollstart",
- taphold: "tap",
- swipeleft: "swipe",
- swiperight: "swipe"
-}, function( event, sourceEvent ) {
-
- $.event.special[ event ] = {
- setup: function() {
- $( this ).bind( sourceEvent, $.noop );
- }
- };
-});
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Styling to responsively position forms and labels based on screen width and add visual separation
-//>>label: Fieldcontainers
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.forms.fieldcontain.css
-
-define( [ "jquery" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.fn.fieldcontain = function( options ) {
- return this.addClass( "ui-field-contain ui-body ui-br" );
-};
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='fieldcontain')", e.target ).jqmEnhanceable().fieldcontain();
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Behavior for "fixed" headers and footers
-//>>label: Toolbars: Fixed
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.fixedToolbar.css
-
-define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.core", "./jquery.mobile.navigation", "./jquery.mobile.page", "./jquery.mobile.page.sections", "./jquery.mobile.zoom" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-
- $.widget( "mobile.fixedtoolbar", $.mobile.widget, {
- options: {
- visibleOnPageShow: true,
- disablePageZoom: true,
- transition: "slide", //can be none, fade, slide (slide maps to slideup or slidedown)
- fullscreen: false,
- tapToggle: true,
- tapToggleBlacklist: "a, input, select, textarea, .ui-header-fixed, .ui-footer-fixed",
- hideDuringFocus: "input, textarea, select",
- updatePagePadding: true,
- trackPersistentToolbars: true,
-
- // Browser detection! Weeee, here we go...
- // Unfortunately, position:fixed is costly, not to mention probably impossible, to feature-detect accurately.
- // Some tests exist, but they currently return false results in critical devices and browsers, which could lead to a broken experience.
- // Testing fixed positioning is also pretty obtrusive to page load, requiring injected elements and scrolling the window
- // The following function serves to rule out some popular browsers with known fixed-positioning issues
- // This is a plugin option like any other, so feel free to improve or overwrite it
- supportBlacklist: function(){
- var w = window,
- ua = navigator.userAgent,
- platform = navigator.platform,
- // Rendering engine is Webkit, and capture major version
- wkmatch = ua.match( /AppleWebKit\/([0-9]+)/ ),
- wkversion = !!wkmatch && wkmatch[ 1 ],
- ffmatch = ua.match( /Fennec\/([0-9]+)/ ),
- ffversion = !!ffmatch && ffmatch[ 1 ],
- operammobilematch = ua.match( /Opera Mobi\/([0-9]+)/ ),
- omversion = !!operammobilematch && operammobilematch[ 1 ];
-
- if(
- // iOS 4.3 and older : Platform is iPhone/Pad/Touch and Webkit version is less than 534 (ios5)
- ( ( platform.indexOf( "iPhone" ) > -1 || platform.indexOf( "iPad" ) > -1 || platform.indexOf( "iPod" ) > -1 ) && wkversion && wkversion < 534 )
- ||
- // Opera Mini
- ( w.operamini && ({}).toString.call( w.operamini ) === "[object OperaMini]" )
- ||
- ( operammobilematch && omversion < 7458 )
- ||
- //Android lte 2.1: Platform is Android and Webkit version is less than 533 (Android 2.2)
- ( ua.indexOf( "Android" ) > -1 && wkversion && wkversion < 533 )
- ||
- // Firefox Mobile before 6.0 -
- ( ffversion && ffversion < 6 )
- ||
- // WebOS less than 3
- ( "palmGetResource" in window && wkversion && wkversion < 534 )
- ||
- // MeeGo
- ( ua.indexOf( "MeeGo" ) > -1 && ua.indexOf( "NokiaBrowser/8.5.0" ) > -1 )
- ){
- return true;
- }
-
- return false;
- },
- initSelector: ":jqmData(position='fixed')"
- },
-
- _create: function() {
-
- var self = this,
- o = self.options,
- $el = self.element,
- tbtype = $el.is( ":jqmData(role='header')" ) ? "header" : "footer",
- $page = $el.closest(".ui-page");
-
- // Feature detecting support for
- if( o.supportBlacklist() ){
- self.destroy();
- return;
- }
-
- $el.addClass( "ui-"+ tbtype +"-fixed" );
-
- // "fullscreen" overlay positioning
- if( o.fullscreen ){
- $el.addClass( "ui-"+ tbtype +"-fullscreen" );
- $page.addClass( "ui-page-" + tbtype + "-fullscreen" );
- }
- // If not fullscreen, add class to page to set top or bottom padding
- else{
- $page.addClass( "ui-page-" + tbtype + "-fixed" );
- }
-
- self._addTransitionClass();
- self._bindPageEvents();
- self._bindToggleHandlers();
- },
-
- _addTransitionClass: function(){
- var tclass = this.options.transition;
-
- if( tclass && tclass !== "none" ){
- // use appropriate slide for header or footer
- if( tclass === "slide" ){
- tclass = this.element.is( ".ui-header" ) ? "slidedown" : "slideup";
- }
-
- this.element.addClass( tclass );
- }
- },
-
- _bindPageEvents: function(){
- var self = this,
- o = self.options,
- $el = self.element;
-
- //page event bindings
- // Fixed toolbars require page zoom to be disabled, otherwise usability issues crop up
- // This method is meant to disable zoom while a fixed-positioned toolbar page is visible
- $el.closest( ".ui-page" )
- .bind( "pagebeforeshow", function(){
- if( o.disablePageZoom ){
- $.mobile.zoom.disable( true );
- }
- if( !o.visibleOnPageShow ){
- self.hide( true );
- }
- } )
- .bind( "webkitAnimationStart animationstart updatelayout", function(){
- if( o.updatePagePadding ){
- self.updatePagePadding();
- }
- })
- .bind( "pageshow", function(){
- self.updatePagePadding();
- if( o.updatePagePadding ){
- $( window ).bind( "throttledresize." + self.widgetName, function(){
- self.updatePagePadding();
- });
- }
- })
- .bind( "pagebeforehide", function( e, ui ){
- if( o.disablePageZoom ){
- $.mobile.zoom.enable( true );
- }
- if( o.updatePagePadding ){
- $( window ).unbind( "throttledresize." + self.widgetName );
- }
-
- if( o.trackPersistentToolbars ){
- var thisFooter = $( ".ui-footer-fixed:jqmData(id)", this ),
- thisHeader = $( ".ui-header-fixed:jqmData(id)", this ),
- nextFooter = thisFooter.length && ui.nextPage && $( ".ui-footer-fixed:jqmData(id='" + thisFooter.jqmData( "id" ) + "')", ui.nextPage ),
- nextHeader = thisHeader.length && ui.nextPage && $( ".ui-header-fixed:jqmData(id='" + thisHeader.jqmData( "id" ) + "')", ui.nextPage );
-
- nextFooter = nextFooter || $();
-
- if( nextFooter.length || nextHeader.length ){
-
- nextFooter.add( nextHeader ).appendTo( $.mobile.pageContainer );
-
- ui.nextPage.one( "pageshow", function(){
- nextFooter.add( nextHeader ).appendTo( this );
- });
- }
- }
- });
- },
-
- _visible: true,
-
- // This will set the content element's top or bottom padding equal to the toolbar's height
- updatePagePadding: function() {
- var $el = this.element,
- header = $el.is( ".ui-header" );
-
- // This behavior only applies to "fixed", not "fullscreen"
- if( this.options.fullscreen ){ return; }
-
- $el.closest( ".ui-page" ).css( "padding-" + ( header ? "top" : "bottom" ), $el.outerHeight() );
- },
-
- _useTransition: function( notransition ){
- var $win = $( window ),
- $el = this.element,
- scroll = $win.scrollTop(),
- elHeight = $el.height(),
- pHeight = $el.closest( ".ui-page" ).height(),
- viewportHeight = $.mobile.getScreenHeight(),
- tbtype = $el.is( ":jqmData(role='header')" ) ? "header" : "footer";
-
- return !notransition &&
- ( this.options.transition && this.options.transition !== "none" &&
- (
- ( tbtype === "header" && !this.options.fullscreen && scroll > elHeight ) ||
- ( tbtype === "footer" && !this.options.fullscreen && scroll + viewportHeight < pHeight - elHeight )
- ) || this.options.fullscreen
- );
- },
-
- show: function( notransition ){
- var hideClass = "ui-fixed-hidden",
- $el = this.element;
-
- if( this._useTransition( notransition ) ){
- $el
- .removeClass( "out " + hideClass )
- .addClass( "in" );
- }
- else {
- $el.removeClass( hideClass );
- }
- this._visible = true;
- },
-
- hide: function( notransition ){
- var hideClass = "ui-fixed-hidden",
- $el = this.element,
- // if it's a slide transition, our new transitions need the reverse class as well to slide outward
- outclass = "out" + ( this.options.transition === "slide" ? " reverse" : "" );
-
- if( this._useTransition( notransition ) ){
- $el
- .addClass( outclass )
- .removeClass( "in" )
- .animationComplete( function(){
- $el.addClass( hideClass ).removeClass( outclass );
- });
- }
- else {
- $el.addClass( hideClass ).removeClass( outclass );
- }
- this._visible = false;
- },
-
- toggle: function(){
- this[ this._visible ? "hide" : "show" ]();
- },
-
- _bindToggleHandlers: function(){
- var self = this,
- o = self.options,
- $el = self.element;
-
- // tap toggle
- $el.closest( ".ui-page" )
- .bind( "vclick", function( e ){
- if( o.tapToggle && !$( e.target ).closest( o.tapToggleBlacklist ).length ){
- self.toggle();
- }
- })
- .bind( "focusin focusout", function( e ){
- if( screen.width < 500 && $( e.target ).is( o.hideDuringFocus ) && !$( e.target ).closest( ".ui-header-fixed, .ui-footer-fixed" ).length ){
- self[ ( e.type === "focusin" && self._visible ) ? "hide" : "show" ]();
- }
- });
- },
-
- destroy: function(){
- this.element.removeClass( "ui-header-fixed ui-footer-fixed ui-header-fullscreen ui-footer-fullscreen in out fade slidedown slideup ui-fixed-hidden" );
- this.element.closest( ".ui-page" ).removeClass( "ui-page-header-fixed ui-page-footer-fixed ui-page-header-fullscreen ui-page-footer-fullscreen" );
- }
-
- });
-
- //auto self-init widgets
- $( document )
- .bind( "pagecreate create", function( e ){
-
- // DEPRECATED in 1.1: support for data-fullscreen=true|false on the page element.
- // This line ensures it still works, but we recommend moving the attribute to the toolbars themselves.
- if( $( e.target ).jqmData( "fullscreen" ) ){
- $( $.mobile.fixedtoolbar.prototype.options.initSelector, e.target ).not( ":jqmData(fullscreen)" ).jqmData( "fullscreen", true );
- }
-
- $.mobile.fixedtoolbar.prototype.enhanceWithin( e.target );
- });
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Custom-styled native input/buttons
-//>>label: Buttons: Input or button-based
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.button.css
-
-define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.button", $.mobile.widget, {
- options: {
- theme: null,
- icon: null,
- iconpos: null,
- inline: false,
- corners: true,
- shadow: true,
- iconshadow: true,
- initSelector: "button, [type='button'], [type='submit'], [type='reset'], [type='image']",
- mini: false
- },
- _create: function() {
- var $el = this.element,
- $button,
- o = this.options,
- type,
- name,
- classes = "",
- $buttonPlaceholder;
-
- // if this is a link, check if it's been enhanced and, if not, use the right function
- if( $el[ 0 ].tagName === "A" ) {
- !$el.hasClass( "ui-btn" ) && $el.buttonMarkup();
- return;
- }
-
- // get the inherited theme
- // TODO centralize for all widgets
- if ( !this.options.theme ) {
- this.options.theme = $.mobile.getInheritedTheme( this.element, "c" );
- }
-
- // TODO: Post 1.1--once we have time to test thoroughly--any classes manually applied to the original element should be carried over to the enhanced element, with an `-enhanced` suffix. See https://github.com/jquery/jquery-mobile/issues/3577
- /* if( $el[0].className.length ) {
- classes = $el[0].className;
- } */
- if( !!~$el[0].className.indexOf( "ui-btn-left" ) ) {
- classes = "ui-btn-left";
- }
-
- if( !!~$el[0].className.indexOf( "ui-btn-right" ) ) {
- classes = "ui-btn-right";
- }
-
- // Add ARIA role
- this.button = $( "<div></div>" )
- .text( $el.text() || $el.val() )
- .insertBefore( $el )
- .buttonMarkup({
- theme: o.theme,
- icon: o.icon,
- iconpos: o.iconpos,
- inline: o.inline,
- corners: o.corners,
- shadow: o.shadow,
- iconshadow: o.iconshadow,
- mini: o.mini
- })
- .addClass( classes )
- .append( $el.addClass( "ui-btn-hidden" ) );
-
- $button = this.button;
- type = $el.attr( "type" );
- name = $el.attr( "name" );
-
- // Add hidden input during submit if input type="submit" has a name.
- if ( type !== "button" && type !== "reset" && name ) {
- $el.bind( "vclick", function() {
- // Add hidden input if it doesn’t already exist.
- if( $buttonPlaceholder === undefined ) {
- $buttonPlaceholder = $( "<input>", {
- type: "hidden",
- name: $el.attr( "name" ),
- value: $el.attr( "value" )
- }).insertBefore( $el );
-
- // Bind to doc to remove after submit handling
- $( document ).one("submit", function(){
- $buttonPlaceholder.remove();
-
- // reset the local var so that the hidden input
- // will be re-added on subsequent clicks
- $buttonPlaceholder = undefined;
- });
- }
- });
- }
-
- $el.bind({
- focus: function() {
- $button.addClass( $.mobile.focusClass );
- },
-
- blur: function() {
- $button.removeClass( $.mobile.focusClass );
- }
- });
-
- this.refresh();
- },
-
- enable: function() {
- this.element.attr( "disabled", false );
- this.button.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
- return this._setOption( "disabled", false );
- },
-
- disable: function() {
- this.element.attr( "disabled", true );
- this.button.addClass( "ui-disabled" ).attr( "aria-disabled", true );
- return this._setOption( "disabled", true );
- },
-
- refresh: function() {
- var $el = this.element;
-
- if ( $el.prop("disabled") ) {
- this.disable();
- } else {
- this.enable();
- }
-
- // Grab the button's text element from its implementation-independent data item
- $( this.button.data( 'buttonElements' ).text ).text( $el.text() || $el.val() );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.button.prototype.enhanceWithin( e.target, true );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-/*
-* "checkboxradio" plugin
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Consistent styling for checkboxes/radio buttons.
-//>>label: Checkboxes & Radio Buttons
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css,../css/structure/jquery.mobile.forms.checkboxradio.css
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.checkboxradio", $.mobile.widget, {
- options: {
- theme: null,
- initSelector: "input[type='checkbox'],input[type='radio']"
- },
- _create: function() {
- var self = this,
- input = this.element,
- inheritAttr = function( input, dataAttr ) {
- return input.jqmData( dataAttr ) || input.closest( "form,fieldset" ).jqmData( dataAttr )
- },
- // NOTE: Windows Phone could not find the label through a selector
- // filter works though.
- parentLabel = $( input ).closest( "label" ),
- label = parentLabel.length ? parentLabel : $( input ).closest( "form,fieldset,:jqmData(role='page'),:jqmData(role='dialog')" ).find( "label" ).filter( "[for='" + input[0].id + "']" ),
- inputtype = input[0].type,
- mini = inheritAttr( input, "mini" ),
- checkedState = inputtype + "-on",
- uncheckedState = inputtype + "-off",
- icon = input.parents( ":jqmData(type='horizontal')" ).length ? undefined : uncheckedState,
- iconpos = inheritAttr( input, "iconpos" ),
- activeBtn = icon ? "" : " " + $.mobile.activeBtnClass,
- checkedClass = "ui-" + checkedState + activeBtn,
- uncheckedClass = "ui-" + uncheckedState,
- checkedicon = "ui-icon-" + checkedState,
- uncheckedicon = "ui-icon-" + uncheckedState;
-
- if ( inputtype !== "checkbox" && inputtype !== "radio" ) {
- return;
- }
-
- // Expose for other methods
- $.extend( this, {
- label: label,
- inputtype: inputtype,
- checkedClass: checkedClass,
- uncheckedClass: uncheckedClass,
- checkedicon: checkedicon,
- uncheckedicon: uncheckedicon
- });
-
- // If there's no selected theme check the data attr
- if( !this.options.theme ) {
- this.options.theme = $.mobile.getInheritedTheme( this.element, "c" );
- }
-
- label.buttonMarkup({
- theme: this.options.theme,
- icon: icon,
- shadow: false,
- mini: mini,
- iconpos: iconpos
- });
-
- // Wrap the input + label in a div
- var wrapper = document.createElement('div');
- wrapper.className = 'ui-' + inputtype;
-
- input.add( label ).wrapAll( wrapper );
-
- label.bind({
- vmouseover: function( event ) {
- if ( $( this ).parent().is( ".ui-disabled" ) ) {
- event.stopPropagation();
- }
- },
-
- vclick: function( event ) {
- if ( input.is( ":disabled" ) ) {
- event.preventDefault();
- return;
- }
-
- self._cacheVals();
-
- input.prop( "checked", inputtype === "radio" && true || !input.prop( "checked" ) );
-
- // trigger click handler's bound directly to the input as a substitute for
- // how label clicks behave normally in the browsers
- // TODO: it would be nice to let the browser's handle the clicks and pass them
- // through to the associate input. we can swallow that click at the parent
- // wrapper element level
- input.triggerHandler( 'click' );
-
- // Input set for common radio buttons will contain all the radio
- // buttons, but will not for checkboxes. clearing the checked status
- // of other radios ensures the active button state is applied properly
- self._getInputSet().not( input ).prop( "checked", false );
-
- self._updateAll();
- return false;
- }
- });
-
- input
- .bind({
- vmousedown: function() {
- self._cacheVals();
- },
-
- vclick: function() {
- var $this = $(this);
-
- // Adds checked attribute to checked input when keyboard is used
- if ( $this.is( ":checked" ) ) {
-
- $this.prop( "checked", true);
- self._getInputSet().not($this).prop( "checked", false );
- } else {
-
- $this.prop( "checked", false );
- }
-
- self._updateAll();
- },
-
- focus: function() {
- label.addClass( $.mobile.focusClass );
- },
-
- blur: function() {
- label.removeClass( $.mobile.focusClass );
- }
- });
-
- this.refresh();
- },
-
- _cacheVals: function() {
- this._getInputSet().each(function() {
- $(this).jqmData( "cacheVal", this.checked );
- });
- },
-
- //returns either a set of radios with the same name attribute, or a single checkbox
- _getInputSet: function(){
- if(this.inputtype === "checkbox") {
- return this.element;
- }
-
- return this.element.closest( "form,fieldset,:jqmData(role='page')" )
- .find( "input[name='"+ this.element[0].name +"'][type='"+ this.inputtype +"']" );
- },
-
- _updateAll: function() {
- var self = this;
-
- this._getInputSet().each(function() {
- var $this = $(this);
-
- if ( this.checked || self.inputtype === "checkbox" ) {
- $this.trigger( "change" );
- }
- })
- .checkboxradio( "refresh" );
- },
-
- refresh: function() {
- var input = this.element[0],
- label = this.label,
- icon = label.find( ".ui-icon" );
-
- if ( input.checked ) {
- label.addClass( this.checkedClass ).removeClass( this.uncheckedClass );
- icon.addClass( this.checkedicon ).removeClass( this.uncheckedicon );
- } else {
- label.removeClass( this.checkedClass ).addClass( this.uncheckedClass );
- icon.removeClass( this.checkedicon ).addClass( this.uncheckedicon );
- }
-
- if ( input.disabled ) {
- this.disable();
- } else {
- this.enable();
- }
- },
-
- disable: function() {
- this.element.prop( "disabled", true ).parent().addClass( "ui-disabled" );
- },
-
- enable: function() {
- this.element.prop( "disabled", false ).parent().removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.checkboxradio.prototype.enhanceWithin( e.target, true );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-/*
-* custom "selectmenu" plugin
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Extension to select menus to support menu styling, placeholder options, and multi-select features.
-//>>label: Selects: Custom menus
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.forms.select.css
-
-define( [
- "jquery",
- "./jquery.mobile.buttonMarkup",
- "./jquery.mobile.core",
- "./jquery.mobile.dialog",
- "./jquery.mobile.forms.select",
- "./jquery.mobile.listview",
- "./jquery.mobile.page",
- // NOTE expects ui content in the defined page, see selector for menuPageContent definition
- "./jquery.mobile.page.sections" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
- var extendSelect = function( widget ){
-
- var select = widget.select,
- selectID = widget.selectID,
- label = widget.label,
- thisPage = widget.select.closest( ".ui-page" ),
- screen = $( "<div>", {"class": "ui-selectmenu-screen ui-screen-hidden"} ).appendTo( thisPage ),
- selectOptions = widget._selectOptions(),
- isMultiple = widget.isMultiple = widget.select[ 0 ].multiple,
- buttonId = selectID + "-button",
- menuId = selectID + "-menu",
- menuPage = $( "<div data-" + $.mobile.ns + "role='dialog' data-" +$.mobile.ns + "theme='"+ widget.options.theme +"' data-" +$.mobile.ns + "overlay-theme='"+ widget.options.overlayTheme +"'>" +
- "<div data-" + $.mobile.ns + "role='header'>" +
- "<div class='ui-title'>" + label.getEncodedText() + "</div>"+
- "</div>"+
- "<div data-" + $.mobile.ns + "role='content'></div>"+
- "</div>" ),
-
- listbox = $("<div>", { "class": "ui-selectmenu ui-selectmenu-hidden ui-overlay-shadow ui-corner-all ui-body-" + widget.options.overlayTheme + " " + $.mobile.defaultDialogTransition } ).insertAfter(screen),
-
- list = $( "<ul>", {
- "class": "ui-selectmenu-list",
- "id": menuId,
- "role": "listbox",
- "aria-labelledby": buttonId
- }).attr( "data-" + $.mobile.ns + "theme", widget.options.theme ).appendTo( listbox ),
-
- header = $( "<div>", {
- "class": "ui-header ui-bar-" + widget.options.theme
- }).prependTo( listbox ),
-
- headerTitle = $( "<h1>", {
- "class": "ui-title"
- }).appendTo( header ),
-
- menuPageContent,
- menuPageClose,
- headerClose;
-
- if( widget.isMultiple ) {
- headerClose = $( "<a>", {
- "text": widget.options.closeText,
- "href": "#",
- "class": "ui-btn-left"
- }).attr( "data-" + $.mobile.ns + "iconpos", "notext" ).attr( "data-" + $.mobile.ns + "icon", "delete" ).appendTo( header ).buttonMarkup();
- }
-
- $.extend( widget, {
- select: widget.select,
- selectID: selectID,
- buttonId: buttonId,
- menuId: menuId,
- thisPage: thisPage,
- menuPage: menuPage,
- label: label,
- screen: screen,
- selectOptions: selectOptions,
- isMultiple: isMultiple,
- theme: widget.options.theme,
- listbox: listbox,
- list: list,
- header: header,
- headerTitle: headerTitle,
- headerClose: headerClose,
- menuPageContent: menuPageContent,
- menuPageClose: menuPageClose,
- placeholder: "",
-
- build: function() {
- var self = this;
-
- // Create list from select, update state
- self.refresh();
-
- self.select.attr( "tabindex", "-1" ).focus(function() {
- $( this ).blur();
- self.button.focus();
- });
-
- // Button events
- self.button.bind( "vclick keydown" , function( event ) {
- if ( event.type == "vclick" ||
- event.keyCode && ( event.keyCode === $.mobile.keyCode.ENTER ||
- event.keyCode === $.mobile.keyCode.SPACE ) ) {
-
- self.open();
- event.preventDefault();
- }
- });
-
- // Events for list items
- self.list.attr( "role", "listbox" )
- .bind( "focusin", function( e ){
- $( e.target )
- .attr( "tabindex", "0" )
- .trigger( "vmouseover" );
-
- })
- .bind( "focusout", function( e ){
- $( e.target )
- .attr( "tabindex", "-1" )
- .trigger( "vmouseout" );
- })
- .delegate( "li:not(.ui-disabled, .ui-li-divider)", "click", function( event ) {
-
- // index of option tag to be selected
- var oldIndex = self.select[ 0 ].selectedIndex,
- newIndex = self.list.find( "li:not(.ui-li-divider)" ).index( this ),
- option = self._selectOptions().eq( newIndex )[ 0 ];
-
- // toggle selected status on the tag for multi selects
- option.selected = self.isMultiple ? !option.selected : true;
-
- // toggle checkbox class for multiple selects
- if ( self.isMultiple ) {
- $( this ).find( ".ui-icon" )
- .toggleClass( "ui-icon-checkbox-on", option.selected )
- .toggleClass( "ui-icon-checkbox-off", !option.selected );
- }
-
- // trigger change if value changed
- if ( self.isMultiple || oldIndex !== newIndex ) {
- self.select.trigger( "change" );
- }
-
- //hide custom select for single selects only
- if ( !self.isMultiple ) {
- self.close();
- }
-
- event.preventDefault();
- })
- .keydown(function( event ) { //keyboard events for menu items
- var target = $( event.target ),
- li = target.closest( "li" ),
- prev, next;
-
- // switch logic based on which key was pressed
- switch ( event.keyCode ) {
- // up or left arrow keys
- case 38:
- prev = li.prev().not( ".ui-selectmenu-placeholder" );
-
- if( prev.is( ".ui-li-divider" ) ) {
- prev = prev.prev();
- }
-
- // if there's a previous option, focus it
- if ( prev.length ) {
- target
- .blur()
- .attr( "tabindex", "-1" );
-
- prev.addClass( "ui-btn-down-" + widget.options.theme ).find( "a" ).first().focus();
- }
-
- return false;
- break;
-
- // down or right arrow keys
- case 40:
- next = li.next();
-
- if( next.is( ".ui-li-divider" ) ) {
- next = next.next();
- }
-
- // if there's a next option, focus it
- if ( next.length ) {
- target
- .blur()
- .attr( "tabindex", "-1" );
-
- next.addClass( "ui-btn-down-" + widget.options.theme ).find( "a" ).first().focus();
- }
-
- return false;
- break;
-
- // If enter or space is pressed, trigger click
- case 13:
- case 32:
- target.trigger( "click" );
-
- return false;
- break;
- }
- });
-
- // button refocus ensures proper height calculation
- // by removing the inline style and ensuring page inclusion
- self.menuPage.bind( "pagehide", function() {
- self.list.appendTo( self.listbox );
- self._focusButton();
-
- // TODO centralize page removal binding / handling in the page plugin.
- // Suggestion from @jblas to do refcounting
- //
- // TODO extremely confusing dependency on the open method where the pagehide.remove
- // bindings are stripped to prevent the parent page from disappearing. The way
- // we're keeping pages in the DOM right now sucks
- //
- // rebind the page remove that was unbound in the open function
- // to allow for the parent page removal from actions other than the use
- // of a dialog sized custom select
- //
- // doing this here provides for the back button on the custom select dialog
- $.mobile._bindPageRemove.call( self.thisPage );
- });
-
- // Events on "screen" overlay
- self.screen.bind( "vclick", function( event ) {
- self.close();
- });
-
- // Close button on small overlays
- if( self.isMultiple ){
- self.headerClose.click( function() {
- if ( self.menuType == "overlay" ) {
- self.close();
- return false;
- }
- });
- }
-
- // track this dependency so that when the parent page
- // is removed on pagehide it will also remove the menupage
- self.thisPage.addDependents( this.menuPage );
- },
-
- _isRebuildRequired: function() {
- var list = this.list.find( "li" ),
- options = this._selectOptions();
-
- // TODO exceedingly naive method to determine difference
- // ignores value changes etc in favor of a forcedRebuild
- // from the user in the refresh method
- return options.text() !== list.text();
- },
-
- refresh: function( forceRebuild , foo ){
- var self = this,
- select = this.element,
- isMultiple = this.isMultiple,
- options = this._selectOptions(),
- selected = this.selected(),
- // return an array of all selected index's
- indicies = this.selectedIndices();
-
- if ( forceRebuild || this._isRebuildRequired() ) {
- self._buildList();
- }
-
- self.setButtonText();
- self.setButtonCount();
-
- self.list.find( "li:not(.ui-li-divider)" )
- .removeClass( $.mobile.activeBtnClass )
- .attr( "aria-selected", false )
- .each(function( i ) {
-
- if ( $.inArray( i, indicies ) > -1 ) {
- var item = $( this );
-
- // Aria selected attr
- item.attr( "aria-selected", true );
-
- // Multiple selects: add the "on" checkbox state to the icon
- if ( self.isMultiple ) {
- item.find( ".ui-icon" ).removeClass( "ui-icon-checkbox-off" ).addClass( "ui-icon-checkbox-on" );
- } else {
- if( item.is( ".ui-selectmenu-placeholder" ) ) {
- item.next().addClass( $.mobile.activeBtnClass );
- } else {
- item.addClass( $.mobile.activeBtnClass );
- }
- }
- }
- });
- },
-
- close: function() {
- if ( this.options.disabled || !this.isOpen ) {
- return;
- }
-
- var self = this;
-
- if ( self.menuType == "page" ) {
- // doesn't solve the possible issue with calling change page
- // where the objects don't define data urls which prevents dialog key
- // stripping - changePage has incoming refactor
- window.history.back();
- } else {
- self.screen.addClass( "ui-screen-hidden" );
- self.listbox.addClass( "ui-selectmenu-hidden" ).removeAttr( "style" ).removeClass( "in" );
- self.list.appendTo( self.listbox );
- self._focusButton();
- }
-
- // allow the dialog to be closed again
- self.isOpen = false;
- },
-
- open: function() {
- if ( this.options.disabled ) {
- return;
- }
-
- var self = this,
- $window = $( window ),
- selfListParent = self.list.parent(),
- menuHeight = selfListParent.outerHeight(),
- menuWidth = selfListParent.outerWidth(),
- activePage = $( ".ui-page-active" ),
- tScrollElem = activePage,
- scrollTop = $window.scrollTop(),
- btnOffset = self.button.offset().top,
- screenHeight = $window.height(),
- screenWidth = $window.width();
-
- //add active class to button
- self.button.addClass( $.mobile.activeBtnClass );
-
- //remove after delay
- setTimeout( function() {
- self.button.removeClass( $.mobile.activeBtnClass );
- }, 300);
-
- function focusMenuItem() {
- self.list.find( "." + $.mobile.activeBtnClass + " a" ).focus();
- }
-
- if ( menuHeight > screenHeight - 80 || !$.support.scrollTop ) {
-
- self.menuPage.appendTo( $.mobile.pageContainer ).page();
- self.menuPageContent = menuPage.find( ".ui-content" );
- self.menuPageClose = menuPage.find( ".ui-header a" );
-
- // prevent the parent page from being removed from the DOM,
- // otherwise the results of selecting a list item in the dialog
- // fall into a black hole
- self.thisPage.unbind( "pagehide.remove" );
-
- //for WebOS/Opera Mini (set lastscroll using button offset)
- if ( scrollTop == 0 && btnOffset > screenHeight ) {
- self.thisPage.one( "pagehide", function() {
- $( this ).jqmData( "lastScroll", btnOffset );
- });
- }
-
- self.menuPage.one( "pageshow", function() {
- focusMenuItem();
- self.isOpen = true;
- });
-
- self.menuType = "page";
- self.menuPageContent.append( self.list );
- self.menuPage.find("div .ui-title").text(self.label.text());
- $.mobile.changePage( self.menuPage, {
- transition: $.mobile.defaultDialogTransition
- });
- } else {
- self.menuType = "overlay";
-
- self.screen.height( $(document).height() )
- .removeClass( "ui-screen-hidden" );
-
- // Try and center the overlay over the button
- var roomtop = btnOffset - scrollTop,
- roombot = scrollTop + screenHeight - btnOffset,
- halfheight = menuHeight / 2,
- maxwidth = parseFloat( self.list.parent().css( "max-width" ) ),
- newtop, newleft;
-
- if ( roomtop > menuHeight / 2 && roombot > menuHeight / 2 ) {
- newtop = btnOffset + ( self.button.outerHeight() / 2 ) - halfheight;
- } else {
- // 30px tolerance off the edges
- newtop = roomtop > roombot ? scrollTop + screenHeight - menuHeight - 30 : scrollTop + 30;
- }
-
- // If the menuwidth is smaller than the screen center is
- if ( menuWidth < maxwidth ) {
- newleft = ( screenWidth - menuWidth ) / 2;
- } else {
-
- //otherwise insure a >= 30px offset from the left
- newleft = self.button.offset().left + self.button.outerWidth() / 2 - menuWidth / 2;
-
- // 30px tolerance off the edges
- if ( newleft < 30 ) {
- newleft = 30;
- } else if ( (newleft + menuWidth) > screenWidth ) {
- newleft = screenWidth - menuWidth - 30;
- }
- }
-
- self.listbox.append( self.list )
- .removeClass( "ui-selectmenu-hidden" )
- .css({
- top: newtop,
- left: newleft
- })
- .addClass( "in" );
-
- focusMenuItem();
-
- // duplicate with value set in page show for dialog sized selects
- self.isOpen = true;
- }
- },
-
- _buildList: function() {
- var self = this,
- o = this.options,
- placeholder = this.placeholder,
- needPlaceholder = true,
- optgroups = [],
- lis = [],
- dataIcon = self.isMultiple ? "checkbox-off" : "false";
-
- self.list.empty().filter( ".ui-listview" ).listview( "destroy" );
-
- var $options = self.select.find("option"),
- numOptions = $options.length,
- select = this.select[ 0 ],
- dataPrefix = 'data-' + $.mobile.ns,
- dataIndexAttr = dataPrefix + 'option-index',
- dataIconAttr = dataPrefix + 'icon',
- dataRoleAttr = dataPrefix + 'role',
- fragment = document.createDocumentFragment(),
- optGroup;
-
- for (var i = 0; i < numOptions;i++){
- var option = $options[i],
- $option = $(option),
- parent = option.parentNode,
- text = $option.text(),
- anchor = document.createElement('a'),
- classes = [];
-
- anchor.setAttribute('href','#');
- anchor.appendChild(document.createTextNode(text));
-
- // Are we inside an optgroup?
- if (parent !== select && parent.nodeName.toLowerCase() === "optgroup"){
- var optLabel = parent.getAttribute('label');
- if ( optLabel != optGroup) {
- var divider = document.createElement('li');
- divider.setAttribute(dataRoleAttr,'list-divider');
- divider.setAttribute('role','option');
- divider.setAttribute('tabindex','-1');
- divider.appendChild(document.createTextNode(optLabel));
- fragment.appendChild(divider);
- optGroup = optLabel;
- }
- }
-
- if (needPlaceholder && (!option.getAttribute( "value" ) || text.length == 0 || $option.jqmData( "placeholder" ))) {
- needPlaceholder = false;
- if ( o.hidePlaceholderMenuItems ) {
- classes.push( "ui-selectmenu-placeholder" );
- }
- if (!placeholder) {
- placeholder = self.placeholder = text;
- }
- }
-
- var item = document.createElement('li');
- if ( option.disabled ) {
- classes.push( "ui-disabled" );
- item.setAttribute('aria-disabled',true);
- }
- item.setAttribute(dataIndexAttr,i);
- item.setAttribute(dataIconAttr,dataIcon);
- item.className = classes.join(" ");
- item.setAttribute('role','option');
- anchor.setAttribute('tabindex','-1');
- item.appendChild(anchor);
- fragment.appendChild(item);
- }
-
- self.list[0].appendChild(fragment);
-
- // Hide header if it's not a multiselect and there's no placeholder
- if ( !this.isMultiple && !placeholder.length ) {
- this.header.hide();
- } else {
- this.headerTitle.text( this.placeholder );
- }
-
- // Now populated, create listview
- self.list.listview();
- },
-
- _button: function(){
- return $( "<a>", {
- "href": "#",
- "role": "button",
- // TODO value is undefined at creation
- "id": this.buttonId,
- "aria-haspopup": "true",
-
- // TODO value is undefined at creation
- "aria-owns": this.menuId
- });
- }
- });
- };
-
- // issue #3894 - core doesn't triggered events on disabled delegates
- $( document ).bind( "selectmenubeforecreate", function( event ){
- var selectmenuWidget = $( event.target ).data( "selectmenu" );
-
- if( !selectmenuWidget.options.nativeMenu ){
- extendSelect( selectmenuWidget );
- }
- });
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Consistent styling for native select menus. Tapping opens a native select menu.
-//>>label: Selects
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.forms.select.css
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup", "./jquery.mobile.zoom" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.selectmenu", $.mobile.widget, {
- options: {
- theme: null,
- disabled: false,
- icon: "arrow-d",
- iconpos: "right",
- inline: false,
- corners: true,
- shadow: true,
- iconshadow: true,
- overlayTheme: "a",
- hidePlaceholderMenuItems: true,
- closeText: "Close",
- nativeMenu: true,
- // This option defaults to true on iOS devices.
- preventFocusZoom: /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1,
- initSelector: "select:not(:jqmData(role='slider'))",
- mini: false
- },
-
- _button: function(){
- return $( "<div/>" );
- },
-
- _setDisabled: function( value ) {
- this.element.attr( "disabled", value );
- this.button.attr( "aria-disabled", value );
- return this._setOption( "disabled", value );
- },
-
- _focusButton : function() {
- var self = this;
-
- setTimeout( function() {
- self.button.focus();
- }, 40);
- },
-
- _selectOptions: function() {
- return this.select.find( "option" );
- },
-
- // setup items that are generally necessary for select menu extension
- _preExtension: function(){
- var classes = "";
- // TODO: Post 1.1--once we have time to test thoroughly--any classes manually applied to the original element should be carried over to the enhanced element, with an `-enhanced` suffix. See https://github.com/jquery/jquery-mobile/issues/3577
- /* if( $el[0].className.length ) {
- classes = $el[0].className;
- } */
- if( !!~this.element[0].className.indexOf( "ui-btn-left" ) ) {
- classes = " ui-btn-left";
- }
-
- if( !!~this.element[0].className.indexOf( "ui-btn-right" ) ) {
- classes = " ui-btn-right";
- }
-
- this.select = this.element.wrap( "<div class='ui-select" + classes + "'>" );
- this.selectID = this.select.attr( "id" );
- this.label = $( "label[for='"+ this.selectID +"']" ).addClass( "ui-select" );
- this.isMultiple = this.select[ 0 ].multiple;
- if ( !this.options.theme ) {
- this.options.theme = $.mobile.getInheritedTheme( this.select, "c" );
- }
- },
-
- _create: function() {
- this._preExtension();
-
- // Allows for extension of the native select for custom selects and other plugins
- // see select.custom for example extension
- // TODO explore plugin registration
- this._trigger( "beforeCreate" );
-
- this.button = this._button();
-
- var self = this,
-
- options = this.options,
-
- // IE throws an exception at options.item() function when
- // there is no selected item
- // select first in this case
- selectedIndex = this.select[ 0 ].selectedIndex == -1 ? 0 : this.select[ 0 ].selectedIndex,
-
- // TODO values buttonId and menuId are undefined here
- button = this.button
- .text( $( this.select[ 0 ].options.item( selectedIndex ) ).text() )
- .insertBefore( this.select )
- .buttonMarkup( {
- theme: options.theme,
- icon: options.icon,
- iconpos: options.iconpos,
- inline: options.inline,
- corners: options.corners,
- shadow: options.shadow,
- iconshadow: options.iconshadow,
- mini: options.mini
- });
-
- // Opera does not properly support opacity on select elements
- // In Mini, it hides the element, but not its text
- // On the desktop,it seems to do the opposite
- // for these reasons, using the nativeMenu option results in a full native select in Opera
- if ( options.nativeMenu && window.opera && window.opera.version ) {
- this.select.addClass( "ui-select-nativeonly" );
- }
-
- // Add counter for multi selects
- if ( this.isMultiple ) {
- this.buttonCount = $( "<span>" )
- .addClass( "ui-li-count ui-btn-up-c ui-btn-corner-all" )
- .hide()
- .appendTo( button.addClass('ui-li-has-count') );
- }
-
- // Disable if specified
- if ( options.disabled || this.element.attr('disabled')) {
- this.disable();
- }
-
- // Events on native select
- this.select.change( function() {
- self.refresh();
- });
-
- this.build();
- },
-
- build: function() {
- var self = this;
-
- this.select
- .appendTo( self.button )
- .bind( "vmousedown", function() {
- // Add active class to button
- self.button.addClass( $.mobile.activeBtnClass );
- })
- .bind( "focus", function() {
- self.button.addClass( $.mobile.focusClass );
- })
- .bind( "blur", function() {
- self.button.removeClass( $.mobile.focusClass );
- })
- .bind( "focus vmouseover", function() {
- self.button.trigger( "vmouseover" );
- })
- .bind( "vmousemove", function() {
- // Remove active class on scroll/touchmove
- self.button.removeClass( $.mobile.activeBtnClass );
- })
- .bind( "change blur vmouseout", function() {
- self.button.trigger( "vmouseout" )
- .removeClass( $.mobile.activeBtnClass );
- })
- .bind( "change blur", function() {
- self.button.removeClass( "ui-btn-down-" + self.options.theme );
- });
-
- // In many situations, iOS will zoom into the select upon tap, this prevents that from happening
- self.button.bind( "vmousedown", function() {
- if( self.options.preventFocusZoom ){
- $.mobile.zoom.disable( true );
- }
- })
- .bind( "mouseup", function() {
- if( self.options.preventFocusZoom ){
- $.mobile.zoom.enable( true );
- }
- });
- },
-
- selected: function() {
- return this._selectOptions().filter( ":selected" );
- },
-
- selectedIndices: function() {
- var self = this;
-
- return this.selected().map( function() {
- return self._selectOptions().index( this );
- }).get();
- },
-
- setButtonText: function() {
- var self = this, selected = this.selected();
-
- this.button.find( ".ui-btn-text" ).text( function() {
- if ( !self.isMultiple ) {
- return selected.text();
- }
-
- return selected.length ? selected.map( function() {
- return $( this ).text();
- }).get().join( ", " ) : self.placeholder;
- });
- },
-
- setButtonCount: function() {
- var selected = this.selected();
-
- // multiple count inside button
- if ( this.isMultiple ) {
- this.buttonCount[ selected.length > 1 ? "show" : "hide" ]().text( selected.length );
- }
- },
-
- refresh: function() {
- this.setButtonText();
- this.setButtonCount();
- },
-
- // open and close preserved in native selects
- // to simplify users code when looping over selects
- open: $.noop,
- close: $.noop,
-
- disable: function() {
- this._setDisabled( true );
- this.button.addClass( "ui-disabled" );
- },
-
- enable: function() {
- this._setDisabled( false );
- this.button.removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.selectmenu.prototype.enhanceWithin( e.target, true );
-});
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Slider form widget
-//>>label: Slider
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.forms.slider.css
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.widget", "./jquery.mobile.forms.textinput", "./jquery.mobile.buttonMarkup" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $, undefined ) {
-
-$.widget( "mobile.slider", $.mobile.widget, {
- options: {
- theme: null,
- trackTheme: null,
- disabled: false,
- initSelector: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')",
- mini: false
- },
-
- _create: function() {
-
- // TODO: Each of these should have comments explain what they're for
- var self = this,
-
- control = this.element,
-
- parentTheme = $.mobile.getInheritedTheme( control, "c" ),
-
- theme = this.options.theme || parentTheme,
-
- trackTheme = this.options.trackTheme || parentTheme,
-
- cType = control[ 0 ].nodeName.toLowerCase(),
-
- selectClass = ( cType == "select" ) ? "ui-slider-switch" : "",
-
- controlID = control.attr( "id" ),
-
- labelID = controlID + "-label",
-
- label = $( "[for='"+ controlID +"']" ).attr( "id", labelID ),
-
- val = function() {
- return cType == "input" ? parseFloat( control.val() ) : control[0].selectedIndex;
- },
-
- min = cType == "input" ? parseFloat( control.attr( "min" ) ) : 0,
-
- max = cType == "input" ? parseFloat( control.attr( "max" ) ) : control.find( "option" ).length-1,
-
- step = window.parseFloat( control.attr( "step" ) || 1 ),
-
- inlineClass = ( this.options.inline || control.jqmData("inline") == true ) ? " ui-slider-inline" : "",
-
- miniClass = ( this.options.mini || control.jqmData("mini") ) ? " ui-slider-mini" : "",
-
-
- domHandle = document.createElement('a'),
- handle = $( domHandle ),
- domSlider = document.createElement('div'),
- slider = $( domSlider ),
-
- valuebg = control.jqmData("highlight") && cType != "select" ? (function() {
- var bg = document.createElement('div');
- bg.className = 'ui-slider-bg ui-btn-active ui-btn-corner-all';
- return $( bg ).prependTo( slider );
- })() : false,
-
- options;
-
- domHandle.setAttribute( 'href', "#" );
- domSlider.setAttribute('role','application');
- domSlider.className = ['ui-slider ',selectClass," ui-btn-down-",trackTheme,' ui-btn-corner-all', inlineClass, miniClass].join("");
- domHandle.className = 'ui-slider-handle';
- domSlider.appendChild(domHandle);
-
- handle.buttonMarkup({ corners: true, theme: theme, shadow: true })
- .attr({
- "role": "slider",
- "aria-valuemin": min,
- "aria-valuemax": max,
- "aria-valuenow": val(),
- "aria-valuetext": val(),
- "title": val(),
- "aria-labelledby": labelID
- });
-
- $.extend( this, {
- slider: slider,
- handle: handle,
- valuebg: valuebg,
- dragging: false,
- beforeStart: null,
- userModified: false,
- mouseMoved: false
- });
-
- if ( cType == "select" ) {
- var wrapper = document.createElement('div');
- wrapper.className = 'ui-slider-inneroffset';
-
- for(var j = 0,length = domSlider.childNodes.length;j < length;j++){
- wrapper.appendChild(domSlider.childNodes[j]);
- }
-
- domSlider.appendChild(wrapper);
-
- // slider.wrapInner( "<div class='ui-slider-inneroffset'></div>" );
-
- // make the handle move with a smooth transition
- handle.addClass( "ui-slider-handle-snapping" );
-
- options = control.find( "option" );
-
- for(var i = 0, optionsCount = options.length; i < optionsCount; i++){
- var side = !i ? "b":"a",
- sliderTheme = !i ? " ui-btn-down-" + trackTheme :( " " + $.mobile.activeBtnClass ),
- sliderLabel = document.createElement('div'),
- sliderImg = document.createElement('span');
-
- sliderImg.className = ['ui-slider-label ui-slider-label-',side,sliderTheme," ui-btn-corner-all"].join("");
- sliderImg.setAttribute('role','img');
- sliderImg.appendChild(document.createTextNode(options[i].innerHTML));
- $(sliderImg).prependTo( slider );
- }
-
- self._labels = $( ".ui-slider-label", slider );
-
- }
-
- label.addClass( "ui-slider" );
-
- // monitor the input for updated values
- control.addClass( cType === "input" ? "ui-slider-input" : "ui-slider-switch" )
- .change( function() {
- // if the user dragged the handle, the "change" event was triggered from inside refresh(); don't call refresh() again
- if (!self.mouseMoved) {
- self.refresh( val(), true );
- }
- })
- .keyup( function() { // necessary?
- self.refresh( val(), true, true );
- })
- .blur( function() {
- self.refresh( val(), true );
- });
-
- // prevent screen drag when slider activated
- $( document ).bind( "vmousemove", function( event ) {
- if ( self.dragging ) {
- // self.mouseMoved must be updated before refresh() because it will be used in the control "change" event
- self.mouseMoved = true;
-
- if ( cType === "select" ) {
- // make the handle move in sync with the mouse
- handle.removeClass( "ui-slider-handle-snapping" );
- }
-
- self.refresh( event );
-
- // only after refresh() you can calculate self.userModified
- self.userModified = self.beforeStart !== control[0].selectedIndex;
- return false;
- }
- });
-
- slider.bind( "vmousedown", function( event ) {
- self.dragging = true;
- self.userModified = false;
- self.mouseMoved = false;
-
- if ( cType === "select" ) {
- self.beforeStart = control[0].selectedIndex;
- }
-
- self.refresh( event );
- return false;
- })
- .bind( "vclick", false );
-
- slider.add( document )
- .bind( "vmouseup", function() {
- if ( self.dragging ) {
-
- self.dragging = false;
-
- if ( cType === "select") {
-
- // make the handle move with a smooth transition
- handle.addClass( "ui-slider-handle-snapping" );
-
- if ( self.mouseMoved ) {
-
- // this is a drag, change the value only if user dragged enough
- if ( self.userModified ) {
- self.refresh( self.beforeStart == 0 ? 1 : 0 );
- }
- else {
- self.refresh( self.beforeStart );
- }
-
- }
- else {
- // this is just a click, change the value
- self.refresh( self.beforeStart == 0 ? 1 : 0 );
- }
-
- }
-
- self.mouseMoved = false;
-
- return false;
- }
- });
-
- slider.insertAfter( control );
-
- // Only add focus class to toggle switch, sliders get it automatically from ui-btn
- if( cType == 'select' ) {
- this.handle.bind({
- focus: function() {
- slider.addClass( $.mobile.focusClass );
- },
-
- blur: function() {
- slider.removeClass( $.mobile.focusClass );
- }
- });
- }
-
- this.handle.bind({
- // NOTE force focus on handle
- vmousedown: function() {
- $( this ).focus();
- },
-
- vclick: false,
-
- keydown: function( event ) {
- var index = val();
-
- if ( self.options.disabled ) {
- return;
- }
-
- // In all cases prevent the default and mark the handle as active
- switch ( event.keyCode ) {
- case $.mobile.keyCode.HOME:
- case $.mobile.keyCode.END:
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- event.preventDefault();
-
- if ( !self._keySliding ) {
- self._keySliding = true;
- $( this ).addClass( "ui-state-active" );
- }
- break;
- }
-
- // move the slider according to the keypress
- switch ( event.keyCode ) {
- case $.mobile.keyCode.HOME:
- self.refresh( min );
- break;
- case $.mobile.keyCode.END:
- self.refresh( max );
- break;
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- self.refresh( index + step );
- break;
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- self.refresh( index - step );
- break;
- }
- }, // remove active mark
-
- keyup: function( event ) {
- if ( self._keySliding ) {
- self._keySliding = false;
- $( this ).removeClass( "ui-state-active" );
- }
- }
- });
-
- this.refresh(undefined, undefined, true);
- },
-
- refresh: function( val, isfromControl, preventInputUpdate ) {
-
- if ( this.options.disabled || this.element.attr('disabled')) {
- this.disable();
- }
-
- var control = this.element, percent,
- cType = control[0].nodeName.toLowerCase(),
- min = cType === "input" ? parseFloat( control.attr( "min" ) ) : 0,
- max = cType === "input" ? parseFloat( control.attr( "max" ) ) : control.find( "option" ).length - 1,
- step = (cType === "input" && parseFloat( control.attr( "step" ) ) > 0) ? parseFloat(control.attr("step")) : 1;
-
- if ( typeof val === "object" ) {
- var data = val,
- // a slight tolerance helped get to the ends of the slider
- tol = 8;
- if ( !this.dragging ||
- data.pageX < this.slider.offset().left - tol ||
- data.pageX > this.slider.offset().left + this.slider.width() + tol ) {
- return;
- }
- percent = Math.round( ( ( data.pageX - this.slider.offset().left ) / this.slider.width() ) * 100 );
- } else {
- if ( val == null ) {
- val = cType === "input" ? parseFloat( control.val() || 0 ) : control[0].selectedIndex;
- }
- percent = ( parseFloat( val ) - min ) / ( max - min ) * 100;
- }
-
- if ( isNaN( percent ) ) {
- return;
- }
-
- if ( percent < 0 ) {
- percent = 0;
- }
-
- if ( percent > 100 ) {
- percent = 100;
- }
-
- var newval = ( percent / 100 ) * ( max - min ) + min;
-
- //from jQuery UI slider, the following source will round to the nearest step
- var valModStep = ( newval - min ) % step;
- var alignValue = newval - valModStep;
-
- if ( Math.abs( valModStep ) * 2 >= step ) {
- alignValue += ( valModStep > 0 ) ? step : ( -step );
- }
- // Since JavaScript has problems with large floats, round
- // the final value to 5 digits after the decimal point (see jQueryUI: #4124)
- newval = parseFloat( alignValue.toFixed(5) );
-
- if ( newval < min ) {
- newval = min;
- }
-
- if ( newval > max ) {
- newval = max;
- }
-
- this.handle.css( "left", percent + "%" );
- this.handle.attr( {
- "aria-valuenow": cType === "input" ? newval : control.find( "option" ).eq( newval ).attr( "value" ),
- "aria-valuetext": cType === "input" ? newval : control.find( "option" ).eq( newval ).getEncodedText(),
- title: cType === "input" ? newval : control.find( "option" ).eq( newval ).getEncodedText()
- });
- this.valuebg && this.valuebg.css( "width", percent + "%" );
-
- // drag the label widths
- if ( this._labels ) {
- var handlePercent = this.handle.width() / this.slider.width() * 100,
- aPercent = percent && handlePercent + ( 100 - handlePercent ) * percent / 100,
- bPercent = percent === 100 ? 0 : Math.min( handlePercent + 100 - aPercent, 100 );
-
- this._labels.each(function(){
- var ab = $(this).is( ".ui-slider-label-a" );
- $( this ).width( ( ab ? aPercent : bPercent ) + "%" );
- });
- }
-
- if ( !preventInputUpdate ) {
- var valueChanged = false;
-
- // update control"s value
- if ( cType === "input" ) {
- valueChanged = control.val() !== newval;
- control.val( newval );
- } else {
- valueChanged = control[ 0 ].selectedIndex !== newval;
- control[ 0 ].selectedIndex = newval;
- }
- if ( !isfromControl && valueChanged ) {
- control.trigger( "change" );
- }
- }
- },
-
- enable: function() {
- this.element.attr( "disabled", false );
- this.slider.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
- return this._setOption( "disabled", false );
- },
-
- disable: function() {
- this.element.attr( "disabled", true );
- this.slider.addClass( "ui-disabled" ).attr( "aria-disabled", true );
- return this._setOption( "disabled", true );
- }
-
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.slider.prototype.enhanceWithin( e.target, true );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Enhances and consistently styles text inputs.
-//>>label: Text Inputs & Textareas
-//>>group: Forms
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.forms.textinput.css
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.widget", "./jquery.mobile.degradeInputs", "./jquery.mobile.buttonMarkup", "./jquery.mobile.zoom" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.textinput", $.mobile.widget, {
- options: {
- theme: null,
- // This option defaults to true on iOS devices.
- preventFocusZoom: /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1,
- initSelector: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input[type='time'], input[type='date'], input[type='month'], input[type='week'], input[type='datetime'], input[type='datetime-local'], input[type='color'], input:not([type])",
- clearSearchButtonText: "clear text"
- },
-
- _create: function() {
-
- var input = this.element,
- o = this.options,
- theme = o.theme || $.mobile.getInheritedTheme( this.element, "c" ),
- themeclass = " ui-body-" + theme,
- mini = input.jqmData("mini") == true,
- miniclass = mini ? " ui-mini" : "",
- focusedEl, clearbtn;
-
- $( "label[for='" + input.attr( "id" ) + "']" ).addClass( "ui-input-text" );
-
- focusedEl = input.addClass("ui-input-text ui-body-"+ theme );
-
- // XXX: Temporary workaround for issue 785 (Apple bug 8910589).
- // Turn off autocorrect and autocomplete on non-iOS 5 devices
- // since the popup they use can't be dismissed by the user. Note
- // that we test for the presence of the feature by looking for
- // the autocorrect property on the input element. We currently
- // have no test for iOS 5 or newer so we're temporarily using
- // the touchOverflow support flag for jQM 1.0. Yes, I feel dirty. - jblas
- if ( typeof input[0].autocorrect !== "undefined" && !$.support.touchOverflow ) {
- // Set the attribute instead of the property just in case there
- // is code that attempts to make modifications via HTML.
- input[0].setAttribute( "autocorrect", "off" );
- input[0].setAttribute( "autocomplete", "off" );
- }
-
-
- //"search" input widget
- if ( input.is( "[type='search'],:jqmData(type='search')" ) ) {
-
- focusedEl = input.wrap( "<div class='ui-input-search ui-shadow-inset ui-btn-corner-all ui-btn-shadow ui-icon-searchfield" + themeclass + miniclass + "'></div>" ).parent();
- clearbtn = $( "<a href='#' class='ui-input-clear' title='" + o.clearSearchButtonText + "'>" + o.clearSearchButtonText + "</a>" )
- .bind('click', function( event ) {
- input
- .val( "" )
- .focus()
- .trigger( "change" );
- clearbtn.addClass( "ui-input-clear-hidden" );
- event.preventDefault();
- })
- .appendTo( focusedEl )
- .buttonMarkup({
- icon: "delete",
- iconpos: "notext",
- corners: true,
- shadow: true,
- mini: mini
- });
-
- function toggleClear() {
- setTimeout(function() {
- clearbtn.toggleClass( "ui-input-clear-hidden", !input.val() );
- }, 0);
- }
-
- toggleClear();
-
- input.bind('paste cut keyup focus change blur', toggleClear);
-
- } else {
- input.addClass( "ui-corner-all ui-shadow-inset" + themeclass + miniclass );
- }
-
- input.focus(function() {
- focusedEl.addClass( $.mobile.focusClass );
- })
- .blur(function(){
- focusedEl.removeClass( $.mobile.focusClass );
- })
- // In many situations, iOS will zoom into the select upon tap, this prevents that from happening
- .bind( "focus", function() {
- if( o.preventFocusZoom ){
- $.mobile.zoom.disable( true );
- }
- })
- .bind( "blur", function() {
- if( o.preventFocusZoom ){
- $.mobile.zoom.enable( true );
- }
- });
-
- // Autogrow
- if ( input.is( "textarea" ) ) {
- var extraLineHeight = 15,
- keyupTimeoutBuffer = 100,
- keyup = function() {
- var scrollHeight = input[ 0 ].scrollHeight,
- clientHeight = input[ 0 ].clientHeight;
-
- if ( clientHeight < scrollHeight ) {
- input.height(scrollHeight + extraLineHeight);
- }
- },
- keyupTimeout;
-
- input.keyup(function() {
- clearTimeout( keyupTimeout );
- keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer );
- });
-
- // binding to pagechange here ensures that for pages loaded via
- // ajax the height is recalculated without user input
- $( document ).one( "pagechange", keyup );
-
- // Issue 509: the browser is not providing scrollHeight properly until the styles load
- if ( $.trim( input.val() ) ) {
- // bind to the window load to make sure the height is calculated based on BOTH
- // the DOM and CSS
- $( window ).load( keyup );
- }
- }
- },
-
- disable: function(){
- ( this.element.attr( "disabled", true ).is( "[type='search'],:jqmData(type='search')" ) ?
- this.element.parent() : this.element ).addClass( "ui-disabled" );
- },
-
- enable: function(){
- ( this.element.attr( "disabled", false).is( "[type='search'],:jqmData(type='search')" ) ?
- this.element.parent() : this.element ).removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.textinput.prototype.enhanceWithin( e.target, true );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Applies classes for creating grid or column styling.
-//>>label: Grid Layouts (Columns)
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.grid.css
-
-define( [ "jquery" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.fn.grid = function( options ) {
- return this.each(function() {
-
- var $this = $( this ),
- o = $.extend({
- grid: null
- },options),
- $kids = $this.children(),
- gridCols = {solo:1, a:2, b:3, c:4, d:5},
- grid = o.grid,
- iterator;
-
- if ( !grid ) {
- if ( $kids.length <= 5 ) {
- for ( var letter in gridCols ) {
- if ( gridCols[ letter ] === $kids.length ) {
- grid = letter;
- }
- }
- } else {
- grid = "a";
- }
- }
- iterator = gridCols[grid];
-
- $this.addClass( "ui-grid-" + grid );
-
- $kids.filter( ":nth-child(" + iterator + "n+1)" ).addClass( "ui-block-a" );
-
- if ( iterator > 1 ) {
- $kids.filter( ":nth-child(" + iterator + "n+2)" ).addClass( "ui-block-b" );
- }
- if ( iterator > 2 ) {
- $kids.filter( ":nth-child(3n+3)" ).addClass( "ui-block-c" );
- }
- if ( iterator > 3 ) {
- $kids.filter( ":nth-child(4n+4)" ).addClass( "ui-block-d" );
- }
- if ( iterator > 4 ) {
- $kids.filter( ":nth-child(5n+5)" ).addClass( "ui-block-e" );
- }
- });
-};
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Hashchange event management for AJAX navigation system
-//>>label: Hashchange
-//>>group: Navigation
-//>>excludeEnd("jqmBuildExclude");
-
-
-// Script: jQuery hashchange event
-//
-// *Version: 1.3, Last updated: 7/21/2010*
-//
-// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/
-// GitHub - http://github.com/cowboy/jquery-hashchange/
-// Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js
-// (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped)
-//
-// About: License
-//
-// Copyright (c) 2010 "Cowboy" Ben Alman,
-// Dual licensed under the MIT and GPL licenses.
-// http://benalman.com/about/license/
-//
-// About: Examples
-//
-// These working examples, complete with fully commented code, illustrate a few
-// ways in which this plugin can be used.
-//
-// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/
-// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/
-//
-// About: Support and Testing
-//
-// Information about what version or versions of jQuery this plugin has been
-// tested with, what browsers it has been tested in, and where the unit tests
-// reside (so you can test it yourself).
-//
-// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2
-// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5,
-// Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5.
-// Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/
-//
-// About: Known issues
-//
-// While this jQuery hashchange event implementation is quite stable and
-// robust, there are a few unfortunate browser bugs surrounding expected
-// hashchange event-based behaviors, independent of any JavaScript
-// window.onhashchange abstraction. See the following examples for more
-// information:
-//
-// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/
-// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/
-// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/
-// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/
-//
-// Also note that should a browser natively support the window.onhashchange
-// event, but not report that it does, the fallback polling loop will be used.
-//
-// About: Release History
-//
-// 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more
-// "removable" for mobile-only development. Added IE6/7 document.title
-// support. Attempted to make Iframe as hidden as possible by using
-// techniques from http://www.paciellogroup.com/blog/?p=604. Added
-// support for the "shortcut" format $(window).hashchange( fn ) and
-// $(window).hashchange() like jQuery provides for built-in events.
-// Renamed jQuery.hashchangeDelay to <jQuery.fn.hashchange.delay> and
-// lowered its default value to 50. Added <jQuery.fn.hashchange.domain>
-// and <jQuery.fn.hashchange.src> properties plus document-domain.html
-// file to address access denied issues when setting document.domain in
-// IE6/7.
-// 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin
-// from a page on another domain would cause an error in Safari 4. Also,
-// IE6/7 Iframe is now inserted after the body (this actually works),
-// which prevents the page from scrolling when the event is first bound.
-// Event can also now be bound before DOM ready, but it won't be usable
-// before then in IE6/7.
-// 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug
-// where browser version is incorrectly reported as 8.0, despite
-// inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag.
-// 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special
-// window.onhashchange functionality into a separate plugin for users
-// who want just the basic event & back button support, without all the
-// extra awesomeness that BBQ provides. This plugin will be included as
-// part of jQuery BBQ, but also be available separately.
-
-(function($,window,undefined){
- // Reused string.
- var str_hashchange = 'hashchange',
-
- // Method / object references.
- doc = document,
- fake_onhashchange,
- special = $.event.special,
-
- // Does the browser support window.onhashchange? Note that IE8 running in
- // IE7 compatibility mode reports true for 'onhashchange' in window, even
- // though the event isn't supported, so also test document.documentMode.
- doc_mode = doc.documentMode,
- supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 );
-
- // Get location.hash (or what you'd expect location.hash to be) sans any
- // leading #. Thanks for making this necessary, Firefox!
- function get_fragment( url ) {
- url = url || location.href;
- return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' );
- };
-
- // Method: jQuery.fn.hashchange
- //
- // Bind a handler to the window.onhashchange event or trigger all bound
- // window.onhashchange event handlers. This behavior is consistent with
- // jQuery's built-in event handlers.
- //
- // Usage:
- //
- // > jQuery(window).hashchange( [ handler ] );
- //
- // Arguments:
- //
- // handler - (Function) Optional handler to be bound to the hashchange
- // event. This is a "shortcut" for the more verbose form:
- // jQuery(window).bind( 'hashchange', handler ). If handler is omitted,
- // all bound window.onhashchange event handlers will be triggered. This
- // is a shortcut for the more verbose
- // jQuery(window).trigger( 'hashchange' ). These forms are described in
- // the <hashchange event> section.
- //
- // Returns:
- //
- // (jQuery) The initial jQuery collection of elements.
-
- // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
- // $(elem).hashchange() for triggering, like jQuery does for built-in events.
- $.fn[ str_hashchange ] = function( fn ) {
- return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange );
- };
-
- // Property: jQuery.fn.hashchange.delay
- //
- // The numeric interval (in milliseconds) at which the <hashchange event>
- // polling loop executes. Defaults to 50.
-
- // Property: jQuery.fn.hashchange.domain
- //
- // If you're setting document.domain in your JavaScript, and you want hash
- // history to work in IE6/7, not only must this property be set, but you must
- // also set document.domain BEFORE jQuery is loaded into the page. This
- // property is only applicable if you are supporting IE6/7 (or IE8 operating
- // in "IE7 compatibility" mode).
- //
- // In addition, the <jQuery.fn.hashchange.src> property must be set to the
- // path of the included "document-domain.html" file, which can be renamed or
- // modified if necessary (note that the document.domain specified must be the
- // same in both your main JavaScript as well as in this file).
- //
- // Usage:
- //
- // jQuery.fn.hashchange.domain = document.domain;
-
- // Property: jQuery.fn.hashchange.src
- //
- // If, for some reason, you need to specify an Iframe src file (for example,
- // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can
- // do so using this property. Note that when using this property, history
- // won't be recorded in IE6/7 until the Iframe src file loads. This property
- // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7
- // compatibility" mode).
- //
- // Usage:
- //
- // jQuery.fn.hashchange.src = 'path/to/file.html';
-
- $.fn[ str_hashchange ].delay = 50;
- /*
- $.fn[ str_hashchange ].domain = null;
- $.fn[ str_hashchange ].src = null;
- */
-
- // Event: hashchange event
- //
- // Fired when location.hash changes. In browsers that support it, the native
- // HTML5 window.onhashchange event is used, otherwise a polling loop is
- // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to
- // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7
- // compatibility" mode), a hidden Iframe is created to allow the back button
- // and hash-based history to work.
- //
- // Usage as described in <jQuery.fn.hashchange>:
- //
- // > // Bind an event handler.
- // > jQuery(window).hashchange( function(e) {
- // > var hash = location.hash;
- // > ...
- // > });
- // >
- // > // Manually trigger the event handler.
- // > jQuery(window).hashchange();
- //
- // A more verbose usage that allows for event namespacing:
- //
- // > // Bind an event handler.
- // > jQuery(window).bind( 'hashchange', function(e) {
- // > var hash = location.hash;
- // > ...
- // > });
- // >
- // > // Manually trigger the event handler.
- // > jQuery(window).trigger( 'hashchange' );
- //
- // Additional Notes:
- //
- // * The polling loop and Iframe are not created until at least one handler
- // is actually bound to the 'hashchange' event.
- // * If you need the bound handler(s) to execute immediately, in cases where
- // a location.hash exists on page load, via bookmark or page refresh for
- // example, use jQuery(window).hashchange() or the more verbose
- // jQuery(window).trigger( 'hashchange' ).
- // * The event can be bound before DOM ready, but since it won't be usable
- // before then in IE6/7 (due to the necessary Iframe), recommended usage is
- // to bind it inside a DOM ready handler.
-
- // Override existing $.event.special.hashchange methods (allowing this plugin
- // to be defined after jQuery BBQ in BBQ's source code).
- special[ str_hashchange ] = $.extend( special[ str_hashchange ], {
-
- // Called only when the first 'hashchange' event is bound to window.
- setup: function() {
- // If window.onhashchange is supported natively, there's nothing to do..
- if ( supports_onhashchange ) { return false; }
-
- // Otherwise, we need to create our own. And we don't want to call this
- // until the user binds to the event, just in case they never do, since it
- // will create a polling loop and possibly even a hidden Iframe.
- $( fake_onhashchange.start );
- },
-
- // Called only when the last 'hashchange' event is unbound from window.
- teardown: function() {
- // If window.onhashchange is supported natively, there's nothing to do..
- if ( supports_onhashchange ) { return false; }
-
- // Otherwise, we need to stop ours (if possible).
- $( fake_onhashchange.stop );
- }
-
- });
-
- // fake_onhashchange does all the work of triggering the window.onhashchange
- // event for browsers that don't natively support it, including creating a
- // polling loop to watch for hash changes and in IE 6/7 creating a hidden
- // Iframe to enable back and forward.
- fake_onhashchange = (function(){
- var self = {},
- timeout_id,
-
- // Remember the initial hash so it doesn't get triggered immediately.
- last_hash = get_fragment(),
-
- fn_retval = function(val){ return val; },
- history_set = fn_retval,
- history_get = fn_retval;
-
- // Start the polling loop.
- self.start = function() {
- timeout_id || poll();
- };
-
- // Stop the polling loop.
- self.stop = function() {
- timeout_id && clearTimeout( timeout_id );
- timeout_id = undefined;
- };
-
- // This polling loop checks every $.fn.hashchange.delay milliseconds to see
- // if location.hash has changed, and triggers the 'hashchange' event on
- // window when necessary.
- function poll() {
- var hash = get_fragment(),
- history_hash = history_get( last_hash );
-
- if ( hash !== last_hash ) {
- history_set( last_hash = hash, history_hash );
-
- $(window).trigger( str_hashchange );
-
- } else if ( history_hash !== last_hash ) {
- location.href = location.href.replace( /#.*/, '' ) + history_hash;
- }
-
- timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay );
- };
-
- // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
- // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv
- // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
- $.browser.msie && !supports_onhashchange && (function(){
- // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8
- // when running in "IE7 compatibility" mode.
-
- var iframe,
- iframe_src;
-
- // When the event is bound and polling starts in IE 6/7, create a hidden
- // Iframe for history handling.
- self.start = function(){
- if ( !iframe ) {
- iframe_src = $.fn[ str_hashchange ].src;
- iframe_src = iframe_src && iframe_src + get_fragment();
-
- // Create hidden Iframe. Attempt to make Iframe as hidden as possible
- // by using techniques from http://www.paciellogroup.com/blog/?p=604.
- iframe = $('<iframe tabindex="-1" title="empty"/>').hide()
-
- // When Iframe has completely loaded, initialize the history and
- // start polling.
- .one( 'load', function(){
- iframe_src || history_set( get_fragment() );
- poll();
- })
-
- // Load Iframe src if specified, otherwise nothing.
- .attr( 'src', iframe_src || 'javascript:0' )
-
- // Append Iframe after the end of the body to prevent unnecessary
- // initial page scrolling (yes, this works).
- .insertAfter( 'body' )[0].contentWindow;
-
- // Whenever `document.title` changes, update the Iframe's title to
- // prettify the back/next history menu entries. Since IE sometimes
- // errors with "Unspecified error" the very first time this is set
- // (yes, very useful) wrap this with a try/catch block.
- doc.onpropertychange = function(){
- try {
- if ( event.propertyName === 'title' ) {
- iframe.document.title = doc.title;
- }
- } catch(e) {}
- };
-
- }
- };
-
- // Override the "stop" method since an IE6/7 Iframe was created. Even
- // if there are no longer any bound event handlers, the polling loop
- // is still necessary for back/next to work at all!
- self.stop = fn_retval;
-
- // Get history by looking at the hidden Iframe's location.hash.
- history_get = function() {
- return get_fragment( iframe.location.href );
- };
-
- // Set a new history item by opening and then closing the Iframe
- // document, *then* setting its location.hash. If document.domain has
- // been set, update that as well.
- history_set = function( hash, history_hash ) {
- var iframe_doc = iframe.document,
- domain = $.fn[ str_hashchange ].domain;
-
- if ( hash !== history_hash ) {
- // Update Iframe with any initial `document.title` that might be set.
- iframe_doc.title = doc.title;
-
- // Opening the Iframe's document after it has been closed is what
- // actually adds a history entry.
- iframe_doc.open();
-
- // Set document.domain for the Iframe document as well, if necessary.
- domain && iframe_doc.write( '<script>document.domain="' + domain + '"</script>' );
-
- iframe_doc.close();
-
- // Update the Iframe's hash, for great justice.
- iframe.location.hash = hash;
- }
- };
-
- })();
- // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^
- // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-
- return self;
- })();
-
-})(jQuery,this);
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Global initialization of the library.
-//>>label: Init
-//>>group: Core
-
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.support", "./jquery.mobile.navigation",
- "./jquery.mobile.navigation.pushstate", "../external/requirejs/depend!./jquery.mobile.hashchange[jquery]" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $, window, undefined ) {
- var $html = $( "html" ),
- $head = $( "head" ),
- $window = $( window );
-
- // trigger mobileinit event - useful hook for configuring $.mobile settings before they're used
- $( window.document ).trigger( "mobileinit" );
-
- // support conditions
- // if device support condition(s) aren't met, leave things as they are -> a basic, usable experience,
- // otherwise, proceed with the enhancements
- if ( !$.mobile.gradeA() ) {
- return;
- }
-
- // override ajaxEnabled on platforms that have known conflicts with hash history updates
- // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini)
- if ( $.mobile.ajaxBlacklist ) {
- $.mobile.ajaxEnabled = false;
- }
-
- // Add mobile, initial load "rendering" classes to docEl
- $html.addClass( "ui-mobile ui-mobile-rendering" );
-
- // This is a fallback. If anything goes wrong (JS errors, etc), or events don't fire,
- // this ensures the rendering class is removed after 5 seconds, so content is visible and accessible
- setTimeout( hideRenderingClass, 5000 );
-
- // loading div which appears during Ajax requests
- // will not appear if $.mobile.loadingMessage is false
- var loaderClass = "ui-loader",
- $loader = $( "<div class='" + loaderClass + "'><span class='ui-icon ui-icon-loading'></span><h1></h1></div>" );
-
- // For non-fixed supportin browsers. Position at y center (if scrollTop supported), above the activeBtn (if defined), or just 100px from top
- function fakeFixLoader(){
- var activeBtn = $( "." + $.mobile.activeBtnClass ).first();
-
- $loader
- .css({
- top: $.support.scrollTop && $window.scrollTop() + $window.height() / 2 ||
- activeBtn.length && activeBtn.offset().top || 100
- });
- }
-
- // check position of loader to see if it appears to be "fixed" to center
- // if not, use abs positioning
- function checkLoaderPosition(){
- var offset = $loader.offset(),
- scrollTop = $window.scrollTop(),
- screenHeight = $.mobile.getScreenHeight();
-
- if( offset.top < scrollTop || (offset.top - scrollTop) > screenHeight ) {
- $loader.addClass( "ui-loader-fakefix" );
- fakeFixLoader();
- $window
- .unbind( "scroll", checkLoaderPosition )
- .bind( "scroll", fakeFixLoader );
- }
- }
-
- //remove initial build class (only present on first pageshow)
- function hideRenderingClass(){
- $html.removeClass( "ui-mobile-rendering" );
- }
-
- $.extend($.mobile, {
- // turn on/off page loading message.
- showPageLoadingMsg: function( theme, msgText, textonly ) {
- $html.addClass( "ui-loading" );
-
- if ( $.mobile.loadingMessage ) {
- // text visibility from argument takes priority
- var textVisible = textonly || $.mobile.loadingMessageTextVisible;
-
- theme = theme || $.mobile.loadingMessageTheme,
-
- $loader
- .attr( "class", loaderClass + " ui-corner-all ui-body-" + ( theme || "a" ) + " ui-loader-" + ( textVisible ? "verbose" : "default" ) + ( textonly ? " ui-loader-textonly" : "" ) )
- .find( "h1" )
- .text( msgText || $.mobile.loadingMessage )
- .end()
- .appendTo( $.mobile.pageContainer );
-
- checkLoaderPosition();
- $window.bind( "scroll", checkLoaderPosition );
- }
- },
-
- hidePageLoadingMsg: function() {
- $html.removeClass( "ui-loading" );
-
- if( $.mobile.loadingMessage ){
- $loader.removeClass( "ui-loader-fakefix" );
- }
-
- $( window ).unbind( "scroll", fakeFixLoader );
- $( window ).unbind( "scroll", checkLoaderPosition );
- },
-
- // find and enhance the pages in the dom and transition to the first page.
- initializePage: function() {
- // find present pages
- var $pages = $( ":jqmData(role='page'), :jqmData(role='dialog')" );
-
- // if no pages are found, create one with body's inner html
- if ( !$pages.length ) {
- $pages = $( "body" ).wrapInner( "<div data-" + $.mobile.ns + "role='page'></div>" ).children( 0 );
- }
-
- // add dialogs, set data-url attrs
- $pages.each(function() {
- var $this = $(this);
-
- // unless the data url is already set set it to the pathname
- if ( !$this.jqmData("url") ) {
- $this.attr( "data-" + $.mobile.ns + "url", $this.attr( "id" ) || location.pathname + location.search );
- }
- });
-
- // define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback)
- $.mobile.firstPage = $pages.first();
-
- // define page container
- $.mobile.pageContainer = $pages.first().parent().addClass( "ui-mobile-viewport" );
-
- // alert listeners that the pagecontainer has been determined for binding
- // to events triggered on it
- $window.trigger( "pagecontainercreate" );
-
- // cue page loading message
- $.mobile.showPageLoadingMsg();
-
- //remove initial build class (only present on first pageshow)
- hideRenderingClass();
-
- // if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM
- if ( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) ) {
- $.mobile.changePage( $.mobile.firstPage, { transition: "none", reverse: true, changeHash: false, fromHashChange: true } );
- }
- // otherwise, trigger a hashchange to load a deeplink
- else {
- $window.trigger( "hashchange", [ true ] );
- }
- }
- });
-
- // initialize events now, after mobileinit has occurred
- $.mobile._registerInternalEvents();
-
- // check which scrollTop value should be used by scrolling to 1 immediately at domready
- // then check what the scroll top is. Android will report 0... others 1
- // note that this initial scroll won't hide the address bar. It's just for the check.
- $(function() {
- window.scrollTo( 0, 1 );
-
- // if defaultHomeScroll hasn't been set yet, see if scrollTop is 1
- // it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar)
- // so if it's 1, use 0 from now on
- $.mobile.defaultHomeScroll = ( !$.support.scrollTop || $(window).scrollTop() === 1 ) ? 0 : 1;
-
-
- // TODO: Implement a proper registration mechanism with dependency handling in order to not have exceptions like the one below
- //auto self-init widgets for those widgets that have a soft dependency on others
- if ( $.fn.controlgroup ) {
- $( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='controlgroup')", e.target )
- .jqmEnhanceable()
- .controlgroup({ excludeInvisible: false });
- });
- }
-
- //dom-ready inits
- if( $.mobile.autoInitializePage ){
- $.mobile.initializePage();
- }
-
- // window load event
- // hide iOS browser chrome on load
- $window.load( $.mobile.silentScroll );
- });
-}( jQuery, this ));
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>group: exclude
-
-define([
- 'require',
- './jquery.mobile.navigation',
- './jquery.mobile.navigation.pushstate',
- './jquery.mobile.transition.pop',
- './jquery.mobile.transition.slide',
- './jquery.mobile.transition.slidedown',
- './jquery.mobile.transition.slideup',
- './jquery.mobile.transition.flip',
- './jquery.mobile.transition.flow',
- './jquery.mobile.transition.turn',
- './jquery.mobile.degradeInputs',
- './jquery.mobile.dialog',
- './jquery.mobile.page.sections',
- './jquery.mobile.collapsible',
- './jquery.mobile.collapsibleSet',
- './jquery.mobile.fieldContain',
- './jquery.mobile.grid',
- './jquery.mobile.navbar',
- './jquery.mobile.listview',
- './jquery.mobile.listview.filter',
- './jquery.mobile.nojs',
- './jquery.mobile.forms.checkboxradio',
- './jquery.mobile.forms.button',
- './jquery.mobile.forms.slider',
- './jquery.mobile.forms.textinput',
- './jquery.mobile.forms.select.custom',
- './jquery.mobile.forms.select',
- './jquery.mobile.buttonMarkup',
- './jquery.mobile.controlGroup',
- './jquery.mobile.links',
- './jquery.mobile.fixedToolbar',
- './jquery.mobile.zoom',
- './jquery.mobile.zoom.iosorientationfix'
-], function( require ) {
- require( [ './jquery.mobile.init' ], function() {} );
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Adds classes to links.
-//>>label: Link Classes
-//>>group: Utilities
-
-
-define( [ "jquery" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$( document ).bind( "pagecreate create", function( e ){
-
- //links within content areas, tests included with page
- $( e.target )
- .find( "a" )
- .jqmEnhanceable()
- .not( ".ui-btn, .ui-link-inherit, :jqmData(role='none'), :jqmData(role='nojs')" )
- .addClass( "ui-link" );
-
-});
-
-})( jQuery );
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Extends the listview to add a search box to filter lists
-//>>label: Listview: Filter
-//>>group: Widgets
-
-
-define( [ "jquery", "./jquery.mobile.listview", "./jquery.mobile.forms.textinput" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.mobile.listview.prototype.options.filter = false;
-$.mobile.listview.prototype.options.filterPlaceholder = "Filter items...";
-$.mobile.listview.prototype.options.filterTheme = "c";
-$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ){
- return text.toLowerCase().indexOf( searchValue ) === -1;
-};
-
-$( document ).delegate( ":jqmData(role='listview')", "listviewcreate", function() {
-
- var list = $( this ),
- listview = list.data( "listview" );
-
- if ( !listview.options.filter ) {
- return;
- }
-
- var wrapper = $( "<form>", {
- "class": "ui-listview-filter ui-bar-" + listview.options.filterTheme,
- "role": "search"
- }),
- search = $( "<input>", {
- placeholder: listview.options.filterPlaceholder
- })
- .attr( "data-" + $.mobile.ns + "type", "search" )
- .jqmData( "lastval", "" )
- .bind( "keyup change", function() {
-
- var $this = $(this),
- val = this.value.toLowerCase(),
- listItems = null,
- lastval = $this.jqmData( "lastval" ) + "",
- childItems = false,
- itemtext = "",
- item;
-
- // Change val as lastval for next execution
- $this.jqmData( "lastval" , val );
- if ( val.length < lastval.length || val.indexOf(lastval) !== 0 ) {
-
- // Removed chars or pasted something totally different, check all items
- listItems = list.children();
- } else {
-
- // Only chars added, not removed, only use visible subset
- listItems = list.children( ":not(.ui-screen-hidden)" );
- }
-
- if ( val ) {
-
- // This handles hiding regular rows without the text we search for
- // and any list dividers without regular rows shown under it
-
- for ( var i = listItems.length - 1; i >= 0; i-- ) {
- item = $( listItems[ i ] );
- itemtext = item.jqmData( "filtertext" ) || item.text();
-
- if ( item.is( "li:jqmData(role=list-divider)" ) ) {
-
- item.toggleClass( "ui-filter-hidequeue" , !childItems );
-
- // New bucket!
- childItems = false;
-
- } else if ( listview.options.filterCallback( itemtext, val ) ) {
-
- //mark to be hidden
- item.toggleClass( "ui-filter-hidequeue" , true );
- } else {
-
- // There's a shown item in the bucket
- childItems = true;
- }
- }
-
- // Show items, not marked to be hidden
- listItems
- .filter( ":not(.ui-filter-hidequeue)" )
- .toggleClass( "ui-screen-hidden", false );
-
- // Hide items, marked to be hidden
- listItems
- .filter( ".ui-filter-hidequeue" )
- .toggleClass( "ui-screen-hidden", true )
- .toggleClass( "ui-filter-hidequeue", false );
-
- } else {
-
- //filtervalue is empty => show all
- listItems.toggleClass( "ui-screen-hidden", false );
- }
- listview._refreshCorners();
- })
- .appendTo( wrapper )
- .textinput();
-
- if ( listview.options.inset ) {
- wrapper.addClass( "ui-listview-filter-inset" );
- }
-
- wrapper.bind( "submit", function() {
- return false;
- })
- .insertBefore( list );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Applies listview styling of various types (standard, numbered, split button, etc.)
-//>>label: Listview
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.listview.css
-
-define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup", "./jquery.mobile.page", "./jquery.mobile.page.sections" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-//Keeps track of the number of lists per page UID
-//This allows support for multiple nested list in the same page
-//https://github.com/jquery/jquery-mobile/issues/1617
-var listCountPerPage = {};
-
-$.widget( "mobile.listview", $.mobile.widget, {
-
- options: {
- theme: null,
- countTheme: "c",
- headerTheme: "b",
- dividerTheme: "b",
- splitIcon: "arrow-r",
- splitTheme: "b",
- mini: false,
- inset: false,
- initSelector: ":jqmData(role='listview')"
- },
-
- _create: function() {
- var t = this,
- listviewClasses = "";
-
- listviewClasses += t.options.inset ? " ui-listview-inset ui-corner-all ui-shadow " : "";
- listviewClasses += t.element.jqmData( "mini" ) || t.options.mini === true ? " ui-mini" : "";
-
- // create listview markup
- t.element.addClass(function( i, orig ) {
- return orig + " ui-listview " + listviewClasses;
- });
-
- t.refresh( true );
- },
-
- _removeCorners: function( li, which ) {
- var top = "ui-corner-top ui-corner-tr ui-corner-tl",
- bot = "ui-corner-bottom ui-corner-br ui-corner-bl";
-
- li = li.add( li.find( ".ui-btn-inner, .ui-li-link-alt, .ui-li-thumb" ) );
-
- if ( which === "top" ) {
- li.removeClass( top );
- } else if ( which === "bottom" ) {
- li.removeClass( bot );
- } else {
- li.removeClass( top + " " + bot );
- }
- },
-
- _refreshCorners: function( create ) {
- var $li,
- $visibleli,
- $topli,
- $bottomli;
-
- if ( this.options.inset ) {
- $li = this.element.children( "li" );
- // at create time the li are not visible yet so we need to rely on .ui-screen-hidden
- $visibleli = create?$li.not( ".ui-screen-hidden" ):$li.filter( ":visible" );
-
- this._removeCorners( $li );
-
- // Select the first visible li element
- $topli = $visibleli.first()
- .addClass( "ui-corner-top" );
-
- $topli.add( $topli.find( ".ui-btn-inner" )
- .not( ".ui-li-link-alt span:first-child" ) )
- .addClass( "ui-corner-top" )
- .end()
- .find( ".ui-li-link-alt, .ui-li-link-alt span:first-child" )
- .addClass( "ui-corner-tr" )
- .end()
- .find( ".ui-li-thumb" )
- .not(".ui-li-icon")
- .addClass( "ui-corner-tl" );
-
- // Select the last visible li element
- $bottomli = $visibleli.last()
- .addClass( "ui-corner-bottom" );
-
- $bottomli.add( $bottomli.find( ".ui-btn-inner" ) )
- .find( ".ui-li-link-alt" )
- .addClass( "ui-corner-br" )
- .end()
- .find( ".ui-li-thumb" )
- .not(".ui-li-icon")
- .addClass( "ui-corner-bl" );
- }
- if ( !create ) {
- this.element.trigger( "updatelayout" );
- }
- },
-
- // This is a generic utility method for finding the first
- // node with a given nodeName. It uses basic DOM traversal
- // to be fast and is meant to be a substitute for simple
- // $.fn.closest() and $.fn.children() calls on a single
- // element. Note that callers must pass both the lowerCase
- // and upperCase version of the nodeName they are looking for.
- // The main reason for this is that this function will be
- // called many times and we want to avoid having to lowercase
- // the nodeName from the element every time to ensure we have
- // a match. Note that this function lives here for now, but may
- // be moved into $.mobile if other components need a similar method.
- _findFirstElementByTagName: function( ele, nextProp, lcName, ucName )
- {
- var dict = {};
- dict[ lcName ] = dict[ ucName ] = true;
- while ( ele ) {
- if ( dict[ ele.nodeName ] ) {
- return ele;
- }
- ele = ele[ nextProp ];
- }
- return null;
- },
- _getChildrenByTagName: function( ele, lcName, ucName )
- {
- var results = [],
- dict = {};
- dict[ lcName ] = dict[ ucName ] = true;
- ele = ele.firstChild;
- while ( ele ) {
- if ( dict[ ele.nodeName ] ) {
- results.push( ele );
- }
- ele = ele.nextSibling;
- }
- return $( results );
- },
-
- _addThumbClasses: function( containers )
- {
- var i, img, len = containers.length;
- for ( i = 0; i < len; i++ ) {
- img = $( this._findFirstElementByTagName( containers[ i ].firstChild, "nextSibling", "img", "IMG" ) );
- if ( img.length ) {
- img.addClass( "ui-li-thumb" );
- $( this._findFirstElementByTagName( img[ 0 ].parentNode, "parentNode", "li", "LI" ) ).addClass( img.is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
- }
- }
- },
-
- refresh: function( create ) {
- this.parentPage = this.element.closest( ".ui-page" );
- this._createSubPages();
-
- var o = this.options,
- $list = this.element,
- self = this,
- dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme,
- listsplittheme = $list.jqmData( "splittheme" ),
- listspliticon = $list.jqmData( "spliticon" ),
- li = this._getChildrenByTagName( $list[ 0 ], "li", "LI" ),
- counter = $.support.cssPseudoElement || !$.nodeName( $list[ 0 ], "ol" ) ? 0 : 1,
- itemClassDict = {},
- item, itemClass, itemTheme,
- a, last, splittheme, countParent, icon, imgParents, img, linkIcon;
-
- if ( counter ) {
- $list.find( ".ui-li-dec" ).remove();
- }
-
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( this.element, "c" );
- }
-
- for ( var pos = 0, numli = li.length; pos < numli; pos++ ) {
- item = li.eq( pos );
- itemClass = "ui-li";
-
- // If we're creating the element, we update it regardless
- if ( create || !item.hasClass( "ui-li" ) ) {
- itemTheme = item.jqmData("theme") || o.theme;
- a = this._getChildrenByTagName( item[ 0 ], "a", "A" );
-
- if ( a.length ) {
- icon = item.jqmData("icon");
-
- item.buttonMarkup({
- wrapperEls: "div",
- shadow: false,
- corners: false,
- iconpos: "right",
- icon: a.length > 1 || icon === false ? false : icon || "arrow-r",
- theme: itemTheme
- });
-
- if ( ( icon != false ) && ( a.length == 1 ) ) {
- item.addClass( "ui-li-has-arrow" );
- }
-
- a.first().removeClass( "ui-link" ).addClass( "ui-link-inherit" );
-
- if ( a.length > 1 ) {
- itemClass += " ui-li-has-alt";
-
- last = a.last();
- splittheme = listsplittheme || last.jqmData( "theme" ) || o.splitTheme;
- linkIcon = last.jqmData("icon");
-
- last.appendTo(item)
- .attr( "title", last.getEncodedText() )
- .addClass( "ui-li-link-alt" )
- .empty()
- .buttonMarkup({
- shadow: false,
- corners: false,
- theme: itemTheme,
- icon: false,
- iconpos: false
- })
- .find( ".ui-btn-inner" )
- .append(
- $( document.createElement( "span" ) ).buttonMarkup({
- shadow: true,
- corners: true,
- theme: splittheme,
- iconpos: "notext",
- // link icon overrides list item icon overrides ul element overrides options
- icon: linkIcon || icon || listspliticon || o.splitIcon
- })
- );
- }
- } else if ( item.jqmData( "role" ) === "list-divider" ) {
-
- itemClass += " ui-li-divider ui-bar-" + dividertheme;
- item.attr( "role", "heading" );
-
- //reset counter when a divider heading is encountered
- if ( counter ) {
- counter = 1;
- }
-
- } else {
- itemClass += " ui-li-static ui-body-" + itemTheme;
- }
- }
-
- if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) {
- countParent = item.is( ".ui-li-static:first" ) ? item : item.find( ".ui-link-inherit" );
-
- countParent.addClass( "ui-li-jsnumbering" )
- .prepend( "<span class='ui-li-dec'>" + (counter++) + ". </span>" );
- }
-
- // Instead of setting item class directly on the list item and its
- // btn-inner at this point in time, push the item into a dictionary
- // that tells us what class to set on it so we can do this after this
- // processing loop is finished.
-
- if ( !itemClassDict[ itemClass ] ) {
- itemClassDict[ itemClass ] = [];
- }
-
- itemClassDict[ itemClass ].push( item[ 0 ] );
- }
-
- // Set the appropriate listview item classes on each list item
- // and their btn-inner elements. The main reason we didn't do this
- // in the for-loop above is because we can eliminate per-item function overhead
- // by calling addClass() and children() once or twice afterwards. This
- // can give us a significant boost on platforms like WP7.5.
-
- for ( itemClass in itemClassDict ) {
- $( itemClassDict[ itemClass ] ).addClass( itemClass ).children( ".ui-btn-inner" ).addClass( itemClass );
- }
-
- $list.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" )
- .end()
-
- .find( "p, dl" ).addClass( "ui-li-desc" )
- .end()
-
- .find( ".ui-li-aside" ).each(function() {
- var $this = $(this);
- $this.prependTo( $this.parent() ); //shift aside to front for css float
- })
- .end()
-
- .find( ".ui-li-count" ).each( function() {
- $( this ).closest( "li" ).addClass( "ui-li-has-count" );
- }).addClass( "ui-btn-up-" + ( $list.jqmData( "counttheme" ) || this.options.countTheme) + " ui-btn-corner-all" );
-
- // The idea here is to look at the first image in the list item
- // itself, and any .ui-link-inherit element it may contain, so we
- // can place the appropriate classes on the image and list item.
- // Note that we used to use something like:
- //
- // li.find(">img:eq(0), .ui-link-inherit>img:eq(0)").each( ... );
- //
- // But executing a find() like that on Windows Phone 7.5 took a
- // really long time. Walking things manually with the code below
- // allows the 400 listview item page to load in about 3 seconds as
- // opposed to 30 seconds.
-
- this._addThumbClasses( li );
- this._addThumbClasses( $list.find( ".ui-link-inherit" ) );
-
- this._refreshCorners( create );
- },
-
- //create a string for ID/subpage url creation
- _idStringEscape: function( str ) {
- return str.replace(/[^a-zA-Z0-9]/g, '-');
- },
-
- _createSubPages: function() {
- var parentList = this.element,
- parentPage = parentList.closest( ".ui-page" ),
- parentUrl = parentPage.jqmData( "url" ),
- parentId = parentUrl || parentPage[ 0 ][ $.expando ],
- parentListId = parentList.attr( "id" ),
- o = this.options,
- dns = "data-" + $.mobile.ns,
- self = this,
- persistentFooterID = parentPage.find( ":jqmData(role='footer')" ).jqmData( "id" ),
- hasSubPages;
-
- if ( typeof listCountPerPage[ parentId ] === "undefined" ) {
- listCountPerPage[ parentId ] = -1;
- }
-
- parentListId = parentListId || ++listCountPerPage[ parentId ];
-
- $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) {
- var self = this,
- list = $( this ),
- listId = list.attr( "id" ) || parentListId + "-" + i,
- parent = list.parent(),
- nodeEls = $( list.prevAll().toArray().reverse() ),
- nodeEls = nodeEls.length ? nodeEls : $( "<span>" + $.trim(parent.contents()[ 0 ].nodeValue) + "</span>" ),
- title = nodeEls.first().getEncodedText(),//url limits to first 30 chars of text
- id = ( parentUrl || "" ) + "&" + $.mobile.subPageUrlKey + "=" + listId,
- theme = list.jqmData( "theme" ) || o.theme,
- countTheme = list.jqmData( "counttheme" ) || parentList.jqmData( "counttheme" ) || o.countTheme,
- newPage, anchor;
-
- //define hasSubPages for use in later removal
- hasSubPages = true;
-
- newPage = list.detach()
- .wrap( "<div " + dns + "role='page' " + dns + "url='" + id + "' " + dns + "theme='" + theme + "' " + dns + "count-theme='" + countTheme + "'><div " + dns + "role='content'></div></div>" )
- .parent()
- .before( "<div " + dns + "role='header' " + dns + "theme='" + o.headerTheme + "'><div class='ui-title'>" + title + "</div></div>" )
- .after( persistentFooterID ? $( "<div " + dns + "role='footer' " + dns + "id='"+ persistentFooterID +"'>") : "" )
- .parent()
- .appendTo( $.mobile.pageContainer );
-
- newPage.page();
-
- anchor = parent.find('a:first');
-
- if ( !anchor.length ) {
- anchor = $( "<a/>" ).html( nodeEls || title ).prependTo( parent.empty() );
- }
-
- anchor.attr( "href", "#" + id );
-
- }).listview();
-
- // on pagehide, remove any nested pages along with the parent page, as long as they aren't active
- // and aren't embedded
- if( hasSubPages &&
- parentPage.is( ":jqmData(external-page='true')" ) &&
- parentPage.data("page").options.domCache === false ) {
-
- var newRemove = function( e, ui ){
- var nextPage = ui.nextPage, npURL;
-
- if( ui.nextPage ){
- npURL = nextPage.jqmData( "url" );
- if( npURL.indexOf( parentUrl + "&" + $.mobile.subPageUrlKey ) !== 0 ){
- self.childPages().remove();
- parentPage.remove();
- }
- }
- };
-
- // unbind the original page remove and replace with our specialized version
- parentPage
- .unbind( "pagehide.remove" )
- .bind( "pagehide.remove", newRemove);
- }
- },
-
- // TODO sort out a better way to track sub pages of the listview this is brittle
- childPages: function(){
- var parentUrl = this.parentPage.jqmData( "url" );
-
- return $( ":jqmData(url^='"+ parentUrl + "&" + $.mobile.subPageUrlKey +"')");
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.listview.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: A workaround for browsers without window.matchMedia
-//>>label: matchMedia Polyfill
-//>>group: Utilities
-
-
-define( [ "jquery", "./jquery.mobile.core" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-var $window = $( window ),
- $html = $( "html" );
-
-/* $.mobile.media method: pass a CSS media type or query and get a bool return
- note: this feature relies on actual media query support for media queries, though types will work most anywhere
- examples:
- $.mobile.media('screen') // tests for screen media type
- $.mobile.media('screen and (min-width: 480px)') // tests for screen media type with window width > 480px
- $.mobile.media('@media screen and (-webkit-min-device-pixel-ratio: 2)') // tests for webkit 2x pixel ratio (iPhone 4)
-*/
-$.mobile.media = (function() {
- // TODO: use window.matchMedia once at least one UA implements it
- var cache = {},
- testDiv = $( "<div id='jquery-mediatest'>" ),
- fakeBody = $( "<body>" ).append( testDiv );
-
- return function( query ) {
- if ( !( query in cache ) ) {
- var styleBlock = document.createElement( "style" ),
- cssrule = "@media " + query + " { #jquery-mediatest { position:absolute; } }";
-
- //must set type for IE!
- styleBlock.type = "text/css";
-
- if ( styleBlock.styleSheet ){
- styleBlock.styleSheet.cssText = cssrule;
- } else {
- styleBlock.appendChild( document.createTextNode(cssrule) );
- }
-
- $html.prepend( fakeBody ).prepend( styleBlock );
- cache[ query ] = testDiv.css( "position" ) === "absolute";
- fakeBody.add( styleBlock ).remove();
- }
- return cache[ query ];
- };
-})();
-
-})(jQuery);
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Formats groups of links as horizontal navigation bars.
-//>>label: Navbars
-//>>group: Widgets
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.navbar.css
-
-
-define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup", "./jquery.mobile.grid" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.navbar", $.mobile.widget, {
- options: {
- iconpos: "top",
- grid: null,
- initSelector: ":jqmData(role='navbar')"
- },
-
- _create: function(){
-
- var $navbar = this.element,
- $navbtns = $navbar.find( "a" ),
- iconpos = $navbtns.filter( ":jqmData(icon)" ).length ?
- this.options.iconpos : undefined;
-
- $navbar.addClass( "ui-navbar" )
- .attr( "role","navigation" )
- .find( "ul" )
- .jqmEnhanceable()
- .grid({ grid: this.options.grid });
-
- if ( !iconpos ) {
- $navbar.addClass( "ui-navbar-noicons" );
- }
-
- $navbtns.buttonMarkup({
- corners: false,
- shadow: false,
- inline: true,
- iconpos: iconpos
- });
-
- $navbar.delegate( "a", "vclick", function( event ) {
- if( !$(event.target).hasClass("ui-disabled") ) {
- $navbtns.removeClass( $.mobile.activeBtnClass );
- $( this ).addClass( $.mobile.activeBtnClass );
- }
- });
-
- // Buttons in the navbar with ui-state-persist class should regain their active state before page show
- $navbar.closest( ".ui-page" ).bind( "pagebeforeshow", function() {
- $navbtns.filter( ".ui-state-persist" ).addClass( $.mobile.activeBtnClass );
- });
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.navbar.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Applies the AJAX navigation system to links and forms to enable page transitions
-//>>label: AJAX Navigation System
-//>>group: Navigation
-
-define( [
- "jquery",
- "./jquery.mobile.core",
- "./jquery.mobile.event",
- "../external/requirejs/depend!./jquery.mobile.hashchange[jquery]",
- "./jquery.mobile.page",
- "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $, undefined ) {
-
- //define vars for interal use
- var $window = $( window ),
- $html = $( 'html' ),
- $head = $( 'head' ),
-
- //url path helpers for use in relative url management
- path = {
-
- // This scary looking regular expression parses an absolute URL or its relative
- // variants (protocol, site, document, query, and hash), into the various
- // components (protocol, host, path, query, fragment, etc that make up the
- // URL as well as some other commonly used sub-parts. When used with RegExp.exec()
- // or String.match, it parses the URL into a results array that looks like this:
- //
- // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
- // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
- // [2]: http://jblas:password@mycompany.com:8080/mail/inbox
- // [3]: http://jblas:password@mycompany.com:8080
- // [4]: http:
- // [5]: //
- // [6]: jblas:password@mycompany.com:8080
- // [7]: jblas:password
- // [8]: jblas
- // [9]: password
- // [10]: mycompany.com:8080
- // [11]: mycompany.com
- // [12]: 8080
- // [13]: /mail/inbox
- // [14]: /mail/
- // [15]: inbox
- // [16]: ?msg=1234&type=unread
- // [17]: #msg-content
- //
- urlParseRE: /^(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/,
-
- //Parse a URL into a structure that allows easy access to
- //all of the URL components by name.
- parseUrl: function( url ) {
- // If we're passed an object, we'll assume that it is
- // a parsed url object and just return it back to the caller.
- if ( $.type( url ) === "object" ) {
- return url;
- }
-
- var matches = path.urlParseRE.exec( url || "" ) || [];
-
- // Create an object that allows the caller to access the sub-matches
- // by name. Note that IE returns an empty string instead of undefined,
- // like all other browsers do, so we normalize everything so its consistent
- // no matter what browser we're running on.
- return {
- href: matches[ 0 ] || "",
- hrefNoHash: matches[ 1 ] || "",
- hrefNoSearch: matches[ 2 ] || "",
- domain: matches[ 3 ] || "",
- protocol: matches[ 4 ] || "",
- doubleSlash: matches[ 5 ] || "",
- authority: matches[ 6 ] || "",
- username: matches[ 8 ] || "",
- password: matches[ 9 ] || "",
- host: matches[ 10 ] || "",
- hostname: matches[ 11 ] || "",
- port: matches[ 12 ] || "",
- pathname: matches[ 13 ] || "",
- directory: matches[ 14 ] || "",
- filename: matches[ 15 ] || "",
- search: matches[ 16 ] || "",
- hash: matches[ 17 ] || ""
- };
- },
-
- //Turn relPath into an asbolute path. absPath is
- //an optional absolute path which describes what
- //relPath is relative to.
- makePathAbsolute: function( relPath, absPath ) {
- if ( relPath && relPath.charAt( 0 ) === "/" ) {
- return relPath;
- }
-
- relPath = relPath || "";
- absPath = absPath ? absPath.replace( /^\/|(\/[^\/]*|[^\/]+)$/g, "" ) : "";
-
- var absStack = absPath ? absPath.split( "/" ) : [],
- relStack = relPath.split( "/" );
- for ( var i = 0; i < relStack.length; i++ ) {
- var d = relStack[ i ];
- switch ( d ) {
- case ".":
- break;
- case "..":
- if ( absStack.length ) {
- absStack.pop();
- }
- break;
- default:
- absStack.push( d );
- break;
- }
- }
- return "/" + absStack.join( "/" );
- },
-
- //Returns true if both urls have the same domain.
- isSameDomain: function( absUrl1, absUrl2 ) {
- return path.parseUrl( absUrl1 ).domain === path.parseUrl( absUrl2 ).domain;
- },
-
- //Returns true for any relative variant.
- isRelativeUrl: function( url ) {
- // All relative Url variants have one thing in common, no protocol.
- return path.parseUrl( url ).protocol === "";
- },
-
- //Returns true for an absolute url.
- isAbsoluteUrl: function( url ) {
- return path.parseUrl( url ).protocol !== "";
- },
-
- //Turn the specified realtive URL into an absolute one. This function
- //can handle all relative variants (protocol, site, document, query, fragment).
- makeUrlAbsolute: function( relUrl, absUrl ) {
- if ( !path.isRelativeUrl( relUrl ) ) {
- return relUrl;
- }
-
- var relObj = path.parseUrl( relUrl ),
- absObj = path.parseUrl( absUrl ),
- protocol = relObj.protocol || absObj.protocol,
- doubleSlash = relObj.protocol ? relObj.doubleSlash : ( relObj.doubleSlash || absObj.doubleSlash ),
- authority = relObj.authority || absObj.authority,
- hasPath = relObj.pathname !== "",
- pathname = path.makePathAbsolute( relObj.pathname || absObj.filename, absObj.pathname ),
- search = relObj.search || ( !hasPath && absObj.search ) || "",
- hash = relObj.hash;
-
- return protocol + doubleSlash + authority + pathname + search + hash;
- },
-
- //Add search (aka query) params to the specified url.
- addSearchParams: function( url, params ) {
- var u = path.parseUrl( url ),
- p = ( typeof params === "object" ) ? $.param( params ) : params,
- s = u.search || "?";
- return u.hrefNoSearch + s + ( s.charAt( s.length - 1 ) !== "?" ? "&" : "" ) + p + ( u.hash || "" );
- },
-
- convertUrlToDataUrl: function( absUrl ) {
- var u = path.parseUrl( absUrl );
- if ( path.isEmbeddedPage( u ) ) {
- // For embedded pages, remove the dialog hash key as in getFilePath(),
- // otherwise the Data Url won't match the id of the embedded Page.
- return u.hash.split( dialogHashKey )[0].replace( /^#/, "" );
- } else if ( path.isSameDomain( u, documentBase ) ) {
- return u.hrefNoHash.replace( documentBase.domain, "" );
- }
- return absUrl;
- },
-
- //get path from current hash, or from a file path
- get: function( newPath ) {
- if( newPath === undefined ) {
- newPath = location.hash;
- }
- return path.stripHash( newPath ).replace( /[^\/]*\.[^\/*]+$/, '' );
- },
-
- //return the substring of a filepath before the sub-page key, for making a server request
- getFilePath: function( path ) {
- var splitkey = '&' + $.mobile.subPageUrlKey;
- return path && path.split( splitkey )[0].split( dialogHashKey )[0];
- },
-
- //set location hash to path
- set: function( path ) {
- location.hash = path;
- },
-
- //test if a given url (string) is a path
- //NOTE might be exceptionally naive
- isPath: function( url ) {
- return ( /\// ).test( url );
- },
-
- //return a url path with the window's location protocol/hostname/pathname removed
- clean: function( url ) {
- return url.replace( documentBase.domain, "" );
- },
-
- //just return the url without an initial #
- stripHash: function( url ) {
- return url.replace( /^#/, "" );
- },
-
- //remove the preceding hash, any query params, and dialog notations
- cleanHash: function( hash ) {
- return path.stripHash( hash.replace( /\?.*$/, "" ).replace( dialogHashKey, "" ) );
- },
-
- //check whether a url is referencing the same domain, or an external domain or different protocol
- //could be mailto, etc
- isExternal: function( url ) {
- var u = path.parseUrl( url );
- return u.protocol && u.domain !== documentUrl.domain ? true : false;
- },
-
- hasProtocol: function( url ) {
- return ( /^(:?\w+:)/ ).test( url );
- },
-
- //check if the specified url refers to the first page in the main application document.
- isFirstPageUrl: function( url ) {
- // We only deal with absolute paths.
- var u = path.parseUrl( path.makeUrlAbsolute( url, documentBase ) ),
-
- // Does the url have the same path as the document?
- samePath = u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ),
-
- // Get the first page element.
- fp = $.mobile.firstPage,
-
- // Get the id of the first page element if it has one.
- fpId = fp && fp[0] ? fp[0].id : undefined;
-
- // The url refers to the first page if the path matches the document and
- // it either has no hash value, or the hash is exactly equal to the id of the
- // first page element.
- return samePath && ( !u.hash || u.hash === "#" || ( fpId && u.hash.replace( /^#/, "" ) === fpId ) );
- },
-
- isEmbeddedPage: function( url ) {
- var u = path.parseUrl( url );
-
- //if the path is absolute, then we need to compare the url against
- //both the documentUrl and the documentBase. The main reason for this
- //is that links embedded within external documents will refer to the
- //application document, whereas links embedded within the application
- //document will be resolved against the document base.
- if ( u.protocol !== "" ) {
- return ( u.hash && ( u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ) ) );
- }
- return (/^#/).test( u.href );
- }
- },
-
- //will be defined when a link is clicked and given an active class
- $activeClickedLink = null,
-
- //urlHistory is purely here to make guesses at whether the back or forward button was clicked
- //and provide an appropriate transition
- urlHistory = {
- // Array of pages that are visited during a single page load.
- // Each has a url and optional transition, title, and pageUrl (which represents the file path, in cases where URL is obscured, such as dialogs)
- stack: [],
-
- //maintain an index number for the active page in the stack
- activeIndex: 0,
-
- //get active
- getActive: function() {
- return urlHistory.stack[ urlHistory.activeIndex ];
- },
-
- getPrev: function() {
- return urlHistory.stack[ urlHistory.activeIndex - 1 ];
- },
-
- getNext: function() {
- return urlHistory.stack[ urlHistory.activeIndex + 1 ];
- },
-
- // addNew is used whenever a new page is added
- addNew: function( url, transition, title, pageUrl, role ) {
- //if there's forward history, wipe it
- if( urlHistory.getNext() ) {
- urlHistory.clearForward();
- }
-
- urlHistory.stack.push( {url : url, transition: transition, title: title, pageUrl: pageUrl, role: role } );
-
- urlHistory.activeIndex = urlHistory.stack.length - 1;
- },
-
- //wipe urls ahead of active index
- clearForward: function() {
- urlHistory.stack = urlHistory.stack.slice( 0, urlHistory.activeIndex + 1 );
- },
-
- directHashChange: function( opts ) {
- var back , forward, newActiveIndex, prev = this.getActive();
-
- // check if url isp in history and if it's ahead or behind current page
- $.each( urlHistory.stack, function( i, historyEntry ) {
-
- //if the url is in the stack, it's a forward or a back
- if( opts.currentUrl === historyEntry.url ) {
- //define back and forward by whether url is older or newer than current page
- back = i < urlHistory.activeIndex;
- forward = !back;
- newActiveIndex = i;
- }
- });
-
- // save new page index, null check to prevent falsey 0 result
- this.activeIndex = newActiveIndex !== undefined ? newActiveIndex : this.activeIndex;
-
- if( back ) {
- ( opts.either || opts.isBack )( true );
- } else if( forward ) {
- ( opts.either || opts.isForward )( false );
- }
- },
-
- //disable hashchange event listener internally to ignore one change
- //toggled internally when location.hash is updated to match the url of a successful page load
- ignoreNextHashChange: false
- },
-
- //define first selector to receive focus when a page is shown
- focusable = "[tabindex],a,button:visible,select:visible,input",
-
- //queue to hold simultanious page transitions
- pageTransitionQueue = [],
-
- //indicates whether or not page is in process of transitioning
- isPageTransitioning = false,
-
- //nonsense hash change key for dialogs, so they create a history entry
- dialogHashKey = "&ui-state=dialog",
-
- //existing base tag?
- $base = $head.children( "base" ),
-
- //tuck away the original document URL minus any fragment.
- documentUrl = path.parseUrl( location.href ),
-
- //if the document has an embedded base tag, documentBase is set to its
- //initial value. If a base tag does not exist, then we default to the documentUrl.
- documentBase = $base.length ? path.parseUrl( path.makeUrlAbsolute( $base.attr( "href" ), documentUrl.href ) ) : documentUrl,
-
- //cache the comparison once.
- documentBaseDiffers = ( documentUrl.hrefNoHash !== documentBase.hrefNoHash );
-
- //base element management, defined depending on dynamic base tag support
- var base = $.support.dynamicBaseTag ? {
-
- //define base element, for use in routing asset urls that are referenced in Ajax-requested markup
- element: ( $base.length ? $base : $( "<base>", { href: documentBase.hrefNoHash } ).prependTo( $head ) ),
-
- //set the generated BASE element's href attribute to a new page's base path
- set: function( href ) {
- base.element.attr( "href", path.makeUrlAbsolute( href, documentBase ) );
- },
-
- //set the generated BASE element's href attribute to a new page's base path
- reset: function() {
- base.element.attr( "href", documentBase.hrefNoHash );
- }
-
- } : undefined;
-
-/*
- internal utility functions
---------------------------------------*/
-
-
- //direct focus to the page title, or otherwise first focusable element
- $.mobile.focusPage = function ( page ) {
- var autofocus = page.find("[autofocus]"),
- pageTitle = page.find( ".ui-title:eq(0)" );
-
- if( autofocus.length ) {
- autofocus.focus();
- return;
- }
-
- if( pageTitle.length ) {
- pageTitle.focus();
- }
- else{
- page.focus();
- }
- }
-
- //remove active classes after page transition or error
- function removeActiveLinkClass( forceRemoval ) {
- if( !!$activeClickedLink && ( !$activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval ) ) {
- $activeClickedLink.removeClass( $.mobile.activeBtnClass );
- }
- $activeClickedLink = null;
- }
-
- function releasePageTransitionLock() {
- isPageTransitioning = false;
- if( pageTransitionQueue.length > 0 ) {
- $.mobile.changePage.apply( null, pageTransitionQueue.pop() );
- }
- }
-
- // Save the last scroll distance per page, before it is hidden
- var setLastScrollEnabled = true,
- setLastScroll, delayedSetLastScroll;
-
- setLastScroll = function() {
- // this barrier prevents setting the scroll value based on the browser
- // scrolling the window based on a hashchange
- if( !setLastScrollEnabled ) {
- return;
- }
-
- var active = $.mobile.urlHistory.getActive();
-
- if( active ) {
- var lastScroll = $window.scrollTop();
-
- // Set active page's lastScroll prop.
- // If the location we're scrolling to is less than minScrollBack, let it go.
- active.lastScroll = lastScroll < $.mobile.minScrollBack ? $.mobile.defaultHomeScroll : lastScroll;
- }
- };
-
- // bind to scrollstop to gather scroll position. The delay allows for the hashchange
- // event to fire and disable scroll recording in the case where the browser scrolls
- // to the hash targets location (sometimes the top of the page). once pagechange fires
- // getLastScroll is again permitted to operate
- delayedSetLastScroll = function() {
- setTimeout( setLastScroll, 100 );
- };
-
- // disable an scroll setting when a hashchange has been fired, this only works
- // because the recording of the scroll position is delayed for 100ms after
- // the browser might have changed the position because of the hashchange
- $window.bind( $.support.pushState ? "popstate" : "hashchange", function() {
- setLastScrollEnabled = false;
- });
-
- // handle initial hashchange from chrome :(
- $window.one( $.support.pushState ? "popstate" : "hashchange", function() {
- setLastScrollEnabled = true;
- });
-
- // wait until the mobile page container has been determined to bind to pagechange
- $window.one( "pagecontainercreate", function(){
- // once the page has changed, re-enable the scroll recording
- $.mobile.pageContainer.bind( "pagechange", function() {
-
- setLastScrollEnabled = true;
-
- // remove any binding that previously existed on the get scroll
- // which may or may not be different than the scroll element determined for
- // this page previously
- $window.unbind( "scrollstop", delayedSetLastScroll );
-
- // determine and bind to the current scoll element which may be the window
- // or in the case of touch overflow the element with touch overflow
- $window.bind( "scrollstop", delayedSetLastScroll );
- });
- });
-
- // bind to scrollstop for the first page as "pagechange" won't be fired in that case
- $window.bind( "scrollstop", delayedSetLastScroll );
-
- //function for transitioning between two existing pages
- function transitionPages( toPage, fromPage, transition, reverse ) {
-
- if( fromPage ) {
- //trigger before show/hide events
- fromPage.data( "page" )._trigger( "beforehide", null, { nextPage: toPage } );
- }
-
- toPage.data( "page" )._trigger( "beforeshow", null, { prevPage: fromPage || $( "" ) } );
-
- //clear page loader
- $.mobile.hidePageLoadingMsg();
-
- // If transition is defined, check if css 3D transforms are supported, and if not, if a fallback is specified
- if( transition && !$.support.cssTransform3d && $.mobile.transitionFallbacks[ transition ] ){
- transition = $.mobile.transitionFallbacks[ transition ];
- }
-
- //find the transition handler for the specified transition. If there
- //isn't one in our transitionHandlers dictionary, use the default one.
- //call the handler immediately to kick-off the transition.
- var th = $.mobile.transitionHandlers[ transition || "default" ] || $.mobile.defaultTransitionHandler,
- promise = th( transition, reverse, toPage, fromPage );
-
- promise.done(function() {
-
- //trigger show/hide events
- if( fromPage ) {
- fromPage.data( "page" )._trigger( "hide", null, { nextPage: toPage } );
- }
-
- //trigger pageshow, define prevPage as either fromPage or empty jQuery obj
- toPage.data( "page" )._trigger( "show", null, { prevPage: fromPage || $( "" ) } );
- });
-
- return promise;
- }
-
- //simply set the active page's minimum height to screen height, depending on orientation
- function getScreenHeight(){
- // Native innerHeight returns more accurate value for this across platforms,
- // jQuery version is here as a normalized fallback for platforms like Symbian
- return window.innerHeight || $( window ).height();
- }
-
- $.mobile.getScreenHeight = getScreenHeight;
-
- //simply set the active page's minimum height to screen height, depending on orientation
- function resetActivePageHeight(){
- var aPage = $( "." + $.mobile.activePageClass ),
- aPagePadT = parseFloat( aPage.css( "padding-top" ) ),
- aPagePadB = parseFloat( aPage.css( "padding-bottom" ) );
-
- aPage.css( "min-height", getScreenHeight() - aPagePadT - aPagePadB );
- }
-
- //shared page enhancements
- function enhancePage( $page, role ) {
- // If a role was specified, make sure the data-role attribute
- // on the page element is in sync.
- if( role ) {
- $page.attr( "data-" + $.mobile.ns + "role", role );
- }
-
- //run page plugin
- $page.page();
- }
-
-/* exposed $.mobile methods */
-
- //animation complete callback
- $.fn.animationComplete = function( callback ) {
- if( $.support.cssTransitions ) {
- return $( this ).one( 'webkitAnimationEnd animationend', callback );
- }
- else{
- // defer execution for consistency between webkit/non webkit
- setTimeout( callback, 0 );
- return $( this );
- }
- };
-
- //expose path object on $.mobile
- $.mobile.path = path;
-
- //expose base object on $.mobile
- $.mobile.base = base;
-
- //history stack
- $.mobile.urlHistory = urlHistory;
-
- $.mobile.dialogHashKey = dialogHashKey;
-
-
-
- //enable cross-domain page support
- $.mobile.allowCrossDomainPages = false;
-
- //return the original document url
- $.mobile.getDocumentUrl = function(asParsedObject) {
- return asParsedObject ? $.extend( {}, documentUrl ) : documentUrl.href;
- };
-
- //return the original document base url
- $.mobile.getDocumentBase = function(asParsedObject) {
- return asParsedObject ? $.extend( {}, documentBase ) : documentBase.href;
- };
-
- $.mobile._bindPageRemove = function() {
- var page = $(this);
-
- // when dom caching is not enabled or the page is embedded bind to remove the page on hide
- if( !page.data("page").options.domCache
- && page.is(":jqmData(external-page='true')") ) {
-
- page.bind( 'pagehide.remove', function() {
- var $this = $( this ),
- prEvent = new $.Event( "pageremove" );
-
- $this.trigger( prEvent );
-
- if( !prEvent.isDefaultPrevented() ){
- $this.removeWithDependents();
- }
- });
- }
- };
-
- // Load a page into the DOM.
- $.mobile.loadPage = function( url, options ) {
- // This function uses deferred notifications to let callers
- // know when the page is done loading, or if an error has occurred.
- var deferred = $.Deferred(),
-
- // The default loadPage options with overrides specified by
- // the caller.
- settings = $.extend( {}, $.mobile.loadPage.defaults, options ),
-
- // The DOM element for the page after it has been loaded.
- page = null,
-
- // If the reloadPage option is true, and the page is already
- // in the DOM, dupCachedPage will be set to the page element
- // so that it can be removed after the new version of the
- // page is loaded off the network.
- dupCachedPage = null,
-
- // determine the current base url
- findBaseWithDefault = function(){
- var closestBase = ( $.mobile.activePage && getClosestBaseUrl( $.mobile.activePage ) );
- return closestBase || documentBase.hrefNoHash;
- },
-
- // The absolute version of the URL passed into the function. This
- // version of the URL may contain dialog/subpage params in it.
- absUrl = path.makeUrlAbsolute( url, findBaseWithDefault() );
-
-
- // If the caller provided data, and we're using "get" request,
- // append the data to the URL.
- if ( settings.data && settings.type === "get" ) {
- absUrl = path.addSearchParams( absUrl, settings.data );
- settings.data = undefined;
- }
-
- // If the caller is using a "post" request, reloadPage must be true
- if( settings.data && settings.type === "post" ){
- settings.reloadPage = true;
- }
-
- // The absolute version of the URL minus any dialog/subpage params.
- // In otherwords the real URL of the page to be loaded.
- var fileUrl = path.getFilePath( absUrl ),
-
- // The version of the Url actually stored in the data-url attribute of
- // the page. For embedded pages, it is just the id of the page. For pages
- // within the same domain as the document base, it is the site relative
- // path. For cross-domain pages (Phone Gap only) the entire absolute Url
- // used to load the page.
- dataUrl = path.convertUrlToDataUrl( absUrl );
-
- // Make sure we have a pageContainer to work with.
- settings.pageContainer = settings.pageContainer || $.mobile.pageContainer;
-
- // Check to see if the page already exists in the DOM.
- page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" );
-
- // If we failed to find the page, check to see if the url is a
- // reference to an embedded page. If so, it may have been dynamically
- // injected by a developer, in which case it would be lacking a data-url
- // attribute and in need of enhancement.
- if ( page.length === 0 && dataUrl && !path.isPath( dataUrl ) ) {
- page = settings.pageContainer.children( "#" + dataUrl )
- .attr( "data-" + $.mobile.ns + "url", dataUrl );
- }
-
- // If we failed to find a page in the DOM, check the URL to see if it
- // refers to the first page in the application. If it isn't a reference
- // to the first page and refers to non-existent embedded page, error out.
- if ( page.length === 0 ) {
- if ( $.mobile.firstPage && path.isFirstPageUrl( fileUrl ) ) {
- // Check to make sure our cached-first-page is actually
- // in the DOM. Some user deployed apps are pruning the first
- // page from the DOM for various reasons, we check for this
- // case here because we don't want a first-page with an id
- // falling through to the non-existent embedded page error
- // case. If the first-page is not in the DOM, then we let
- // things fall through to the ajax loading code below so
- // that it gets reloaded.
- if ( $.mobile.firstPage.parent().length ) {
- page = $( $.mobile.firstPage );
- }
- } else if ( path.isEmbeddedPage( fileUrl ) ) {
- deferred.reject( absUrl, options );
- return deferred.promise();
- }
- }
-
- // Reset base to the default document base.
- if ( base ) {
- base.reset();
- }
-
- // If the page we are interested in is already in the DOM,
- // and the caller did not indicate that we should force a
- // reload of the file, we are done. Otherwise, track the
- // existing page as a duplicated.
- if ( page.length ) {
- if ( !settings.reloadPage ) {
- enhancePage( page, settings.role );
- deferred.resolve( absUrl, options, page );
- return deferred.promise();
- }
- dupCachedPage = page;
- }
-
- var mpc = settings.pageContainer,
- pblEvent = new $.Event( "pagebeforeload" ),
- triggerData = { url: url, absUrl: absUrl, dataUrl: dataUrl, deferred: deferred, options: settings };
-
- // Let listeners know we're about to load a page.
- mpc.trigger( pblEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- if( pblEvent.isDefaultPrevented() ){
- return deferred.promise();
- }
-
- if ( settings.showLoadMsg ) {
-
- // This configurable timeout allows cached pages a brief delay to load without showing a message
- var loadMsgDelay = setTimeout(function(){
- $.mobile.showPageLoadingMsg();
- }, settings.loadMsgDelay ),
-
- // Shared logic for clearing timeout and removing message.
- hideMsg = function(){
-
- // Stop message show timer
- clearTimeout( loadMsgDelay );
-
- // Hide loading message
- $.mobile.hidePageLoadingMsg();
- };
- }
-
- if ( !( $.mobile.allowCrossDomainPages || path.isSameDomain( documentUrl, absUrl ) ) ) {
- deferred.reject( absUrl, options );
- } else {
- // Load the new page.
- $.ajax({
- url: fileUrl,
- type: settings.type,
- data: settings.data,
- dataType: "html",
- success: function( html, textStatus, xhr ) {
- //pre-parse html to check for a data-url,
- //use it as the new fileUrl, base path, etc
- var all = $( "<div></div>" ),
-
- //page title regexp
- newPageTitle = html.match( /<title[^>]*>([^<]*)/ ) && RegExp.$1,
-
- // TODO handle dialogs again
- pageElemRegex = new RegExp( "(<[^>]+\\bdata-" + $.mobile.ns + "role=[\"']?page[\"']?[^>]*>)" ),
- dataUrlRegex = new RegExp( "\\bdata-" + $.mobile.ns + "url=[\"']?([^\"'>]*)[\"']?" );
-
-
- // data-url must be provided for the base tag so resource requests can be directed to the
- // correct url. loading into a temprorary element makes these requests immediately
- if( pageElemRegex.test( html )
- && RegExp.$1
- && dataUrlRegex.test( RegExp.$1 )
- && RegExp.$1 ) {
- url = fileUrl = path.getFilePath( RegExp.$1 );
- }
-
- if ( base ) {
- base.set( fileUrl );
- }
-
- //workaround to allow scripts to execute when included in page divs
- all.get( 0 ).innerHTML = html;
- page = all.find( ":jqmData(role='page'), :jqmData(role='dialog')" ).first();
-
- //if page elem couldn't be found, create one and insert the body element's contents
- if( !page.length ){
- page = $( "<div data-" + $.mobile.ns + "role='page'>" + html.split( /<\/?body[^>]*>/gmi )[1] + "</div>" );
- }
-
- if ( newPageTitle && !page.jqmData( "title" ) ) {
- if ( ~newPageTitle.indexOf( "&" ) ) {
- newPageTitle = $( "<div>" + newPageTitle + "</div>" ).text();
- }
- page.jqmData( "title", newPageTitle );
- }
-
- //rewrite src and href attrs to use a base url
- if( !$.support.dynamicBaseTag ) {
- var newPath = path.get( fileUrl );
- page.find( "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]" ).each(function() {
- var thisAttr = $( this ).is( '[href]' ) ? 'href' :
- $(this).is('[src]') ? 'src' : 'action',
- thisUrl = $( this ).attr( thisAttr );
-
- // XXX_jblas: We need to fix this so that it removes the document
- // base URL, and then prepends with the new page URL.
- //if full path exists and is same, chop it - helps IE out
- thisUrl = thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' );
-
- if( !/^(\w+:|#|\/)/.test( thisUrl ) ) {
- $( this ).attr( thisAttr, newPath + thisUrl );
- }
- });
- }
-
- //append to page and enhance
- // TODO taging a page with external to make sure that embedded pages aren't removed
- // by the various page handling code is bad. Having page handling code in many
- // places is bad. Solutions post 1.0
- page
- .attr( "data-" + $.mobile.ns + "url", path.convertUrlToDataUrl( fileUrl ) )
- .attr( "data-" + $.mobile.ns + "external-page", true )
- .appendTo( settings.pageContainer );
-
- // wait for page creation to leverage options defined on widget
- page.one( 'pagecreate', $.mobile._bindPageRemove );
-
- enhancePage( page, settings.role );
-
- // Enhancing the page may result in new dialogs/sub pages being inserted
- // into the DOM. If the original absUrl refers to a sub-page, that is the
- // real page we are interested in.
- if ( absUrl.indexOf( "&" + $.mobile.subPageUrlKey ) > -1 ) {
- page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" );
- }
-
- //bind pageHide to removePage after it's hidden, if the page options specify to do so
-
- // Remove loading message.
- if ( settings.showLoadMsg ) {
- hideMsg();
- }
-
- // Add the page reference and xhr to our triggerData.
- triggerData.xhr = xhr;
- triggerData.textStatus = textStatus;
- triggerData.page = page;
-
- // Let listeners know the page loaded successfully.
- settings.pageContainer.trigger( "pageload", triggerData );
-
- deferred.resolve( absUrl, options, page, dupCachedPage );
- },
- error: function( xhr, textStatus, errorThrown ) {
- //set base back to current path
- if( base ) {
- base.set( path.get() );
- }
-
- // Add error info to our triggerData.
- triggerData.xhr = xhr;
- triggerData.textStatus = textStatus;
- triggerData.errorThrown = errorThrown;
-
- var plfEvent = new $.Event( "pageloadfailed" );
-
- // Let listeners know the page load failed.
- settings.pageContainer.trigger( plfEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- // Note that it is the responsibility of the listener/handler
- // that called preventDefault(), to resolve/reject the
- // deferred object within the triggerData.
- if( plfEvent.isDefaultPrevented() ){
- return;
- }
-
- // Remove loading message.
- if ( settings.showLoadMsg ) {
-
- // Remove loading message.
- hideMsg();
-
- // show error message
- $.mobile.showPageLoadingMsg( $.mobile.pageLoadErrorMessageTheme, $.mobile.pageLoadErrorMessage, true );
-
- // hide after delay
- setTimeout( $.mobile.hidePageLoadingMsg, 1500 );
- }
-
- deferred.reject( absUrl, options );
- }
- });
- }
-
- return deferred.promise();
- };
-
- $.mobile.loadPage.defaults = {
- type: "get",
- data: undefined,
- reloadPage: false,
- role: undefined, // By default we rely on the role defined by the @data-role attribute.
- showLoadMsg: false,
- pageContainer: undefined,
- loadMsgDelay: 50 // This delay allows loads that pull from browser cache to occur without showing the loading message.
- };
-
- // Show a specific page in the page container.
- $.mobile.changePage = function( toPage, options ) {
- // If we are in the midst of a transition, queue the current request.
- // We'll call changePage() once we're done with the current transition to
- // service the request.
- if( isPageTransitioning ) {
- pageTransitionQueue.unshift( arguments );
- return;
- }
-
- var settings = $.extend( {}, $.mobile.changePage.defaults, options );
-
- // Make sure we have a pageContainer to work with.
- settings.pageContainer = settings.pageContainer || $.mobile.pageContainer;
-
- // Make sure we have a fromPage.
- settings.fromPage = settings.fromPage || $.mobile.activePage;
-
- var mpc = settings.pageContainer,
- pbcEvent = new $.Event( "pagebeforechange" ),
- triggerData = { toPage: toPage, options: settings };
-
- // Let listeners know we're about to change the current page.
- mpc.trigger( pbcEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- if( pbcEvent.isDefaultPrevented() ){
- return;
- }
-
- // We allow "pagebeforechange" observers to modify the toPage in the trigger
- // data to allow for redirects. Make sure our toPage is updated.
-
- toPage = triggerData.toPage;
-
- // Set the isPageTransitioning flag to prevent any requests from
- // entering this method while we are in the midst of loading a page
- // or transitioning.
-
- isPageTransitioning = true;
-
- // If the caller passed us a url, call loadPage()
- // to make sure it is loaded into the DOM. We'll listen
- // to the promise object it returns so we know when
- // it is done loading or if an error ocurred.
- if ( typeof toPage == "string" ) {
- $.mobile.loadPage( toPage, settings )
- .done(function( url, options, newPage, dupCachedPage ) {
- isPageTransitioning = false;
- options.duplicateCachedPage = dupCachedPage;
- $.mobile.changePage( newPage, options );
- })
- .fail(function( url, options ) {
- isPageTransitioning = false;
-
- //clear out the active button state
- removeActiveLinkClass( true );
-
- //release transition lock so navigation is free again
- releasePageTransitionLock();
- settings.pageContainer.trigger( "pagechangefailed", triggerData );
- });
- return;
- }
-
- // If we are going to the first-page of the application, we need to make
- // sure settings.dataUrl is set to the application document url. This allows
- // us to avoid generating a document url with an id hash in the case where the
- // first-page of the document has an id attribute specified.
- if ( toPage[ 0 ] === $.mobile.firstPage[ 0 ] && !settings.dataUrl ) {
- settings.dataUrl = documentUrl.hrefNoHash;
- }
-
- // The caller passed us a real page DOM element. Update our
- // internal state and then trigger a transition to the page.
- var fromPage = settings.fromPage,
- url = ( settings.dataUrl && path.convertUrlToDataUrl( settings.dataUrl ) ) || toPage.jqmData( "url" ),
- // The pageUrl var is usually the same as url, except when url is obscured as a dialog url. pageUrl always contains the file path
- pageUrl = url,
- fileUrl = path.getFilePath( url ),
- active = urlHistory.getActive(),
- activeIsInitialPage = urlHistory.activeIndex === 0,
- historyDir = 0,
- pageTitle = document.title,
- isDialog = settings.role === "dialog" || toPage.jqmData( "role" ) === "dialog";
-
- // By default, we prevent changePage requests when the fromPage and toPage
- // are the same element, but folks that generate content manually/dynamically
- // and reuse pages want to be able to transition to the same page. To allow
- // this, they will need to change the default value of allowSamePageTransition
- // to true, *OR*, pass it in as an option when they manually call changePage().
- // It should be noted that our default transition animations assume that the
- // formPage and toPage are different elements, so they may behave unexpectedly.
- // It is up to the developer that turns on the allowSamePageTransitiona option
- // to either turn off transition animations, or make sure that an appropriate
- // animation transition is used.
- if( fromPage && fromPage[0] === toPage[0] && !settings.allowSamePageTransition ) {
- isPageTransitioning = false;
- mpc.trigger( "pagechange", triggerData );
- return;
- }
-
- // We need to make sure the page we are given has already been enhanced.
- enhancePage( toPage, settings.role );
-
- // If the changePage request was sent from a hashChange event, check to see if the
- // page is already within the urlHistory stack. If so, we'll assume the user hit
- // the forward/back button and will try to match the transition accordingly.
- if( settings.fromHashChange ) {
- urlHistory.directHashChange({
- currentUrl: url,
- isBack: function() { historyDir = -1; },
- isForward: function() { historyDir = 1; }
- });
- }
-
- // Kill the keyboard.
- // XXX_jblas: We need to stop crawling the entire document to kill focus. Instead,
- // we should be tracking focus with a delegate() handler so we already have
- // the element in hand at this point.
- // Wrap this in a try/catch block since IE9 throw "Unspecified error" if document.activeElement
- // is undefined when we are in an IFrame.
- try {
- if(document.activeElement && document.activeElement.nodeName.toLowerCase() != 'body') {
- $(document.activeElement).blur();
- } else {
- $( "input:focus, textarea:focus, select:focus" ).blur();
- }
- } catch(e) {}
-
- // If we're displaying the page as a dialog, we don't want the url
- // for the dialog content to be used in the hash. Instead, we want
- // to append the dialogHashKey to the url of the current page.
- if ( isDialog && active ) {
- // on the initial page load active.url is undefined and in that case should
- // be an empty string. Moving the undefined -> empty string back into
- // urlHistory.addNew seemed imprudent given undefined better represents
- // the url state
- url = ( active.url || "" ) + dialogHashKey;
- }
-
- // Set the location hash.
- if( settings.changeHash !== false && url ) {
- //disable hash listening temporarily
- urlHistory.ignoreNextHashChange = true;
- //update hash and history
- path.set( url );
- }
-
- // if title element wasn't found, try the page div data attr too
- // If this is a deep-link or a reload ( active === undefined ) then just use pageTitle
- var newPageTitle = ( !active )? pageTitle : toPage.jqmData( "title" ) || toPage.children(":jqmData(role='header')").find(".ui-title" ).getEncodedText();
- if( !!newPageTitle && pageTitle == document.title ) {
- pageTitle = newPageTitle;
- }
- if ( !toPage.jqmData( "title" ) ) {
- toPage.jqmData( "title", pageTitle );
- }
-
- // Make sure we have a transition defined.
- settings.transition = settings.transition
- || ( ( historyDir && !activeIsInitialPage ) ? active.transition : undefined )
- || ( isDialog ? $.mobile.defaultDialogTransition : $.mobile.defaultPageTransition );
-
- //add page to history stack if it's not back or forward
- if( !historyDir ) {
- urlHistory.addNew( url, settings.transition, pageTitle, pageUrl, settings.role );
- }
-
- //set page title
- document.title = urlHistory.getActive().title;
-
- //set "toPage" as activePage
- $.mobile.activePage = toPage;
-
- // If we're navigating back in the URL history, set reverse accordingly.
- settings.reverse = settings.reverse || historyDir < 0;
-
- transitionPages( toPage, fromPage, settings.transition, settings.reverse )
- .done(function( name, reverse, $to, $from, alreadyFocused ) {
- removeActiveLinkClass();
-
- //if there's a duplicateCachedPage, remove it from the DOM now that it's hidden
- if ( settings.duplicateCachedPage ) {
- settings.duplicateCachedPage.remove();
- }
-
- // Send focus to the newly shown page. Moved from promise .done binding in transitionPages
- // itself to avoid ie bug that reports offsetWidth as > 0 (core check for visibility)
- // despite visibility: hidden addresses issue #2965
- // https://github.com/jquery/jquery-mobile/issues/2965
- if( !alreadyFocused ){
- $.mobile.focusPage( toPage );
- }
-
- releasePageTransitionLock();
-
- // Let listeners know we're all done changing the current page.
- mpc.trigger( "pagechange", triggerData );
- });
- };
-
- $.mobile.changePage.defaults = {
- transition: undefined,
- reverse: false,
- changeHash: true,
- fromHashChange: false,
- role: undefined, // By default we rely on the role defined by the @data-role attribute.
- duplicateCachedPage: undefined,
- pageContainer: undefined,
- showLoadMsg: true, //loading message shows by default when pages are being fetched during changePage
- dataUrl: undefined,
- fromPage: undefined,
- allowSamePageTransition: false
- };
-
-/* Event Bindings - hashchange, submit, and click */
- function findClosestLink( ele )
- {
- while ( ele ) {
- // Look for the closest element with a nodeName of "a".
- // Note that we are checking if we have a valid nodeName
- // before attempting to access it. This is because the
- // node we get called with could have originated from within
- // an embedded SVG document where some symbol instance elements
- // don't have nodeName defined on them, or strings are of type
- // SVGAnimatedString.
- if ( ( typeof ele.nodeName === "string" ) && ele.nodeName.toLowerCase() == "a" ) {
- break;
- }
- ele = ele.parentNode;
- }
- return ele;
- }
-
- // The base URL for any given element depends on the page it resides in.
- function getClosestBaseUrl( ele )
- {
- // Find the closest page and extract out its url.
- var url = $( ele ).closest( ".ui-page" ).jqmData( "url" ),
- base = documentBase.hrefNoHash;
-
- if ( !url || !path.isPath( url ) ) {
- url = base;
- }
-
- return path.makeUrlAbsolute( url, base);
- }
-
-
- //The following event bindings should be bound after mobileinit has been triggered
- //the following function is called in the init file
- $.mobile._registerInternalEvents = function(){
-
- //bind to form submit events, handle with Ajax
- $( document ).delegate( "form", "submit", function( event ) {
- var $this = $( this );
-
- if( !$.mobile.ajaxEnabled ||
- // test that the form is, itself, ajax false
- $this.is(":jqmData(ajax='false')") ||
- // test that $.mobile.ignoreContentEnabled is set and
- // the form or one of it's parents is ajax=false
- !$this.jqmHijackable().length ) {
- return;
- }
-
- var type = $this.attr( "method" ),
- target = $this.attr( "target" ),
- url = $this.attr( "action" );
-
- // If no action is specified, browsers default to using the
- // URL of the document containing the form. Since we dynamically
- // pull in pages from external documents, the form should submit
- // to the URL for the source document of the page containing
- // the form.
- if ( !url ) {
- // Get the @data-url for the page containing the form.
- url = getClosestBaseUrl( $this );
- if ( url === documentBase.hrefNoHash ) {
- // The url we got back matches the document base,
- // which means the page must be an internal/embedded page,
- // so default to using the actual document url as a browser
- // would.
- url = documentUrl.hrefNoSearch;
- }
- }
-
- url = path.makeUrlAbsolute( url, getClosestBaseUrl($this) );
-
- //external submits use regular HTTP
- if( path.isExternal( url ) || target ) {
- return;
- }
-
- $.mobile.changePage(
- url,
- {
- type: type && type.length && type.toLowerCase() || "get",
- data: $this.serialize(),
- transition: $this.jqmData( "transition" ),
- direction: $this.jqmData( "direction" ),
- reloadPage: true
- }
- );
- event.preventDefault();
- });
-
- //add active state on vclick
- $( document ).bind( "vclick", function( event ) {
- // if this isn't a left click we don't care. Its important to note
- // that when the virtual event is generated it will create the which attr
- if ( event.which > 1 || !$.mobile.linkBindingEnabled ) {
- return;
- }
-
- var link = findClosestLink( event.target );
-
- // split from the previous return logic to avoid find closest where possible
- // TODO teach $.mobile.hijackable to operate on raw dom elements so the link wrapping
- // can be avoided
- if ( !$(link).jqmHijackable().length ) {
- return;
- }
-
- if ( link ) {
- if ( path.parseUrl( link.getAttribute( "href" ) || "#" ).hash !== "#" ) {
- removeActiveLinkClass( true );
- $activeClickedLink = $( link ).closest( ".ui-btn" ).not( ".ui-disabled" );
- $activeClickedLink.addClass( $.mobile.activeBtnClass );
- $( "." + $.mobile.activePageClass + " .ui-btn" ).not( link ).blur();
-
- // By caching the href value to data and switching the href to a #, we can avoid address bar showing in iOS. The click handler resets the href during its initial steps if this data is present
- $( link )
- .jqmData( "href", $( link ).attr( "href" ) )
- .attr( "href", "#" );
- }
- }
- });
-
- // click routing - direct to HTTP or Ajax, accordingly
- $( document ).bind( "click", function( event ) {
- if( !$.mobile.linkBindingEnabled ){
- return;
- }
-
- var link = findClosestLink( event.target ), $link = $( link ), httpCleanup;
-
- // If there is no link associated with the click or its not a left
- // click we want to ignore the click
- // TODO teach $.mobile.hijackable to operate on raw dom elements so the link wrapping
- // can be avoided
- if ( !link || event.which > 1 || !$link.jqmHijackable().length ) {
- return;
- }
-
- //remove active link class if external (then it won't be there if you come back)
- httpCleanup = function(){
- window.setTimeout( function() { removeActiveLinkClass( true ); }, 200 );
- };
-
- // If there's data cached for the real href value, set the link's href back to it again. This pairs with an address bar workaround from the vclick handler
- if( $link.jqmData( "href" ) ){
- $link.attr( "href", $link.jqmData( "href" ) );
- }
-
- //if there's a data-rel=back attr, go back in history
- if( $link.is( ":jqmData(rel='back')" ) ) {
- window.history.back();
- return false;
- }
-
- var baseUrl = getClosestBaseUrl( $link ),
-
- //get href, if defined, otherwise default to empty hash
- href = path.makeUrlAbsolute( $link.attr( "href" ) || "#", baseUrl );
-
- //if ajax is disabled, exit early
- if( !$.mobile.ajaxEnabled && !path.isEmbeddedPage( href ) ){
- httpCleanup();
- //use default click handling
- return;
- }
-
- // XXX_jblas: Ideally links to application pages should be specified as
- // an url to the application document with a hash that is either
- // the site relative path or id to the page. But some of the
- // internal code that dynamically generates sub-pages for nested
- // lists and select dialogs, just write a hash in the link they
- // create. This means the actual URL path is based on whatever
- // the current value of the base tag is at the time this code
- // is called. For now we are just assuming that any url with a
- // hash in it is an application page reference.
- if ( href.search( "#" ) != -1 ) {
- href = href.replace( /[^#]*#/, "" );
- if ( !href ) {
- //link was an empty hash meant purely
- //for interaction, so we ignore it.
- event.preventDefault();
- return;
- } else if ( path.isPath( href ) ) {
- //we have apath so make it the href we want to load.
- href = path.makeUrlAbsolute( href, baseUrl );
- } else {
- //we have a simple id so use the documentUrl as its base.
- href = path.makeUrlAbsolute( "#" + href, documentUrl.hrefNoHash );
- }
- }
-
- // Should we handle this link, or let the browser deal with it?
- var useDefaultUrlHandling = $link.is( "[rel='external']" ) || $link.is( ":jqmData(ajax='false')" ) || $link.is( "[target]" ),
-
- // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR
- // requests if the document doing the request was loaded via the file:// protocol.
- // This is usually to allow the application to "phone home" and fetch app specific
- // data. We normally let the browser handle external/cross-domain urls, but if the
- // allowCrossDomainPages option is true, we will allow cross-domain http/https
- // requests to go through our page loading logic.
- isCrossDomainPageLoad = ( $.mobile.allowCrossDomainPages && documentUrl.protocol === "file:" && href.search( /^https?:/ ) != -1 ),
-
- //check for protocol or rel and its not an embedded page
- //TODO overlap in logic from isExternal, rel=external check should be
- // moved into more comprehensive isExternalLink
- isExternal = useDefaultUrlHandling || ( path.isExternal( href ) && !isCrossDomainPageLoad );
-
- if( isExternal ) {
- httpCleanup();
- //use default click handling
- return;
- }
-
- //use ajax
- var transition = $link.jqmData( "transition" ),
- direction = $link.jqmData( "direction" ),
- reverse = ( direction && direction === "reverse" ) ||
- // deprecated - remove by 1.0
- $link.jqmData( "back" ),
-
- //this may need to be more specific as we use data-rel more
- role = $link.attr( "data-" + $.mobile.ns + "rel" ) || undefined;
-
- $.mobile.changePage( href, { transition: transition, reverse: reverse, role: role } );
- event.preventDefault();
- });
-
- //prefetch pages when anchors with data-prefetch are encountered
- $( document ).delegate( ".ui-page", "pageshow.prefetch", function() {
- var urls = [];
- $( this ).find( "a:jqmData(prefetch)" ).each(function(){
- var $link = $(this),
- url = $link.attr( "href" );
-
- if ( url && $.inArray( url, urls ) === -1 ) {
- urls.push( url );
-
- $.mobile.loadPage( url, {role: $link.attr("data-" + $.mobile.ns + "rel")} );
- }
- });
- });
-
- $.mobile._handleHashChange = function( hash ) {
- //find first page via hash
- var to = path.stripHash( hash ),
- //transition is false if it's the first page, undefined otherwise (and may be overridden by default)
- transition = $.mobile.urlHistory.stack.length === 0 ? "none" : undefined,
-
- // default options for the changPage calls made after examining the current state
- // of the page and the hash
- changePageOptions = {
- transition: transition,
- changeHash: false,
- fromHashChange: true
- };
-
- //if listening is disabled (either globally or temporarily), or it's a dialog hash
- if( !$.mobile.hashListeningEnabled || urlHistory.ignoreNextHashChange ) {
- urlHistory.ignoreNextHashChange = false;
- return;
- }
-
- // special case for dialogs
- if( urlHistory.stack.length > 1 && to.indexOf( dialogHashKey ) > -1 ) {
-
- // If current active page is not a dialog skip the dialog and continue
- // in the same direction
- if(!$.mobile.activePage.is( ".ui-dialog" )) {
- //determine if we're heading forward or backward and continue accordingly past
- //the current dialog
- urlHistory.directHashChange({
- currentUrl: to,
- isBack: function() { window.history.back(); },
- isForward: function() { window.history.forward(); }
- });
-
- // prevent changePage()
- return;
- } else {
- // if the current active page is a dialog and we're navigating
- // to a dialog use the dialog objected saved in the stack
- urlHistory.directHashChange({
- currentUrl: to,
-
- // regardless of the direction of the history change
- // do the following
- either: function( isBack ) {
- var active = $.mobile.urlHistory.getActive();
-
- to = active.pageUrl;
-
- // make sure to set the role, transition and reversal
- // as most of this is lost by the domCache cleaning
- $.extend( changePageOptions, {
- role: active.role,
- transition: active.transition,
- reverse: isBack
- });
- }
- });
- }
- }
-
- //if to is defined, load it
- if ( to ) {
- // At this point, 'to' can be one of 3 things, a cached page element from
- // a history stack entry, an id, or site-relative/absolute URL. If 'to' is
- // an id, we need to resolve it against the documentBase, not the location.href,
- // since the hashchange could've been the result of a forward/backward navigation
- // that crosses from an external page/dialog to an internal page/dialog.
- to = ( typeof to === "string" && !path.isPath( to ) ) ? ( path.makeUrlAbsolute( '#' + to, documentBase ) ) : to;
- $.mobile.changePage( to, changePageOptions );
- } else {
- //there's no hash, go to the first page in the dom
- $.mobile.changePage( $.mobile.firstPage, changePageOptions );
- }
- };
-
- //hashchange event handler
- $window.bind( "hashchange", function( e, triggered ) {
- $.mobile._handleHashChange( location.hash );
- });
-
- //set page min-heights to be device specific
- $( document ).bind( "pageshow", resetActivePageHeight );
- $( window ).bind( "throttledresize", resetActivePageHeight );
-
- };//_registerInternalEvents callback
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: history.pushState support, layered on top of hashchange.
-//>>label: Pushstate Support
-//>>group: Navigation
-
-define( [ "jquery", "./jquery.mobile.navigation", "../external/requirejs/depend!./jquery.mobile.hashchange[jquery]" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $, window ) {
- // For now, let's Monkeypatch this onto the end of $.mobile._registerInternalEvents
- // Scope self to pushStateHandler so we can reference it sanely within the
- // methods handed off as event handlers
- var pushStateHandler = {},
- self = pushStateHandler,
- $win = $( window ),
- url = $.mobile.path.parseUrl( location.href );
-
- $.extend( pushStateHandler, {
- // TODO move to a path helper, this is rather common functionality
- initialFilePath: (function() {
- return url.pathname + url.search;
- })(),
-
- initialHref: url.hrefNoHash,
-
- state: function() {
- return {
- hash: location.hash || "#" + self.initialFilePath,
- title: document.title,
-
- // persist across refresh
- initialHref: self.initialHref
- };
- },
-
- resetUIKeys: function( url ) {
- var dialog = $.mobile.dialogHashKey,
- subkey = "&" + $.mobile.subPageUrlKey,
- dialogIndex = url.indexOf( dialog );
-
- if( dialogIndex > -1 ) {
- url = url.slice( 0, dialogIndex ) + "#" + url.slice( dialogIndex );
- } else if( url.indexOf( subkey ) > -1 ) {
- url = url.split( subkey ).join( "#" + subkey );
- }
-
- return url;
- },
-
- hashValueAfterReset: function( url ) {
- var resetUrl = self.resetUIKeys( url );
- return $.mobile.path.parseUrl( resetUrl ).hash;
- },
-
- // TODO sort out a single barrier to hashchange functionality
- nextHashChangePrevented: function( value ) {
- $.mobile.urlHistory.ignoreNextHashChange = value;
- self.onHashChangeDisabled = value;
- },
-
- // on hash change we want to clean up the url
- // NOTE this takes place *after* the vanilla navigation hash change
- // handling has taken place and set the state of the DOM
- onHashChange: function( e ) {
- // disable this hash change
- if( self.onHashChangeDisabled ){
- return;
- }
-
- var href, state,
- hash = location.hash,
- isPath = $.mobile.path.isPath( hash ),
- resolutionUrl = isPath ? location.href : $.mobile.getDocumentUrl();
-
- hash = isPath ? hash.replace( "#", "" ) : hash;
-
-
- // propulate the hash when its not available
- state = self.state();
-
- // make the hash abolute with the current href
- href = $.mobile.path.makeUrlAbsolute( hash, resolutionUrl );
-
- if ( isPath ) {
- href = self.resetUIKeys( href );
- }
-
- // replace the current url with the new href and store the state
- // Note that in some cases we might be replacing an url with the
- // same url. We do this anyways because we need to make sure that
- // all of our history entries have a state object associated with
- // them. This allows us to work around the case where window.history.back()
- // is called to transition from an external page to an embedded page.
- // In that particular case, a hashchange event is *NOT* generated by the browser.
- // Ensuring each history entry has a state object means that onPopState()
- // will always trigger our hashchange callback even when a hashchange event
- // is not fired.
- history.replaceState( state, document.title, href );
- },
-
- // on popstate (ie back or forward) we need to replace the hash that was there previously
- // cleaned up by the additional hash handling
- onPopState: function( e ) {
- var poppedState = e.originalEvent.state,
- timeout, fromHash, toHash, hashChanged;
-
- // if there's no state its not a popstate we care about, eg chrome's initial popstate
- if( poppedState ) {
- // the active url in the history stack will still be from the previous state
- // so we can use it to verify if a hashchange will be fired from the popstate
- fromHash = self.hashValueAfterReset( $.mobile.urlHistory.getActive().url );
-
- // the hash stored in the state popped off the stack will be our currenturl or
- // the url to which we wish to navigate
- toHash = self.hashValueAfterReset( poppedState.hash.replace("#", "") );
-
- // if the hashes of the urls are different we must assume that the browser
- // will fire a hashchange
- hashChanged = fromHash !== toHash;
-
- // unlock hash handling once the hashchange caused be the popstate has fired
- if( hashChanged ) {
- $win.one( "hashchange.pushstate", function() {
- self.nextHashChangePrevented( false );
- });
- }
-
- // enable hash handling for the the _handleHashChange call
- self.nextHashChangePrevented( false );
-
- // change the page based on the hash
- $.mobile._handleHashChange( poppedState.hash );
-
- // only prevent another hash change handling if a hash change will be fired
- // by the browser
- if( hashChanged ) {
- // disable hash handling until one of the above timers fires
- self.nextHashChangePrevented( true );
- }
- }
- },
-
- init: function() {
- $win.bind( "hashchange", self.onHashChange );
-
- // Handle popstate events the occur through history changes
- $win.bind( "popstate", self.onPopState );
-
- // if there's no hash, we need to replacestate for returning to home
- if ( location.hash === "" ) {
- history.replaceState( self.state(), document.title, location.href );
- }
- }
- });
-
- $( function() {
- if( $.mobile.pushStateEnabled && $.support.pushState ){
- pushStateHandler.init();
- }
- });
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Adds class to make elements hidden to A grade browsers
-//>>label: “nojs” Classes
-//>>group: Utilities
-
-define( [ "jquery" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='nojs')", e.target ).addClass( "ui-nojs" );
-
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Basic page definition and formatting.
-//>>label: Page Creation
-//>>group: Core
-
-define( [ "jquery", "./jquery.mobile.widget" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.page", $.mobile.widget, {
- options: {
- theme: "c",
- domCache: false,
- keepNativeDefault: ":jqmData(role='none'), :jqmData(role='nojs')"
- },
-
- _create: function() {
-
- var self = this;
-
- // if false is returned by the callbacks do not create the page
- if( self._trigger( "beforecreate" ) === false ){
- return false;
- }
-
- self.element
- .attr( "tabindex", "0" )
- .addClass( "ui-page ui-body-" + self.options.theme )
- .bind( "pagebeforehide", function(){
- self.removeContainerBackground();
- } )
- .bind( "pagebeforeshow", function(){
- self.setContainerBackground();
- } );
-
- },
-
- removeContainerBackground: function(){
- $.mobile.pageContainer.removeClass( "ui-overlay-" + $.mobile.getInheritedTheme( this.element.parent() ) );
- },
-
- // set the page container background to the page theme
- setContainerBackground: function( theme ){
- if( this.options.theme ){
- $.mobile.pageContainer.addClass( "ui-overlay-" + ( theme || this.options.theme ) );
- }
- },
-
- keepNativeSelector: function() {
- var options = this.options,
- keepNativeDefined = options.keepNative && $.trim(options.keepNative);
-
- if( keepNativeDefined && options.keepNative !== options.keepNativeDefault ){
- return [options.keepNative, options.keepNativeDefault].join(", ");
- }
-
- return options.keepNativeDefault;
- }
-});
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Theming and layout of headers, footers, and content areas
-//>>label: Page Sections
-//>>group: Core
-
-define( [ "jquery", "./jquery.mobile.page", "./jquery.mobile.core", "./jquery.mobile.buttonMarkup" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.mobile.page.prototype.options.backBtnText = "Back";
-$.mobile.page.prototype.options.addBackBtn = false;
-$.mobile.page.prototype.options.backBtnTheme = null;
-$.mobile.page.prototype.options.headerTheme = "a";
-$.mobile.page.prototype.options.footerTheme = "a";
-$.mobile.page.prototype.options.contentTheme = null;
-
-$( document ).delegate( ":jqmData(role='page'), :jqmData(role='dialog')", "pagecreate", function( e ) {
-
- var $page = $( this ),
- o = $page.data( "page" ).options,
- pageRole = $page.jqmData( "role" ),
- pageTheme = o.theme;
-
- $( ":jqmData(role='header'), :jqmData(role='footer'), :jqmData(role='content')", this )
- .jqmEnhanceable()
- .each(function() {
-
- var $this = $( this ),
- role = $this.jqmData( "role" ),
- theme = $this.jqmData( "theme" ),
- contentTheme = theme || o.contentTheme || ( pageRole === "dialog" && pageTheme ),
- $headeranchors,
- leftbtn,
- rightbtn,
- backBtn;
-
- $this.addClass( "ui-" + role );
-
- //apply theming and markup modifications to page,header,content,footer
- if ( role === "header" || role === "footer" ) {
-
- var thisTheme = theme || ( role === "header" ? o.headerTheme : o.footerTheme ) || pageTheme;
-
- $this
- //add theme class
- .addClass( "ui-bar-" + thisTheme )
- // Add ARIA role
- .attr( "role", role === "header" ? "banner" : "contentinfo" );
-
- if( role === "header") {
- // Right,left buttons
- $headeranchors = $this.children( "a" );
- leftbtn = $headeranchors.hasClass( "ui-btn-left" );
- rightbtn = $headeranchors.hasClass( "ui-btn-right" );
-
- leftbtn = leftbtn || $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length;
-
- rightbtn = rightbtn || $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length;
- }
-
- // Auto-add back btn on pages beyond first view
- if ( o.addBackBtn &&
- role === "header" &&
- $( ".ui-page" ).length > 1 &&
- $page.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) &&
- !leftbtn ) {
-
- backBtn = $( "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>" )
- // If theme is provided, override default inheritance
- .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme )
- .prependTo( $this );
- }
-
- // Page title
- $this.children( "h1, h2, h3, h4, h5, h6" )
- .addClass( "ui-title" )
- // Regardless of h element number in src, it becomes h1 for the enhanced page
- .attr({
- "role": "heading",
- "aria-level": "1"
- });
-
- } else if ( role === "content" ) {
- if ( contentTheme ) {
- $this.addClass( "ui-body-" + ( contentTheme ) );
- }
-
- // Add ARIA role
- $this.attr( "role", "main" );
- }
- });
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Assorted tests to qualify browsers by detecting features
-//>>label: Support Tests
-//>>group: Core
-//>>required: true
-
-define( [ "jquery", "./jquery.mobile.media", "./jquery.mobile.core" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-var fakeBody = $( "<body>" ).prependTo( "html" ),
- fbCSS = fakeBody[ 0 ].style,
- vendors = [ "Webkit", "Moz", "O" ],
- webos = "palmGetResource" in window, //only used to rule out scrollTop
- operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]",
- bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB
-
-// thx Modernizr
-function propExists( prop ) {
- var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ),
- props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " );
-
- for ( var v in props ){
- if ( fbCSS[ props[ v ] ] !== undefined ) {
- return true;
- }
- }
-}
-
-function validStyle( prop, value, check_vend ) {
- var div = document.createElement('div'),
- uc = function( txt ) {
- return txt.charAt( 0 ).toUpperCase() + txt.substr( 1 )
- },
- vend_pref = function( vend ) {
- return "-" + vend.charAt( 0 ).toLowerCase() + vend.substr( 1 ) + "-";
- },
- check_style = function( vend ) {
- var vend_prop = vend_pref( vend ) + prop + ": " + value + ";",
- uc_vend = uc( vend ),
- propStyle = uc_vend + uc( prop );
-
- div.setAttribute( "style", vend_prop );
-
- if( !!div.style[ propStyle ] ) {
- ret = true;
- }
- },
- check_vends = check_vend ? [ check_vend ] : vendors,
- ret;
-
- for( i = 0; i < check_vends.length; i++ ) {
- check_style( check_vends[i] );
- }
- return !!ret;
-}
-
-// Thanks to Modernizr src for this test idea. `perspective` check is limited to Moz to prevent a false positive for 3D transforms on Android.
-function transform3dTest() {
- var prop = "transform-3d";
- return validStyle( 'perspective', '10px', 'moz' ) || $.mobile.media( "(-" + vendors.join( "-" + prop + "),(-" ) + "-" + prop + "),(" + prop + ")" );
-}
-
-// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting )
-function baseTagTest() {
- var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/",
- base = $( "head base" ),
- fauxEle = null,
- href = "",
- link, rebase;
-
- if ( !base.length ) {
- base = fauxEle = $( "<base>", { "href": fauxBase }).appendTo( "head" );
- } else {
- href = base.attr( "href" );
- }
-
- link = $( "<a href='testurl' />" ).prependTo( fakeBody );
- rebase = link[ 0 ].href;
- base[ 0 ].href = href || location.pathname;
-
- if ( fauxEle ) {
- fauxEle.remove();
- }
- return rebase.indexOf( fauxBase ) === 0;
-}
-
-
-// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
-// allows for inclusion of IE 6+, including Windows Mobile 7
-$.extend( $.mobile, { browser: {} } );
-$.mobile.browser.ie = (function() {
- var v = 3,
- div = document.createElement( "div" ),
- a = div.all || [];
-
- // added {} to silence closure compiler warnings. registering my dislike of all things
- // overly clever here for future reference
- while ( div.innerHTML = "<!--[if gt IE " + ( ++v ) + "]><br><![endif]-->", a[ 0 ] ){};
-
- return v > 4 ? v : !v;
-})();
-
-
-$.extend( $.support, {
- orientation: "orientation" in window && "onorientationchange" in window,
- touch: "ontouchend" in document,
- cssTransitions: "WebKitTransitionEvent" in window || validStyle( 'transition', 'height 100ms linear' ),
- pushState: "pushState" in history && "replaceState" in history,
- mediaquery: $.mobile.media( "only all" ),
- cssPseudoElement: !!propExists( "content" ),
- touchOverflow: !!propExists( "overflowScrolling" ),
- cssTransform3d: transform3dTest(),
- boxShadow: !!propExists( "boxShadow" ) && !bb,
- scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini,
- dynamicBaseTag: baseTagTest()
-});
-
-fakeBody.remove();
-
-
-// $.mobile.ajaxBlacklist is used to override ajaxEnabled on platforms that have known conflicts with hash history updates (BB5, Symbian)
-// or that generally work better browsing in regular http for full page refreshes (Opera Mini)
-// Note: This detection below is used as a last resort.
-// We recommend only using these detection methods when all other more reliable/forward-looking approaches are not possible
-var nokiaLTE7_3 = (function(){
-
- var ua = window.navigator.userAgent;
-
- //The following is an attempt to match Nokia browsers that are running Symbian/s60, with webkit, version 7.3 or older
- return ua.indexOf( "Nokia" ) > -1 &&
- ( ua.indexOf( "Symbian/3" ) > -1 || ua.indexOf( "Series60/5" ) > -1 ) &&
- ua.indexOf( "AppleWebKit" ) > -1 &&
- ua.match( /(BrowserNG|NokiaBrowser)\/7\.[0-3]/ );
-})();
-
-// Support conditions that must be met in order to proceed
-// default enhanced qualifications are media query support OR IE 7+
-$.mobile.gradeA = function(){
- return $.support.mediaquery || $.mobile.browser.ie && $.mobile.browser.ie >= 7;
-};
-
-$.mobile.ajaxBlacklist =
- // BlackBerry browsers, pre-webkit
- window.blackberry && !window.WebKitPoint ||
- // Opera Mini
- operamini ||
- // Symbian webkits pre 7.3
- nokiaLTE7_3;
-
-// Lastly, this workaround is the only way we've found so far to get pre 7.3 Symbian webkit devices
-// to render the stylesheets when they're referenced before this script, as we'd recommend doing.
-// This simply reappends the CSS in place, which for some reason makes it apply
-if ( nokiaLTE7_3 ) {
- $(function() {
- $( "head link[rel='stylesheet']" ).attr( "rel", "alternate stylesheet" ).attr( "rel", "stylesheet" );
- });
-}
-
-// For ruling out shadows via css
-if ( !$.support.boxShadow ) {
- $( "html" ).addClass( "ui-mobile-nosupport-boxshadow" );
-}
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Feature test for orientation
-//>>label: Orientation support test
-//>>group: Core
-
-define( [ "jquery" ], function( jQuery ) {
-//>>excludeEnd("jqmBuildExclude");
- (function( $, undefined ) {
- $.extend( $.support, {
- orientation: "orientation" in window && "onorientationchange" in window
- });
- }( jQuery ));
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Touch feature test
-//>>label: Touch support test
-//>>group: Core
-
-define( [ "jquery" ], function( jQuery ) {
-//>>excludeEnd("jqmBuildExclude");
- (function( $, undefined ) {
- var support = {
- touch: "ontouchend" in document
- };
-
- $.mobile = $.mobile || {};
- $.mobile.support = $.mobile.support || {};
- $.extend( $.support, support );
- $.extend( $.mobile.support, support );
- }( jQuery ));
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-/*
-* fallback transition for flip in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Flip Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.flip.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.mobile.transitionFallbacks.flip = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for flow in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Flow Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.flow.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.mobile.transitionFallbacks.flow = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animated page change core logic and sequence handlers
-//>>label: Transition Core
-//>>group: Transitions
-//>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.transition.css
-
-define( [ "jquery", "./jquery.mobile.core" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-var createHandler = function( sequential ){
-
- // Default to sequential
- if( sequential === undefined ){
- sequential = true;
- }
-
- return function( name, reverse, $to, $from ) {
-
- var deferred = new $.Deferred(),
- reverseClass = reverse ? " reverse" : "",
- active = $.mobile.urlHistory.getActive(),
- toScroll = active.lastScroll || $.mobile.defaultHomeScroll,
- screenHeight = $.mobile.getScreenHeight(),
- maxTransitionOverride = $.mobile.maxTransitionWidth !== false && $( window ).width() > $.mobile.maxTransitionWidth,
- none = !$.support.cssTransitions || maxTransitionOverride || !name || name === "none",
- toggleViewportClass = function(){
- $.mobile.pageContainer.toggleClass( "ui-mobile-viewport-transitioning viewport-" + name );
- },
- scrollPage = function(){
- // By using scrollTo instead of silentScroll, we can keep things better in order
- // Just to be precautios, disable scrollstart listening like silentScroll would
- $.event.special.scrollstart.enabled = false;
-
- window.scrollTo( 0, toScroll );
-
- // reenable scrollstart listening like silentScroll would
- setTimeout(function() {
- $.event.special.scrollstart.enabled = true;
- }, 150 );
- },
- cleanFrom = function(){
- $from
- .removeClass( $.mobile.activePageClass + " out in reverse " + name )
- .height( "" );
- },
- startOut = function(){
- // if it's not sequential, call the doneOut transition to start the TO page animating in simultaneously
- if( !sequential ){
- doneOut();
- }
- else {
- $from.animationComplete( doneOut );
- }
-
- // Set the from page's height and start it transitioning out
- // Note: setting an explicit height helps eliminate tiling in the transitions
- $from
- .height( screenHeight + $(window ).scrollTop() )
- .addClass( name + " out" + reverseClass );
- },
-
- doneOut = function() {
-
- if ( $from && sequential ) {
- cleanFrom();
- }
-
- startIn();
- },
-
- startIn = function(){
-
- $to.addClass( $.mobile.activePageClass );
-
- // Send focus to page as it is now display: block
- $.mobile.focusPage( $to );
-
- // Set to page height
- $to.height( screenHeight + toScroll );
-
- scrollPage();
-
- if( !none ){
- $to.animationComplete( doneIn );
- }
-
- $to.addClass( name + " in" + reverseClass );
-
- if( none ){
- doneIn();
- }
-
- },
-
- doneIn = function() {
-
- if ( !sequential ) {
-
- if( $from ){
- cleanFrom();
- }
- }
-
- $to
- .removeClass( "out in reverse " + name )
- .height( "" );
-
- toggleViewportClass();
-
- // In some browsers (iOS5), 3D transitions block the ability to scroll to the desired location during transition
- // This ensures we jump to that spot after the fact, if we aren't there already.
- if( $( window ).scrollTop() !== toScroll ){
- scrollPage();
- }
-
- deferred.resolve( name, reverse, $to, $from, true );
- };
-
- toggleViewportClass();
-
- if ( $from && !none ) {
- startOut();
- }
- else {
- doneOut();
- }
-
- return deferred.promise();
- };
-}
-
-// generate the handlers from the above
-var sequentialHandler = createHandler(),
- simultaneousHandler = createHandler( false );
-
-// Make our transition handler the public default.
-$.mobile.defaultTransitionHandler = sequentialHandler;
-
-//transition handler dictionary for 3rd party transitions
-$.mobile.transitionHandlers = {
- "default": $.mobile.defaultTransitionHandler,
- "sequential": sequentialHandler,
- "simultaneous": simultaneousHandler
-};
-
-$.mobile.transitionFallbacks = {};
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for pop in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Pop Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.pop.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.mobile.transitionFallbacks.pop = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for slide in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Slide Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.slide.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-// Use the simultaneous transition handler for slide transitions
-$.mobile.transitionHandlers.slide = $.mobile.transitionHandlers.simultaneous;
-
-// Set the slide transition's fallback to "fade"
-$.mobile.transitionFallbacks.slide = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for slidedown in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Slidedown Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.slidedown.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.mobile.transitionFallbacks.slidedown = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for slidefade in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Slidefade Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.slidefade.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-// Set the slide transition's fallback to "fade"
-$.mobile.transitionFallbacks.slidefade = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for slideup in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Slideup Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.slideup.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.mobile.transitionFallbacks.slideup = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-/*
-* fallback transition for turn in non-3D supporting browsers (which tend to handle complex transitions poorly in general
-*/
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Animation styles and fallback transition definition for non-3D supporting browsers
-//>>label: Turn Transition
-//>>group: Transitions
-//>>css: ../css/structure/jquery.mobile.transition.turn.css
-
-define( [ "jquery", "./jquery.mobile.transition" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, undefined ) {
-
-$.mobile.transitionFallbacks.turn = "fade";
-
-})( jQuery, this );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
\ No newline at end of file
+++ /dev/null
-
-// This plugin is an experiment for abstracting away the touch and mouse
-// events so that developers don't have to worry about which method of input
-// the device their document is loaded on supports.
-//
-// The idea here is to allow the developer to register listeners for the
-// basic mouse events, such as mousedown, mousemove, mouseup, and click,
-// and the plugin will take care of registering the correct listeners
-// behind the scenes to invoke the listener at the fastest possible time
-// for that device, while still retaining the order of event firing in
-// the traditional mouse environment, should multiple handlers be registered
-// on the same element for different events.
-//
-// The current version exposes the following virtual events to jQuery bind methods:
-// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
-
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Normalizes touch/mouse events.
-//>>label: Virtual Mouse (vmouse) Bindings
-//>>group: Core
-
-define( [ "jquery" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, window, document, undefined ) {
-
-var dataPropertyName = "virtualMouseBindings",
- touchTargetPropertyName = "virtualTouchID",
- virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
- touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
- mouseHookProps = $.event.mouseHooks ? $.event.mouseHooks.props : [],
- mouseEventProps = $.event.props.concat( mouseHookProps ),
- activeDocHandlers = {},
- resetTimerID = 0,
- startX = 0,
- startY = 0,
- didScroll = false,
- clickBlockList = [],
- blockMouseTriggers = false,
- blockTouchTriggers = false,
- eventCaptureSupported = "addEventListener" in document,
- $document = $( document ),
- nextTouchID = 1,
- lastTouchID = 0;
-
-$.vmouse = {
- moveDistanceThreshold: 10,
- clickDistanceThreshold: 10,
- resetTimerDuration: 1500
-};
-
-function getNativeEvent( event ) {
-
- while ( event && typeof event.originalEvent !== "undefined" ) {
- event = event.originalEvent;
- }
- return event;
-}
-
-function createVirtualEvent( event, eventType ) {
-
- var t = event.type,
- oe, props, ne, prop, ct, touch, i, j;
-
- event = $.Event(event);
- event.type = eventType;
-
- oe = event.originalEvent;
- props = $.event.props;
-
- // addresses separation of $.event.props in to $.event.mouseHook.props and Issue 3280
- // https://github.com/jquery/jquery-mobile/issues/3280
- if ( t.search( /^(mouse|click)/ ) > -1 ) {
- props = mouseEventProps;
- }
-
- // copy original event properties over to the new event
- // this would happen if we could call $.event.fix instead of $.Event
- // but we don't have a way to force an event to be fixed multiple times
- if ( oe ) {
- for ( i = props.length, prop; i; ) {
- prop = props[ --i ];
- event[ prop ] = oe[ prop ];
- }
- }
-
- // make sure that if the mouse and click virtual events are generated
- // without a .which one is defined
- if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ){
- event.which = 1;
- }
-
- if ( t.search(/^touch/) !== -1 ) {
- ne = getNativeEvent( oe );
- t = ne.touches;
- ct = ne.changedTouches;
- touch = ( t && t.length ) ? t[0] : ( (ct && ct.length) ? ct[ 0 ] : undefined );
-
- if ( touch ) {
- for ( j = 0, len = touchEventProps.length; j < len; j++){
- prop = touchEventProps[ j ];
- event[ prop ] = touch[ prop ];
- }
- }
- }
-
- return event;
-}
-
-function getVirtualBindingFlags( element ) {
-
- var flags = {},
- b, k;
-
- while ( element ) {
-
- b = $.data( element, dataPropertyName );
-
- for ( k in b ) {
- if ( b[ k ] ) {
- flags[ k ] = flags.hasVirtualBinding = true;
- }
- }
- element = element.parentNode;
- }
- return flags;
-}
-
-function getClosestElementWithVirtualBinding( element, eventType ) {
- var b;
- while ( element ) {
-
- b = $.data( element, dataPropertyName );
-
- if ( b && ( !eventType || b[ eventType ] ) ) {
- return element;
- }
- element = element.parentNode;
- }
- return null;
-}
-
-function enableTouchBindings() {
- blockTouchTriggers = false;
-}
-
-function disableTouchBindings() {
- blockTouchTriggers = true;
-}
-
-function enableMouseBindings() {
- lastTouchID = 0;
- clickBlockList.length = 0;
- blockMouseTriggers = false;
-
- // When mouse bindings are enabled, our
- // touch bindings are disabled.
- disableTouchBindings();
-}
-
-function disableMouseBindings() {
- // When mouse bindings are disabled, our
- // touch bindings are enabled.
- enableTouchBindings();
-}
-
-function startResetTimer() {
- clearResetTimer();
- resetTimerID = setTimeout(function(){
- resetTimerID = 0;
- enableMouseBindings();
- }, $.vmouse.resetTimerDuration );
-}
-
-function clearResetTimer() {
- if ( resetTimerID ){
- clearTimeout( resetTimerID );
- resetTimerID = 0;
- }
-}
-
-function triggerVirtualEvent( eventType, event, flags ) {
- var ve;
-
- if ( ( flags && flags[ eventType ] ) ||
- ( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {
-
- ve = createVirtualEvent( event, eventType );
-
- $( event.target).trigger( ve );
- }
-
- return ve;
-}
-
-function mouseEventCallback( event ) {
- var touchID = $.data(event.target, touchTargetPropertyName);
-
- if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ){
- var ve = triggerVirtualEvent( "v" + event.type, event );
- if ( ve ) {
- if ( ve.isDefaultPrevented() ) {
- event.preventDefault();
- }
- if ( ve.isPropagationStopped() ) {
- event.stopPropagation();
- }
- if ( ve.isImmediatePropagationStopped() ) {
- event.stopImmediatePropagation();
- }
- }
- }
-}
-
-function handleTouchStart( event ) {
-
- var touches = getNativeEvent( event ).touches,
- target, flags;
-
- if ( touches && touches.length === 1 ) {
-
- target = event.target;
- flags = getVirtualBindingFlags( target );
-
- if ( flags.hasVirtualBinding ) {
-
- lastTouchID = nextTouchID++;
- $.data( target, touchTargetPropertyName, lastTouchID );
-
- clearResetTimer();
-
- disableMouseBindings();
- didScroll = false;
-
- var t = getNativeEvent( event ).touches[ 0 ];
- startX = t.pageX;
- startY = t.pageY;
-
- triggerVirtualEvent( "vmouseover", event, flags );
- triggerVirtualEvent( "vmousedown", event, flags );
- }
- }
-}
-
-function handleScroll( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- if ( !didScroll ) {
- triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
- }
-
- didScroll = true;
- startResetTimer();
-}
-
-function handleTouchMove( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- var t = getNativeEvent( event ).touches[ 0 ],
- didCancel = didScroll,
- moveThreshold = $.vmouse.moveDistanceThreshold;
- didScroll = didScroll ||
- ( Math.abs(t.pageX - startX) > moveThreshold ||
- Math.abs(t.pageY - startY) > moveThreshold ),
- flags = getVirtualBindingFlags( event.target );
-
- if ( didScroll && !didCancel ) {
- triggerVirtualEvent( "vmousecancel", event, flags );
- }
-
- triggerVirtualEvent( "vmousemove", event, flags );
- startResetTimer();
-}
-
-function handleTouchEnd( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- disableTouchBindings();
-
- var flags = getVirtualBindingFlags( event.target ),
- t;
- triggerVirtualEvent( "vmouseup", event, flags );
-
- if ( !didScroll ) {
- var ve = triggerVirtualEvent( "vclick", event, flags );
- if ( ve && ve.isDefaultPrevented() ) {
- // The target of the mouse events that follow the touchend
- // event don't necessarily match the target used during the
- // touch. This means we need to rely on coordinates for blocking
- // any click that is generated.
- t = getNativeEvent( event ).changedTouches[ 0 ];
- clickBlockList.push({
- touchID: lastTouchID,
- x: t.clientX,
- y: t.clientY
- });
-
- // Prevent any mouse events that follow from triggering
- // virtual event notifications.
- blockMouseTriggers = true;
- }
- }
- triggerVirtualEvent( "vmouseout", event, flags);
- didScroll = false;
-
- startResetTimer();
-}
-
-function hasVirtualBindings( ele ) {
- var bindings = $.data( ele, dataPropertyName ),
- k;
-
- if ( bindings ) {
- for ( k in bindings ) {
- if ( bindings[ k ] ) {
- return true;
- }
- }
- }
- return false;
-}
-
-function dummyMouseHandler(){}
-
-function getSpecialEventObject( eventType ) {
- var realType = eventType.substr( 1 );
-
- return {
- setup: function( data, namespace ) {
- // If this is the first virtual mouse binding for this element,
- // add a bindings object to its data.
-
- if ( !hasVirtualBindings( this ) ) {
- $.data( this, dataPropertyName, {});
- }
-
- // If setup is called, we know it is the first binding for this
- // eventType, so initialize the count for the eventType to zero.
- var bindings = $.data( this, dataPropertyName );
- bindings[ eventType ] = true;
-
- // If this is the first virtual mouse event for this type,
- // register a global handler on the document.
-
- activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;
-
- if ( activeDocHandlers[ eventType ] === 1 ) {
- $document.bind( realType, mouseEventCallback );
- }
-
- // Some browsers, like Opera Mini, won't dispatch mouse/click events
- // for elements unless they actually have handlers registered on them.
- // To get around this, we register dummy handlers on the elements.
-
- $( this ).bind( realType, dummyMouseHandler );
-
- // For now, if event capture is not supported, we rely on mouse handlers.
- if ( eventCaptureSupported ) {
- // If this is the first virtual mouse binding for the document,
- // register our touchstart handler on the document.
-
- activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;
-
- if (activeDocHandlers[ "touchstart" ] === 1) {
- $document.bind( "touchstart", handleTouchStart )
- .bind( "touchend", handleTouchEnd )
-
- // On touch platforms, touching the screen and then dragging your finger
- // causes the window content to scroll after some distance threshold is
- // exceeded. On these platforms, a scroll prevents a click event from being
- // dispatched, and on some platforms, even the touchend is suppressed. To
- // mimic the suppression of the click event, we need to watch for a scroll
- // event. Unfortunately, some platforms like iOS don't dispatch scroll
- // events until *AFTER* the user lifts their finger (touchend). This means
- // we need to watch both scroll and touchmove events to figure out whether
- // or not a scroll happenens before the touchend event is fired.
-
- .bind( "touchmove", handleTouchMove )
- .bind( "scroll", handleScroll );
- }
- }
- },
-
- teardown: function( data, namespace ) {
- // If this is the last virtual binding for this eventType,
- // remove its global handler from the document.
-
- --activeDocHandlers[ eventType ];
-
- if ( !activeDocHandlers[ eventType ] ) {
- $document.unbind( realType, mouseEventCallback );
- }
-
- if ( eventCaptureSupported ) {
- // If this is the last virtual mouse binding in existence,
- // remove our document touchstart listener.
-
- --activeDocHandlers[ "touchstart" ];
-
- if ( !activeDocHandlers[ "touchstart" ] ) {
- $document.unbind( "touchstart", handleTouchStart )
- .unbind( "touchmove", handleTouchMove )
- .unbind( "touchend", handleTouchEnd )
- .unbind( "scroll", handleScroll );
- }
- }
-
- var $this = $( this ),
- bindings = $.data( this, dataPropertyName );
-
- // teardown may be called when an element was
- // removed from the DOM. If this is the case,
- // jQuery core may have already stripped the element
- // of any data bindings so we need to check it before
- // using it.
- if ( bindings ) {
- bindings[ eventType ] = false;
- }
-
- // Unregister the dummy event handler.
-
- $this.unbind( realType, dummyMouseHandler );
-
- // If this is the last virtual mouse binding on the
- // element, remove the binding data from the element.
-
- if ( !hasVirtualBindings( this ) ) {
- $this.removeData( dataPropertyName );
- }
- }
- };
-}
-
-// Expose our custom events to the jQuery bind/unbind mechanism.
-
-for ( var i = 0; i < virtualEventNames.length; i++ ){
- $.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
-}
-
-// Add a capture click handler to block clicks.
-// Note that we require event capture support for this so if the device
-// doesn't support it, we punt for now and rely solely on mouse events.
-if ( eventCaptureSupported ) {
- document.addEventListener( "click", function( e ){
- var cnt = clickBlockList.length,
- target = e.target,
- x, y, ele, i, o, touchID;
-
- if ( cnt ) {
- x = e.clientX;
- y = e.clientY;
- threshold = $.vmouse.clickDistanceThreshold;
-
- // The idea here is to run through the clickBlockList to see if
- // the current click event is in the proximity of one of our
- // vclick events that had preventDefault() called on it. If we find
- // one, then we block the click.
- //
- // Why do we have to rely on proximity?
- //
- // Because the target of the touch event that triggered the vclick
- // can be different from the target of the click event synthesized
- // by the browser. The target of a mouse/click event that is syntehsized
- // from a touch event seems to be implementation specific. For example,
- // some browsers will fire mouse/click events for a link that is near
- // a touch event, even though the target of the touchstart/touchend event
- // says the user touched outside the link. Also, it seems that with most
- // browsers, the target of the mouse/click event is not calculated until the
- // time it is dispatched, so if you replace an element that you touched
- // with another element, the target of the mouse/click will be the new
- // element underneath that point.
- //
- // Aside from proximity, we also check to see if the target and any
- // of its ancestors were the ones that blocked a click. This is necessary
- // because of the strange mouse/click target calculation done in the
- // Android 2.1 browser, where if you click on an element, and there is a
- // mouse/click handler on one of its ancestors, the target will be the
- // innermost child of the touched element, even if that child is no where
- // near the point of touch.
-
- ele = target;
-
- while ( ele ) {
- for ( i = 0; i < cnt; i++ ) {
- o = clickBlockList[ i ];
- touchID = 0;
-
- if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
- $.data( ele, touchTargetPropertyName ) === o.touchID ) {
- // XXX: We may want to consider removing matches from the block list
- // instead of waiting for the reset timer to fire.
- e.preventDefault();
- e.stopPropagation();
- return;
- }
- }
- ele = ele.parentNode;
- }
- }
- }, true);
-}
-})( jQuery, window, document );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Widget factory extentions for mobile.
-//>>label: Widget Factory
-//>>group: Core
-//>>css: ../css/themes/default/jquery.mobile.theme.css
-
-define( [ "jquery", "../external/requirejs/depend!./jquery.ui.widget[jquery]" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-(function( $, undefined ) {
-
-$.widget( "mobile.widget", {
- // decorate the parent _createWidget to trigger `widgetinit` for users
- // who wish to do post post `widgetcreate` alterations/additions
- //
- // TODO create a pull request for jquery ui to trigger this event
- // in the original _createWidget
- _createWidget: function() {
- $.Widget.prototype._createWidget.apply( this, arguments );
- this._trigger( 'init' );
- },
-
- _getCreateOptions: function() {
-
- var elem = this.element,
- options = {};
-
- $.each( this.options, function( option ) {
-
- var value = elem.jqmData( option.replace( /[A-Z]/g, function( c ) {
- return "-" + c.toLowerCase();
- })
- );
-
- if ( value !== undefined ) {
- options[ option ] = value;
- }
- });
-
- return options;
- },
-
- enhanceWithin: function( target, useKeepNative ) {
- this.enhance( $( this.options.initSelector, $( target )), useKeepNative );
- },
-
- enhance: function( targets, useKeepNative ) {
- var page, keepNative, $widgetElements = $( targets ), self = this;
-
- // if ignoreContentEnabled is set to true the framework should
- // only enhance the selected elements when they do NOT have a
- // parent with the data-namespace-ignore attribute
- $widgetElements = $.mobile.enhanceable( $widgetElements );
-
- if ( useKeepNative && $widgetElements.length ) {
- // TODO remove dependency on the page widget for the keepNative.
- // Currently the keepNative value is defined on the page prototype so
- // the method is as well
- page = $.mobile.closestPageData( $widgetElements );
- keepNative = (page && page.keepNativeSelector()) || "";
-
- $widgetElements = $widgetElements.not( keepNative );
- }
-
- $widgetElements[ this.widgetName ]();
- },
-
- raise: function( msg ) {
- throw "Widget [" + this.widgetName + "]: " + msg;
- }
-});
-
-})( jQuery );
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Fixes the orientation change bug in iOS when switching between landspace and portrait
-//>>label: iOS Orientation Change Fix
-//>>group: Utilities
-
-define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.zoom" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $, window ) {
-
- // This fix addresses an iOS bug, so return early if the UA claims it's something else.
- if( !(/iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){
- return;
- }
-
- var zoom = $.mobile.zoom,
- evt, x, y, z, aig;
-
- function checkTilt( e ){
- evt = e.originalEvent;
- aig = evt.accelerationIncludingGravity;
-
- x = Math.abs( aig.x );
- y = Math.abs( aig.y );
- z = Math.abs( aig.z );
-
- // If portrait orientation and in one of the danger zones
- if( !window.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){
- if( zoom.enabled ){
- zoom.disable();
- }
- }
- else if( !zoom.enabled ){
- zoom.enable();
- }
- }
-
- $( window )
- .bind( "orientationchange.iosorientationfix", zoom.enable )
- .bind( "devicemotion.iosorientationfix", checkTilt );
-
-}( jQuery, this ));
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-//>>description: Utility methods for enabling and disabling user scaling (pinch zoom)
-//>>label: Zoom Handling
-//>>group: Utilities
-
-define( [ "jquery", "./jquery.mobile.core" ], function( $ ) {
-//>>excludeEnd("jqmBuildExclude");
-( function( $ ) {
- var meta = $( "meta[name=viewport]" ),
- initialContent = meta.attr( "content" ),
- disabledZoom = initialContent + ",maximum-scale=1, user-scalable=no",
- enabledZoom = initialContent + ",maximum-scale=10, user-scalable=yes",
- disabledInitially = /(user-scalable[\s]*=[\s]*no)|(maximum-scale[\s]*=[\s]*1)[$,\s]/.test( initialContent );
-
- $.mobile.zoom = $.extend( {}, {
- enabled: !disabledInitially,
- locked: false,
- disable: function( lock ) {
- if( !disabledInitially && !$.mobile.zoom.locked ){
- meta.attr( "content", disabledZoom );
- $.mobile.zoom.enabled = false;
- $.mobile.zoom.locked = lock || false;
- }
- },
- enable: function( unlock ) {
- if( !disabledInitially && ( !$.mobile.zoom.locked || unlock === true ) ){
- meta.attr( "content", enabledZoom );
- $.mobile.zoom.enabled = true;
- $.mobile.zoom.locked = false;
- }
- },
- restore: function() {
- if( !disabledInitially ){
- meta.attr( "content", initialContent );
- $.mobile.zoom.enabled = true;
- }
- }
- });
-
-}( jQuery ));
-//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
-});
-//>>excludeEnd("jqmBuildExclude");
+++ /dev/null
-(function() {
- // Insert a script tag pointing at the desired version of jQuery
-
- // Get the version from the url
- var jqueryRE = /[\\?&]jquery=([^&#]*)/,
- results = jqueryRE.exec( location.search ),
- version = "",
- jq,
- myScriptTag = document.getElementsByTagName( "script" )[document.getElementsByTagName( "script" ).length - 1],
- baseUrl = myScriptTag.src.replace( /(.*)\/.*$/, "$1/" ),
- url = baseUrl + "jquery-1.7.1.js";
-
- if( results ) {
- version = decodeURIComponent(results[results.length - 1].replace(/\+/g, " "));
- }
-
- switch( version ) {
- case "1.6.4":
- url = baseUrl + "jquery-1.6.4.js";
- break;
- case "git":
- url = "http://code.jquery.com/jquery-git.js";
- break;
- }
-
- document.write( "<script src='" + url + "'></script>" );
-
- if ( parseInt( version.replace( /\./g, "" ), 10 ) < 170 && window.define && window.define.amd ) {
- document.write( '<script>define( "jquery", [], function () { return jQuery; } );</script>' );
- }
-}());
\ No newline at end of file
+++ /dev/null
-/*!
- * jQuery UI Widget @VERSION
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Widget
- */
-
-(function( $, undefined ) {
-
-// jQuery 1.4+
-if ( $.cleanData ) {
- var _cleanData = $.cleanData;
- $.cleanData = function( elems ) {
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- $( elem ).triggerHandler( "remove" );
- }
- _cleanData( elems );
- };
-} else {
- var _remove = $.fn.remove;
- $.fn.remove = function( selector, keepData ) {
- return this.each(function() {
- if ( !keepData ) {
- if ( !selector || $.filter( selector, [ this ] ).length ) {
- $( "*", this ).add( [ this ] ).each(function() {
- $( this ).triggerHandler( "remove" );
- });
- }
- }
- return _remove.call( $(this), selector, keepData );
- });
- };
-}
-
-$.widget = function( name, base, prototype ) {
- var namespace = name.split( "." )[ 0 ],
- fullName;
- name = name.split( "." )[ 1 ];
- fullName = namespace + "-" + name;
-
- if ( !prototype ) {
- prototype = base;
- base = $.Widget;
- }
-
- // create selector for plugin
- $.expr[ ":" ][ fullName ] = function( elem ) {
- return !!$.data( elem, name );
- };
-
- $[ namespace ] = $[ namespace ] || {};
- $[ namespace ][ name ] = function( options, element ) {
- // allow instantiation without initializing for simple inheritance
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
- };
-
- var basePrototype = new base();
- // we need to make the options hash a property directly on the new instance
- // otherwise we'll modify the options hash on the prototype that we're
- // inheriting from
-// $.each( basePrototype, function( key, val ) {
-// if ( $.isPlainObject(val) ) {
-// basePrototype[ key ] = $.extend( {}, val );
-// }
-// });
- basePrototype.options = $.extend( true, {}, basePrototype.options );
- $[ namespace ][ name ].prototype = $.extend( true, basePrototype, {
- namespace: namespace,
- widgetName: name,
- widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name,
- widgetBaseClass: fullName
- }, prototype );
-
- $.widget.bridge( name, $[ namespace ][ name ] );
-};
-
-$.widget.bridge = function( name, object ) {
- $.fn[ name ] = function( options ) {
- var isMethodCall = typeof options === "string",
- args = Array.prototype.slice.call( arguments, 1 ),
- returnValue = this;
-
- // allow multiple hashes to be passed on init
- options = !isMethodCall && args.length ?
- $.extend.apply( null, [ true, options ].concat(args) ) :
- options;
-
- // prevent calls to internal methods
- if ( isMethodCall && options.charAt( 0 ) === "_" ) {
- return returnValue;
- }
-
- if ( isMethodCall ) {
- this.each(function() {
- var instance = $.data( this, name );
- if ( !instance ) {
- throw "cannot call methods on " + name + " prior to initialization; " +
- "attempted to call method '" + options + "'";
- }
- if ( !$.isFunction( instance[options] ) ) {
- throw "no such method '" + options + "' for " + name + " widget instance";
- }
- var methodValue = instance[ options ].apply( instance, args );
- if ( methodValue !== instance && methodValue !== undefined ) {
- returnValue = methodValue;
- return false;
- }
- });
- } else {
- this.each(function() {
- var instance = $.data( this, name );
- if ( instance ) {
- instance.option( options || {} )._init();
- } else {
- $.data( this, name, new object( options, this ) );
- }
- });
- }
-
- return returnValue;
- };
-};
-
-$.Widget = function( options, element ) {
- // allow instantiation without initializing for simple inheritance
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
-};
-
-$.Widget.prototype = {
- widgetName: "widget",
- widgetEventPrefix: "",
- options: {
- disabled: false
- },
- _createWidget: function( options, element ) {
- // $.widget.bridge stores the plugin instance, but we do it anyway
- // so that it's stored even before the _create function runs
- $.data( element, this.widgetName, this );
- this.element = $( element );
- this.options = $.extend( true, {},
- this.options,
- this._getCreateOptions(),
- options );
-
- var self = this;
- this.element.bind( "remove." + this.widgetName, function() {
- self.destroy();
- });
-
- this._create();
- this._trigger( "create" );
- this._init();
- },
- _getCreateOptions: function() {
- var options = {};
- if ( $.metadata ) {
- options = $.metadata.get( element )[ this.widgetName ];
- }
- return options;
- },
- _create: function() {},
- _init: function() {},
-
- destroy: function() {
- this.element
- .unbind( "." + this.widgetName )
- .removeData( this.widgetName );
- this.widget()
- .unbind( "." + this.widgetName )
- .removeAttr( "aria-disabled" )
- .removeClass(
- this.widgetBaseClass + "-disabled " +
- "ui-state-disabled" );
- },
-
- widget: function() {
- return this.element;
- },
-
- option: function( key, value ) {
- var options = key;
-
- if ( arguments.length === 0 ) {
- // don't return a reference to the internal hash
- return $.extend( {}, this.options );
- }
-
- if (typeof key === "string" ) {
- if ( value === undefined ) {
- return this.options[ key ];
- }
- options = {};
- options[ key ] = value;
- }
-
- this._setOptions( options );
-
- return this;
- },
- _setOptions: function( options ) {
- var self = this;
- $.each( options, function( key, value ) {
- self._setOption( key, value );
- });
-
- return this;
- },
- _setOption: function( key, value ) {
- this.options[ key ] = value;
-
- if ( key === "disabled" ) {
- this.widget()
- [ value ? "addClass" : "removeClass"](
- this.widgetBaseClass + "-disabled" + " " +
- "ui-state-disabled" )
- .attr( "aria-disabled", value );
- }
-
- return this;
- },
-
- enable: function() {
- return this._setOption( "disabled", false );
- },
- disable: function() {
- return this._setOption( "disabled", true );
- },
-
- _trigger: function( type, event, data ) {
- var callback = this.options[ type ];
-
- event = $.Event( event );
- event.type = ( type === this.widgetEventPrefix ?
- type :
- this.widgetEventPrefix + type ).toLowerCase();
- data = data || {};
-
- // copy original event properties over to the new event
- // this would happen if we could call $.event.fix instead of $.Event
- // but we don't have a way to force an event to be fixed multiple times
- if ( event.originalEvent ) {
- for ( var i = $.event.props.length, prop; i; ) {
- prop = $.event.props[ --i ];
- event[ prop ] = event.originalEvent[ prop ];
- }
- }
-
- this.element.trigger( event, data );
-
- return !( $.isFunction(callback) &&
- callback.call( this.element[0], event, data ) === false ||
- event.isDefaultPrevented() );
- }
-};
-
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Event Logger</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.tag.inserter.js"></script>
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
- <script>
- $(function(){
- $( "a" ).bind("tap click",function( e ){
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"</li>")
- .listview("refresh");
- return false;
- })
- .bind("tap click", false);
- });
- </script>
-
- <style>
- #jqm-home {
- height: 500px;
- }
- </style>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Event Logger</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <a href="foo.html" data-role="button">Click me</a>
-
- <ul data-role="listview" id="log">
-
- </ul>
-
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Button Markup Tester</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.tag.inserter.js"></script>
- <script src="../../js"></script>
-<script>
-$(document).bind("pagecreate", function() {
- $("#button-apply").bind("vclick", function() {
- var options = {empty: true};
-
- $("[data-setter]").each(function() {
- var self = $(this),
- val = ($(this).is("[type='checkbox']") ? $(this).is(":checked") : $(this).val()),
- key = $(this).parent().find("label").text(),
- apply = $("#button-" + key + "-apply").is(":checked");
-
- if (apply) {
- options.empty = false;
- options[key] = val;
- }
- });
- if (!options.empty) {
- delete options.empty;
- $("#sample-link,#sample-input-button,#sample-button").buttonMarkup(options);
- }
- });
-});
-</script>
-<style>
-.ui-field-contain {
- margin-top: 0px;
- margin-bottom: 0px;
-}
-</style>
-</head>
-
-<body>
- <div data-role="page">
- <div data-role="header">
- <h1>jQuery Mobile Widget Option Tester</h1>
- </div>
- <div data-role="contents">
- <a id="sample-link" data-role="button">Sample Link</a>
- <input id="sample-input-button" type="button" name="Input Button" value="Sample Input Button"></input>
- <button id="sample-button" name="Button">Sample Button</button>
-
- <form id="button-settings" name="button-settings" action="#" method="get" style="display: table;">
- <table><tr><td>
- <div data-role="fieldcontain">
- <label for="button-icon">icon</label>
- <input data-setter="true" type="text" id="button-icon"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-icon-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-icon-apply"></input>
- </div>
- </td></tr><tr><td>
- <div data-role="fieldcontain">
- <label for="button-iconpos">iconpos</label>
- <input data-setter="true" type="text" id="button-iconpos"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-iconpos-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-iconpos-apply"></input>
- </div>
- </td></tr><tr><td>
- <div data-role="fieldcontain">
- <label for="button-theme">theme</label>
- <input data-setter="true" type="text" id="button-theme"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-theme-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-theme-apply"></input>
- </div>
- </td></tr><tr><td>
- <div data-role="fieldcontain">
- <label for="button-inline">inline</label>
- <input data-setter="true" type="checkbox" id="button-inline"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-inline-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-inline-apply"></input>
- </div>
- </td></tr><tr><td>
- <div data-role="fieldcontain">
- <label for="button-shadow">shadow</label>
- <input data-setter="true" type="checkbox" id="button-shadow"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-shadow-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-shadow-apply"></input>
- </div>
- </td></tr><tr><td>
- <div data-role="fieldcontain">
- <label for="button-corners">corners</label>
- <input data-setter="true" type="checkbox" id="button-corners"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-corners-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-corners-apply"></input>
- </div>
- </td></tr><tr><td>
- <div data-role="fieldcontain">
- <label for="button-iconshadow">iconshadow</label>
- <input data-setter="true" type="checkbox" id="button-iconshadow"></input>
- </div>
- </td><td>
- <div data-role="fieldcontain">
- <label for="button-iconshadow-apply">Apply</label>
- <input data-apply="true" type="checkbox" id="button-iconshadow-apply"></input>
- </div>
- </td></tr>
- <tr><td colspan="2">
- <input type="button" name="button-apply" value="Apply" id="button-apply"></input>
- </td></tr></table>
- </form>
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Event Logger</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.tag.inserter.js"></script>
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
- <script>
- $( document )
- .bind("tap taphold swipe swipeleft swiperight scrollstart scrollstop orientationchange",function( e ){
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"</li>")
- .listview("refresh");
-
- });
- </script>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Event Logger</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <ul data-role="listview" id="log">
-
- </ul>
-
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8" />
- <title>jQuery Mobile: Grid Layout</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.tag.inserter.js"></script>
- <script src="../../js/jquery.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-
- <script>
- $(function(){
- $(".ui-grid-d a").bind("tap click", function(e){
- $(this).hide();
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"; message: grid '"+$(this).text()+"' hidden</li>")
- .listview("refresh");
- return false;
- }).bind("tap click", false);
- $("#showbtn").bind("tap click", function(e){
- $(".ui-grid-d a").show();
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"; message: show all buttons</li>")
- .listview("refresh");
- }).bind("tap click", false);
- });
- </script>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Grid Layout</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <div class="ui-grid-d">
- <div class="ui-block-a">
- <a data-role="button" id="btn1" data-theme="b">Button 1</a>
- </div>
- <div class="ui-block-b">
- <a data-role="button" id="btn2" data-theme="b">Button 2</a>
- </div>
- <div class="ui-block-c">
- <a data-role="button" id="btn3" data-theme="b">Button 3</a>
- </div>
- <div class="ui-block-d">
- <a data-role="button" id="btn4" data-theme="b">Button 4</a>
- </div>
- <div class="ui-block-e">
- <a data-role="button" id="btn5" data-theme="b">Button 5</a>
- </div>
- </div>
-
- <a data-role="button" id="showbtn">Show all button</a>
-
- <ul data-role="listview" id="log">
-
- </ul>
-
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Orientation</title>
- <link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <style>
-
- #orientationText {
- font-size: x-large;
- font-weight: bold;
- margin: 1em;
- }
-
- </style>
- <script src="../../external/requirejs/require.js"></script>
- <script src="../../js/jquery.tag.inserter.js"></script>
- <script>
- require( {
- baseUrl: "../../js"
- } )( [ "jquery", "jquery.mobile" ], function( $ ) {
- $( document ).one( "pageinit", function() {
- function updateOrientation()
- {
- $( "#orientationText" ).text( $.event.special.orientationchange.orientation() );
- }
-
- updateOrientation();
- $( window ).bind( $.support.orientation ? "orientationchange" : "resize", updateOrientation);
- });
- });
- </script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Orientation Test</h1></div>
- <div data-role="content">
- <p>The current device orientation is displayed below. It should *ALWAYS* be correct!</p>
- <div id="orientationText">Orientation Not Supported!</div>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile support unit tests
- */
-
-(function( $ ) {
- $.testHelper = {
- // This function takes sets of files to load asynchronously. Each set will be loaded after
- // the previous set has completed loading. That is, each require and it's dependencies in a
- // set will be loaded asynchronously, but each set will be run in serial.
- asyncLoad: function( seq ) {
- require({
- baseUrl: "../../../js"
- });
-
- function loadSeq( seq, i ){
- if( !seq[i] ){
- $( document ).ready( function() {
- var $fixture = $( '#qunit-fixture' );
- if ( $fixture.length ) {
- QUnit.config.fixture = $fixture.html();
- }
- QUnit.start();
- });
- return;
- }
-
- require( seq[i], function() {
- loadSeq(seq, i + 1);
- });
- }
-
- // stop qunit from running the tests until everything is in the page
- QUnit.config.autostart = false;
-
- loadSeq( seq, 0 );
- },
-
- excludeFileProtocol: function(callback){
- var message = "Tests require script reload and cannot be run via file: protocol";
-
- if (location.protocol == "file:") {
- test(message, function(){
- ok(false, message);
- });
- } else {
- callback();
- }
- },
-
- // TODO prevent test suite loads when the browser doesn't support push state
- // and push-state false is defined.
- setPushState: function() {
- if( $.support.pushState && location.search.indexOf( "push-state" ) >= 0 ) {
- $.support.pushState = false;
- }
- },
-
- reloads: {},
-
- reloadModule: function(libName){
- var deferred = $.Deferred(),
- context;
-
- // where a module loader isn't defined use the old way
- if( !window.require ) {
- this.reloadLib( libName );
- deferred.resolve();
- return deferred;
- }
-
- if(this.reloads[libName] === undefined) {
- this.reloads[libName] = {
- count: 0
- };
- }
-
- //Clear internal cache of module inside of require
- context = require.s.contexts._;
- delete context.defined[libName];
- delete context.specified[libName];
- delete context.loaded[libName];
- delete context.urlFetched[require.toUrl(libName + '.js')];
-
- require(
- {
- baseUrl: "../../../js"
- }, [libName],
- function() {
- deferred.resolve();
- }
- );
-
- return deferred;
- },
-
- reloadLib: function(libName){
- if(this.reloads[libName] === undefined) {
- this.reloads[libName] = {
- lib: $("script[src$='" + libName + "']"),
- count: 0
- };
- }
-
- var lib = this.reloads[libName].lib.clone(),
- src = lib.attr('src');
-
- //NOTE append "cache breaker" to force reload
- lib.attr('src', src + "?" + this.reloads[libName].count++);
- $("body").append(lib);
- },
-
- rerunQunit: function(){
- var self = this;
- QUnit.init();
- $("script:not([src*='.\/'])").each(function(i, elem){
- var src = elem.src.split("/");
- self.reloadLib(src[src.length - 1]);
- });
- QUnit.start();
- },
-
- alterExtend: function(extraExtension){
- var extendFn = $.extend;
-
- $.extend = function(object, extension){
- // NOTE extend the object as normal
- var result = extendFn.apply(this, arguments);
-
- // NOTE add custom extensions
- result = extendFn(result, extraExtension);
- return result;
- };
- },
-
- hideActivePageWhenComplete: function() {
- if( $('#qunit-testresult').length > 0 ) {
- $('.ui-page-active').css('display', 'none');
- } else {
- setTimeout($.testHelper.hideActivePageWhenComplete, 500);
- }
- },
-
- openPage: function(hash){
- location.href = location.href.split('#')[0] + hash;
- },
-
- sequence: function(fns, interval){
- $.each(fns, function(i, fn){
- setTimeout(fn, i * interval);
- });
- },
-
- pageSequence: function( fns ){
- this.eventSequence( "pagechange", fns );
- },
-
- eventSequence: function( event, fns, timedOut ){
- var seq = [];
- $.each(fns, function( i, fn ) {
- seq.push( fn );
- if( i !== fns.length - 1) seq.push( event );
- });
-
- this.eventCascade( seq );
- },
-
- eventCascade: function( sequence, timedOut ) {
- var fn = sequence.shift(),
- event = sequence.shift(),
- self = this;
-
- if( fn === undefined ) {
- return;
- }
-
- if( event ){
- // if a pagechange or defined event is never triggered
- // continue in the sequence to alert possible failures
- var warnTimer = setTimeout(function() {
- self.eventCascade( sequence, true );
- }, 2000);
-
- // bind the recursive call to the event
- $.mobile.pageContainer.one(event, function() {
- clearTimeout( warnTimer );
-
- // Let the current stack unwind before we fire off the next item in the sequence.
- // TODO setTimeout(self.pageSequence, 0, sequence);
- setTimeout(function(){ self.eventCascade(sequence); }, 0);
- });
- }
-
- // invoke the function which should, in some fashion,
- // trigger the next event
- fn( timedOut );
- },
-
- deferredSequence: function(fns) {
- var fn = fns.shift(),
- deferred = $.Deferred(),
- self = this, res;
-
- if (fn) {
- res = fn();
- if ( res && $.type( res.done ) === "function" ) {
- res.done(function() {
- self.deferredSequence( fns ).done(function() {
- deferred.resolve();
- });
- });
- } else {
- self.deferredSequence( fns ).done(function() {
- deferred.resolve();
- });
- }
- } else {
- deferred.resolve();
- }
- return deferred;
- },
-
- decorate: function(opts){
- var thisVal = opts.self || window;
-
- return function(){
- var returnVal;
- opts.before && opts.before.apply(thisVal, arguments);
- returnVal = opts.fn.apply(thisVal, arguments);
- opts.after && opts.after.apply(thisVal, arguments);
-
- return returnVal;
- };
- },
-
- assertUrlLocation: function( args ) {
- var parts = $.mobile.path.parseUrl( location.href ),
- pathnameOnward = location.href.replace( parts.domain, "" );
-
- if( $.support.pushState ) {
- same( pathnameOnward, args.hashOrPush || args.push, args.report );
- } else {
- same( parts.hash, "#" + (args.hashOrPush || args.hash), args.report );
- }
- }
- };
-})(jQuery);
+++ /dev/null
-/*
- * mobile button unit tests
- */
-(function($){
- $.mobile.page.prototype.options.keepNative = "button.should-be-native";
-
- test( "button elements in the keepNative set shouldn't be enhanced", function() {
- same( $("button.should-be-native").siblings("div.ui-slider").length, 0 );
- });
-
- test( "button elements should be enhanced", function() {
- ok( $("#enhanced").hasClass( "ui-btn-hidden" ) );
- });
-
- test( "button markup text value should be changed on refresh", function() {
- var textValueButton = $("#text"), valueButton = $("#value");
-
- // the value shouldn't change unless it's been altered
- textValueButton.button( 'refresh' );
- same( textValueButton.siblings().text(), "foo" );
-
- // use the text where it's provided
- same( textValueButton.siblings().text(), "foo" );
- textValueButton.text( "bar" ).button( 'refresh' );
- same( textValueButton.siblings().text(), "bar" );
-
- // use the val if it's provided where the text isn't
- same( valueButton.siblings().text(), "foo" );
- valueButton.val( "bar" ).button( 'refresh' );
- same( valueButton.siblings().text(), "bar" );
-
- // prefer the text to the value
- textValueButton.text( "bar" ).val( "baz" ).button( 'refresh' );
- same( textValueButton.siblings().text(), "bar" );
- });
-
- // Issue 2877
- test( "verify the button placeholder is added many times", function() {
- var $form = $( "#hidden-element-addition-form" ), count = 3;
- expect( count * 2 );
-
- for( var x = 0; x < count; x++ ) {
- $( "#hidden-element-addition" ).trigger( "vclick" );
- same( $form.find( "input[type='hidden']" ).length, 1, "hidden form input should be added" );
-
- $form.trigger( "submit" );
- same( $form.find( "[type='hidden']" ).length, 0, "hidden form input is removed" );
- }
- });
-
- test( "theme should be inherited", function() {
- var $inherited = $( "#theme-check" ),
- $explicit = $( "#theme-check-explicit" );
-
- ok( $inherited.closest("div").hasClass( "ui-btn-up-a" ), "should inherit from page" );
- ok( $explicit.closest("div").hasClass( "ui-btn-up-b" ), "should not inherit" );
- });
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Button Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.forms.button",
- ],
- [ "jquery.mobile.init" ],
- [
- "button_core.js"
- ]
- ]);
- </script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
- <h1 id="qunit-header">jQuery Mobile Button Test Suite</h1>
- <h2 id="qunit-banner"></h2>
- <h2 id="qunit-userAgent"></h2>
- <ol id="qunit-tests">
- </ol>
-
- <div data-nstest-role="page" data-nstest-theme="a">
- <div data-nstest-role="content" data-nstest-theme="p">
- <button class="should-be-native">foo</button>
- <button id="enhanced">bar</button>
- <button id="text">foo</button>
- <button id="value" value="foo"></button>
- <form id="hidden-element-addition-form" method="get" action="this will fail!">
- <input type="submit" id="hidden-element-addition" name="foo">foo</input>
- </form>
- <button id="theme-check" value="foo"></button>
- <button id="theme-check-explicit" value="foo" data-nstest-theme="b"></button>
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile buttonMarkup tests
- */
-(function($){
- module("jquery.mobile.buttonMarkup.js");
-
- test( "header buttons should have the header class", function() {
- var headerButton1 = $("#header-button-1"),
- headerButton2 = $("#header-button-2");
-
- ok((headerButton1.hasClass("ui-btn-left") &&
- headerButton2.hasClass("ui-btn-right")), "first header button should have class 'ui-btn-left' and the second one should have 'ui-btn-right'");
- });
-
- test( "control group buttons should be enhanced inside a footer", function(){
- var group, linkCount;
-
- group = $("#control-group-footer");
- linkCount = group.find( "a" ).length;
-
- same( group.find("a.ui-btn").length, linkCount, "all 4 links should be buttons");
- same( group.find("a > span.ui-corner-left").length, 1, "only 1 left cornered button");
- same( group.find("a > span.ui-corner-right").length, 1, "only 1 right cornered button");
- same( group.find("a > span:not(.ui-corner-left):not(.ui-corner-right)").length, linkCount - 2, "only 2 buttons are cornered");
- });
-
- test( "control group buttons should respect theme-related data attributes", function(){
- var group = $("#control-group-content");
-
- ok(!group.find('[data-shadow=false]').hasClass("ui-shadow"),
- "buttons with data-shadow=false should not have the ui-shadow class");
- ok(!group.find('[data-corners=false]').hasClass("ui-btn-corner-all"),
- "buttons with data-corners=false should not have the ui-btn-corner-all class");
- ok(!group.find('[data-iconshadow=false] .ui-icon').hasClass("ui-icon-shadow"),
- "buttons with data-iconshadow=false should not have the ui-icon-shadow class on their icons");
- });
-
- // Test for issue #3046 and #3054:
- test( "mousedown on SVG elements should not throw an exception", function(){
- var svg = $("#embedded-svg"),
- success = true,
- rect;
- ok(svg.length > 0, "found embedded svg document" );
- if ( svg.length > 0 ) {
- rect = $( "rect", svg );
- ok(rect.length > 0, "found rect" );
- try {
- rect.trigger("mousedown");
- } catch ( ex ) {
- success = false;
- }
- ok( success, "mousedown executed without exception");
- }
- });
-
- test( "Elements with “data-mini='true'” should have “ui-mini” class attached to enhanced element.", function(){
- var $mini = $("#mini"),
- $full = $("#full"),
- $minicontrol = $('#mini-control');
-
- ok( $full.not('.ui-mini'), "Original element does not have data attribute, enhanced version does not recieve .ui-mini.");
- ok( $mini.is('.ui-mini'), "Original element has data attribute, enhanced version recieves .ui-mini." );
- ok( $minicontrol.is('.ui-mini'), "Controlgroup has data attribute and recieves .ui-mini.");
- });
-
- test( "Ensure icon positioning defaults to left, and can be overridden with “data-iconpos”", function() {
- var posdefault = $("#iconpos1"),
- posleft = $("#iconpos2"),
- posright = $("#iconpos3");
-
- ok( posdefault.hasClass("ui-btn-icon-left"), "Button with unspecified icon position gets .ui-btn-icon-left" );
- ok( posleft.hasClass("ui-btn-icon-left"), "Button with left icon positioning specified .ui-btn-icon-left" );
- ok( posright.hasClass("ui-btn-icon-right"), "Button with right icon positioning specified .ui-btn-icon-right" );
-
- });
-
- asyncTest( "ui-btn-* should be applied based on a setting", function() {
- // force touch support so the timeout is set
- $.support.touch = true;
-
- var $btn = $( "#hover-delay" );
-
- $.testHelper.sequence([
- function() {
- $btn.trigger( "vmousedown" );
- },
-
- function() {
- ok( $btn.attr("class").indexOf( "ui-btn-down" ) == -1, "button doesn't have the down class yet" );
- },
-
- function() {
- ok( $btn.attr("class").indexOf( "ui-btn-down" ) >= 0, "button has the down class yet" );
- start();
- }
- // the value is split and some padding is added to make sure that the last check fires
- // after the hoverDelay has expired
- ], $.mobile.buttonMarkup.hoverDelay / 2 + 50 );
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Button Markup Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.buttonMarkup",
- "jquery.mobile.controlGroup",
- "jquery.mobile.fixedToolbar",
- "jquery.mobile.forms.button",
- ],
- [ "jquery.mobile.init" ],
- [
- "buttonMarkup_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Button Markup Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id="default">
- <div data-nstest-role="header" id="page-header">
- <a id="header-button-1" data-role="button" href="index.html">Header button 1</a>
- <a id="header-button-2" data-role="button" href="index.html">Header button 2</a>
- </div>
- <div data-nstest-role="content" id="control-group-content">
- <input type="submit" data-nstest-role="button" value="Double Enhanced?" id="double-enhanced" />
- <a href="index.html" data-nstest-role="button" data-nstest-shadow="false">No shadow</a>
- <a href="index.html" data-nstest-role="button" data-nstest-corners="false">No corners</a>
- <a href="index.html" data-nstest-role="button" data-nstest-shadow="false" data-nstest-corners="false">No shadow or corners</a>
- <a href="index.html" data-nstest-role="button" data-nstest-icon="delete" data-nstest-iconshadow="false">No iconshadow</a>
- <button data-nstest-shadow="false" data-nstest-corners="false" data-nstest-icon="delete" data-nstest-iconshadow="false">None of the above</button>
- <svg id="embedded-svg" width="120" height="120" viewPort="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg">
- <rect x="10" y="10" width="100" height="100"/>
- </svg>
-
- <a href="docs-bars.html" data-nstest-role="button" id="full">Fullsize</a>
- <a href="docs-bars.html" data-nstest-role="button" data-nstest-mini="true" id="mini">Mini</a>
-
- <div data-nstest-role="controlgroup" data-nstest-mini="true" id="mini-control">
- <a href="index.html" data-nstest-role="button">Yes</a>
- </div>
-
- <a id="iconpos1" data-nstest-role="button" href="index.html" data-nstest-icon="check">Default iconpos</a>
- <a id="iconpos2" data-nstest-role="button" href="index.html" data-nstest-icon="check" data-nstest-iconpos="left">Left iconpos</a>
- <a id="iconpos3" data-nstest-role="button" href="index.html" data-nstest-icon="check" data-nstest-iconpos="right">Right iconpos</a>
- <a id="hover-delay" data-nstest-role="button" href="index.html"></a>
- </div>
- <div data-nstest-role="footer" id="control-group-footer" class="ui-bar" data-nstest-position="inline">
- <div data-nstest-role="controlgroup" data-nstest-type="horizontal">
- <a href="index.html" data-nstest-icon="delete">Remove</a>
- <a href="index.html" data-nstest-icon="plus">Add</a>
- <a href="index.html" data-nstest-icon="arrow-u">Up</a>
- <a href="index.html" data-nstest-icon="arrow-d">Down</a>
- </div>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile checkboxradio unit tests
- */
-(function($){
- module( 'jquery.mobile.forms.checkboxradio.js' );
-
- test( "widget can be disabled and enabled", function(){
- var input = $( "#checkbox-1" ),
- button = input.parent().find( ".ui-btn" );
-
- input.checkboxradio( "disable" );
- input.checkboxradio( "enable" );
- ok( !input.attr( "disabled" ), "start input as enabled" );
- ok( !input.parent().hasClass( "ui-disabled" ), "no disabled styles" );
- ok( !input.attr( "checked" ), "not checked before click" );
- button.trigger( "click" );
- ok( input.attr( "checked" ), "checked after click" );
- ok( button.hasClass( "ui-checkbox-on" ), "active styles after click" );
- button.trigger( "click" );
-
- input.checkboxradio( "disable" );
- ok( input.attr( "disabled" ), "input disabled" );
- ok( input.parent().hasClass( "ui-disabled" ), "disabled styles" );
- ok( !input.attr( "checked" ), "not checked before click" );
- button.trigger( "click" );
- ok( !input.attr( "checked" ), "not checked after click" );
- ok( !button.hasClass( "ui-checkbox-on" ), "no active styles after click" );
- });
-
- test( "clicking a checkbox within a controlgroup does not affect checkboxes with the same name in the same controlgroup", function(){
- var input1 = $("#checkbox-31");
- var button1 = input1.parent().find(".ui-btn");
- var input2 = $("#checkbox-32");
- var button2 = input2.parent().find(".ui-btn");
-
- ok(!input1.attr("checked"), "input1 not checked before click");
- ok(!input2.attr("checked"), "input2 not checked before click");
-
- button1.trigger("click");
- ok(input1.attr("checked"), "input1 checked after click on input1");
- ok(!input2.attr("checked"), "input2 not checked after click on input1");
-
- button2.trigger("click");
- ok(input1.attr("checked"), "input1 not changed after click on input2");
- ok(input2.attr("checked"), "input2 checked after click on input2");
- });
-
- asyncTest( "change events fired on checkbox for both check and uncheck", function(){
- var $checkbox = $( "#checkbox-2" ),
- $checkboxLabel = $checkbox.parent().find( ".ui-btn" );
-
- $checkbox.unbind( "change" );
-
- expect( 1 );
-
- $checkbox.one('change', function(){
- ok( true, "change fired on click to check the box" );
- });
-
- $checkboxLabel.trigger( "click" );
-
- //test above will be triggered twice, and the start here once
- $checkbox.one('change', function(){
- start();
- });
-
- $checkboxLabel.trigger( "click" );
- });
-
- asyncTest( "radio button labels should update the active button class to last clicked and clear checked", function(){
- var $radioBtns = $( '#radio-active-btn-test input' ),
- singleActiveAndChecked = function(){
- same( $( "#radio-active-btn-test .ui-radio-on" ).length, 1, "there should be only one active button" );
- // Use the .checked property, not the checked attribute which is not dynamic
- var numChecked = 0;
- $( "#radio-active-btn-test input" ).each(function(i, e) {
- if( e.checked ) {
- numChecked++;
- }
- });
- same( numChecked, 1, "there should be only one checked" );
- };
-
- $.testHelper.sequence([
- function(){
- $radioBtns.last().siblings( 'label' ).click();
- },
-
- function(){
- ok( $radioBtns.last().prop( 'checked' ), "last input is checked" );
- ok( $radioBtns.last().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "last input label is an active button" );
-
- ok( !$radioBtns.first().prop( 'checked' ), "first input label is not active" );
- ok( !$radioBtns.first().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "first input label is not active" );
-
- singleActiveAndChecked();
-
- $radioBtns.first().siblings( 'label' ).click();
- },
-
- function(){
- ok( $radioBtns.first().prop( 'checked' ));
- ok( $radioBtns.first().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "first input label is an active button" );
-
- ok( !$radioBtns.last().prop( 'checked' ));
- ok( !$radioBtns.last().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "last input label is not active" );
-
- singleActiveAndChecked();
-
- start();
- }
- ], 500);
-
- });
-
- test( "checkboxradio controls will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-checkbox").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-checkbox").length, "enhancements applied" );
- });
-
- $.mobile.page.prototype.options.keepNative = "input.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "checkboxradio elements in the keepNative set shouldn't be enhanced", function() {
- ok( !$("input.should-be-native").parent().is("div.ui-checkbox") );
- });
-
- test( "Elements with \u201cdata-mini='true'\u201d should have \u201cui-mini\u201d class attached to enhanced element.", function(){
- var full = document.getElementById("radio-full"),
- $fulllbl = $('[for="radio-full"]'),
- mini = document.getElementById("radio-mini"),
- $minilbl = $('[for="radio-mini"]'),
- minictrl = $("#mini-control");
-
- ok( !full.getAttribute('data-nstest-mini') && !$fulllbl.hasClass('ui-mini'), "Original element does not have data attribute, enhanced version does not recieve .ui-mini.");
- ok( mini.getAttribute('data-nstest-mini'), "Original element has data attribute, enhanced version recieves .ui-mini." );
- });
-
- asyncTest( "clicking the label triggers a click on the element", function() {
- var clicked = false;
-
- expect( 1 );
-
- $( "#checkbox-click-triggered" ).one('click', function() {
- clicked = true;
- });
-
- $.testHelper.sequence([
- function() {
- $( "[for='checkbox-click-triggered']" ).click();
- },
-
- function() {
- ok(clicked, "click was fired on input");
- start();
- }
- ], 2000);
- });
-
- asyncTest( "clicking the label triggers a change on the element", function() {
- var changed = false;
-
- expect( 1 );
-
- $( "#checkbox-change-triggered" ).one('change', function() {
- changed = true;
- });
-
- $.testHelper.sequence([
- function() {
- $( "[for='checkbox-change-triggered']" ).click();
- },
-
- function() {
- ok(changed, "change was fired on input");
- start();
- }
- ], 2000);
- });
-
-
- test( "theme should be inherited", function() {
- var $inherited = $( "#checkbox-inherit-theme" ),
- $explicit = $( "#checkbox-explicit-theme" );
-
- ok( $inherited.siblings("label").hasClass( "ui-btn-up-a" ), "should inherit from page" );
- ok( $explicit.siblings("label").hasClass( "ui-btn-up-b" ), "should not inherit" );
- });
-
- asyncTest( "form submission should include radio button values", function() {
- var $form = $( "#radio-form" ), $input = $form.find("input").first();
-
- $.testHelper.pageSequence([
- function() {
- $input.click();
- $form.submit();
- },
-
- function( timeout ){
- ok( location.search.indexOf("radio1=1") >= 0, "the radio was checked" );
-
- // if the changepage in the previous function failed don't go back
- if( !timeout ){
- window.history.back();
- }
- },
-
- function(){
- start();
- }
- ]);
- });
-
- asyncTest( "form submission should include checkbox button values", function() {
- var $form = $( "#check-form" ), $inputs = $form.find("input");
-
- $.testHelper.pageSequence([
- function() {
- $inputs.click();
- $form.submit();
- },
-
- function( timeout ){
- ok( location.search.indexOf("checkbox-form=on") >= 0, "the first checkbox was checked" );
- ok( location.search.indexOf("checkbox-form-2=on") >= 0, "the second checkbox was checked" );
- // if the changepage in the previous function failed don't go back
- if( !timeout ){
- window.history.back();
- }
- },
-
- function(){
- start();
- }
- ]);
- });
-
- test( "nested label checkbox still renders", function() {
- var $checkbox = $( "#checkbox-nested-label" );
-
- try {
- $checkbox.checkboxradio();
- } catch (e) {
- ok( false, "checkboxradio exception raised: " + e.toString());
- }
-
- ok( $checkbox.parent().hasClass("ui-checkbox"), "enhancement has occured");
- });
-
- test( "nested label (no [for]) checkbox still renders", function() {
- var $checkbox = $( "#checkbox-nested-label-no-for" );
-
- try {
- $checkbox.checkboxradio();
- } catch (e) {
- ok( false, "checkboxradio exception raised: " + e.toString());
- }
-
- ok( $checkbox.parent().hasClass("ui-checkbox"), "enhancement has occured");
- });
-
- test( "Icon positioning", function() {
- var bottomicon = $("[for='bottomicon']")
- topicon = $("[for='topicon']");
-
- ok( bottomicon.hasClass("ui-btn-icon-bottom"), "Icon position set on label adds the appropriate class." );
- ok( topicon.hasClass("ui-btn-icon-top"), "Icon position set on input adds the appropriate class to the label." );
- });
-})(jQuery);
+++ /dev/null
-<div id="form-result" data-role="page">
-</div>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Checkboxradio Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.forms.checkboxradio",
- "jquery.mobile.page" // Needed by the test suite
- ],
- [
- "checkboxradio_core.js"
- ],
- [ "jquery.mobile.init" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Checkbockradio Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" data-nstest-theme="a">
- <div data-nstest-role="content">
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/>
- <label for="checkbox-1">I agree</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/>
- <label for="checkbox-2">I agree</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain" data-nstest-role="controlgroup">
- <div>
- <legend>Agree to the terms 3.1:</legend>
- <input type="checkbox" name="checkbox-3" id="checkbox-31" class="custom"/>
- <label for="checkbox-31">I agree 3.1</label>
- </div>
- <div>
- <legend>Agree to the terms 3.2:</legend>
- <input type="checkbox" name="checkbox-3" id="checkbox-32" class="custom"/>
- <label for="checkbox-32">I agree 3.2</label>
- </div>
- </div>
- </div>
-
-<div data-role="fieldcontain" id="radio-active-btn-test">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked" />
- <label for="radio-pet-1">Cat</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2" />
- <label for="radio-pet-2">Dog</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3" />
- <label for="radio-pet-3">Hamster</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4" />
- <label for="radio-pet-4">Lizard</label>
- </fieldset>
-</div>
-
-<div data-role="fieldcontain">
- <input type="radio" name="radio-full" value="choice-3" id="radio-full" />
- <label for="radio-full">Hamster</label>
-
- <input type="radio" name="radio-mini" value="choice-3" id="radio-mini" data-nstest-mini="true" />
- <label for="radio-mini">Hamster</label>
-
- <div data-nstest-role="controlgroup" data-nstest-mini="true" id="mini-control">
- <input type="radio" name="radio-mini" value="choice-3" id="mini-ctrl" />
- <label for="mini-ctrl">Hamster</label>
- <input type="radio" name="full-ctrl" value="choice-3" id="full-ctrl" />
- <label for="full-ctrl">Hamster</label>
- </div>
-</div>
-
-
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="should-be-native" />
- <label for="checkbox-1">I agree</label>
- </fieldset>
-</div>
-
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered"/>
- <label for="checkbox-click-triggered">click triggered</label>
- <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered-2"/>
- <label for="checkbox-click-triggered-2">click triggered</label>
-
- <input type="radio" name="checkbox-change-triggered" id="checkbox-change-triggered"/>
- <label for="checkbox-change-triggered">click triggered</label>
- <input type="radio" name="checkbox-change-triggered" id="checkbox-change-triggered-2"/>
- <label for="checkbox-change-triggered-2">click triggered</label>
- </fieldset>
-</div>
-
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-inherit-theme" id="checkbox-inherit-theme"/>
- <label for="checkbox-inherit-theme">foo</label>
- </fieldset>
-
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-explicit-theme" id="checkbox-explicit-theme" data-nstest-theme="b"/>
- <label for="checkbox-explicit-theme">foo</label>
- </fieldset>
-</div>
-
-<div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup">
- <input type="checkbox" name="topicon" id="topicon" class="custom" data-nstest-iconpos="top" />
- <label for="topicon">I agree</label>
-
- <input type="checkbox" name="bottomicon" id="bottomicon" class="custom" />
- <label for="bottomicon" data-nstest-iconpos="bottom">I agree</label>
- </fieldset>
-</div>
-
-<form id="radio-form" method="get" action="form-result.html">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Check one:</legend>
- <input type="radio" id="radio1" name="radio1" value="1" />
- <label for="radio1">Radio1</label>
- </fieldset>
-</form>
-
-
-<form id="check-form" method="get" action="form-result.html">
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-form" id="checkbox-form" class="custom" />
- <label for="checkbox-form">b</label>
-
- <input type="checkbox" name="checkbox-form-2" id="checkbox-form-2" class="custom" />
- <label for="checkbox-form-2"><em>i</em></label>
- </fieldset>
- </div>
-</form>
-
-</div>
-
-<div id="enhancetest">
- <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/>
- <label for="checkbox-332">I agree 3.2</label>
-</div>
-
-<div id="exception-test">
- <form>
- <input type="checkbox" name="checkbox-exception" id="checkbox-exception" class="custom"/>
- </form>
-</div>
-
-<div id="nested-label-test">
- <form>
- <label for="checkbox-nested-label">
- <input type="checkbox" name="checkbox-nested-label" id="checkbox-nested-label" class="custom"/>
- </label>
- </form>
-</div>
-
-<div id="nested-label-no-for-test">
- <form>
- <label>
- <input type="checkbox" name="checkbox-nested-label-no-for" id="checkbox-nested-label-no-for" class="custom"/>
- </label>
- </form>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile listview unit tests
- */
-
-// TODO split out into seperate test files
-(function( $ ){
- module( "Collapsible section", {});
-
- asyncTest( "The page should enhanced correctly", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-test" );
- },
-
- function() {
- var $page = $( "#basic-collapsible-test" );
- ok($page.find( ".ui-content >:eq(0)" ).hasClass( "ui-collapsible" ), ".ui-collapsible class added to collapsible elements" );
- ok($page.find( ".ui-content >:eq(0) >:header" ).hasClass( "ui-collapsible-heading" ), ".ui-collapsible-heading class added to collapsible heading" );
- ok($page.find( ".ui-content >:eq(0) > div" ).hasClass( "ui-collapsible-content" ), ".ui-collapsible-content class added to collapsible content" );
- ok($page.find( ".ui-content >:eq(0)" ).hasClass( "ui-collapsible-collapsed" ), ".ui-collapsible-collapsed added to collapsed elements" );
- ok(!$page.find( ".ui-content >:eq(1)" ).hasClass( "ui-collapsible-collapsed" ), ".ui-collapsible-collapsed not added to expanded elements" );
- ok($page.find( ".ui-collapsible.ui-collapsible-collapsed" ).find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-top ui-corner-bottom" ), "Collapsible header button should have class ui-corner-all" );
- start();
- }
- ]);
- });
-
- asyncTest( "Expand/Collapse", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-test" );
- },
-
- function() {
- ok($( "#basic-collapsible-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be collapsed");
- $( "#basic-collapsible-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok(!$( "#basic-collapsible-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be expanded after click");
- $( "#basic-collapsible-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok($( "#basic-collapsible-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be collapsed");
- start();
- }
- ]);
- });
-
- module( "Collapsible set", {});
-
- asyncTest( "The page should enhanced correctly", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-set-test" );
- },
-
- function() {
- var $page = $( "#basic-collapsible-set-test" );
-
- ok($page.find( ".ui-content >:eq(0)" ).hasClass( "ui-collapsible-set" ), ".ui-collapsible-set class added to collapsible set" );
- ok($page.find( ".ui-content >:eq(0) > div" ).hasClass( "ui-collapsible" ), ".ui-collapsible class added to collapsible elements" );
- $page.find( ".ui-collapsible-set" ).each(function() {
- var $this = $( this );
- ok($this.find( ".ui-collapsible" ).first().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-top" ), "First collapsible header button should have class ui-corner-top" );
- ok($this.find( ".ui-collapsible" ).last().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-bottom" ), "Last collapsible header button should have class ui-corner-bottom" );
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "Collapsible set with only one collapsible", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-set-with-lonely-collapsible-test" );
- },
-
- function() {
- var $page = $( "#collapsible-set-with-lonely-collapsible-test" );
- $page.find( ".ui-collapsible-set" ).each(function() {
- var $this = $( this );
- ok($this.find( ".ui-collapsible" ).first().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-top" ), "First collapsible header button should have class ui-corner-top" );
- ok($this.find( ".ui-collapsible" ).last().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-bottom" ), "Last collapsible header button should have class ui-corner-bottom" );
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "Section expanded by default", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-set-test" );
- },
-
- function() {
- equals($( "#basic-collapsible-set-test .ui-content >:eq(0) .ui-collapsible-collapsed" ).length, 2, "There should be 2 section collapsed" );
- ok(!$( "#basic-collapsible-set-test .ui-content >:eq(0) >:eq(1)" ).hasClass( "ui-collapsible-collapsed" ), "Section B should be expanded" );
- start();
- }
- ]);
- });
-
- asyncTest( "Expand/Collapse", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-set-test" );
- },
-
- function() {
- ok($( "#basic-collapsible-set-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be collapsed");
- $( "#basic-collapsible-set-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok(!$( "#basic-collapsible-set-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be expanded after click");
- $( "#basic-collapsible-set-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok($( "#basic-collapsible-set-test .ui-collapsible" ).hasClass( "ui-collapsible-collapsed" ), "All collapsible should be collapsed");
- start();
- }
- ]);
- });
-
- asyncTest( "Collapsible Set with dynamic content", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-set-with-dynamic-content" );
- },
-
- function() {
- var set = $( ".ui-page-active" ).find( ".ui-collapsible-set" );
- for ( var i = 0; i < 3; i++ ) {
- $( '<div data-'+ $.mobile.ns +'role="collapsible"><h3>Collapsible Item ' + i + '</h3></div>' ).appendTo( set );
- }
- set.collapsibleset( "refresh" );
- equal( set.find( ".ui-collapsible" ).length, 3, "The 3 collapsibles should be enhanced" );
- ok( set.find( ".ui-collapsible" ).eq( 0 ).find( "a" ).hasClass( "ui-corner-top" ), "The 1st collapsible should have top corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 0 ).find( "a" ).hasClass( "ui-corner-bottom" ), "The 1st collapsible should NOT have bottom corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 1 ).find( "a" ).hasClass( "ui-corner-top" ), "The 2nd collapsible should NOT have top corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 1 ).find( "a" ).hasClass( "ui-corner-bottom" ), "The 2nd collapsible should NOT have bottom corners" );
- ok( set.find( ".ui-collapsible" ).eq( 2 ).find( "a" ).hasClass( "ui-corner-bottom" ), "The 3rd collapsible should have bottom corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 2 ).find( "a" ).hasClass( "ui-corner-top" ), "The 3rd collapsible should NOT have top corners" );
- start();
- }
- ]);
- });
-
- asyncTest( "Collapsible Set with static and dynamic content", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-set-with-static-and-dynamic-content" );
- },
-
- function() {
- var set = $( ".ui-page-active" ).find( ".ui-collapsible-set" );
- for ( var i = 0; i < 2; i++ ) {
- $( '<div data-'+ $.mobile.ns +'role="collapsible"><h3>Collapsible Item ' + i + '</h3></div>' ).appendTo( set );
- }
- set.collapsibleset( "refresh" );
- equal( set.find( ".ui-collapsible" ).length, 3, "The 3 collapsibles should be enhanced" );
- ok( set.find( ".ui-collapsible" ).eq( 0 ).find( "a" ).hasClass( "ui-corner-top" ), "The 1st collapsible should have top corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 0 ).find( "a" ).hasClass( "ui-corner-bottom" ), "The 1st collapsible should NOT have bottom corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 1 ).find( "a" ).hasClass( "ui-corner-top" ), "The 2nd collapsible should NOT have top corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 1 ).find( "a" ).hasClass( "ui-corner-bottom" ), "The 2nd collapsible should NOT have bottom corners" );
- ok( set.find( ".ui-collapsible" ).eq( 2 ).find( "a" ).hasClass( "ui-corner-bottom" ), "The 3rd collapsible should have bottom corners" );
- ok( !set.find( ".ui-collapsible" ).eq( 2 ).find( "a" ).hasClass( "ui-corner-top" ), "The 3rd collapsible should NOT have top corners" );
- start();
- }
- ]);
- });
-
- module( "Theming", {});
-
- asyncTest( "Collapsible", 6, function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-with-theming" );
- },
-
- function() {
- var collapsibles = $.mobile.activePage.find( ".ui-collapsible" );
- ok( collapsibles.eq(0).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-a" ), "Heading of first collapsible should have class ui-btn-up-a");
- ok( !collapsibles.eq(0).find( ".ui-collapsible-content" ).hasClass( "ui-btn-up-a" ), "Content of first collapsible should NOT have class ui-btn-up-a");
- ok( collapsibles.eq(1).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-b" ), "Heading of second collapsible should have class ui-btn-up-b");
- ok( collapsibles.eq(1).find( ".ui-collapsible-content" ).hasClass( "ui-body-b" ), "Content of second collapsible should have class ui-btn-up-b");
- ok( collapsibles.eq(2).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-c" ), "Heading of third collapsible should have class ui-btn-up-c");
- ok( collapsibles.eq(2).find( ".ui-collapsible-content" ).hasClass( "ui-body-c" ), "Content of third collapsible should have class ui-btn-up-c");
- start();
- }
- ]);
- });
-
-
- asyncTest( "Collapsible Set", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-set-with-theming" );
- },
-
- function() {
- var collapsibles = $.mobile.activePage.find( ".ui-collapsible" );
- ok( collapsibles.eq(0).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-a" ), "Heading of first collapsible should have class ui-btn-up-a");
- ok( !collapsibles.eq(0).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-b,.ui-body-c" ), "Content of first collapsible should NOT have class ui-btn-up-[a,b,c]");
- ok( collapsibles.eq(0).find( ".ui-collapsible-content" ).hasClass( "ui-body-d" ), "Content of first collapsible should NOT have class ui-btn-up-d");
- ok( collapsibles.eq(1).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-b" ), "Heading of second collapsible should have class ui-btn-up-b");
- ok( !collapsibles.eq(1).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-c,.ui-body-d" ), "Content of second collapsible should NOT have class ui-btn-up-[a,c,d]");
- ok( collapsibles.eq(1).find( ".ui-collapsible-content" ).hasClass( "ui-body-b" ), "Content of second collapsible should have class ui-btn-up-b");
- ok( collapsibles.eq(2).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-d" ), "Heading of third collapsible should have class ui-btn-up-d");
- ok( !collapsibles.eq(2).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-b,.ui-body-c" ), "Content of third collapsible should NOT have class ui-btn-up-[a,b,c]");
- ok( collapsibles.eq(2).find( ".ui-collapsible-content" ).hasClass( "ui-body-d" ), "Content of third collapsible should have class ui-btn-up-d");
- ok( !collapsibles.eq(2).find( ".ui-collapsible-content" ).hasClass( "ui-collapsible-content-collapsed" ), "Content of third collapsible should NOT have class ui-collapsible-content-collapsed");
- ok( collapsibles.eq(3).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-d" ), "Heading of fourth collapsible should have class ui-btn-up-d");
- ok( !collapsibles.eq(3).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-b,.ui-body-c" ), "Content of fourth collapsible should NOT have class ui-btn-up-[a,b,c]");
- ok( collapsibles.eq(3).find( ".ui-collapsible-content" ).hasClass( "ui-body-d" ), "Content of fourth collapsible should have class ui-btn-up-d");
- start();
- }
- ]);
- });
-
-
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Collapsible Integration Test</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.collapsible",
- "jquery.mobile.collapsibleSet",
- "jquery.mobile.page.sections"
- ],
- [ "jquery.mobile.init" ],
- [
- "collapsible_core.js"
- ]
- ]);
- </script>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Collapsible Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id='basic-collapsible-test'>
- <div data-nstest-role="header">
- <h1>Basic collapsible</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-nstest-role="collapsible" data-nstest-collapsed="false">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='basic-collapsible-set-test'>
- <div data-nstest-role="header">
- <h1>Basic collapsible</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set">
- <div data-nstest-role="collapsible">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-nstest-role="collapsible" data-nstest-collapsed="false">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-nstest-role="collapsible">
- <h3>Section C</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-set-with-lonely-collapsible-test'>
- <div data-nstest-role="header">
- <h1>Basic collapsible</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set">
- <div data-nstest-role="collapsible" >
- <h3>Section D</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-
- <div data-nstest-role="collapsible" >
- <h3>Section E</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-with-theming'>
- <div data-nstest-role="header">
- <h1>Themed collapsibles</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible" data-nstest-theme="a">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-theme="c" data-nstest-content-theme="c" data-nstest-collapsed="false">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
-
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-set-with-theming'>
- <div data-nstest-role="header">
- <h1>Themed collapsibles</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set" data-nstest-theme="d" data-nstest-content-theme="d">
- <div data-nstest-role="collapsible" data-nstest-theme="a">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-collapsed="false">
- <h3>Section C</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible">
- <h3>Section D</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-set-with-dynamic-content'>
- <div data-nstest-role="header">
- <h1>Collapsible Set with dynamic content</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set"></div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-set-with-static-and-dynamic-content'>
- <div data-nstest-role="header">
- <h1>Collapsible Set with dynamic content</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set">
- <div data-nstest-role="collapsible">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile checkboxradio unit tests
- */
-(function($){
- module( 'vertical controlgroup, no refresh' , {
- setup: function() {
- this.vcontrolgroup = $( "#vertical-controlgroup" );
- }
- });
-
- test( "vertical controlgroup classes", function() {
- var buttons = this.vcontrolgroup.find( ".ui-btn" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( !buttons.hasClass( "ui-btn-corner-all" ), "no button should have class 'ui-btn-corner-all'");
- ok( buttons.first().hasClass( "ui-corner-top" ), "first button should have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-top" ), "middle buttons should not have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-bottom" ), "middle buttons should not have class 'ui-corner-bottom'" );
- ok( buttons.last().hasClass( "ui-corner-bottom"), "last button should have class 'ui-corner-bottom'" );
- });
-
- module( 'vertical controlgroup, refresh', {
- setup: function() {
- this.vcontrolgroup = $( "#vertical-controlgroup" );
- this.vcontrolgroup.find( ".ui-btn" ).show();
- this.vcontrolgroup.controlgroup();
- }
- });
-
- test( "vertical controlgroup after first button was hidden", function() {
- //https://github.com/jquery/jquery-mobile/issues/1929
-
- //We hide the first button and refresh
- this.vcontrolgroup.find( ".ui-btn" ).first().hide();
- this.vcontrolgroup.controlgroup();
-
- var buttons = this.vcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-top" ), "first visible button should have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-top" ), "middle buttons should not have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-bottom" ), "middle buttons should not have class 'ui-corner-bottom'" );
- ok( buttons.last().hasClass( "ui-corner-bottom"), "last visible button should have class 'ui-corner-bottom'" );
- });
-
- test( "vertical controlgroup after last button was hidden", function() {
- //https://github.com/jquery/jquery-mobile/issues/1929
-
- //We hide the last button and refresh
- this.vcontrolgroup.find( ".ui-btn" ).last().hide();
- this.vcontrolgroup.controlgroup();
-
- var buttons = this.vcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-top" ), "first visible button should have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-top" ), "middle buttons should not have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-bottom" ), "middle buttons should not have class 'ui-corner-bottom'" );
- ok( buttons.last().hasClass( "ui-corner-bottom"), "last visible button should have class 'ui-corner-bottom'" );
- });
-
- module( 'horizontal controlgroup, no refresh', {
- setup: function() {
- this.hcontrolgroup = $( "#horizontal-controlgroup" );
- }
- });
-
- test( "horizontal controlgroup classes", function() {
- var buttons = this.hcontrolgroup.find( ".ui-btn" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( !buttons.hasClass( "ui-btn-corner-all" ), "no button should have class 'ui-btn-corner-all'");
- ok( buttons.first().hasClass( "ui-corner-left" ), "first button should have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-left" ), "middle buttons should not have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-right" ), "middle buttons should not have class 'ui-corner-right'" );
- ok( buttons.last().hasClass( "ui-corner-right"), "last button should have class 'ui-corner-right'" );
- });
-
- module( 'horizontal controlgroup, refresh', {
- setup: function() {
- this.hcontrolgroup = $( "#horizontal-controlgroup" );
- this.hcontrolgroup.find( ".ui-btn" ).show();
- this.hcontrolgroup.controlgroup();
- }
- });
-
- test( "horizontal controlgroup after first button was hidden", function() {
- //We hide the first button and refresh
- this.hcontrolgroup.find( ".ui-btn" ).first().hide();
- this.hcontrolgroup.controlgroup();
-
- var buttons = this.hcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-left" ), "first visible button should have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-left" ), "middle buttons should not have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-right" ), "middle buttons should not have class 'ui-corner-right'" );
- ok( buttons.last().hasClass( "ui-corner-right"), "last visible button should have class 'ui-corner-right'" );
- });
-
- test( "horizontal controlgroup after last button was hidden", function() {
- //We hide the last button and refresh
- this.hcontrolgroup.find( ".ui-btn" ).last().hide();
- this.hcontrolgroup.controlgroup();
-
- var buttons = this.hcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-left" ), "first visible button should have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-left" ), "middle buttons should not have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-right" ), "middle buttons should not have class 'ui-corner-right'" );
- ok( buttons.last().hasClass( "ui-corner-right"), "last visible button should have class 'ui-corner-right'" );
- });
-
-
- test( "controlgroups will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-controlgroup").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-controlgroup").length, "enhancements applied" );
- });
-
- test( "controlgroups in ignored containers aren't enhanced", function() {
- var $unenhancedFieldSet = $( "#unenhanced-fieldset" ),
- $enhancedFieldSet = $( "#enhanced-fieldset" );
-
- $.mobile.ignoreContentEnabled = true;
-
- // attempt to enhance the controlgroup
- $unenhancedFieldSet.parent().trigger("create");
-
- same( $unenhancedFieldSet.length, 1, "the fieldset test fixtures exist" );
- ok( !$unenhancedFieldSet.is(".ui-controlgroup"), "there is no control group" );
-
- // attempt to enhance the controlgroup
- $enhancedFieldSet.parent().trigger("create");
-
- same( $enhancedFieldSet.length, 1, "the fieldset test fixtures exist" );
- ok( $enhancedFieldSet.is(".ui-controlgroup"), "there is a control group" );
-
- $.mobile.ignoreContentEnabled = false;
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Controlgroup Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.forms.checkboxradio",
- "jquery.mobile.controlGroup"
- ],
- [ "jquery.mobile.init" ],
- [
- "controlgroup_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Controlgroup Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <div data-nstest-role="content">
-
- <div data-nstest-role="fieldcontain" id="radio-active-btn-test">
- <fieldset data-nstest-role="controlgroup" id="vertical-controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked" />
- <label for="radio-pet-1">Cat</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2" />
- <label for="radio-pet-2">Dog</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3" />
- <label for="radio-pet-3">Hamster</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4" />
- <label for="radio-pet-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" id="horizontal-controlgroup">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8"><em>s</em></label>
-
- <input type="checkbox" name="checkbox-9" id="checkbox-9" class="custom" />
- <label for="checkbox-9">u</label>
- </fieldset>
- </div>
-
- </div>
-</div>
-
-<div data-nstest-enhance="false" data-nstest-role="fieldcontain" id="unenhanced-fieldcontain">
- <fieldset data-nstest-type="horizontal" id="unenhanced-fieldset" data-nstest-role="controlgroup">
- <input type="checkbox" name="checkbox-10" id="checkbox-10" class="custom" />
- <label for="checkbox-10">b</label>
-
- <input type="checkbox" name="checkbox-11" id="checkbox-11" class="custom" />
- <label for="checkbox-11"><em>i</em></label>
- </fieldset>
-</div>
-
-<div data-nstest-role="fieldcontain" id="enhanced-fieldcontain">
- <fieldset data-nstest-type="horizontal" id="enhanced-fieldset" data-nstest-role="controlgroup">
- <input type="checkbox" name="checkbox-12" id="checkbox-12" class="custom" />
- <label for="checkbox-12">b</label>
-
- <input type="checkbox" name="checkbox-13" id="checkbox-13" class="custom" />
- <label for="checkbox-13"><em>i</em></label>
- </fieldset>
-</div>
-
-<div data-nstest-role="fieldcontain" id="enhancetest">
- <fieldset data-nstest-role="controlgroup">
- </fieldset>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile core unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.core",
- setGradeA = function(value, version) {
- $.support.mediaquery = value;
- $.mobile.browser.ie = version;
- },
- extendFn = $.extend;
-
- module(libName, {
- setup: function(){
- // NOTE reset for gradeA tests
- $('html').removeClass('ui-mobile');
-
- // NOTE reset for pageLoading tests
- $('.ui-loader').remove();
- },
- teardown: function(){
- $.extend = extendFn;
- }
- });
-
- $.testHelper.excludeFileProtocol(function(){
- asyncTest( "grade A browser either supports media queries or is IE 7+", function(){
- setGradeA(false, 6);
- $.testHelper.deferredSequence([
- function() {
- return $.testHelper.reloadModule(libName);
- },
-
- function() {
- ok(!$.mobile.gradeA());
- },
-
- function() {
- setGradeA(true, 8);
- return $.testHelper.reloadModule(libName);
- },
-
- function() {
- ok($.mobile.gradeA());
- start();
- }
- ]);
- });
- });
-
- function clearNSNormalizeDictionary()
- {
- var dict = $.mobile.nsNormalizeDict;
- for ( var prop in dict ) {
- delete dict[ prop ];
- }
- }
-
- test( "$.mobile.nsNormalize works properly with namespace defined (test default)", function(){
- // Start with a fresh namespace property cache, just in case
- // the previous test mucked with namespaces.
- clearNSNormalizeDictionary();
-
- equal($.mobile.nsNormalize("foo"), "nstestFoo", "appends ns and initcaps");
- equal($.mobile.nsNormalize("fooBar"), "nstestFooBar", "leaves capped strings intact");
- equal($.mobile.nsNormalize("foo-bar"), "nstestFooBar", "changes dashed strings");
- equal($.mobile.nsNormalize("foo-bar-bak"), "nstestFooBarBak", "changes multiple dashed strings");
-
- // Reset the namespace property cache for the next test.
- clearNSNormalizeDictionary();
- });
-
- test( "$.mobile.nsNormalize works properly with an empty namespace", function(){
- var realNs = $.mobile.ns;
-
- $.mobile.ns = "";
-
- // Start with a fresh namespace property cache, just in case
- // the previous test mucked with namespaces.
- clearNSNormalizeDictionary();
-
- equal($.mobile.nsNormalize("foo"), "foo", "leaves uncapped and undashed");
- equal($.mobile.nsNormalize("fooBar"), "fooBar", "leaves capped strings intact");
- equal($.mobile.nsNormalize("foo-bar"), "fooBar", "changes dashed strings");
- equal($.mobile.nsNormalize("foo-bar-bak"), "fooBarBak", "changes multiple dashed strings");
-
- $.mobile.ns = realNs;
-
- // Reset the namespace property cache for the next test.
- clearNSNormalizeDictionary();
- });
-
- //data tests
- test( "$.fn.jqmData and $.fn.jqmRemoveData methods are working properly", function(){
- var data;
-
- same( $("body").jqmData("foo", true), $("body"), "setting data returns the element" );
-
- same( $("body").jqmData("foo"), true, "getting data returns the right value" );
-
- same( $("body").data($.mobile.nsNormalize("foo")), true, "data was set using namespace" );
-
- same( $("body").jqmData("foo", undefined), true, "getting data still returns the value if there's an undefined second arg" );
-
- data = $.extend( {}, $("body").data() );
- delete data[ $.expando ]; //discard the expando for that test
- same( data , { "nstestFoo": true }, "passing .data() no arguments returns a hash with all set properties" );
-
- same( $("body").jqmData(), undefined, "passing no arguments returns undefined" );
-
- same( $("body").jqmData(undefined), undefined, "passing a single undefined argument returns undefined" );
-
- same( $("body").jqmData(undefined, undefined), undefined, "passing 2 undefined arguments returns undefined" );
-
- same( $("body").jqmRemoveData("foo"), $("body"), "jqmRemoveData returns the element" );
-
- same( $("body").jqmData("foo"), undefined, "jqmRemoveData properly removes namespaced data" );
-
- });
-
-
- test( "$.jqmData and $.jqmRemoveData methods are working properly", function(){
- same( $.jqmData(document.body, "foo", true), true, "setting data returns the value" );
-
- same( $.jqmData(document.body, "foo"), true, "getting data returns the right value" );
-
- same( $.data(document.body, $.mobile.nsNormalize("foo")), true, "data was set using namespace" );
-
- same( $.jqmData(document.body, "foo", undefined), true, "getting data still returns the value if there's an undefined second arg" );
-
- same( $.jqmData(document.body), undefined, "passing no arguments returns undefined" );
-
- same( $.jqmData(document.body, undefined), undefined, "passing a single undefined argument returns undefined" );
-
- same( $.jqmData(document.body, undefined, undefined), undefined, "passing 2 undefined arguments returns undefined" );
-
- same( $.jqmRemoveData(document.body, "foo"), undefined, "jqmRemoveData returns the undefined value" );
-
- same( $("body").jqmData("foo"), undefined, "jqmRemoveData properly removes namespaced data" );
-
- });
-
- test( "addDependents works properly", function() {
- same( $("#parent").jqmData('dependents'), undefined );
- $( "#parent" ).addDependents( $("#dependent") );
- same( $("#parent").jqmData('dependents').length, 1 );
- });
-
- test( "removeWithDependents removes the parent element and ", function(){
- $( "#parent" ).addDependents( $("#dependent") );
- same($( "#parent, #dependent" ).length, 2);
- $( "#parent" ).removeWithDependents();
- same($( "#parent, #dependent" ).length, 0);
- });
-
- test( "$.fn.getEncodedText should return the encoded value where $.fn.text doesn't", function() {
- same( $("#encoded").text(), "foo>");
- same( $("#encoded").getEncodedText(), "foo>");
- same( $("#unencoded").getEncodedText(), "var foo;");
- });
-
- test( "closestPageData returns the parent's page data", function() {
- var pageChild = $( "#page-child" );
-
- $( "#parent-page" ).data( "page", { foo: "bar" } );
- same( $.mobile.closestPageData( pageChild ).foo, "bar" );
- });
-
- test( "closestPageData returns the parent dialog's page data", function() {
- var dialogChild = $( "#dialog-child" );
-
- $( "#parent-dialog" ).data( "page", { foo: "bar" } );
- same( $.mobile.closestPageData(dialogChild).foo, "bar" );
- });
-
- test( "test that $.fn.jqmHijackable works", function() {
- $.mobile.ignoreContentEnabled = true;
-
- same( $( "#hijacked-link" ).jqmHijackable().length, 1,
- "a link without any association to data-ajax=false should be included");
-
- same( $( "#unhijacked-link-by-parent" ).jqmHijackable().length, 0,
- "a link with a data-ajax=false parent should be excluded");
-
- same( $( "#unhijacked-link-by-attr" ).jqmHijackable().length, 0,
- "a link with data-ajax=false should be excluded");
-
- $.mobile.ignoreContentEnabled = false;
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile core unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.core",
- scrollTimeout = 20, // TODO expose timing as an attribute
- scrollStartEnabledTimeout = 150;
-
- module(libName, {
- setup: function(){
- $("<div id='scroll-testing' style='height: 1000px'></div>").appendTo("body");
- },
-
- teardown: function(){
- $("#scroll-testing").remove();
- }
- });
-
- var scrollUp = function( pos ){
- $(window).scrollTop(1000);
- ok($(window).scrollTop() > 0, $(window).scrollTop());
- $.mobile.silentScroll(pos);
- };
-
- asyncTest( "silent scroll scrolls the page to the top by default", function(){
- scrollUp();
-
- setTimeout(function(){
- same($(window).scrollTop(), 0);
- start();
- }, scrollTimeout);
- });
-
- asyncTest( "silent scroll scrolls the page to the passed y position", function(){
- var pos = 10;
- scrollUp(pos);
-
- setTimeout(function(){
- same($(window).scrollTop(), pos);
- start();
- }, scrollTimeout);
- });
-
- test( "silent scroll is async", function(){
- scrollUp();
- ok($(window).scrollTop() != 0, "scrolltop position should not be zero");
- start();
- });
-
- asyncTest( "scrolling marks scrollstart as disabled for 150 ms", function(){
- $.event.special.scrollstart.enabled = true;
- scrollUp();
- ok(!$.event.special.scrollstart.enabled);
-
- setTimeout(function(){
- ok($.event.special.scrollstart.enabled);
- start();
- }, scrollStartEnabledTimeout);
- });
-
- //TODO test that silentScroll is called on window load
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Core Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.core"
- ],
- [ "jquery.mobile.init" ],
- [
- "core.js",
- "core_scroll.js"
- ]
- ]);
- </script>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Core Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
-</div>
-
-<div id="qunit-fixtures">
- <div id="parent"></div>
- <div id="dependent"></div>
- <div id="encoded">foo></div>
- <div id="unencoded"><script>var foo;</script></div>
-
- <div id="parent-page" data-nstest-role="page">
- <div id="page-child"></div>
- </div>
-
- <div id="parent-dialog" data-nstest-role="dialog">
- <div id="dialog-child"></div>
- </div>
-</div>
-
-<div id="hijackable">
- <a href="#" id="hijacked-link"></a>
- <a href="#" id="unhijacked-link-by-attr" data-nstest-ajax="false"></a>
-</div>
-
-<div id="not-hijackable" data-nstest-ajax="false">
- <a href="#" id="unhijacked-link-by-parent"></a>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * degradeInputs unit tests
- */
-
-(function($){
- module('jquery.mobile.degradeInputs.js');
-
- test('keepNative elements should not be degraded', function() {
- same($('input#not-to-be-degraded').attr("type"), "range");
- });
-
- asyncTest('should degrade input type to a different type, as specified in page options', function(){
- var degradeInputs = $.mobile.page.prototype.options.degradeInputs;
-
- expect( degradeInputs.length );
-
- // NOTE the initial page is already enhanced (or expected to be) so we load the dialog to enhance it
- // and _expect_ that the default page will remain "unreaped". This will break if that assumption changes
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( "#dialog" );
- },
-
- function() {
- $.each(degradeInputs, function( oldType, newType ) {
- if (newType === false) {
- newType = oldType;
- }
-
- $('#page-test-container').html('<input type="' + oldType + '" />').trigger("create");
-
- same($('#page-test-container input').attr("type"), newType, "type attr on page is: " + newType);
-
- $('#dialog-test-container').html('<input type="' + oldType + '" />').trigger("create");
-
- same($('#dialog-test-container input').attr("type"), newType, "type attr on dialog is: " + newType);
- });
-
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
- <!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Degrade Inputs Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [ "jquery.mobile.degradeInputs" ],
- [ "jquery.mobile.init" ],
- [ "degradeInputs.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Degrade Inputs Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="page" data-nstest-role="page">
-
- <input id="not-to-be-degraded" type="range" data-nstest-role="nojs" />
-
- <div id="page-test-container">
- </div>
-
-</div>
-
-<div id="dialog" data-nstest-role="dialog">
-
- <div id="dialog-test-container">
- </div>
-
-</div>
-
-</html>
+++ /dev/null
-/*
- * mobile dialog unit tests
- */
-(function($) {
-
- test( "When the page loads, any dialogs in the page should be initialized", function() {
- expect( 1 );
-
- ok( $( "#foo-dialog" ).is( ".ui-dialog" ), "When a dialog is the first element in a page, it is created as a dialog widget." );
- });
-
-
-})( jQuery );
+++ /dev/null
-/*
- * mobile dialog unit tests
- */
-(function($) {
- module( "jquery.mobile.dialog.js", {
- setup: function() {
- $.mobile.page.prototype.options.contentTheme = "d";
- }
- });
-
- asyncTest( "dialog hash is added when the dialog is opened and removed when closed", function() {
- expect( 2 );
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#foo-dialog-link" ).click();
- },
-
- function() {
- var fooDialog = $( "#foo-dialog" );
-
- // make sure the dialog came up
- ok( /&ui-state=dialog/.test(location.hash), "ui-state=dialog =~ location.hash", "dialog open" );
-
- // close the dialog
- $( ".ui-dialog" ).dialog( "close" );
- },
-
- function() {
- ok( !/&ui-state=dialog/.test(location.hash), "ui-state=dialog !~ location.hash" );
- start();
- }
- ]);
- });
-
- asyncTest( "dialog element with no theming", function() {
- expect(4);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#link-a" ).click();
- },
-
- function() {
- var dialog = $( "#dialog-a" );
-
- // Assert dialog theme inheritance (issue 1375):
- ok( dialog.hasClass( "ui-body-c" ), "Expected explicit theme ui-body-c" );
- ok( dialog.find( ":jqmData(role=header)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected header to inherit from $.mobile.page.prototype.options.headerTheme" );
- ok( dialog.find( ":jqmData(role=content)" ).hasClass( "ui-body-" + $.mobile.page.prototype.options.contentTheme ), "Expect content to inherit from $.mobile.page.prototype.options.contentTheme" );
- ok( dialog.find( ":jqmData(role=footer)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected footer to inherit from $.mobile.page.prototype.options.footerTheme" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "dialog element with data-theme", function() {
- // Reset fallback theme for content
- $.mobile.page.prototype.options.contentTheme = null;
-
- expect(5);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#link-b" ).click();
- },
-
- function() {
- var dialog = $( "#dialog-b" );
-
- // Assert dialog theme inheritance (issue 1375):
- ok( dialog.hasClass( "ui-body-e" ), "Expected explicit theme ui-body-e" );
- ok( !dialog.hasClass( "ui-overlay-b" ), "Expected no theme ui-overlay-b" );
- ok( dialog.find( ":jqmData(role=header)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected header to inherit from $.mobile.page.prototype.options.headerTheme" );
- ok( dialog.find( ":jqmData(role=content)" ).hasClass( "ui-body-e" ), "Expect content to inherit from data-theme" );
- ok( dialog.find( ":jqmData(role=footer)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected footer to inherit from $.mobile.page.prototype.options.footerTheme" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "dialog element with data-theme & data-overlay-theme", function() {
- expect(5);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#link-c" ).click();
- },
-
- function() {
- var dialog = $( "#dialog-c" );
-
- // Assert dialog theme inheritance (issue 1375):
- ok( dialog.hasClass( "ui-body-e" ), "Expected explicit theme ui-body-e" );
- ok( dialog.hasClass( "ui-overlay-b" ), "Expected explicit theme ui-overlay-b" );
- ok( dialog.find( ":jqmData(role=header)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected header to inherit from $.mobile.page.prototype.options.headerTheme" );
- ok( dialog.find( ":jqmData(role=content)" ).hasClass( "ui-body-" + $.mobile.page.prototype.options.contentTheme ), "Expect content to inherit from $.mobile.page.prototype.options.contentTheme" );
- ok( dialog.find( ":jqmData(role=footer)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected footer to inherit from $.mobile.page.prototype.options.footerTheme" );
-
- start();
- }
- ]);
- });
-
-
- asyncTest( "page container is updated to dialog overlayTheme at pagebeforeshow", function(){
-
- expect( 1 );
-
- var pageTheme = "ui-overlay-" + $.mobile.activePage.dialog( "option", "overlayTheme" );
-
- $.mobile.pageContainer.removeClass( pageTheme );
-
- $.mobile.activePage
- .bind( "pagebeforeshow", function(){
- ok( $.mobile.pageContainer.hasClass( pageTheme ), "Page container has the same theme as the dialog overlayTheme on pagebeforeshow" );
- start();
- })
- .trigger( "pagebeforeshow" );
-
- } );
-
-
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Dialog Test Suite</title>
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script>
- $(document).bind('mobileinit',function(){
- // Expect content to inherit this theme when not explicitly set
- $.mobile.page.prototype.options.contentTheme = "d";
- });
- </script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.dialog",
- "jquery.mobile.page",
- "jquery.mobile.page.sections"
- ],
- [ "jquery.mobile.init" ],
- [
- "dialog_count.js"
- ]
- ]);
- </script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Dialog Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture">
-
-<div id="foo-dialog" data-nstest-role="dialog" data-nstest-theme="b">
- <div data-nstest-role="header">
- <h1>Dialog</h1>
- </div>
- <div data-nstest-role="content" >
-
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-</div>
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Dialog Test Suite</title>
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script>
- $(document).bind('mobileinit',function(){
- // Expect content to inherit this theme when not explicitly set
- $.mobile.page.prototype.options.contentTheme = "d";
- });
- </script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.dialog",
- "jquery.mobile.page",
- "jquery.mobile.page.sections"
- ],
- [ "jquery.mobile.init" ],
- [
- "dialog_events.js"
- ]
- ]);
- </script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Dialog Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="mypage" data-nstest-role="page" data-nstest-theme="a">
- <a href="#foo-dialog" id="foo-dialog-link" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog"></a>
- <a href="#dialog-a" id="link-a" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">no theme set</a>
- <a href="#dialog-b" id="link-b" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme set</a>
- <a href="#dialog-c" id="link-c" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme & data-nstest-overlay-theme set</a>
-</div>
-
-<div id="foo-dialog" data-nstest-role="dialog" data-nstest-theme="b">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
- <div data-nstest-role="content" >
- <a href="#" id="internal-link">foo</a>
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-<div data-nstest-role="page" id="dialog-a">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1> No theme set </h1>
- </div>
- <div data-nstest-role="content">
- Some text here....
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-<div data-nstest-role="page" data-nstest-theme="e" id="dialog-b">
- <div data-nstest-role="header">
- <h1> data-nstest-theme set </h1>
- </div>
- <div data-nstest-role="content">
- Some text here....
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-<div data-nstest-role="page" id="dialog-c" data-nstest-overlay-theme="b" data-nstest-theme="e">
- <div data-nstest-role="header">
- <h1> data-nstest-theme & data-nstest-overlay-theme set </h1>
- </div>
- <div data-nstest-role="content">
- Some text here....
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile event unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.event.js",
- absFn = Math.abs,
- originalEventFn = $.Event.prototype.originalEvent,
- preventDefaultFn = $.Event.prototype.preventDefault,
- events = ("touchstart touchmove touchend orientationchange tap taphold " +
- "swipe swipeleft swiperight scrollstart scrollstop").split( " " );
-
- module(libName, {
- setup: function(){
-
- // ensure bindings are removed
- $.each(events + "vmouseup vmousedown".split(" "), function(i, name){
- $("#qunit-fixture").unbind();
- });
-
- //NOTE unmock
- Math.abs = absFn;
- $.Event.prototype.originalEvent = originalEventFn;
- $.Event.prototype.preventDefault = preventDefaultFn;
-
- // make sure the event objects respond to touches to simulate
- // the collections existence in non touch enabled test browsers
- $.Event.prototype.touches = [{pageX: 1, pageY: 1 }];
-
- $($.mobile.pageContainer).unbind( "throttledresize" );
- }
- });
-
- $.testHelper.excludeFileProtocol(function(){
- test( "new events defined on the jquery object", function(){
- $.each(events, function( i, name ) {
- delete $.fn[name];
- same($.fn[name], undefined);
- });
-
- $.testHelper.reloadLib(libName);
-
- $.each(events, function( i, name ) {
- ok($.fn[name] !== undefined, name + " is not undefined");
- });
- });
- });
-
- asyncTest( "defined event functions bind a closure when passed", function(){
- expect( 1 );
-
- $('#qunit-fixture').bind(events[0], function(){
- ok(true, "event fired");
- start();
- });
-
- $('#qunit-fixture').trigger(events[0]);
- });
-
- asyncTest( "defined event functions trigger the event with no arguments", function(){
- expect( 1 );
-
- $('#qunit-fixture').bind('touchstart', function(){
- ok(true, "event fired");
- start();
- });
-
- $('#qunit-fixture').touchstart();
- });
-
- test( "defining event functions sets the attrFn to true", function(){
- $.each(events, function(i, name){
- ok($.attrFn[name], "attribute function is true");
- });
- });
-
- test( "scrollstart enabled defaults to true", function(){
- $.event.special.scrollstart.enabled = false;
- $.testHelper.reloadLib(libName);
- ok($.event.special.scrollstart.enabled, "scrollstart enabled");
- });
-
- asyncTest( "scrollstart setup binds a function that returns when its disabled", function(){
- expect( 1 );
- $.event.special.scrollstart.enabled = false;
-
- $( "#qunit-fixture" ).bind("scrollstart", function(){
- ok(false, "scrollstart fired");
- });
-
- $( "#qunit-fixture" ).bind("touchmove", function(){
- ok(true, "touchmove fired");
- start();
- });
-
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- asyncTest( "scrollstart setup binds a function that triggers scroll start when enabled", function(){
- $.event.special.scrollstart.enabled = true;
-
- $( "#qunit-fixture" ).bind("scrollstart", function(){
- ok(true, "scrollstart fired");
- start();
- });
-
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- asyncTest( "scrollstart setup binds a function that triggers scroll stop after 50 ms", function(){
- var triggered = false;
- $.event.special.scrollstart.enabled = true;
-
- $( "#qunit-fixture" ).bind("scrollstop", function(){
- triggered = true;
- });
-
- ok(!triggered, "not triggered");
-
- $( "#qunit-fixture" ).trigger("touchmove");
-
- setTimeout(function(){
- ok(triggered, "triggered");
- start();
- }, 50);
- });
-
- var forceTouchSupport = function(){
- $.support.touch = true;
- $.testHelper.reloadLib(libName);
-
- //mock originalEvent information
- $.Event.prototype.originalEvent = {
- touches: [{ 'pageX' : 0 }, { 'pageY' : 0 }]
- };
- };
-
- asyncTest( "long press fires tap hold after 750 ms", function(){
- var taphold = false,
- target;
-
- forceTouchSupport();
-
- $( "#qunit-fixture" ).bind("taphold", function( e ){
- taphold = true;
- target = e.target;
- });
-
- $( "#qunit-fixture" ).trigger("vmousedown");
-
- setTimeout(function(){
- ok( taphold );
- equal( target, $( "#qunit-fixture" ).get( 0 ), "taphold target should be #qunit-fixture" );
- start();
- }, 751);
- });
-
- //NOTE used to simulate movement when checked
- //TODO find a better way ...
- var mockAbs = function(value){
- Math.abs = function(){
- return value;
- };
- };
-
- asyncTest( "move prevents taphold", function(){
- expect( 1 );
- var taphold = false;
-
- forceTouchSupport();
- mockAbs(100);
-
- //NOTE record taphold event
- $( "#qunit-fixture" ).bind("taphold", function(){
- ok(false, "taphold fired");
- taphold = true;
- });
-
- //NOTE start the touch events
- $( "#qunit-fixture" ).trigger("vmousedown");
-
- //NOTE fire touchmove to push back taphold
- setTimeout(function(){
- $( "#qunit-fixture" ).trigger("vmousecancel");
- }, 100);
-
- //NOTE verify that the taphold hasn't been fired
- // with the normal timing
- setTimeout(function(){
- ok(!taphold, "taphold not fired");
- start();
- }, 751);
- });
-
- asyncTest( "tap event fired without movement", function(){
- expect( 1 );
- var tap = false,
- checkTap = function(){
- ok(true, "tap fired");
- };
-
- forceTouchSupport();
-
- //NOTE record the tap event
- $( "#qunit-fixture" ).bind("tap", checkTap);
-
- $( "#qunit-fixture" ).trigger("vmousedown");
- $( "#qunit-fixture" ).trigger("vmouseup");
- $( "#qunit-fixture" ).trigger("vclick");
-
- setTimeout(function(){
- start();
- }, 400);
- });
-
- asyncTest( "tap event not fired when there is movement", function(){
- expect( 1 );
- var tap = false;
- forceTouchSupport();
-
- //NOTE record tap event
- $( "#qunit-fixture" ).bind("tap", function(){
- ok(false, "tap fired");
- tap = true;
- });
-
- //NOTE make sure movement is recorded
- mockAbs(100);
-
- //NOTE start and move right away
- $( "#qunit-fixture" ).trigger("touchstart");
- $( "#qunit-fixture" ).trigger("touchmove");
-
- //NOTE end touch sequence after 20 ms
- setTimeout(function(){
- $( "#qunit-fixture" ).trigger("touchend");
- }, 20);
-
- setTimeout(function(){
- ok(!tap, "not tapped");
- start();
- }, 40);
- });
-
- asyncTest( "tap event propagates up DOM tree", function(){
- var tap = 0,
- $qf = $( "#qunit-fixture" ),
- $doc = $( document ),
- docTapCB = function(){
- same(++tap, 2, "document tap callback called once after #qunit-fixture callback");
- };
-
- $qf.bind( "tap", function() {
- same(++tap, 1, "#qunit-fixture tap callback called once");
- });
-
- $doc.bind( "tap", docTapCB );
-
- $qf.trigger( "vmousedown" )
- .trigger( "vmouseup" )
- .trigger( "vclick" );
-
- // tap binding should be triggered twice, once for
- // #qunit-fixture, and a second time for document.
- same( tap, 2, "final tap callback count is 2" );
-
- $doc.unbind( "tap", docTapCB );
-
- start();
- });
-
- asyncTest( "stopPropagation() prevents tap from propagating up DOM tree", function(){
- var tap = 0,
- $qf = $( "#qunit-fixture" ),
- $doc = $( document ),
- docTapCB = function(){
- ok(false, "tap should NOT be triggered on document");
- };
-
- $qf.bind( "tap", function(e) {
- same(++tap, 1, "tap callback 1 triggered once on #qunit-fixture");
- e.stopPropagation();
- })
- .bind( "tap", function(e) {
- same(++tap, 2, "tap callback 2 triggered once on #qunit-fixture");
- });
-
- $doc.bind( "tap", docTapCB);
-
- $qf.trigger( "vmousedown" )
- .trigger( "vmouseup" )
- .trigger( "vclick" );
-
- // tap binding should be triggered twice.
- same( tap, 2, "final tap count is 2" );
-
- $doc.unbind( "tap", docTapCB );
-
- start();
- });
-
- asyncTest( "stopImmediatePropagation() prevents tap propagation and execution of 2nd handler", function(){
- var tap = 0,
- $cf = $( "#qunit-fixture" );
- $doc = $( document ),
- docTapCB = function(){
- ok(false, "tap should NOT be triggered on document");
- };
-
- // Bind 2 tap callbacks on qunit-fixture. Only the first
- // one should ever be called.
- $cf.bind( "tap", function(e) {
- same(++tap, 1, "tap callback 1 triggered once on #qunit-fixture");
- e.stopImmediatePropagation();
- })
- .bind( "tap", function(e) {
- ok(false, "tap callback 2 should NOT be triggered on #qunit-fixture");
- });
-
- $doc.bind( "tap", docTapCB);
-
- $cf.trigger( "vmousedown" )
- .trigger( "vmouseup" )
- .trigger( "vclick" );
-
- // tap binding should be triggered once.
- same( tap, 1, "final tap count is 1" );
-
- $doc.unbind( "tap", docTapCB );
-
- start();
- });
-
- var swipeTimedTest = function(opts){
- var swipe = false;
-
- forceTouchSupport();
-
- $( "#qunit-fixture" ).bind('swipe', function(){
- swipe = true;
- });
-
- //NOTE bypass the trigger source check
- $.Event.prototype.originalEvent = {
- touches: false
- };
-
- $( "#qunit-fixture" ).trigger("touchstart");
-
- //NOTE make sure the coordinates are calculated within range
- // to be registered as a swipe
- mockAbs(opts.coordChange);
-
- setTimeout(function(){
- $( "#qunit-fixture" ).trigger("touchmove");
- $( "#qunit-fixture" ).trigger("touchend");
- }, opts.timeout + 100);
-
- setTimeout(function(){
- same(swipe, opts.expected, "swipe expected");
- start();
- }, opts.timeout + 200);
-
- stop();
- };
-
- test( "swipe fired when coordinate change in less than a second", function(){
- swipeTimedTest({ timeout: 10, coordChange: 35, expected: true });
- });
-
- test( "swipe not fired when coordinate change takes more than a second", function(){
- swipeTimedTest({ timeout: 1000, coordChange: 35, expected: false });
- });
-
- test( "swipe not fired when coordinate change <= 30", function(){
- swipeTimedTest({ timeout: 1000, coordChange: 30, expected: false });
- });
-
- test( "swipe not fired when coordinate change >= 75", function(){
- swipeTimedTest({ timeout: 1000, coordChange: 75, expected: false });
- });
-
- asyncTest( "scrolling prevented when coordinate change > 10", function(){
- expect( 1 );
-
- forceTouchSupport();
-
- // ensure the swipe custome event is setup
- $( "#qunit-fixture" ).bind('swipe', function(){});
-
- //NOTE bypass the trigger source check
- $.Event.prototype.originalEvent = {
- touches: false
- };
-
- $.Event.prototype.preventDefault = function(){
- ok(true, "prevent default called");
- start();
- };
-
- mockAbs(11);
-
- $( "#qunit-fixture" ).trigger("touchstart");
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- asyncTest( "move handler returns when touchstart has been fired since touchstop", function(){
- expect( 1 );
-
- // bypass triggered event check
- $.Event.prototype.originalEvent = {
- touches: false
- };
-
- forceTouchSupport();
-
- // ensure the swipe custome event is setup
- $( "#qunit-fixture" ).bind('swipe', function(){});
-
- $( "#qunit-fixture" ).trigger("touchstart");
- $( "#qunit-fixture" ).trigger("touchend");
-
- $( "#qunit-fixture" ).bind("touchmove", function(){
- ok(true, "touchmove bound functions are fired");
- start();
- });
-
- Math.abs = function(){
- ok(false, "shouldn't compare coordinates");
- };
-
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- var nativeSupportTest = function(opts){
- $.support.orientation = opts.orientationSupport;
- same($.event.special.orientationchange[opts.method](), opts.returnValue);
- };
-
- test( "orientation change setup should do nothing when natively supported", function(){
- nativeSupportTest({
- method: 'setup',
- orientationSupport: true,
- returnValue: false
- });
- });
-
- test( "orientation change setup should bind resize when not supported natively", function(){
- nativeSupportTest({
- method: 'setup',
- orientationSupport: false,
- returnValue: undefined //NOTE result of bind function call
- });
- });
-
- test( "orientation change teardown should do nothing when natively supported", function(){
- nativeSupportTest({
- method: 'teardown',
- orientationSupport: true,
- returnValue: false
- });
- });
-
- test( "orientation change teardown should unbind resize when not supported natively", function(){
- nativeSupportTest({
- method: 'teardown',
- orientationSupport: false,
- returnValue: undefined //NOTE result of unbind function call
- });
- });
-
- /* The following 4 tests are async so that the throttled event triggers don't interfere with subsequent tests */
-
- asyncTest( "throttledresize event proxies resize events", function(){
- $( window ).one( "throttledresize", function(){
- ok( true, "throttledresize called");
- start();
- });
-
- $( window ).trigger( "resize" );
- });
-
- asyncTest( "throttledresize event prevents resize events from firing more frequently than 250ms", function(){
- var called = 0;
-
- $(window).bind( "throttledresize", function(){
- called++;
- });
-
- // NOTE 250 ms * 3 = 750ms which is plenty of time
- // for the events to trigger before the next test, but
- // not so much time that the second resize will be triggered
- // before the call to same() is made
- $.testHelper.sequence([
- function(){
- $(window).trigger( "resize" ).trigger( "resize" );
- },
-
- // verify that only one throttled resize was called after 250ms
- function(){ same( called, 1 ); },
-
- function(){
- start();
- }
- ], 250);
- });
-
- asyncTest( "throttledresize event promises that a held call will execute only once after throttled timeout", function(){
- var called = 0;
-
- expect( 2 );
-
- $.testHelper.eventSequence( "throttledresize", [
- // ignore the first call
- $.noop,
-
- function(){
- ok( true, "second throttled resize should run" );
- },
-
- function(timedOut){
- ok( timedOut, "third throttled resize should not run");
- start();
- }
- ]);
-
- $.mobile.pageContainer
- .trigger( "resize" )
- .trigger( "resize" )
- .trigger( "resize" );
- });
-
- asyncTest( "mousedown mouseup and click events should add a which when its not defined", function() {
- var whichDefined = function( event ){
- same(event.which, 1);
- };
-
- $( document ).bind( "vclick", whichDefined);
- $( document ).trigger( "click" );
-
- $( document ).bind( "vmousedown", whichDefined);
- $( document ).trigger( "mousedown" );
-
- $( document ).bind( "vmouseup", function( event ){
- same(event.which, 1);
- start();
- });
-
- $( document ).trigger( "mouseup" );
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Event Test Suite</title>
-
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script type="text/javascript">
- $.testHelper.setPushState();
- </script>
-
- <script src="../../../js/jquery.mobile.define.js"></script>
- <script src="../../../js/jquery.mobile.event.js"></script>
- <script src="../../../js/"></script>
-
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="event_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Event Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture"></div>
-
-<div id="foo" data-nstest-role="page">
- <a href="#bar" data-nstest-transition="flip"></a>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile dialog unit tests
- */
-(function($){
- module('jquery.mobile.fieldContain.js');
-
- test( "Field container contains appropriate css styles", function(){
- ok($('#test-fieldcontain').hasClass('ui-field-contain ui-body ui-br'), 'A fieldcontain element must contain styles "ui-field-contain ui-body ui-br"');
- });
-
- test( "Field container will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-field-contain").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-field-contain").length, "enhancements applied" );
- });
-
- test( "field containers inside ignore container should not be enhanced", function() {
- var $ignored = $( "#ignored-fieldcontain" ), $enhanced = $( "#enhanced-fieldcontain" );
-
- $.mobile.ignoreContentEnabled = true;
-
- $( "#ignore-container-tests" ).trigger( "create" );
-
- same( $ignored.attr( "class" ), undefined, "ignored div does not have field contain class" );
- ok( $enhanced.hasClass( "ui-field-contain" ), "enhanced div has field contain class" );
-
- $.mobile.ignoreContentEnabled = false;
-
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile FieldContain Integration Test</title>
-
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.fieldContain"
- ],
- [ "jquery.mobile.init" ],
- [
- "./fieldContain_events.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile FieldContainer Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
-
- <!-- Basic fieldcontain test -->
- <div id="test-fieldcontain" data-nstest-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
-</div>
-
-<div id="enhancetest">
- <div data-nstest-role="fieldcontain">
- </div>
-</div>
-
-<div id="ignore-container-tests">
- <div data-nstest-enhance="false">
- <div data-nstest-role="fieldcontain" id="ignored-fieldcontain">
- </div>
- </div>
-
- <div>
- <div data-nstest-role="fieldcontain" id="enhanced-fieldcontain">
- </div>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile Fixed Toolbar unit tests
- */
-(function($){
- module('jquery.mobile.fixedToolbar.js');
-
- $( "html" ).height( screen.height * 3 );
-
- function scrollDown(){
- window.scrollTo(0,screen.height );
- }
-
- function scrollUp(){
- window.scrollTo(0,0);
- }
-
- module("jquery.mobile.fixedToolbar.js", {setup: function() {
- var startTimeout;
-
- // swallow the inital page change
- stop();
- $(document).one("pagechange", function() {
- clearTimeout(startTimeout);
- });
-
- startTimeout = setTimeout(start, 1000);
- }});
-
-
- test( "Fixed Header Structural Classes are applied correctly", function(){
-
- //footer
- ok( !$('#classes-test-a').hasClass('ui-header-fixed'), 'An ordinary header should not have fixed classes');
- ok( $('#classes-test-b').hasClass('ui-header-fixed'), 'An header with data-position=fixed should have ui-header-fixed class');
- ok( $('#classes-test-c').hasClass('ui-header-fullscreen'), 'An header with data-position=fixed and data-fullscreen should have ui-header-fullscreen class');
-
- //footer
- ok( !$('#classes-test-d').hasClass('ui-footer-fixed'), 'An ordinary footer should not have fixed classes');
- ok( $('#classes-test-e').hasClass('ui-footer-fixed'), 'A footer with data-position=fixed should have ui-footer-fixed class"');
- ok( $('#classes-test-f').hasClass('ui-footer-fullscreen'), 'A footer with data-position=fixed and data-fullscreen should have ui-footer-fullscreen class');
-
- //parent
- ok( $('#classes-test-b').closest( ".ui-page" ).hasClass( "ui-page-header-fixed" ), "Parent page of a fixed header has class ui-page-header-fixed" );
- ok( $('#classes-test-e').closest( ".ui-page" ).hasClass( "ui-page-footer-fixed" ), "Parent page of a fixed footer has class ui-page-header-fixed" );
- ok( $('#classes-test-c').closest( ".ui-page" ).hasClass( "ui-page-header-fullscreen" ), "Parent page of a fullscreen header has class ui-page-header-fullscreen" );
- ok( $('#classes-test-f').closest( ".ui-page" ).hasClass( "ui-page-footer-fullscreen" ), "Parent page of a fullscreen footer has class ui-page-header-fullscreen" );
-
-
- });
-
- asyncTest( "Fixed header and footer transition classes are applied correctly", function(){
-
- expect( 6 );
-
- $.testHelper.sequence([
- function(){
- $( '#classes-test-b, #classes-test-g, #classes-test-e,#classes-test-h,#classes-test-i,#classes-test-j, #classes-test-k' ).fixedtoolbar( "hide" );
- scrollDown();
- },
-
- function(){
- //show first
- $( '#classes-test-b, #classes-test-g, #classes-test-e,#classes-test-h,#classes-test-i,#classes-test-j, #classes-test-k' ).fixedtoolbar( "show" );
- },
-
- function() {
-
- ok( $( '#classes-test-g' ).hasClass('slidedown'), 'The slidedown class should be applied by default');
- ok( $( '#classes-test-k' ).hasClass('in'), 'The "in" class should be applied for fade transitions');
- ok( !$( '#classes-test-h' ).hasClass('slidedown'), 'The slidedown class should not be applied when the header has a data-transition of "none"');
-
- ok( !$( '#classes-test-h' ).hasClass('in'), 'The "in" class should not be applied when the header has a data-transition of "none"');
- ok( $( '#classes-test-i' ).hasClass('slidedown'), 'The "slidedown" class should be applied when the header has a data-transition of "slide"');
- ok( $( '#classes-test-j' ).hasClass('slideup'), 'The "slideup" class should be applied when the footer has a data-transition of "slide"');
-
- },
-
- function(){
- scrollUp();
- start();
- }
- ], 1000);
-
- });
-
- test( "User zooming is disabled when the header is visible and disablePageZoom is true", function(){
- $.mobile.zoom.enable();
- var defaultZoom = $.mobile.fixedtoolbar.prototype.options.disablePageZoom;
- $( ".ui-page-active .ui-header-fixed" ).fixedtoolbar("option", "disablePageZoom", true );
-
- $( ".ui-page-active" ).trigger( "pagebeforeshow" );
- ok( !$.mobile.zoom.enabled, "Viewport scaling is disabled before page show." );
- $( ".ui-page-active .ui-header-fixed" ).fixedtoolbar("option", "disablePageZoom", defaultZoom );
- $.mobile.zoom.enable();
- });
-
- test( "Meta viewport content is restored to previous state, and zooming renabled, after pagebeforehide", function(){
- $.mobile.zoom.enable( true );
- var defaultZoom = $.mobile.fixedtoolbar.prototype.options.disablePageZoom;
- $( ".ui-page-active .ui-header-fixed" ).fixedtoolbar("option", "disablePageZoom", true );
-
- $( ".ui-page-active" ).trigger( "pagebeforeshow" );
- ok( !$.mobile.zoom.enabled, "Viewport scaling is disabled before page show." );
- $( ".ui-page-active" ).trigger( "pagebeforehide" );
- ok( $.mobile.zoom.enabled, "Viewport scaling is enabled." );
- $( ".ui-page-active .ui-header-fixed" ).fixedtoolbar("option", "disablePageZoom", defaultZoom );
- $.mobile.zoom.enable( true );
- });
-
- test( "User zooming is not disabled when the header is visible and disablePageZoom is false", function(){
- $.mobile.zoom.enable( true );
- var defaultZoom = $.mobile.fixedtoolbar.prototype.options.disablePageZoom;
- $( ".ui-page :jqmData(position='fixed')" ).fixedtoolbar( "option", "disablePageZoom", false );
-
- $( ".ui-page-active" ).trigger( "pagebeforeshow" );
-
- ok( $.mobile.zoom.enabled, "Viewport scaling is not disabled before page show." );
-
- $( ".ui-page :jqmData(position='fixed')" ).fixedtoolbar( "option", "disablePageZoom", defaultZoom );
-
- $.mobile.zoom.enable( true );
- });
-
-
- asyncTest( "The hide method is working properly", function() {
-
- expect( 2 );
-
- $.testHelper.sequence([
- function(){
- $( '#classes-test-g' ).fixedtoolbar( "show" );
- scrollDown();
- },
-
- function() {
- $( '#classes-test-g' ).fixedtoolbar( "hide" );
-
- ok( $( '#classes-test-g' ).hasClass('out'), 'The out class should be applied when hide is called');
- },
-
- function() {
- ok( $( '#classes-test-g' ).hasClass('ui-fixed-hidden'), 'The toolbar has the ui-fixed-hidden class applied after hide');
- $( '#classes-test-g' ).fixedtoolbar( "show" );
-
- },
-
- function(){
- scrollUp();
- start();
- }
-
- ], 500);
- });
-
-
-
- asyncTest( "The show method is working properly", function() {
-
- expect( 2 );
-
- $.testHelper.sequence([
- function(){
- scrollDown();
- },
-
- function() {
- $( '#classes-test-g' ).fixedtoolbar( "hide" );
- },
-
- function() {
- $( '#classes-test-g' ).fixedtoolbar( "show" );
-
- ok( $( '#classes-test-g' ).hasClass('in'), 'The in class should be applied when show is called');
- },
-
- function() {
- ok( !$( '#classes-test-g' ).hasClass('ui-fixed-hidden'), 'The toolbar does not have the ui-fixed-hidden class applied after show');
-
- },
-
- function(){
- scrollUp();
- start();
- }
- ], 500);
- });
-
-
- asyncTest( "The toggle method is working properly", function() {
-
- expect( 3 );
-
- $.testHelper.sequence([
- function(){
- scrollDown();
- },
-
- function(){
- $( '#classes-test-g' ).fixedtoolbar( "show" );
- },
-
- function() {
- ok( !$( '#classes-test-g' ).hasClass('ui-fixed-hidden'), 'The toolbar does not have the ui-fixed-hidden class');
- $( '#classes-test-g' ).fixedtoolbar( "toggle" );
- },
-
- function() {
- ok( $( '#classes-test-g' ).hasClass('ui-fixed-hidden'), 'The toolbar does have the ui-fixed-hidden class');
- $( '#classes-test-g' ).fixedtoolbar( "toggle" );
- },
-
- function() {
- ok( !$( '#classes-test-g' ).hasClass('ui-fixed-hidden'), 'The toolbar does not have the ui-fixed-hidden class');
-
- },
-
- function(){
- scrollUp();
- start();
- }
-
- ], 500);
- });
-
-
- asyncTest( "The persistent headers and footers are working properly", function() {
-
- expect( 3 );
-
- $( "#persist-test-b, #persist-test-a" ).page();
-
- var nextpageheader = $( "#persist-test-b .ui-header-fixed" ),
- nextpagefooter = $( "#persist-test-b .ui-footer-fixed" );
-
-
- $.testHelper.pageSequence([
- function(){
- ok( nextpageheader.length && nextpagefooter.length, "next page has fixed header and fixed footer" );
- $.mobile.changePage( "#persist-test-a" );
- },
-
- function(){
- $( "#persist-test-b" )
- .one( "pagebeforeshow", function(){
- ok( nextpageheader.parent( ".ui-mobile-viewport" ).length, "fixed header and footer are now a child of page container" );
- });
-
- $.mobile.changePage( "#persist-test-b" );
- },
-
- function() {
- ok( nextpageheader.parent( ".ui-page" ).length, "fixed header and footer are now a child of page again" );
- $.mobile.changePage( "#default" );
- },
-
- start
- ]);
- });
-
- asyncTest( "The persistent headers should work without a footer", function() {
-
- expect( 3 );
-
- $( "#persist-test-c, #persist-test-d" ).page();
-
- var nextpageheader = $( "#persist-test-d .ui-header-fixed" );
-
- $.testHelper.pageSequence([
- function(){
- ok( nextpageheader.length, "next page has fixed header and fixed footer" );
- $.mobile.changePage( "#persist-test-c" );
- },
-
- function(){
- $( "#persist-test-d" )
- .one( "pagebeforeshow", function(){
- same( nextpageheader.parent()[0], $.mobile.pageContainer[0], "fixed header is now a child of page container" );
- });
-
- $.mobile.changePage( "#persist-test-d" );
- },
-
- function() {
- same( nextpageheader.parent()[0], $.mobile.activePage[0], "fixed header is now a child of page again" );
- $.mobile.changePage( "#default" );
- },
-
- start
- ]);
- });
-
- asyncTest( "The persistent footers should work without a header", function() {
-
- expect( 3 );
-
- $( "#persist-test-e, #persist-test-f" ).page();
-
- var nextpagefooter = $( "#persist-test-f .ui-footer-fixed" );
-
- $.testHelper.pageSequence([
- function(){
- ok( nextpagefooter.length, "next page has fixed footer and fixed footer" );
- $.mobile.changePage( "#persist-test-e" );
- },
-
- function(){
- $( "#persist-test-f" )
- .one( "pagebeforeshow", function(){
- same( nextpagefooter.parent()[0], $.mobile.pageContainer[0], "fixed footer is now a child of page container" );
- });
-
- $.mobile.changePage( "#persist-test-f" );
- },
-
- function() {
- same( nextpagefooter.parent()[0], $.mobile.activePage[0], "fixed footer is now a child of page again" );
- $.mobile.changePage( "#default" );
- },
-
- start
- ]);
- });
-
-
- var asyncTestFooterAndHeader = function( pageSelector, areHidden ) {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( pageSelector );
- },
-
- function() {
- var $footer = $.mobile.activePage.find( ".ui-footer" ),
- $header = $.mobile.activePage.find( ".ui-header" ),
- hidden = areHidden ? "hidden" : "visible";
-
- equal( $footer.length, 1, "there should be one footer" );
- equal( $header.length, 1, "there should be one header" );
-
- equal( $footer.hasClass( "ui-fixed-hidden" ), areHidden, "the footer should be " + hiddenStr );
- equal( $header.hasClass( "ui-fixed-hidden" ), areHidden, "the header should be " + hiddenStr );
-
- $.mobile.changePage( "#default" );
- },
-
- start
- ]);
- };
-
- asyncTest( "data-visible-on-page-show hides toolbars when false", function() {
- asyncTestFooterAndHeader( "#page-show-visible-false", false );
- });
-
- asyncTest( "data-visible-on-page-show shows toolbars when explicitly true", function() {
- asyncTestFooterAndHeader( "#page-show-visible-true", true );
- });
-
- asyncTest( "data-visible-on-page-show shows toolbars when undefined", function() {
- asyncTestFooterAndHeader( "#page-show-visible-undefined", true );
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Fixed Toolbar Integration Test</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [ "jquery.mobile.fixedToolbar" ],
- [ "jquery.mobile.init" ],
- [ "./fixedToolbar.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile FieldContainer Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id="default">
- <!-- structural classes -->
- <div data-nstest-role="header" id="classes-test-a"></div>
- <div data-nstest-role="header" data-nstest-position="fixed" id="classes-test-b"></div>
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" id="classes-test-c"></div>
- <div data-nstest-role="footer" id="classes-test-d"></div>
- <div data-nstest-role="footer" data-nstest-position="fixed" id="classes-test-e"></div>
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" id="classes-test-f"></div>
-
- <!-- transition classes -->
- <div data-nstest-role="header" data-nstest-position="fixed" id="classes-test-g"></div>
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-transition="none" id="classes-test-h"></div>
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-transition="slide" id="classes-test-i"></div>
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-transition="slide" id="classes-test-j"></div>
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-transition="fade" id="classes-test-k"></div>
-</div>
-
-
-
-<div data-nstest-role="page" id="persist-test-a">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="a"></div>
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="b"></div>
-</div>
-
-<div data-nstest-role="page" id="persist-test-b">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="a"></div>
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="b"></div>
-</div>
-
-<div data-nstest-role="page" id="persist-test-c">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="c"></div>
-</div>
-
-<div data-nstest-role="page" id="persist-test-d">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-id="c"></div>
-</div>
-
-<div data-nstest-role="page" id="persist-test-e">
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="d"></div>
-</div>
-
-<div data-nstest-role="page" id="persist-test-f">
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-id="d"></div>
-</div>
-
-<div data-nstest-role="page" id="page-show-visible-false">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="false">
- <h1>foo</h1>
- </div>
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="false">
- <h1>foo</h1>
- </div>
-</div>
-
-<div data-nstest-role="page" id="page-show-visible-true">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="true"></div>
- <div data-nstest-role="footer" data-nstest-position="fixed" data-nstest-fullscreen="true" data-nstest-visible-on-page-show="true"></div>
-</div>
-
-<div data-nstest-role="page" id="page-show-visible-undefined">
- <div data-nstest-role="header" data-nstest-fullscreen="true" data-nstest-position="fixed"></div>
- <div data-nstest-role="footer" data-nstest-fullscreen="true" data-nstest-position="fixed"></div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <link rel="stylesheet" href="../../external/qunit.css" />
- <script src="../../js/jquery.tag.inserter.js"></script>
- <script src="../../external/qunit.js"></script>
- <script src="runner.js"></script>
- <style type="text/css">
- html, body {
- width:100%;
- height:100%;
- margin:0px;
- padding:0px;
- }
-
- #testFrame {
- float: left;
- border: 0px;
- height: 100%;
- width: 60%;
- }
-
- #results {
- float: left;
- width: 30%;
- }
- </style>
-</head>
-<body>
- <div id="results">
- <h1 id="qunit-header"><a href="#">jQuery Mobile Test Suite</a></h1>
- <h2 id="qunit-banner"></h2>
- <ol id="qunit-tests">
- </ol>
- </div>
- <iframe data-src="../../tests/unit/{{testdir}}?jquery={{jquery.version}}" name="testFrame" id="testFrame" scrolling="no">
- </iframe>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Init Test Suite</title>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../external/requirejs/require.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.core",
- ],
- [ "jquery.mobile.init" ],
- [ "init_dialog.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
- </script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Init Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="dialog" id="foo">
- <label for="select-choice-0" class="select">Shipping method:</label>
- <select name="select-choice-0" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Init Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="init_core.js"></script>
- <!-- added explicitly for library reloading (see testHelper ) -->
- <script src="../../../js/jquery.mobile.core.js"></script>
- <script src="../../../js/jquery.mobile.init.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Init Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id="foo">
-</div>
-
-<div data-nstest-role="page" id="bar" data-nstest-url="bak">
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile init tests
- */
-(function($){
- var mobilePage = undefined,
- libName = 'jquery.mobile.init.js',
- coreLib = 'jquery.mobile.core.js',
- extendFn = $.extend,
- originalLoadingMessage = $.mobile.loadingMessage,
- setGradeA = function(value) { $.mobile.gradeA = function(){ return value; }; },
- reloadCoreNSandInit = function(){
- $.testHelper.reloadLib(coreLib);
- $.testHelper.reloadLib("jquery.setNamespace.js");
- $.testHelper.reloadLib(libName);
- };
-
-
- module(libName, {
- setup: function(){
- // NOTE reset for gradeA tests
- $('html').removeClass('ui-mobile');
-
- // TODO add post reload callback
- $('.ui-loader').remove();
- },
- teardown: function(){
- $.extend = extendFn;
-
- // NOTE reset for showPageLoadingMsg/hidePageLoadingMsg tests
- $('.ui-loader').remove();
-
- // clear the classes added by reloading the init
- $("html").attr('class', '');
-
- $.mobile.loadingMessage = originalLoadingMessage;
- }
- });
-
- // NOTE important to use $.fn.one here to make sure library reloads don't fire
- // the event before the test check below
- $(document).one("mobileinit", function(){
- mobilePage = $.mobile.page;
- });
-
- // NOTE for the following two tests see index html for the binding
- test( "mobile.page is available when mobile init is fired", function(){
- ok( mobilePage !== undefined, "$.mobile.page is defined" );
- });
-
- $.testHelper.excludeFileProtocol(function(){
- asyncTest( "loading the init library triggers mobilinit on the document", function(){
- var initFired = false;
- expect( 1 );
-
- $(window.document).one('mobileinit', function(event){
- initFired = true;
- });
-
- $.testHelper.reloadLib(libName);
-
- setTimeout(function(){
- ok(initFired, "init fired");
- start();
- }, 1000);
- });
-
- test( "enhancments are skipped when the browser is not grade A", function(){
- setGradeA(false);
- $.testHelper.reloadLib(libName);
-
- //NOTE easiest way to check for enhancements, not the most obvious
- ok(!$("html").hasClass("ui-mobile"), "html elem doesn't have class ui-mobile");
- });
-
- test( "enhancments are added when the browser is grade A", function(){
- setGradeA(true);
- $.testHelper.reloadLib(libName);
-
- ok($("html").hasClass("ui-mobile"), "html elem has class mobile");
- });
-
- asyncTest( "useFastClick is configurable via mobileinit", function(){
- $(document).one( "mobileinit", function(){
- $.mobile.useFastClick = false;
- start();
- });
-
- $.testHelper.reloadLib(libName);
-
- same( $.mobile.useFastClick, false , "fast click is set to false after init" );
- $.mobile.useFastClick = true;
- });
-
-
-
- var findFirstPage = function() {
- return $(":jqmData(role='page')").first();
- };
-
- test( "active page and start page should be set to the fist page in the selected set", function(){
- expect( 2 );
- $.testHelper.reloadLib(libName);
- var firstPage = findFirstPage();
-
- same($.mobile.firstPage[0], firstPage[0]);
- same($.mobile.activePage[0], firstPage[0]);
- });
-
- test( "mobile viewport class is defined on the first page's parent", function(){
- expect( 1 );
- $.testHelper.reloadLib(libName);
- var firstPage = findFirstPage();
-
- ok(firstPage.parent().hasClass("ui-mobile-viewport"), "first page has viewport");
- });
-
- test( "mobile page container is the first page's parent", function(){
- expect( 1 );
- $.testHelper.reloadLib(libName);
- var firstPage = findFirstPage();
-
- same($.mobile.pageContainer[0], firstPage.parent()[0]);
- });
-
- asyncTest( "hashchange triggered on document ready with single argument: true", function(){
- $.testHelper.sequence([
- function(){
- location.hash = "#foo";
- },
-
- // delay the bind until the first hashchange
- function(){
- $(window).one("hashchange", function(ev, arg){
- same(arg, true);
- start();
- });
- },
-
- function(){
- $.testHelper.reloadLib(libName);
- }
- ], 1000);
- });
-
- test( "pages without a data-url attribute have it set to their id", function(){
- same($("#foo").jqmData('url'), "foo");
- });
-
- test( "pages with a data-url attribute are left with the original value", function(){
- same($("#bar").jqmData('url'), "bak");
- });
-
- asyncTest( "showPageLoadingMsg doesn't add the dialog to the page when loading message is false", function(){
- expect( 1 );
- $.mobile.loadingMessage = false;
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- ok(!$(".ui-loader").length, "no ui-loader element");
- start();
- }, 500);
- });
-
- asyncTest( "hidePageLoadingMsg doesn't add the dialog to the page when loading message is false", function(){
- expect( 1 );
- $.mobile.loadingMessage = true;
- $.mobile.hidePageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loading").length, 0, "page should not be in the loading state");
- start();
- }, 500);
- });
-
- asyncTest( "showPageLoadingMsg adds the dialog to the page when loadingMessage is true", function(){
- expect( 1 );
- $.mobile.loadingMessage = true;
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loading").length, 1, "page should be in the loading state");
- start();
- }, 500);
- });
-
- asyncTest( "page loading should contain default loading message", function(){
- expect( 1 );
- reloadCoreNSandInit();
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loader h1").text(), "loading");
- start();
- }, 500);
- });
-
- asyncTest( "page loading should contain custom loading message", function(){
- $.mobile.loadingMessage = "foo";
- $.testHelper.reloadLib(libName);
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loader h1").text(), "foo");
- start();
- }, 500);
- });
-
- asyncTest( "page loading should contain custom loading message when set during runtime", function(){
- $.mobile.loadingMessage = "bar";
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loader h1").text(), "bar");
- start();
- }, 500);
- });
-
-
-
- // NOTE: the next two tests work on timeouts that assume a page will be created within 2 seconds
- // it'd be great to get these using a more reliable callback or event
-
- asyncTest( "page does auto-initialize at domready when autoinitialize option is true (default) ", function(){
-
- $( "<div />", { "data-nstest-role": "page", "id": "autoinit-on" } ).prependTo( "body" )
-
- $(document).one("mobileinit", function(){
- $.mobile.autoInitializePage = true;
- });
-
- location.hash = "";
-
- reloadCoreNSandInit();
-
- setTimeout(function(){
- same( $( "#autoinit-on.ui-page" ).length, 1 );
-
- start();
- }, 2000);
- });
-
-
- asyncTest( "page does not initialize at domready when autoinitialize option is false ", function(){
- $(document).one("mobileinit", function(){
- $.mobile.autoInitializePage = false;
- });
-
- $( "<div />", { "data-nstest-role": "page", "id": "autoinit-off" } ).prependTo( "body" )
-
- location.hash = "";
-
-
- reloadCoreNSandInit();
-
- setTimeout(function(){
- same( $( "#autoinit-off.ui-page" ).length, 0 );
-
- $(document).bind("mobileinit", function(){
- $.mobile.autoInitializePage = true;
- });
-
- reloadCoreNSandInit();
-
- start();
- }, 2000);
- });
-
-
-
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile init tests
- */
-(function($){
-
-
- test( "page element is generated when not present in initial markup", function(){
- ok( $( ".ui-page" ).length, 1 );
- });
-
-
-})(jQuery);
+++ /dev/null
-/*
- * mobile init dialog tests
- */
-(function($){
- module( "jquery.mobile.init dialog load tests" );
-
- // issue #3275
- test( "A document containing no pages and a dialog role div will enhance the div as a page", function() {
- ok( $("#foo").hasClass( "ui-page" ), "the div has the page class" );
-
- // NOTE this will fail when/if we decide to render it as a dialog
- ok( !$("#foo").hasClass( "ui-dialog" ), "the div does NOT have the dialog page class" );
- });
-
- //NOTE the opposite case is tested everyewhere else in the suite :D
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Init Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="init_core_nopage.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../swarminject.js"></script>
-
- <style>
- [data-nstest-role="page"], [data-nstest-role="dialog"] {
- position: static !important;
- }
- </style>
-</head>
-
-<h1 id="qunit-header">jQuery Mobile Init Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-</body>
-</html>
+++ /dev/null
-//set namespace for unit test markp
-$( document ).bind( "mobileinit", function(){
- $.mobile.ns = "nstest-";
-});
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Kitchen Sink Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../js/"></script>
-
- <script>
- $.testHelper.asyncLoad([
- [ "jquery.mobile.init" ],
- [ "kitchensink_core.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Kitchen Sink Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id="default">
- <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-theme="a">
- <h1>Fixed toolbars</h1>
- <a href="../../" data-nstest-icon="home" data-nstest-iconpos="notext" data-nstest-direction="reverse">Home</a>
- <a href="../nav.html" data-nstest-icon="search" data-nstest-iconpos="notext" data-nstest-rel="dialog" data-nstest-transition="fade">Search</a>
- </div>
-
- <div data-nstest-role="content" id="control-group-content">
-
- <h2>Form Elements in Fieldcontains</h2>
- <div data-nstest-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-nstest-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="50" min="0" max="100" data-nstest-highlight="true" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-theme="c">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-nstest-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- </div>
- <div data-nstest-role="footer" id="control-group-footer" class="ui-bar" data-nstest-position="inline">
- <div data-nstest-role="controlgroup" data-nstest-type="horizontal">
- <a href="index.html" data-nstest-icon="delete">Remove</a>
- <a href="index.html" data-nstest-icon="plus">Add</a>
- <a href="index.html" data-nstest-icon="arrow-u">Up</a>
- <a href="index.html" data-nstest-icon="arrow-d">Down</a>
- </div>
- </div>
-
- <h2>Mini Form Elements</h2>
-
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" data-nstest-mini="true" />
-
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea" data-nstest-mini="true"></textarea>
-
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" data-nstest-mini="true" />
-
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-nstest-role="slider" data-nstest-mini="true">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
-
- <div data-nstest-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="50" min="0" max="100" data-nstest-highlight="true" data-nstest-mini="true" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-mini="true">
- <!-- Mini set on controlgroup -->
-
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" data-nstest-mini="true">
-
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="checkbox" name="radio-gaga" id="radio-gaga" value="choice-1" data-nstest-mini="true" data-nstest-mini="true" />
- <label for="radio-gaga">Unchecked by Default</label>
-
- <input type="checkbox" name="radio-googoo" id="radio-googoo" value="choice-1" data-nstest-mini="true" checked="checked" data-nstest-mini="true" />
- <label for="radio-googoo">Checked by Default</label>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-theme="c" >
- <!-- Mini set on individual elements. -->
-
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-nstest-mini="true"/>
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-nstest-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="footer" id="control-group-footer" class="ui-bar" data-nstest-position="inline">
- <div data-nstest-role="controlgroup" data-nstest-type="horizontal">
- <a href="index.html" data-nstest-icon="delete">Remove</a>
- <a href="index.html" data-nstest-icon="plus">Add</a>
- <a href="index.html" data-nstest-icon="arrow-u">Up</a>
- <a href="index.html" data-nstest-icon="arrow-d">Down</a>
- </div>
- </div>
-
-
- <h2>Simple list</h2>
-
- <ul data-nstest-role="listview">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- </ul>
-
- <h2>Mini list</h2>
- <ul data-nstest-role="listview" data-nstest-mini="true">
- <li><a href="index.html">Cooper</a></li>
- <li><a href="index.html">Cooper S</a></li>
- <li><a href="index.html">Clubman</a></li>
- </ul>
-
- <h2>Individual mini item</h2>
- <ul data-nstest-role="listview">
- <li><a href="index.html">Cooper</a></li>
- <li data-nstest-mini="true"><a href="index.html">Cooper S</a></li>
- <li><a href="index.html">Clubman</a></li>
- </ul>
-
-
-
-
- <h2>Count bubbles</h2>
- <ul data-nstest-role="listview">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-nstest-role="listview">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-nstest-role="listview">
- <li><a href="index.html">
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </a></li>
- </ul>
-
-
-
- <h2>Icon list</h2>
- <ul data-nstest-role="listview" data-nstest-theme="a">
- <li><a href="index.html"><img src="../../../docs/lists/../../../docs/lists/images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="../../../docs/lists/images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li data-nstest-theme="b"><a href="index.html"><img src="../../../docs/lists/images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="../../../docs/lists/images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html"><img src="../../../docs/lists/images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="../../../docs/lists/images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Thumbnail, split button list</h2>
-
- <ul data-nstest-role="listview">
- <li><a href="index.html">
- <img src="../../../docs/lists/images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-nstest-rel="dialog" data-nstest-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../../../docs/lists/images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a><a href="lists-split-purchase.html" data-nstest-rel="dialog" data-nstest-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../../../docs/lists/images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-nstest-rel="dialog" data-nstest-transition="slideup">Purchase album
- </a></li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li data-nstest-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-nstest-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-nstest-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- </ul>
-
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * Kitchen Sink Tests
- */
-(function($){
- module("kitchen sink class test");
-
- test( "Nothing on the page has a class that contains `undefined`.", function(){
- var undefClass = $(".ui-page").find("[class*='undefined']");
-
- ok( undefClass.length == 0 );
- });
-
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div data-nstest-role="page" id='cached-nested-list' data-nstest-dom-cache="true">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="topmost">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page" id="clear">
- <div data-nstest-role="content">
- cleared
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div data-nstest-role="page" id='uncached-nested-list'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="topmost">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Listview Integration Test</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.navigation",
- "jquery.mobile.listview",
- "jquery.mobile.listview.filter",
- ],
- [ "jquery.mobile.init" ],
- [
- "listview_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Listview Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<!-- Basic Linked view test -->
-<div data-nstest-role="page" id='basic-linked-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li><a href="#basic-link-results">Home</a></li>
- <li><a href="#basic-link-results">Back</a></li>
- <li><a href="#basic-link-results">Return</a></li>
- <li><a href="#nested-list-test" id="nested-list-test-anchor">Nested List Test</a></li>
- </ul>
- </div>
- <a href="cache-tests/nested.html" id="cached-tests"></a>
-</div>
-
-<div data-nstest-role='page' id='basic-link-results'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Results</h1>
- </div>
-</div>
-
-<!-- Nested List -->
-<div data-nstest-role="page" id='nested-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>Groups of animals
- <ul>
- <li>pod of whales</li>
- <li>quiver of cobras</li>
- <li>troop of baboons</li>
- </ul>
- </li>
- <li class="linebreaknode">
-
- More animals
-
-
- <ul>
- <li>Shoal of Bass</li>
- <li>Rhumba of rattlesnakes</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-
-<div data-nstest-role="page" id='nested-lists-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-<!-- Numbered List -->
-<div data-nstest-role="page" id='numbered-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ol data-nstest-role="listview">
- <li><a href="#numbered-list-results">Number 1</a></li>
- <li><a href="#numbered-list-results">Number 2</a></li>
- <li><a href="#numbered-list-results">Number 3</a></li>
- </ol>
- </div>
-</div>
-
-<div data-nstest-role='page' id='numbered-list-results'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Numbered List</h1>
- </div>
-</div>
-
-<!-- Read only List -->
-<div data-nstest-role="page" id='read-only-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>Read</li>
- <li>Only</li>
- <li>List</li>
- <li>View</li>
- </ul>
- </div>
-</div>
-
-<!-- Split listview -->
-<div data-nstest-role="page" id='split-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id='split-list-link1'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List view 1</h1>
- </div>
-</div>
-
-<div data-nstest-role="page" id='split-list-link2'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List view 2</h1>
- </div>
-</div>
-
-<!-- List divider -->
-<div data-nstest-role="page" id='list-divider-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>List Divider Test</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li data-nstest-role="list-divider">This is a list divider</li>
- <li>c is for catwoman</li>
- <li data-nstest-role="list-divider">This is another list divider</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter -->
-<div data-nstest-role="page" id='search-filter-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter with list-dividers -->
-<div data-nstest-role="page" id='search-filter-with-dividers-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li data-nstest-role="list-divider">a</li>
- <li>a is for aquaman</li>
- <li data-nstest-role="list-divider">b</li>
- <li>b is for batman</li>
- <li data-nstest-role="list-divider">c</li>
- <li>c is for catwoman</li>
- <li data-nstest-role="list-divider">d</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter inset -->
-<div data-nstest-role="page" id='search-filter-inset-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Inset Filter List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true" data-nstest-inset="true">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Programmatically generated list items !-->
-<div data-nstest-role="page" id="programmatically-generated-list">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="programmatically-generated-list-items"></ul>
-</div>
-
-<!-- Removing items from list -->
-<div data-nstest-role="page" id='removing-items-from-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- </ul>
- </div>
-</div>
-
-<!-- Rounded corners inset list with variable items -->
-<div data-nstest-role="page" id='corner-rounded-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id="enhancetest">
- <ul data-nstest-role="listview">
- <li><a href="#basic-link-results">Home</a></li>
- <li><a href="#basic-link-results">Back</a></li>
- <li><a href="#basic-link-results">Return</a></li>
- </ul>
-</div>
-
-<div id="list-theme-inherit" data-nstest-theme="b">
- <ul data-nstest-role="listview">
- <li>foo</li>
- </ul>
-</div>
-
-<div data-nstest-role="page" id="ui-li-has-test">
- <div data-nstest-role="content">
- <p>Right padding on item 1 is OK (75px).</p>
- <p>Right padding on items 2 & 3 should probably be around 30 or 35 (not 25).</p>
- <p>Right padding on item 4 should be 15px to match the left side.</p>
- <ol data-nstest-role="listview" data-nstest-inset="true">
- <li><a href="#">Link LI with counter --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></a></li>
- <li><a href="#">Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a></li>
- <li><a href="#page1">Page1 Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a><a href="#page2"></a></li>
- <li>Static LI with counter ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></li>
- <li>Static LI without counter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</li>
- </ol>
- </div>
-</div>
-
-
-<div id="list-inset-filter-prototype" data-nstest-theme="b">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li>foo</li>
- <li>bar</li>
- </ul>
-</div>
-
-<div id="list-inset-filter-data-attr" data-nstest-theme="b">
- <ul data-nstest-role="listview" data-nstest-filter="true" data-nstest-inset="true">
- <li>foo</li>
- <li>bar</li>
- </ul>
-</div>
-
-
-<div data-nstest-role="page" id="split-list-icon">
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-split-icon="delete">
- <li data-nstest-icon="star"><a href="#">Star</a><a href="#">Star</a></li>
- <li data-nstest-icon="plug"><a href="#">Plus</a><a href="#">Plus</a></li>
- <li><a href="#">Default</a><a href="#">Default</a></li>
- <!-- respect the child element icon -->
- <li data-nstest-icon="star"><a href="#">Default</a><a data-nstest-icon="plug" href="#">Default</a></li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile listview unit tests
- */
-
-// TODO split out into seperate test files
-(function($){
- var home = $.mobile.path.parseUrl( location.href ).pathname + location.search,
- insetVal = $.mobile.listview.prototype.options.inset;
-
- $.mobile.defaultTransition = "none";
-
- module( "Basic Linked list", {
- setup: function(){
- if( location.hash != "#basic-linked-test" ){
- stop();
-
- $(document).one("pagechange", function() {
- start();
- });
-
- $.mobile.changePage( home );
- }
- },
-
- teardown: function() {
- $.mobile.listview.prototype.options.inset = insetVal;
- }
- });
-
- asyncTest( "The page should enhanced correctly", function(){
- setTimeout(function() {
- ok($('#basic-linked-test .ui-li').length, ".ui-li classes added to li elements");
- start();
- }, 800);
- });
-
- asyncTest( "Slides to the listview page when the li a is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#basic-linked-test");
- },
-
- function(){
- $('#basic-linked-test li a').first().click();
- },
-
- function(){
- ok($('#basic-link-results').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Slides back to main page when back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#basic-link-results");
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- ok($('#basic-linked-test').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Presence of ui-li-has- classes", function(){
- $.testHelper.pageSequence( [
- function() {
- $.mobile.changePage( "#ui-li-has-test" );
- },
-
- function() {
- var page = $( ".ui-page-active" ),
- items = page.find( "li" );
-
- ok( items.eq( 0 ).hasClass( "ui-li-has-count"), "First LI should have ui-li-has-count class" );
- ok( items.eq( 0 ).hasClass( "ui-li-has-arrow"), "First LI should have ui-li-has-arrow class" );
- ok( !items.eq( 1 ).hasClass( "ui-li-has-count"), "Second LI should NOT have ui-li-has-count class" );
- ok( items.eq( 1 ).hasClass( "ui-li-has-arrow"), "Second LI should have ui-li-has-arrow class" );
- ok( !items.eq( 2 ).hasClass( "ui-li-has-count"), "Third LI should NOT have ui-li-has-count class" );
- ok( !items.eq( 2 ).hasClass( "ui-li-has-arrow"), "Third LI should NOT have ui-li-has-arrow class" );
- ok( items.eq( 3 ).hasClass( "ui-li-has-count"), "Fourth LI should have ui-li-has-count class" );
- ok( !items.eq( 3 ).hasClass( "ui-li-has-arrow"), "Fourth LI should NOT have ui-li-has-arrow class" );
- ok( !items.eq( 4 ).hasClass( "ui-li-has-count"), "Fifth LI should NOT have ui-li-has-count class" );
- ok( !items.eq( 4 ).hasClass( "ui-li-has-arrow"), "Fifth LI should NOT have ui-li-has-arrow class" );
- start();
- }
- ]);
- });
-
- module('Nested List Test');
-
- asyncTest( "Changes page to nested list test and enhances", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test");
- },
-
- function(){
- ok($('#nested-list-test').hasClass('ui-page-active'), "makes nested list test page active");
- ok($(':jqmData(url="nested-list-test&ui-page=0-0")').length == 1, "Adds first UL to the page");
- ok($(':jqmData(url="nested-list-test&ui-page=0-1")').length == 1, "Adds second nested UL to the page");
- start();
- }
- ]);
- });
-
- asyncTest( "change to nested page when the li a is clicked", function() {
-
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test");
- },
-
- function(){
- $('.ui-page-active li:eq(1) a:eq(0)').click();
- },
-
- function(){
- var $new_page = $(':jqmData(url="nested-list-test&ui-page=0-0")');
-
- ok($new_page.hasClass('ui-page-active'), 'Makes the nested page the active page.');
- ok($('.ui-listview', $new_page).find(":contains('Rhumba of rattlesnakes')").length == 1, "The current page should have the proper text in the list.");
- ok($('.ui-listview', $new_page).find(":contains('Shoal of Bass')").length == 1, "The current page should have the proper text in the list.");
- start();
- }
- ]);
- });
-
- asyncTest( "should go back to top level when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#nested-list-test&ui-page=0-0");
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- ok($('#nested-list-test').hasClass('ui-page-active'), 'Transitions back to the parent nested page');
- start();
- }
- ]);
- });
-
- test( "nested list title should use first text node, regardless of line breaks", function(){
- // NOTE this is a super fragile reference to the nested page, any change to the list will break it
- ok($(":jqmData(url='nested-list-test&ui-page=0-0') .ui-title").text() === "More animals", 'Text should be "More animals"');
- });
-
- asyncTest( "Multiple nested lists on a page with same labels", function() {
- $.testHelper.pageSequence([
- function(){
- // https://github.com/jquery/jquery-mobile/issues/1617
- $.mobile.changePage("#nested-lists-test");
- },
-
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- equal($('.ui-page-active .ui-content .ui-listview li').text(), "Item A-3-0Item A-3-1Item A-3-2", 'Text should be "Item A-3-0Item A-3-1Item A-3-2"');
- start();
- }
- ]);
- });
-
- module('Ordered Lists');
-
- asyncTest( "changes to the numbered list page and enhances it", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#numbered-list-test");
- },
-
- function(){
- var $new_page = $('#numbered-list-test');
- ok($new_page.hasClass('ui-page-active'), "Makes the new page active when the hash is changed.");
- ok($('.ui-link-inherit', $new_page).first().text() == "Number 1", "The text of the first LI should be Number 1");
- start();
- }
- ]);
- });
-
- asyncTest( "changes to number 1 page when the li a is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $('#numbered-list-test li a').first().click();
- },
-
- function(){
- ok($('#numbered-list-results').hasClass('ui-page-active'), "The new numbered page was transitioned correctly.");
- start();
- }
- ]);
- });
-
- asyncTest( "takes us back to the numbered list when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage('#numbered-list-test');
- },
-
- function(){
- $.mobile.changePage('#numbered-list-results');
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- ok($('#numbered-list-test').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- module('Read only list');
-
- asyncTest( "changes to the read only page when hash is changed", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#read-only-list-test");
- },
-
- function(){
- var $new_page = $('#read-only-list-test');
- ok($new_page.hasClass('ui-page-active'), "makes the read only page the active page");
- ok($('li', $new_page).first().text() === "Read", "The first LI has the proper text.");
- start();
- }
- ]);
- });
-
- module('Split view list');
-
- asyncTest( "changes the page to the split view list and enhances it correctly.", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#split-list-test");
- },
-
- function(){
- var $new_page = $('#split-list-test');
- ok($('.ui-li-link-alt', $new_page).length == 3);
- ok($('.ui-link-inherit', $new_page).length == 3);
- start();
- }
- ]);
- });
-
- asyncTest( "change the page to the split view page 1 when the first link is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#split-list-test");
- },
-
- function(){
- $('.ui-page-active .ui-li a:eq(0)').click();
- },
-
- function(){
- ok($('#split-list-link1').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Slide back to the parent list view when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#split-list-test");
- },
-
- function(){
- $('.ui-page-active .ui-listview a:eq(0)').click();
- },
-
- function(){
- history.back();
- },
-
- function(){
- ok($('#split-list-test').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Clicking on the icon (the second link) should take the user to other a href of this LI", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#split-list-test");
- },
-
- function(){
- $('.ui-page-active .ui-li-link-alt:eq(0)').click();
- },
-
- function(){
- ok($('#split-list-link2').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- module( "List Dividers" );
-
- asyncTest( "Makes the list divider page the active page and enhances it correctly.", function() {
- $.testHelper.pageSequence([
- function(){
- $.mobile.changePage("#list-divider-test");
- },
-
- function(){
- var $new_page = $('#list-divider-test');
- ok($new_page.find('.ui-li-divider').length == 2);
- ok($new_page.hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- module( "Search Filter");
-
- var searchFilterId = "#search-filter-test";
-
-
- asyncTest( "Filter downs results when the user enters information", function() {
- var $searchPage = $(searchFilterId);
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage(searchFilterId);
- },
-
- function() {
- $searchPage.find('input').val('at');
- $searchPage.find('input').trigger('change');
-
- same($searchPage.find('li.ui-screen-hidden').length, 2);
- start();
- }
- ]);
- });
-
- asyncTest( "Redisplay results when user removes values", function() {
- var $searchPage = $(searchFilterId);
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage(searchFilterId);
- },
-
- function() {
- $searchPage.find('input').val('a');
- $searchPage.find('input').trigger('change');
-
- same($searchPage.find("li[style^='display: none;']").length, 0);
- start();
- }
- ]);
- });
-
- asyncTest( "Filter works fine with \\W- or regexp-special-characters", function() {
- var $searchPage = $(searchFilterId);
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage(searchFilterId);
- },
-
- function() {
- $searchPage.find('input').val('*');
- $searchPage.find('input').trigger('change');
-
- same($searchPage.find('li.ui-screen-hidden').length, 4);
- start();
- }
- ]);
- });
-
- test( "Refresh applies thumb styling", function(){
- var ul = $('.ui-page-active ul');
-
- ul.append("<li id='fiz'><img/></li>");
- ok(!ul.find("#fiz img").hasClass("ui-li-thumb"));
- ul.listview('refresh');
- ok(ul.find("#fiz img").hasClass("ui-li-thumb"));
- });
-
- asyncTest( "Filter downs results and dividers when the user enters information", function() {
- var $searchPage = $("#search-filter-with-dividers-test");
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#search-filter-with-dividers-test");
- },
-
- // wait for the page to become active/enhanced
- function(){
- $searchPage.find('input').val('at');
- $searchPage.find('input').trigger('change');
- setTimeout(function() {
- //there should be four hidden list entries
- same($searchPage.find('li.ui-screen-hidden').length, 4);
-
- //there should be two list entries that are list dividers and hidden
- same($searchPage.find('li.ui-screen-hidden:jqmData(role=list-divider)').length, 2);
-
- //there should be two list entries that are not list dividers and hidden
- same($searchPage.find('li.ui-screen-hidden:not(:jqmData(role=list-divider))').length, 2);
- start();
- }, 1000);
- }
- ]);
- });
-
- asyncTest( "Redisplay results when user removes values", function() {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#search-filter-with-dividers-test");
- },
-
- function() {
- $('.ui-page-active input').val('a');
- $('.ui-page-active input').trigger('change');
-
- setTimeout(function() {
- same($('.ui-page-active input').val(), 'a');
- same($('.ui-page-active li[style^="display: none;"]').length, 0);
- start();
- }, 1000);
- }
- ]);
- });
-
- asyncTest( "Dividers are hidden when preceding hidden rows and shown when preceding shown rows", function () {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#search-filter-with-dividers-test");
- },
-
- function() {
- var $page = $('.ui-page-active');
-
- $page.find('input').val('at');
- $page.find('input').trigger('change');
-
- setTimeout(function() {
- same($page.find('li:jqmData(role=list-divider):hidden').length, 2);
- same($page.find('li:jqmData(role=list-divider):hidden + li:not(:jqmData(role=list-divider)):hidden').length, 2);
- same($page.find('li:jqmData(role=list-divider):not(:hidden) + li:not(:jqmData(role=list-divider)):not([:hidden)').length, 2);
- start();
- }, 1000);
- }
- ]);
- });
-
- asyncTest( "Inset List View should refresh corner classes after filtering", 4 * 2, function () {
- var checkClasses = function() {
- var $page = $( ".ui-page-active" ),
- $li = $page.find( "li:visible" );
- ok($li.first().hasClass( "ui-corner-top" ), $li.length+" li elements: First visible element should have class ui-corner-top");
- ok($li.last().hasClass( "ui-corner-bottom" ), $li.length+" li elements: Last visible element should have class ui-corner-bottom");
- };
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#search-filter-inset-test");
- },
-
- function() {
- var $page = $('.ui-page-active');
- $.testHelper.sequence([
- function() {
- checkClasses();
-
- $page.find('input').val('man');
- $page.find('input').trigger('change');
- },
-
- function() {
- checkClasses();
-
- $page.find('input').val('at');
- $page.find('input').trigger('change');
- },
-
- function() {
- checkClasses();
-
- $page.find('input').val('catwoman');
- $page.find('input').trigger('change');
- },
-
- function() {
- checkClasses();
- start();
- }
- ], 50);
- }
- ]);
- });
-
- module( "Programmatically generated list items", {
- setup: function(){
- var item,
- data = [
- {
- id: 1,
- label: "Item 1"
- },
- {
- id: 2,
- label: "Item 2"
- },
- {
- id: 3,
- label: "Item 3"
- },
- {
- id: 4,
- label: "Item 4"
- }
- ];
-
- $( "#programmatically-generated-list-items" ).html("");
-
- for ( var i = 0, len = data.length; i < len; i++ ) {
- item = $( '<li id="myItem' + data[i].id + '">' );
- label = $( "<strong>" + data[i].label + "</strong>").appendTo( item );
- $( "#programmatically-generated-list-items" ).append( item );
- }
- }
- });
-
- asyncTest( "Corner styling on programmatically created list items", function() {
- // https://github.com/jquery/jquery-mobile/issues/1470
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( "#programmatically-generated-list" );
- },
- function() {
- ok(!$( "#programmatically-generated-list-items li:first-child" ).hasClass( "ui-corner-bottom" ), "First list item should not have class ui-corner-bottom" );
- start();
- }
- ]);
- });
-
- module("Programmatic list items manipulation");
-
- asyncTest("Removing list items", 4, function() {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#removing-items-from-list-test");
- },
-
- function() {
- var ul = $('#removing-items-from-list-test ul');
- ul.find("li").first().remove();
- equal(ul.find("li").length, 3, "There should be only 3 list items left");
-
- ul.listview('refresh');
- ok(ul.find("li").first().hasClass("ui-corner-top"), "First list item should have class ui-corner-top");
-
- ul.find("li").last().remove();
- equal(ul.find("li").length, 2, "There should be only 2 list items left");
-
- ul.listview('refresh');
- ok(ul.find("li").last().hasClass("ui-corner-bottom"), "Last list item should have class ui-corner-bottom");
- start();
- }
- ]);
- });
-
- module("Rounded corners");
-
- asyncTest("Top and bottom corners rounded in inset list", 14, function() {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#corner-rounded-test");
- },
-
- function() {
- var ul = $('#corner-rounded-test ul');
-
- for( var t = 0; t<3; t++){
- ul.append("<li>Item " + t + "</li>");
- ul.listview('refresh');
- equals(ul.find(".ui-corner-top").length, 1, "There should be only one element with class ui-corner-top");
- equals(ul.find("li:visible").first()[0], ul.find(".ui-corner-top")[0], "First list item should have class ui-corner-top in list with " + ul.find("li").length + " item(s)");
- equals(ul.find(".ui-corner-bottom").length, 1, "There should be only one element with class ui-corner-bottom");
- equals(ul.find("li:visible").last()[0], ul.find(".ui-corner-bottom")[0], "Last list item should have class ui-corner-bottom in list with " + ul.find("li").length + " item(s)");
- }
-
- ul.find( "li" ).first().hide();
- ul.listview( "refresh" );
- equals(ul.find("li:visible").first()[0], ul.find(".ui-corner-top")[0], "First visible list item should have class ui-corner-top");
-
- ul.find( "li" ).last().hide();
- ul.listview( "refresh" );
- equals(ul.find("li:visible").last()[0], ul.find(".ui-corner-bottom")[0], "Last visible list item should have class ui-corner-bottom");
-
- start();
- }
- ]);
- });
-
- test( "Listview will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-listview").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-listview").length, "enhancements applied" );
- });
-
- module( "Cached Linked List" );
-
- var findNestedPages = function(selector){
- return $( selector + " #topmost" ).listview( 'childPages' );
- };
-
- asyncTest( "nested pages are removed from the dom by default", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- $.mobile.changePage( "cache-tests/uncached-nested.html" );
- },
-
- function(){
- ok( findNestedPages( "#uncached-nested-list" ).length > 0, "verify that there are nested pages" );
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "cache-tests/clear.html" );
- },
-
- function(){
- same( findNestedPages( "#uncached-nested-list" ).length, 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "nested pages preserved when parent page is cached", function(){
-
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- $.mobile.changePage( "cache-tests/cached-nested.html" );
- },
-
- function(){
- ok( findNestedPages( "#cached-nested-list" ).length > 0, "verify that there are nested pages" );
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "cache-tests/clear.html" );
- },
-
- function(){
- ok( findNestedPages( "#cached-nested-list" ).length > 0, "nested pages remain" );
- start();
- }
- ]);
- });
-
- asyncTest( "parent page is not removed when visiting a sub page", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- $.mobile.changePage( "cache-tests/cached-nested.html" );
- },
-
- function(){
- same( $("#cached-nested-list").length, 1 );
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "cache-tests/clear.html" );
- },
-
- function(){
- same( $("#cached-nested-list").length, 1 );
- start();
- }
- ]);
- });
-
- asyncTest( "filterCallback can be altered after widget creation", function(){
- var listPage = $( "#search-filter-test" );
- expect( listPage.find("li").length );
-
- $.testHelper.pageSequence( [
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function() {
- $.mobile.changePage( "#search-filter-test" );
- },
-
- function() {
- // set the listview instance callback
- listPage.find( "ul" ).listview( "option", "filterCallback", function() {
- ok(true, "custom callback invoked");
- });
-
- // trigger a change in the search filter
- listPage.find( "input" ).val( "foo" ).trigger( "change" );
-
- //NOTE beware a poossible issue with timing here
- start();
- }
- ]);
- });
-
- asyncTest( "nested pages hash key is always in the hash (replaceState)", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.mobile.changePage( home );
- },
-
- function(){
- // https://github.com/jquery/jquery-mobile/issues/1617
- $.mobile.changePage("#nested-lists-test");
- },
-
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- ok( location.hash.search($.mobile.subPageUrlKey) >= 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "embedded listview page with nested pages is not removed from the dom", function() {
- $.testHelper.pageSequence([
- function() {
- // open the nested list page
- same( $("div#nested-list-test").length, 1 );
- $( "a#nested-list-test-anchor" ).click();
- },
-
- function() {
- // go back to the origin page
- window.history.back();
- },
-
- function() {
- // make sure the page is still in place
- same( $("div#nested-list-test").length, 1 );
- start();
- }
- ]);
- });
-
-
- asyncTest( "list inherits theme from parent", function() {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#list-theme-inherit");
- },
-
- function() {
- var theme = $.mobile.activePage.jqmData('theme');
- ok( $.mobile.activePage.find("ul > li").hasClass("ui-body-b"), "theme matches the parent");
- window.history.back();
- },
-
- start
- ]);
- });
-
- asyncTest( "list filter is inset from prototype options value", function() {
- $.mobile.listview.prototype.options.inset = true;
- $("#list-inset-filter-prototype").page();
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#list-inset-filter-prototype");
- },
-
- function( timedOut) {
- ok( !timedOut );
- same( $.mobile.activePage.find("form.ui-listview-filter-inset").length, 1, "form is inset");
- window.history.back();
- },
-
- start
- ]);
- });
-
- asyncTest( "list filter is inset from data attr value", function() {
- $.mobile.listview.prototype.options.inset = false;
- $("#list-inset-filter-data-attr").page();
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#list-inset-filter-data-attr");
- },
-
- function( timedOut) {
- ok( !timedOut );
- same( $.mobile.activePage.find("form.ui-listview-filter-inset").length, 1, "form is inset");
- window.history.back();
- },
-
- start
- ]);
- });
-
- asyncTest( "split list items respect the icon", function() {
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#split-list-icon");
- },
-
- function() {
- $.mobile.activePage.find("li").each(function(i, elem){
- var $elem = $(elem),
- order = [ "star", "plug", "delete", "plug" ];
-
- same( $elem.find("span.ui-icon-" + order[i]).length, 1, "there should be one " + order[i] + " icon" );
- });
-
- window.history.back();
- },
-
- start
- ]);
- });
-})(jQuery);
+++ /dev/null
-(function($) {
- asyncTest( "nested pages hash key is always in the hash on default page with no id (replaceState) ", function(){
- $.testHelper.pageSequence([
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- ok( location.hash.search($.mobile.subPageUrlKey) >= 0 );
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Listview Integration Test</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.navigation",
- "jquery.mobile.listview",
- "jquery.mobile.listview.filter",
- ],
- [ "jquery.mobile.init" ],
- [ "listview_pushstate.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Listview Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-<?php
- header("Content-Type: application/json");
-
- $directories = array();
-
- if ($handle = opendir(getcwd())) {
- while (false !== ($file = readdir($handle))) {
- if (is_dir($file) && $file[0] !== "." ) {
- array_push($directories, $file);
- }
- }
-
- closedir($handle);
- }
-
- $test_pages = array_merge($directories, glob("**/*-tests.html"));
- sort($test_pages);
-
- echo '{ "testPages":["' . implode( '","', $test_pages ) . '"]}';
-?>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Media Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.media"
- ],
- [
- "./media_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Media Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture"></div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile media unit tests
- */
-
-(function($){
- var cssFn = $.fn.css,
- widthFn = $.fn.width;
-
- // make sure original definitions are reset
- module('jquery.mobile.media.js', {
- setup: function(){
- $(document).trigger('mobileinit.htmlclass');
- },
- teardown: function(){
- $.fn.css = cssFn;
- $.fn.width = widthFn;
- }
- });
-
- test( "media query check returns true when the position is absolute", function(){
- $.fn.css = function(){ return "absolute"; };
- same($.mobile.media("screen 1"), true);
- });
-
- test( "media query check returns false when the position is not absolute", function(){
- $.fn.css = function(){ return "not absolute"; };
- same($.mobile.media("screen 2"), false);
- });
-
- test( "media query check is cached", function(){
- $.fn.css = function(){ return "absolute"; };
- same($.mobile.media("screen 3"), true);
-
- $.fn.css = function(){ return "not absolute"; };
- same($.mobile.media("screen 3"), true);
- });
-
-
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.navbar"
- ],
- [ "jquery.mobile.init" ],
- [
- "./navbar_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-</head>
-<body>
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-<div data-nstest-role="page" id="disabled-btn-click">
- <div data-nstest-role="navbar">
- <ul>
- <li><a href="#" class="ui-disabled">One</a></li>
- <li><a href="#">Two</a></li>
- </ul>
- </div>
-</div>
-
-<div id="foo">
- <div data-nstest-role="navbar">
- <div data-nstest-enhance="false">
- <ul id="ignored-grid">
- <li></li>
- <li></li>
- </ul>
- </div>
- </div>
-
- <div data-nstest-role="navbar">
- <div>
- <ul id="enhanced-grid">
- <li></li>
- <li></li>
- </ul>
- </div>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile navbar unit tests
- */
-(function($){
- test( "navbar button gets active button class when clicked", function() {
- var link = $("#disabled-btn-click a:not(.ui-disabled)").first();
-
- link.click();
- ok( link.hasClass($.mobile.activeBtnClass), "link has active button class" );
- });
-
- test( "disabled navbar button doesn't add active button class when clicked", function() {
- var link = $("#disabled-btn-click a.ui-disabled").first();
-
- link.click();
- ok( !link.hasClass($.mobile.activeBtnClass), "link doesn't have active button class" );
- });
-
- test( "grids inside an ignored container do not enhance", function() {
- var $ignored = $( "#ignored-grid" ), $enhanced = $( "#enhanced-grid" );
-
- $.mobile.ignoreContentEnabled = true;
-
- $("#foo").trigger( "create" );
-
- same( $ignored.attr( "class" ), undefined, "ignored list doesn't have the grid theme" );
- same( $enhanced.attr( "class" ).indexOf("ui-grid"), 0, "enhanced list has the grid theme" );
-
- $.mobile.ignoreContentEnabled = false;
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script>
-
- // This unit test requires a base tag to be set within the file.
- // Most browsers require a base tag with an @href URL that is absolute.
- // We need to dynamically inject the base tag so we can prefix it with
- // the location of this test on the server without any server-side language
- // requirements.
-
- var baseUrl = location.href.replace(/[^\?\#\/]*(\?[^#]*)?(#.*)?$/, "");
- document.write("<base href=\"" + baseUrl + "base-tests/app-base/\"/>\n");
-
- </script>
- <script src="../../../../../js/jquery.tag.inserter.js"></script>
- <script src="../../../jquery.setNameSpace.js"></script>
- <script src="../../../../../tests/jquery.testHelper.js"></script>
- <script src="../../../../../js/"></script>
-
-
- <link rel="stylesheet" href="../../../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../../../external/qunit.css"/>
- <script src="../../../../../external/qunit.js"></script>
- <script type="text/javascript">
- $.testHelper.setPushState();
- </script>
-
- <script type="text/javascript" src="../../navigation_base.js"></script>
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Base Tag Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="internal-page-1" data-nstest-role="page">
- <a href="base-page-1.html" class="bp1"></a>
- <a href="base-page-2.html" class="bp2"></a>
- <a href="../content/content-page-1.html" class="cp1"></a>
- <a href="../content/content-page-2.html" class="cp2"></a>
- <a href="#internal-page-2" class="ip2"></a>
- <img src="images/internal-page-1.png">
-</div>
-
-<div id="internal-page-2" data-nstest-role="page">
- <a href="base-page-1.html" class="bp1"></a>
- <a href="base-page-2.html" class="bp2"></a>
- <a href="../content/content-page-1.html" class="cp1"></a>
- <a href="../content/content-page-2.html" class="cp2"></a>
- <a href="#internal-page-1" class="ip1"></a>
- <img src="images/internal-page-2.png">
-</div>
-
-<div data-nstest-role="page" id="internal-no-action-form-page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="base-page-1" data-nstest-role="page">
- <a href="base-page-2.html" class="bp2">Base Page 2</a>
- <a href="../content/content-page-1.html" class="cp1">Content Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/base-page-1.png">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="base-page-2" data-nstest-role="page">
- <a href="base-page-1.html" class="bp1">Base Page 1</a>
- <a href="../content/content-page-1.html" class="cp1">Content Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/base-page-2.png">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="content-page-1" data-nstest-role="page">
- <a href="content-page-2.html" class="cp2">Content Page 2</a>
- <a href="../app-base/base-page-1.html" class="bp1">Base Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/content-page-1.png">
-
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="content-page-2" data-nstest-role="page">
- <a href="content-page-1.html" class="cp1">Content Page 1</a>
- <a href="../app-base/base-page-1.html" class="bp1">Base Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/content-page-2.png">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page" id="external-test-cached" data-nstest-dom-cache="true">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role="page" data-nstest-url="foo/" data-other="for testing">
- This text intentionally left blank
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role="page" data-nstest-url="foo/bar.html"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role="page">
- <a href="?foo=bar" id="query-param-anchor">query param</a>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-url="foo/bar/reverse.html" data-nstest-role="page"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role='page' data-nstest-url='foo/bar/single.html'></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="dialog-param-link-page" data-nstest-role="page">
- <a href="?foo=bar" data-nstest-rel="dialog">foo</a>
-</div>
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page" id="external-test"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test one</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="changepage-data" data-nstest-role="page"> </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
-<div id="external-form-no-action-page" data-nstest-role="page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script type="text/javascript">
- $.testHelper.setPushState();
- </script>
-
- <script src="../../../js/"></script>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script type="text/javascript" src="navigation_helpers.js"></script>
- <script type="text/javascript" src="navigation_core.js"></script>
- <script type="text/javascript" src="navigation_paths.js"></script>
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="harmless-default-page" data-nstest-role="page" class="first-page">
-</div>
-
-<div id="foo" data-nstest-role="page" class="foo-class">
- <a href="#bar" data-nstest-transition="flip"></a>
- <a id="bad-internal-page-link" href="#non-existent-page"></a>
-</div>
-
-<div id="prefetch" data-nstest-role="page">
- <a href="prefetched.html" data-nstest-prefetch>Prefetch test</a>
-</div>
-
-<div id="foozball" data-nstest-role="page">
-</div>
-
-<div id="bar" data-nstest-role="page">
- <a href="#baz"></a>
-</div>
-
-<div id="baz" data-nstest-role="page">
- <a href="#foo"></a>
-</div>
-
-<div id="fade-trans" data-nstest-role="page">
- <a href="#flip-trans" data-nstest-transition="fade"></a>
-</div>
-
-<div id="flip-trans" data-nstest-role="page">
- <a href="#fade-trans" data-nstest-transition="flip"></a>
-</div>
-
-<div id="no-trans" data-nstest-role="page">
- <a href="#pop-trans"></a>
-</div>
-
-<div id="pop-trans" data-nstest-role="page">
- <a href="#no-trans" data-nstest-transition="pop"></a>
-</div>
-
-<div id="default-trans" data-nstest-role="page">
- <a href="#no-trans"></a>
-</div>
-
-<div id="data-url" data-nstest-role="page">
- <a href="data-url-tests/data-url.html"></a>
-</div>
-
-<div id="non-data-url" data-nstest-role="page">
- <a href="data-url-tests/non-data-url.html"></a>
-</div>
-
-<div id="nested-data-url" data-nstest-role="page">
- <a href="data-url-tests/nested.html"></a>
-</div>
-
-<div id="single-quotes-data-url" data-nstest-role="page">
- <a href="data-url-tests/single-quotes.html"></a>
-</div>
-
-<div id="reverse-attr-data-url" data-nstest-role="page">
- <a href="data-url-tests/reverse-attr.html"></a>
-</div>
-
-<div id="ajax-disabled-form" data-nstest-role="page">
- <form method="POST" id="non-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="false">
- </form>
-
- <form method="POST" id="ajax-form" action="/ajax-disabled-form">
- </form>
-
- <form method="POST" id="rand-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="foo">
- </form>
-</div>
-
-<div id="default-trans-dialog" data-nstest-role="page">
- <a href="#no-trans-dialog" data-nstest-rel="dialog"></a>
-</div>
-
-<div id="no-trans-dialog" data-nstest-role="page">
-</div>
-
-<div id="dup-history-first" data-nstest-role="page">
- <a href="#dup-history-second" data-nstest-transition="slideup" data-nstest-role="button" >
- Page 2
- </a>
-</div>
-
-<div id="dup-history-second" data-nstest-role="page">
- <a href="#dup-history-first" data-nstest-transition="slideup" data-nstest-role="button">
- Page 1
- </a>
- <a href="#dup-history-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
-</div>
-
-<div id="dup-history-dialog" data-nstest-role="dialog">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
-</div>
-
-<div id="skip-dialog-first" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#skip-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
- </div>
-</div>
-
-<div id="skip-dialog" data-nstest-role="dialog">
- <div data-nstest-role="content">
- <a href="#skip-dialog-second">Page 2</a>
- </div>
-</div>
-
-<div id="skip-dialog-second" data-nstest-role="page">
- <a href="#" data-nstest-rel="back">Go Back</a>
-</div>
-
-
-<div id="nested-dialog-page" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#nested-dialog-first">Dialog</a>
- </div>
-</div>
-
-<div id="nested-dialog-first" data-nstest-role="dialog">
- <div data-nstest-role="content">
- <a href="#nested-dialog-second">Dialog 2</a>
- </div>
-</div>
-
-<div id="nested-dialog-second" data-nstest-role="dialog">
-</div>
-
-<div id="relative-after-embeded-page-first" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#relative-after-embeded-page-second">second page</a>
- </div>
-</div>
-
-<div id="relative-after-embeded-page-second" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="data-url-tests/data-url.html">file path page</a>
- </div>
-</div>
-
-<div id="ajax-title-page" data-nstest-title="Title Attr 1" data-nstest-role="page">
- <a href="title1.html" id="titletest1" data-nstest-transition="none">test</a>
- <a href="title2.html" id="titletest2" data-nstest-transition="none">test</a>
- <a href="title3.html" id="titletest3" data-nstest-transition="none">test</a>
-</div>
-
-<div data-nstest-role="page" id="titletest4" data-nstest-title="Title Attr 2">
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-<div data-nstest-role="page" id="titletest5" data-nstest-title="Title Attr">
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-<div data-nstest-role="page" id="self-link">
- <a href="#self-link">self!</a>
-</div>
-
-<div data-nstest-role="page" id="dialog-param-link">
- <a href="dialog-param-test/dialog-param.html">go</a>
-</div>
-
-<div data-nstest-role="page" id="pathing-tests">
- <!-- doc rel links -->
- <a href="file.html" id="doc-rel-test-one">go</a>
- <a href="path-tests/file.html" id="doc-rel-test-two">go</a>
- <a href="path-tests/sub-dir/file.html" id="doc-rel-test-three">go</a>
- <a href="path-tests/sub-dir/" id="doc-rel-test-four">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="doc-rel-test-five">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="doc-rel-test-six">go</a>
-
- <!-- site rel links -->
- <!-- these will be altered before the test suite runs to use the current path -->
- <a href="file.html" id="site-rel-test-one" class="site-rel">go</a>
- <a href="path-tests/file.html" id="site-rel-test-two" class="site-rel">go</a>
- <a href="path-tests/sub-dir/file.html" id="site-rel-test-three" class="site-rel">go</a>
- <a href="path-tests/sub-dir/" id="site-rel-test-four" class="site-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="site-rel-test-five" class="site-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="site-rel-test-six" class="site-rel">go</a>
-
- <!-- protocol rel links -->
- <!-- these will be altered before the test suite runs to use the
- current domain and path -->
- <a href="file.html" id="protocol-rel-test-one" class="protocol-rel">go</a>
- <a href="path-tests/file.html" id="protocol-rel-test-two" class="protocol-rel">go</a>
- <a href="path-tests/sub-dir/file.html" id="protocol-rel-test-three" class="protocol-rel">go</a>
- <a href="path-tests/sub-dir/" id="protocol-rel-test-four" class="protocol-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="protocol-rel-test-five" class="protocol-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="protocol-rel-test-six" class="protocol-rel">go</a>
-
- <!-- absolute links -->
- <!-- these will be altered before the test suite runs to use the
- current protocol, domain and path -->
- <a href="file.html" id="absolute-test-one" class="absolute">go</a>
- <a href="path-tests/file.html" id="absolute-test-two" class="absolute">go</a>
- <a href="path-tests/sub-dir/file.html" id="absolute-test-three" class="absolute">go</a>
- <a href="path-tests/sub-dir/" id="absolute-test-four" class="absolute">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="absolute-test-five" class="absolute">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="absolute-test-six" class="absolute">go</a>
-
-</div>
-
-<div data-nstest-role="page" id="pathing-tests-reset">
- <div class="reset-value">page didn't change!</div>
-</div>
-
-<div data-nstest-role="page" id="internal-no-action-form-page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- <a href="form-tests/form-no-action.html">External page containing form with no action.</a>
- </div>
-</div>
-
-<div id="active-state-page1" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#active-state-page2" data-nstest-role="button">page2</a>
- </div>
-</div>
-
-<div id="active-state-page2" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#active-state-page1" data-nstest-role="button">href button</a>
- <a href="#active-state-page1" data-nstest-rel="back" data-nstest-role="button">back button</a>
- </div>
-</div>
-
-
-
-<div id="odd-clicks-page" data-nstest-role="page">
- <a href="#odd-clicks-page-dest" id="right-or-middle-click">foo</a>
-</div>
-
-<div id="odd-clicks-page-dest" data-nstest-role="page"></div>
-
-<div id="inject-links-page" data-nstest-role="page">
- <a href="#injected-test-page" id="static-injected-test-page-link">static link</a>
-</div>
-
-<div id="prefetched-dialog-page" data-nstest-role="page">
- <a href="prefetched-dialog.html"
- id="prefetched-dialog-link"
- data-nstest-role="prefetch"
- data-nstest-rel="dialog">
- static link
- </a>
-</div>
-
-<div id="link-hijacking-test" data-nstest-role="page">
- <div id="hijackable">
- <a href="#link-hijacking-destination" id="hijacked-link"></a>
- <a href="#link-hijacking-destination" id="unhijacked-link-by-attr" data-nstest-ajax="false"></a>
- </div>
-
- <div id="not-hijackable" data-nstest-ajax="false">
- <a href="#link-hijacking-destination" id="unhijacked-link-by-parent"></a>
- </div>
-</div>
-
-<div id="link-hijacking-destination" data-nstest-role="page">
- hello!
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile navigation base tag unit tests
- */
-(function($){
- var baseDir = $.mobile.path.parseUrl($("base").attr("href")).directory,
- contentDir = $.mobile.path.makePathAbsolute("../content/", baseDir),
- home = location.pathname + location.search;
-
- module('jquery.mobile.navigation.js - base tag', {
- setup: function(){
- if ( location.hash ) {
- stop();
- $(document).one("pagechange", function() {
- start();
- } );
- location.hash = "";
- }
- }
- });
-
- asyncTest( "can navigate between internal and external pages", function(){
- $.testHelper.pageSequence([
- function(){
- // Navigate from default internal page to another internal page.
- $.testHelper.openPage( "#internal-page-2" );
- },
-
- function(){
- // Verify that we are on the 2nd internal page.
- $.testHelper.assertUrlLocation({
- push: home + "#internal-page-2",
- hash: "internal-page-2",
- report: "navigate to internal page"
- });
-
- // Navigate to a page that is in the base directory. Note that the application
- // document and this new page are *NOT* in the same directory.
- $("#internal-page-2 .bp1").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: baseDir + "base-page-1.html",
- report: "navigate from internal page to page in base directory"
- });
-
- // Navigate to another page in the same directory as the current page.
- $("#base-page-1 .bp2").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: baseDir + "base-page-2.html",
- report: "navigate from base directory page to another base directory page"
- });
-
- // Navigate to another page in a directory that is the sibling of the base.
- $("#base-page-2 .cp1").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html",
- report: "navigate from base directory page to a page in a different directory hierarchy"
- });
-
- // Navigate to another page in a directory that is the sibling of the base.
- $("#content-page-1 .cp2").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-2.html",
- report: "navigate to another page within the same non-base directory hierarchy"
- });
-
- // Navigate to an internal page.
- $("#content-page-2 .ip1").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- // the hash based nav result (hash:) is dictate by the fact that #internal-page-1
- // is the original root page element
- $.testHelper.assertUrlLocation({
- hashOrPush: home,
- report: "navigate from a page in a non-base directory to an internal page"
- });
-
- // Try calling changePage() directly with a relative path.
- $.mobile.changePage("base-page-1.html");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: baseDir + "base-page-1.html",
- report: "call changePage() with a filename (no path)"
- });
-
- // Try calling changePage() directly with a relative path.
- $.mobile.changePage("../content/content-page-1.html");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html",
- report: "call changePage() with a relative path containing up-level references"
- });
-
- // Try calling changePage() with an id
- $.mobile.changePage("content-page-2.html");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-2.html",
- report: "call changePage() with a relative path should resolve relative to current page"
- });
-
- // test that an internal page works
- $("a.ip2").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hash: "internal-page-2",
- push: home + "#internal-page-2",
- report: "call changePage() with a page id"
- });
-
- // Try calling changePage() with an id
- $.mobile.changePage("internal-page-1");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hash: "internal-page-2",
- push: home + "#internal-page-2",
- report: "calling changePage() with a page id that is not prefixed with '#' should not change page"
- });
-
- // Previous load should have failed and left us on internal-page-2.
- start();
- }
- ]);
- });
-
- asyncTest( "internal form with no action submits to document URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage( "#internal-no-action-form-page" );
- },
-
- function(){
- $( "#internal-no-action-form-page form" ).eq( 0 ).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: location.pathname + "?foo=1&bar=2",
- report: "hash should match document url and not base url"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "external page form with no action submits to external page URL", function(){
- $.testHelper.pageSequence([
- function(){
- // Go to an external page that has a form.
- $("#internal-page-1 .cp1").click();
- },
-
- function(){
- // Make sure we actually navigated to the external page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html",
- report: "should be on content-page-1.html"
- });
-
- // Now submit the form in the external page.
- $("#content-page-1 form").eq(0).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html?foo=1&bar=2",
- report: "hash should match page url and not document url"
- });
-
- start();
- }]);
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile navigation unit tests
- */
-(function($){
- // TODO move siteDirectory over to the nav path helper
- var changePageFn = $.mobile.changePage,
- originalTitle = document.title,
- originalLinkBinding = $.mobile.linkBindingEnabled,
- siteDirectory = location.pathname.replace( /[^/]+$/, "" ),
- home = $.mobile.path.parseUrl(location.pathname).directory,
- homeWithSearch = home + location.search,
- navigateTestRoot = function(){
- $.testHelper.openPage( "#" + location.pathname + location.search );
- };
-
- module('jquery.mobile.navigation.js', {
- setup: function(){
- $.mobile.changePage = changePageFn;
- document.title = originalTitle;
-
- var pageReset = function( hash ) {
- hash = hash || "";
-
- stop();
-
- $(document).one( "pagechange", function() {
- start();
- });
-
- location.hash = "#" + hash;
- };
-
- // force the page reset for hash based tests
- if ( location.hash && !$.support.pushState ) {
- pageReset();
- }
-
- // force the page reset for all pushstate tests
- if ( $.support.pushState ) {
- pageReset( homeWithSearch );
- }
-
-
- $.mobile.urlHistory.stack = [];
- $.mobile.urlHistory.activeIndex = 0;
- $.Event.prototype.which = undefined;
- $.mobile.linkBindingEnabled = originalLinkBinding;
- }
- });
-
- asyncTest( "window.history.back() from external to internal page", function(){
-
- $.testHelper.pageSequence([
-
- // open our test page
- function(){
- $.testHelper.openPage("#active-state-page1");
- },
-
- function(){
- ok( $.mobile.activePage[0] === $( "#active-state-page1" )[ 0 ], "successful navigation to internal page." );
-
- //location.hash = siteDirectory + "external.html";
- $.mobile.changePage("external.html");
- },
-
- function(){
- ok( $.mobile.activePage[0] !== $( "#active-state-page1" )[ 0 ], "successful navigation to external page." );
-
- window.history.back();
- },
-
- function(){
- ok( $.mobile.activePage[0] === $( "#active-state-page1" )[ 0 ], "successful navigation back to internal page." );
-
- start();
- }
- ]);
- });
-
- asyncTest( "external page is removed from the DOM after pagehide", function(){
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.changePage( "external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
- window.history.back();
- },
-
- // external-test is *NOT* cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "preventDefault on pageremove event can prevent external page from being removed from the DOM", function(){
- var preventRemoval = true,
- removeCallback = function( e ) {
- if ( preventRemoval ) {
- e.preventDefault();
- }
- };
-
- $( document ).bind( "pageremove", removeCallback );
-
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.changePage( "external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
- window.history.back();
- },
-
- // external-test *IS* cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 1 );
-
- // Switch back to the page again!
- $.mobile.changePage( "external.html" );
- },
-
- // page is still present and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
-
- // Now turn off our removal prevention.
- preventRemoval = false;
-
- window.history.back();
- },
-
- // external-test is *NOT* cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 0 );
- $( document ).unbind( "pageremove", removeCallback );
- start();
- }
- ]);
- });
-
- asyncTest( "external page is cached in the DOM after pagehide", function(){
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.changePage( "cached-external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test-cached" ).length, 1 );
- window.history.back();
- },
-
- // external test page is cached in the dom after transitioning away
- function(){
- same( $( "#external-test-cached" ).length, 1 );
- start();
- }
- ]);
- });
-
- asyncTest( "external page is cached in the DOM after pagehide when option is set globally", function(){
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.page.prototype.options.domCache = true;
- $.mobile.changePage( "external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
- window.history.back();
- },
-
- // external test page is cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 1 );
- $.mobile.page.prototype.options.domCache = false;
- $( "#external-test" ).remove();
- start();
- }]);
- });
-
- asyncTest( "page last scroll distance is remembered while navigating to and from pages", function(){
- $.testHelper.pageSequence([
- function(){
- $( "body" ).height( $( window ).height() + 500 );
- $.mobile.changePage( "external.html" );
- },
-
- function(){
- // wait for the initial scroll to 0
- setTimeout( function() {
- window.scrollTo( 0, 300 );
- same( $(window).scrollTop(), 300, "scrollTop is 300 after setting it" );
- }, 300);
-
- // wait for the scrollstop to fire and for the scroll to be
- // recorded 100 ms afterward (see changes made to handle hash
- // scrolling in some browsers)
- setTimeout( navigateTestRoot, 500 );
- },
-
- function(){
- history.back();
- },
-
- function(){
- // Give the silentScroll function some time to kick in.
- setTimeout(function() {
- same( $(window).scrollTop(), 300, "scrollTop is 300 after returning to the page" );
- $( "body" ).height( "" );
- start();
- }, 300 );
- }
- ]);
- });
-
- asyncTest( "forms with data attribute ajax set to false will not call changePage", function(){
- var called = false;
- var newChangePage = function(){
- called = true;
- };
-
- $.testHelper.sequence([
- // avoid initial page load triggering changePage early
- function(){
- $.mobile.changePage = newChangePage;
-
- $('#non-ajax-form').one('submit', function(event){
- ok(true, 'submit callbacks are fired');
- event.preventDefault();
- }).submit();
- },
-
- function(){
- ok(!called, "change page should not be called");
- start();
- }], 1000);
- });
-
- asyncTest( "forms with data attribute ajax not set or set to anything but false will call changePage", function(){
- var called = 0,
- newChangePage = function(){
- called++;
- };
-
- $.testHelper.sequence([
- // avoid initial page load triggering changePage early
- function(){
- $.mobile.changePage = newChangePage;
- $('#ajax-form, #rand-ajax-form').submit();
- },
-
- function(){
- ok(called >= 2, "change page should be called at least twice");
- start();
- }], 300);
- });
-
-
- asyncTest( "anchors with no href attribute will do nothing when clicked", function(){
- var fired = false;
-
- $(window).bind("hashchange.temp", function(){
- fired = true;
- });
-
- $( "<a>test</a>" ).appendTo( $.mobile.firstPage ).click();
-
- setTimeout(function(){
- same(fired, false, "hash shouldn't change after click");
- $(window).unbind("hashchange.temp");
- start();
- }, 500);
- });
-
- test( "urlHistory is working properly", function(){
-
- //urlHistory
- same( $.type( $.mobile.urlHistory.stack ), "array", "urlHistory.stack is an array" );
-
- //preload the stack
- $.mobile.urlHistory.stack[0] = { url: "foo", transition: "bar" };
- $.mobile.urlHistory.stack[1] = { url: "baz", transition: "shizam" };
- $.mobile.urlHistory.stack[2] = { url: "shizoo", transition: "shizaah" };
-
- //active index
- same( $.mobile.urlHistory.activeIndex , 0, "urlHistory.activeIndex is 0" );
-
- //getActive
- same( $.type( $.mobile.urlHistory.getActive() ) , "object", "active item is an object" );
- same( $.mobile.urlHistory.getActive().url , "foo", "active item has url foo" );
- same( $.mobile.urlHistory.getActive().transition , "bar", "active item has transition bar" );
-
- //get prev / next
- same( $.mobile.urlHistory.getPrev(), undefined, "urlHistory.getPrev() is undefined when active index is 0" );
- $.mobile.urlHistory.activeIndex = 1;
- same( $.mobile.urlHistory.getPrev().url, "foo", "urlHistory.getPrev() has url foo when active index is 1" );
- $.mobile.urlHistory.activeIndex = 0;
- same( $.mobile.urlHistory.getNext().url, "baz", "urlHistory.getNext() has url baz when active index is 0" );
-
- //add new
- $.mobile.urlHistory.activeIndex = 2;
- $.mobile.urlHistory.addNew("test");
- same( $.mobile.urlHistory.stack.length, 4, "urlHistory.addNew() adds an item after the active index" );
- same( $.mobile.urlHistory.activeIndex, 3, "urlHistory.addNew() moves the activeIndex to the newly added item" );
-
- //clearForward
- $.mobile.urlHistory.activeIndex = 0;
- $.mobile.urlHistory.clearForward();
- same( $.mobile.urlHistory.stack.length, 1, "urlHistory.clearForward() clears the url stack after the active index" );
- });
-
- //url listening
- function testListening( prop ){
- var stillListening = false;
- $(document).bind("pagebeforehide", function(){
- stillListening = true;
- });
- location.hash = "foozball";
- setTimeout(function(){
- ok( prop == stillListening, prop + " = false disables default hashchange event handler");
- location.hash = "";
- prop = true;
- start();
- }, 1000);
- }
-
- asyncTest( "ability to disable our hash change event listening internally", function(){
- testListening( ! $.mobile.urlHistory.ignoreNextHashChange );
- });
-
- asyncTest( "ability to disable our hash change event listening globally", function(){
- testListening( $.mobile.hashListeningEnabled );
- });
-
- var testDataUrlHash = function( linkSelector, matches ) {
- $.testHelper.pageSequence([
- function(){ window.location.hash = ""; },
- function(){ $(linkSelector).click(); },
- function(){
- $.testHelper.assertUrlLocation(
- $.extend(matches, {
- report: "url or hash should match"
- })
- );
-
- start();
- }
- ]);
-
- stop();
- };
-
- test( "when loading a page where data-url is not defined on a sub element hash defaults to the url", function(){
- testDataUrlHash( "#non-data-url a", {hashOrPush: siteDirectory + "data-url-tests/non-data-url.html"} );
- });
-
- test( "data url works for nested paths", function(){
- var url = "foo/bar.html";
- testDataUrlHash( "#nested-data-url a", {hash: url, push: home + url} );
- });
-
- test( "data url works for single quoted paths and roles", function(){
- var url = "foo/bar/single.html";
- testDataUrlHash( "#single-quotes-data-url a", {hash: url, push: home + url} );
- });
-
- test( "data url works when role and url are reversed on the page element", function(){
- var url = "foo/bar/reverse.html";
- testDataUrlHash( "#reverse-attr-data-url a", {hash: url, push: home + url} );
- });
-
- asyncTest( "last entry choosen amongst multiple identical url history stack entries on hash change", function(){
- // make sure the stack is clear after initial page load an any other delayed page loads
- // TODO better browser state management
- $.mobile.urlHistory.stack = [];
- $.mobile.urlHistory.activeIndex = 0;
-
- $.testHelper.pageSequence([
- function(){ $.testHelper.openPage("#dup-history-first"); },
- function(){ $("#dup-history-first a").click(); },
- function(){ $("#dup-history-second a:first").click(); },
- function(){ $("#dup-history-first a").click(); },
- function(){ $("#dup-history-second a:last").click(); },
- function(){ $("#dup-history-dialog a:contains('Close')").click(); },
- function(){
-
- // fourth page (third index) in the stack to account for first page being hash manipulation,
- // the third page is dup-history-second which has two entries in history
- // the test is to make sure the index isn't 1 in this case, or the first entry for dup-history-second
- same($.mobile.urlHistory.activeIndex, 3, "should be the fourth page in the stack");
- start();
- }]);
- });
-
- asyncTest( "going back from a page entered from a dialog skips the dialog and goes to the previous page", function(){
- $.testHelper.pageSequence([
- // setup
- function(){ $.testHelper.openPage("#skip-dialog-first"); },
-
- // transition to the dialog
- function(){ $("#skip-dialog-first a").click(); },
-
- // transition to the second page
- function(){ $("#skip-dialog a").click(); },
-
- // transition past the dialog via data-rel=back link on the second page
- function(){ $("#skip-dialog-second a").click(); },
-
- // make sure we're at the first page and not the dialog
- function(){
- $.testHelper.assertUrlLocation({
- hash: "skip-dialog-first",
- push: homeWithSearch + "#skip-dialog-first",
- report: "should be the first page in the sequence"
- });
-
- start();
- }]);
- });
-
- asyncTest( "going forward from a page entered from a dialog skips the dialog and goes to the next page", function(){
- $.testHelper.pageSequence([
- // setup
- function(){ $.testHelper.openPage("#skip-dialog-first"); },
-
- // transition to the dialog
- function(){ $("#skip-dialog-first a").click(); },
-
- // transition to the second page
- function(){ $("#skip-dialog a").click(); },
-
- // transition to back past the dialog
- function(){ window.history.back(); },
-
- // transition to the second page past the dialog through history
- function(){ window.history.forward(); },
-
- // make sure we're on the second page and not the dialog
- function(){
- $.testHelper.assertUrlLocation({
- hash: "skip-dialog-second",
- push: homeWithSearch + "#skip-dialog-second",
- report: "should be the second page after the dialog"
- });
-
- start();
- }]);
- });
-
- asyncTest( "going back from a dialog triggered from a dialog should result in the first dialog ", function(){
- $.testHelper.pageSequence([
- // setup
- function(){ $.testHelper.openPage("#nested-dialog-page"); },
-
- // transition to the dialog
- function(){ $("#nested-dialog-page a").click(); },
-
- // transition to the second dialog
- function(){ $("#nested-dialog-first a").click(); },
-
- // transition to back to the first dialog
- function(){ window.history.back(); },
-
- // make sure we're on first dialog
- function(){
- same($(".ui-page-active")[0], $("#nested-dialog-first")[0], "should be the first dialog");
- start();
- }]);
- });
-
- asyncTest( "loading a relative file path after an embeded page works", function(){
- $.testHelper.pageSequence([
- // transition second page
- function(){ $.testHelper.openPage("#relative-after-embeded-page-first"); },
-
- // transition second page
- function(){ $("#relative-after-embeded-page-first a").click(); },
-
- // transition to the relative ajax loaded page
- function(){ $("#relative-after-embeded-page-second a").click(); },
-
- // make sure the page was loaded properly via ajax
- function(){
- // data attribute intentionally left without namespace
- same($(".ui-page-active").data("other"), "for testing", "should be relative ajax loaded page");
- start();
- }]);
- });
-
- asyncTest( "Page title updates properly when clicking back to previous page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#relative-after-embeded-page-first");
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- same(document.title, "jQuery Mobile Navigation Test Suite");
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly when clicking a link back to first page", function(){
- var title = document.title;
-
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest1").click();
- },
-
- function(){
- same(document.title, "Title Tag");
- $.mobile.activePage.find("#title-check-link").click();
- },
-
- function(){
- same(document.title, title);
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly from title tag when loading an external page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest1").click();
- },
-
- function(){
- same(document.title, "Title Tag");
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly from data-title attr when loading an external page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest2").click();
- },
-
- function(){
- same(document.title, "Title Attr");
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly from heading text in header when loading an external page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest3").click();
- },
-
- function(){
- same(document.title, "Title Heading");
- start();
- }
- ]);
- });
-
- asyncTest( "Page links to the current active page result in the same active page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#self-link");
- },
-
- function(){
- $("a[href='#self-link']").click();
- },
-
- function(){
- same($.mobile.activePage[0], $("#self-link")[0], "self-link page is still the active page" );
- start();
- }
- ]);
- });
-
- asyncTest( "links on subdirectory pages with query params append the params and load the page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#data-url-tests/non-data-url.html");
- },
-
- function(){
- $("#query-param-anchor").click();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar",
- report: "the hash or url has query params"
- });
-
- ok($(".ui-page-active").jqmData("url").indexOf("?foo=bar") > -1, "the query params are in the data url");
- start();
- }
- ]);
- });
-
- asyncTest( "identical query param link doesn't add additional set of query params", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#data-url-tests/non-data-url.html");
- },
-
- function(){
- $("#query-param-anchor").click();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar",
- report: "the hash or url has query params"
- });
-
- $("#query-param-anchor").click();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar",
- report: "the hash or url still has query params"
- });
-
- start();
- }
- ]);
- });
-
- // Special handling inside navigation because query params must be applied to the hash
- // or absolute reference and dialogs apply extra information int the hash that must be removed
- asyncTest( "query param link from a dialog to itself should be a not add another dialog", function(){
- var firstDialogLoc;
-
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#dialog-param-link");
- },
-
- // navigate to the subdirectory page with the query link
- function(){
- $("#dialog-param-link a").click();
- },
-
- // navigate to the query param self reference link
- function(){
- $("#dialog-param-link-page a").click();
- },
-
- // attempt to navigate to the same link
- function(){
- // store the current hash for comparison (with one dialog hash key)
- firstDialogLoc = location.hash || location.href;
- $("#dialog-param-link-page a").click();
- },
-
- function(){
- same(location.hash || location.href, firstDialogLoc, "additional dialog hash key not added");
- start();
- }
- ]);
- });
-
- asyncTest( "query data passed as string to changePage is appended to URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.mobile.changePage( "form-tests/changepage-data.html", {
- data: "foo=1&bar=2"
- } );
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "form-tests/changepage-data.html?foo=1&bar=2",
- report: "the hash or url still has query params"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "query data passed as object to changePage is appended to URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.mobile.changePage( "form-tests/changepage-data.html", {
- data: {
- foo: 3,
- bar: 4
- }
- } );
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "form-tests/changepage-data.html?foo=3&bar=4",
- report: "the hash or url still has query params"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "refresh of a dialog url should not duplicate page", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- same($(".foo-class").length, 1, "should only have one instance of foo-class in the document");
- location.hash = "#foo&ui-state=dialog";
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hash: "foo&ui-state=dialog",
- push: homeWithSearch + "#foo&ui-state=dialog",
- report: "hash should match what was loaded"
- });
-
- same( $(".foo-class").length, 1, "should only have one instance of foo-class in the document" );
- start();
- }
- ]);
- });
-
- asyncTest( "internal form with no action submits to document URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#internal-no-action-form-page");
- },
-
- function(){
- $("#internal-no-action-form-page form").eq(0).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "?foo=1&bar=2",
- report: "hash should match what was loaded"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "external page containing form with no action submits to page URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#internal-no-action-form-page");
- },
-
- function(){
- $("#internal-no-action-form-page a").eq(0).click();
- },
-
- function(){
- $("#external-form-no-action-page form").eq(0).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "form-tests/form-no-action.html?foo=1&bar=2",
- report: "hash should match page url and not document url"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "handling of active button state when navigating", 1, function(){
-
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#active-state-page1");
- },
-
- function(){
- $("#active-state-page1 a").eq(0).click();
- },
-
- function(){
- $("#active-state-page2 a").eq(0).click();
- },
-
- function(){
- ok(!$("#active-state-page1 a").hasClass( $.mobile.activeBtnClass ), "No button should not have class " + $.mobile.activeBtnClass );
- start();
- }
- ]);
- });
-
- // issue 2444 https://github.com/jquery/jquery-mobile/issues/2444
- // results from preventing spurious hash changes
- asyncTest( "dialog should return to its parent page when open and closed multiple times", function() {
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#default-trans-dialog");
- },
-
- function(){
- $.mobile.activePage.find( "a" ).click();
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- same( $.mobile.activePage[0], $( "#default-trans-dialog" )[0] );
- $.mobile.activePage.find( "a" ).click();
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- same( $.mobile.activePage[0], $( "#default-trans-dialog" )[0] );
- start();
- }
- ]);
- });
-
- asyncTest( "clicks with middle mouse button are ignored", function() {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage( "#odd-clicks-page" );
- },
-
- function() {
- $( "#right-or-middle-click" ).click();
- },
-
- // make sure the page is opening first without the mocked button click value
- // only necessary to prevent issues with test specific fixtures
- function() {
- same($.mobile.activePage[0], $("#odd-clicks-page-dest")[0]);
- $.testHelper.openPage( "#odd-clicks-page" );
-
- // mock the which value to simulate a middle click
- $.Event.prototype.which = 2;
- },
-
- function() {
- $( "#right-or-middle-click" ).click();
- },
-
- function( timeout ) {
- ok( timeout, "page event handler timed out due to ignored click" );
- ok($.mobile.activePage[0] !== $("#odd-clicks-page-dest")[0], "pages are not the same");
- start();
- }
- ]);
- });
-
- asyncTest( "disabling link binding disables navigation via links and highlighting", function() {
- $.mobile.linkBindingEnabled = false;
-
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#bar");
- },
-
- function() {
- $.mobile.activePage.find( "a" ).click();
- },
-
- function( timeout ) {
- ok( !$.mobile.activePage.find( "a" ).hasClass( $.mobile.activeBtnClass ), "vlick handler doesn't add the activebtn class" );
- ok( timeout, "no page change was fired" );
- start();
- }
- ]);
- });
-
- asyncTest( "handling of button active state when navigating by clicking back button", 1, function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#active-state-page1");
- },
-
- function(){
- $("#active-state-page1 a").eq(0).click();
- },
-
- function(){
- $("#active-state-page2 a").eq(1).click();
- },
-
- function(){
- $("#active-state-page1 a").eq(0).click();
- },
-
- function(){
- ok(!$("#active-state-page2 a").hasClass( $.mobile.activeBtnClass ), "No button should not have class " + $.mobile.activeBtnClass );
- start();
- }
- ]);
- });
-
- asyncTest( "can navigate to dynamically injected page with dynamically injected link", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#inject-links-page");
- },
-
- function(){
- var $ilpage = $( "#inject-links-page" ),
- $link = $( "<a href='#injected-test-page'>injected-test-page link</a>" );
-
- // Make sure we actually navigated to the expected page.
- ok( $.mobile.activePage[ 0 ] == $ilpage[ 0 ], "navigated successfully to #inject-links-page" );
-
- // Now dynamically insert a page.
- $ilpage.parent().append( "<div data-role='page' id='injected-test-page'>testing...</div>" );
-
- // Now inject a link to this page dynamically and attempt to navigate
- // to the page we just inserted.
- $link.appendTo( $ilpage ).click();
- },
-
- function(){
- // Make sure we actually navigated to the expected page.
- ok( $.mobile.activePage[ 0 ] == $( "#injected-test-page" )[ 0 ], "navigated successfully to #injected-test-page" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "application url with dialogHashKey loads application's first page", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#foo");
- },
-
- function(){
- ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "navigated successfully to #foo" );
-
- // Now navigate to an hash that contains just a dialogHashKey.
- $.mobile.changePage("#" + $.mobile.dialogHashKey);
- },
-
- function(){
- // Make sure we actually navigated to the first page.
- ok( $.mobile.activePage[ 0 ] === $.mobile.firstPage[ 0 ], "navigated successfully to first-page" );
-
- // Now make sure opening the page didn't result in page duplication.
- ok( $.mobile.firstPage.hasClass( "first-page" ), "first page has expected class" );
- same( $( ".first-page" ).length, 1, "first page was not duplicated" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "navigate to non-existent internal page throws pagechangefailed", function(){
- var pagechangefailed = false,
- pageChangeFailedCB = function( e ) {
- pagechangefailed = true;
- }
-
- $( document ).bind( "pagechangefailed", pageChangeFailedCB );
-
- $.testHelper.pageSequence([
- // open our test page
- function(){
- // Make sure there's only one copy of the first-page in the DOM to begin with.
- ok( $.mobile.firstPage.hasClass( "first-page" ), "first page has expected class" );
- same( $( ".first-page" ).length, 1, "first page was not duplicated" );
-
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#foo");
- },
-
- function(){
- var $foo = $( "#foo" );
- ok( $.mobile.activePage[ 0 ] === $foo[ 0 ], "navigated successfully to #foo" );
- same( pagechangefailed, false, "no page change failures" );
-
- // Now navigate to a non-existent page.
- $foo.find( "#bad-internal-page-link" ).click();
- },
-
- function(){
- // Make sure a pagechangefailed event was triggered.
- same( pagechangefailed, true, "pagechangefailed dispatched" );
-
- // Make sure we didn't navigate away from #foo.
- ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "did not navigate away from #foo" );
-
- // Now make sure opening the page didn't result in page duplication.
- same( $( ".first-page" ).length, 1, "first page was not duplicated" );
-
- $( document ).unbind( "pagechangefailed", pageChangeFailedCB );
-
- start();
- }
- ]);
- });
-
- asyncTest( "prefetched links with data rel dialog result in a dialog", function() {
- $.testHelper.pageSequence([
- // open our test page
- function(){
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#prefetched-dialog-page");
- },
-
- function() {
- $("#prefetched-dialog-link").click();
- },
-
- function() {
- ok( $.mobile.activePage.is(".ui-dialog"), "prefetched page is rendered as a dialog" );
- start();
- }
- ]);
- });
-
- asyncTest( "first page gets reloaded if pruned from the DOM", function(){
- var hideCallbackTriggered = false;
-
- function hideCallback( e, data )
- {
- var page = e.target;
- ok( ( page === $.mobile.firstPage[ 0 ] ), "hide called with prevPage set to firstPage");
- if ( page === $.mobile.firstPage[ 0 ] ) {
- $( page ).remove();
- }
- hideCallbackTriggered = true;
- }
-
- $(document).bind('pagehide', hideCallback);
-
- $.testHelper.pageSequence([
- function(){
- // Make sure the first page is actually in the DOM.
- ok( $.mobile.firstPage.parent().length !== 0, "first page is currently in the DOM" );
-
- // Make sure the first page is the active page.
- ok( $.mobile.activePage[ 0 ] === $.mobile.firstPage[ 0 ], "first page is the active page" );
-
- // Now make sure the first page has an id that we can use to reload it.
- ok( $.mobile.firstPage[ 0 ].id, "first page has an id" );
-
- // Make sure there is only one first page in the DOM.
- same( $( ".first-page" ).length, 1, "only one instance of the first page in the DOM" );
-
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#foo");
- },
-
- function(){
- // Make sure the active page is #foo.
- ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "navigated successfully to #foo" );
-
- // Make sure our hide callback was triggered.
- ok( hideCallbackTriggered, "hide callback was triggered" );
-
- // Make sure the first page was actually pruned from the document.
- ok( $.mobile.firstPage.parent().length === 0, "first page was pruned from the DOM" );
- same( $( ".first-page" ).length, 0, "no instance of the first page in the DOM" );
-
- // Remove our hideCallback.
- $(document).unbind('pagehide', hideCallback);
-
- // Navigate back to the first page!
- $.testHelper.openPage( "#" + $.mobile.firstPage[0].id );
- },
-
- function(){
- var firstPage = $( ".first-page" );
-
- // We should only have one first page in the document at any time!
- same( firstPage.length, 1, "single instance of first page recreated in the DOM" );
-
- // Make sure the first page in the DOM is actually a different DOM element than the original
- // one we started with.
- ok( $.mobile.firstPage[ 0 ] !== firstPage[ 0 ], "first page is a new DOM element");
-
- // Make sure we actually navigated to the new first page.
- ok( $.mobile.activePage[ 0 ] === firstPage[ 0 ], "navigated successfully to new first-page");
-
- // Reset the $.mobile.firstPage for subsequent tests.
- // XXX: Should we just get rid of the new one and restore the old?
- $.mobile.firstPage = $.mobile.activePage;
-
- start();
- }
- ]);
- });
-
- asyncTest( "test that clicks are ignored where data-ajax='false' parents exist", function() {
- var $disabledByParent = $( "#unhijacked-link-by-parent" ),
- $disabledByAttr = $( "#unhijacked-link-by-attr" );
-
- $.mobile.ignoreContentEnabled = true;
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( "#link-hijacking-test" );
- },
-
- function() {
- $( "#hijacked-link" ).trigger( 'click' );
- },
-
- function() {
- ok( $.mobile.activePage.is("#link-hijacking-destination"), "nav works for links to hijacking destination" );
- window.history.back();
- },
-
- function() {
- $disabledByParent.trigger( 'click' );
- },
-
- function() {
- ok( $.mobile.activePage.is("#link-hijacking-test"), "click should be ignored keeping the active mobile page the same as before" );
- },
-
- function() {
- $disabledByAttr.trigger( 'click' );
- },
-
- function() {
- ok( $.mobile.activePage.is("#link-hijacking-test"), "click should be ignored keeping the active mobile page the same as before" );
-
- $.mobile.ignoreContentEnabled = false;
- start();
- }
- ]);
- });
-
- asyncTest( "test that *vclicks* are ignored where data-ajax='false' parents exist", function() {
- var $disabledByParent = $( "#unhijacked-link-by-parent" ),
- $disabledByAttr = $( "#unhijacked-link-by-attr" ),
- $hijacked = $( "#hijacked-link" );
-
- $.mobile.ignoreContentEnabled = true;
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( "#link-hijacking-test" );
- },
-
- function() {
- // force the active button class
- $hijacked.addClass( $.mobile.activeBtnClass );
- $hijacked.trigger( 'vclick' );
- ok( $hijacked.hasClass( $.mobile.activeBtnClass ), "active btn class is added to the link per normal" );
-
- $disabledByParent.trigger( 'vclick' );
- ok( !$disabledByParent.hasClass( $.mobile.activeBtnClass ), "active button class is never added to the link" );
-
- $disabledByAttr.trigger( 'vclick' );
- ok( !$disabledByAttr.hasClass( $.mobile.activeBtnClass ), "active button class is never added to the link" );
-
- $.mobile.ignoreContentEnabled = false;
- start();
- }
- ]);
- });
-})(jQuery);
+++ /dev/null
-(function($) {
- asyncTest( "dialog ui-state should be part of the hash", function(){
- $.testHelper.sequence([
- function() {
- // open the test page
- $.mobile.activePage.find( "a" ).click();
- },
-
- function() {
- // verify that the hash contains the dialogHashKey
- ok( location.hash.search($.mobile.dialogHashKey) >= 0 );
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile navigation unit tests
- */
-(function($){
- var siteDirectory = location.pathname.replace(/[^/]+$/, "");
-
- module('jquery.mobile.navigation.js', {
- setup: function(){
- if ( location.hash ) {
- stop();
- $(document).one("pagechange", function() {
- start();
- } );
- location.hash = "";
- }
- }
- });
-
- test( "path.get method is working properly", function(){
- window.location.hash = "foo";
- same($.mobile.path.get(), "foo", "get method returns location.hash minus hash character");
- same($.mobile.path.get( "#foo/bar/baz.html" ), "foo/bar/", "get method with hash arg returns path with no filename or hash prefix");
- same($.mobile.path.get( "#foo/bar/baz.html/" ), "foo/bar/baz.html/", "last segment of hash is retained if followed by a trailing slash");
- });
-
- test( "path.isPath method is working properly", function(){
- ok(!$.mobile.path.isPath('bar'), "anything without a slash is not a path");
- ok($.mobile.path.isPath('bar/'), "anything with a slash is a path");
- ok($.mobile.path.isPath('/bar'), "anything with a slash is a path");
- ok($.mobile.path.isPath('a/r'), "anything with a slash is a path");
- ok($.mobile.path.isPath('/'), "anything with a slash is a path");
- });
-
- test( "path.getFilePath method is working properly", function(){
- same($.mobile.path.getFilePath("foo.html" + "&" + $.mobile.subPageUrlKey ), "foo.html", "returns path without sub page key");
- });
-
- test( "path.set method is working properly", function(){
- $.mobile.urlHistory.ignoreNextHashChange = false;
- $.mobile.path.set("foo");
- same("foo", window.location.hash.replace(/^#/,""), "sets location.hash properly");
- });
-
- test( "path.makeUrlAbsolute is working properly", function(){
- var mua = $.mobile.path.makeUrlAbsolute,
- p1 = "http://jqm.com/",
- p2 = "http://jqm.com/?foo=1&bar=2",
- p3 = "http://jqm.com/#spaz",
- p4 = "http://jqm.com/?foo=1&bar=2#spaz",
-
- p5 = "http://jqm.com/test.php",
- p6 = "http://jqm.com/test.php?foo=1&bar=2",
- p7 = "http://jqm.com/test.php#spaz",
- p8 = "http://jqm.com/test.php?foo=1&bar=2#spaz",
-
- p9 = "http://jqm.com/dir1/dir2/",
- p10 = "http://jqm.com/dir1/dir2/?foo=1&bar=2",
- p11 = "http://jqm.com/dir1/dir2/#spaz",
- p12 = "http://jqm.com/dir1/dir2/?foo=1&bar=2#spaz",
-
- p13 = "http://jqm.com/dir1/dir2/test.php",
- p14 = "http://jqm.com/dir1/dir2/test.php?foo=1&bar=2",
- p15 = "http://jqm.com/dir1/dir2/test.php#spaz",
- p16 = "http://jqm.com/dir1/dir2/test.php?foo=1&bar=2#spaz";
-
- // Test URL conversion against an absolute URL to the site root.
- // directory tests
- same( mua( "http://jqm.com/", p1 ), "http://jqm.com/", "absolute root - absolute root" );
- same( mua( "//jqm.com/", p1 ), "http://jqm.com/", "protocol relative root - absolute root" );
- same( mua( "/", p1 ), "http://jqm.com/", "site relative root - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "absolute root with query - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "protocol relative root with query - absolute root" );
- same( mua( "/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "site relative root with query - absolute root" );
- same( mua( "?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "query relative - absolute root" );
-
- same( mua( "http://jqm.com/#spaz", p1 ), "http://jqm.com/#spaz", "absolute root with fragment - absolute root" );
- same( mua( "//jqm.com/#spaz", p1 ), "http://jqm.com/#spaz", "protocol relative root with fragment - absolute root" );
- same( mua( "/#spaz", p1 ), "http://jqm.com/#spaz", "site relative root with fragment - absolute root" );
- same( mua( "#spaz", p1 ), "http://jqm.com/#spaz", "fragment relative - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "absolute root with query and fragment - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "protocol relative root with query and fragment - absolute root" );
- same( mua( "/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "site relative root with query and fragment - absolute root" );
- same( mua( "?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "query relative and fragment - absolute root" );
-
- // file tests
- same( mua( "http://jqm.com/test.php", p1 ), "http://jqm.com/test.php", "absolute file at root - absolute root" );
- same( mua( "//jqm.com/test.php", p1 ), "http://jqm.com/test.php", "protocol relative file at root - absolute root" );
- same( mua( "/test.php", p1 ), "http://jqm.com/test.php", "site relative file at root - absolute root" );
- same( mua( "test.php", p1 ), "http://jqm.com/test.php", "document relative file at root - absolute root" );
-
- same( mua( "http://jqm.com/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "absolute file at root with query - absolute root" );
- same( mua( "//jqm.com/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "protocol relative file at root with query - absolute root" );
- same( mua( "/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "site relative file at root with query - absolute root" );
- same( mua( "test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "document relative file at root with query - absolute root" );
-
- same( mua( "http://jqm.com/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "absolute file at root with fragment - absolute root" );
- same( mua( "//jqm.com/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "protocol relative file at root with fragment - absolute root" );
- same( mua( "/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "site relative file at root with fragment - absolute root" );
- same( mua( "test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "file at root with fragment - absolute root" );
-
- same( mua( "http://jqm.com/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "absolute file at root with query and fragment - absolute root" );
- same( mua( "//jqm.com/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "protocol relative file at root with query and fragment - absolute root" );
- same( mua( "/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "site relative file at root with query and fragment - absolute root" );
- same( mua( "test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "query relative file at root fragment - absolute root" );
-
- // Test URL conversion against an absolute URL to a file at the site root.
-
- same( mua( "http://jqm.com/", p5 ), "http://jqm.com/", "absolute root - absolute root" );
- same( mua( "//jqm.com/", p5 ), "http://jqm.com/", "protocol relative root - absolute root" );
- same( mua( "/", p5 ), "http://jqm.com/", "site relative root - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "absolute root with query - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "protocol relative root with query - absolute root" );
- same( mua( "/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "site relative root with query - absolute root" );
- same( mua( "?foo=1&bar=2", p5 ), "http://jqm.com/test.php?foo=1&bar=2", "query relative - absolute root" );
-
- same( mua( "http://jqm.com/#spaz", p5 ), "http://jqm.com/#spaz", "absolute root with fragment - absolute root" );
- same( mua( "//jqm.com/#spaz", p5 ), "http://jqm.com/#spaz", "protocol relative root with fragment - absolute root" );
- same( mua( "/#spaz", p5 ), "http://jqm.com/#spaz", "site relative root with fragment - absolute root" );
- same( mua( "#spaz", p5 ), "http://jqm.com/test.php#spaz", "fragment relative - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "absolute root with query and fragment - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "protocol relative root with query and fragment - absolute root" );
- same( mua( "/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "site relative root with query and fragment - absolute root" );
- same( mua( "?foo=1&bar=2#spaz", p5 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "query relative and fragment - absolute root" );
- });
-
- // https://github.com/jquery/jquery-mobile/issues/2362
- test( "ipv6 host support", function(){
- // http://www.ietf.org/rfc/rfc2732.txt ipv6 examples for tests
- // most definitely not comprehensive
- var ipv6_1 = "http://[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]:80/index.html",
- ipv6_2 = "http://[1080:0:0:0:8:800:200C:417A]/index.html",
- ipv6_3 = "http://[3ffe:2a00:100:7031::1]",
- ipv6_4 = "http://[1080::8:800:200C:417A]/foo",
- ipv6_5 = "http://[::192.9.5.5]/ipng",
- ipv6_6 = "http://[::FFFF:129.144.52.38]:80/index.html",
- ipv6_7 = "http://[2010:836B:4179::836B:4179]",
- fromIssue = "http://[3fff:cafe:babe::]:443/foo";
-
- same( $.mobile.path.parseUrl(ipv6_1).host, "[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]:80");
- same( $.mobile.path.parseUrl(ipv6_1).hostname, "[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]");
- same( $.mobile.path.parseUrl(ipv6_2).host, "[1080:0:0:0:8:800:200C:417A]");
- same( $.mobile.path.parseUrl(ipv6_3).host, "[3ffe:2a00:100:7031::1]");
- same( $.mobile.path.parseUrl(ipv6_4).host, "[1080::8:800:200C:417A]");
- same( $.mobile.path.parseUrl(ipv6_5).host, "[::192.9.5.5]");
- same( $.mobile.path.parseUrl(ipv6_6).host, "[::FFFF:129.144.52.38]:80");
- same( $.mobile.path.parseUrl(ipv6_6).hostname, "[::FFFF:129.144.52.38]");
- same( $.mobile.path.parseUrl(ipv6_7).host, "[2010:836B:4179::836B:4179]");
- same( $.mobile.path.parseUrl(fromIssue).host, "[3fff:cafe:babe::]:443");
- same( $.mobile.path.parseUrl(fromIssue).hostname, "[3fff:cafe:babe::]");
- });
-
- test( "path.clean is working properly", function(){
- var localroot = location.protocol + "//" + location.host + location.pathname,
- remoteroot = "http://google.com/",
- fakepath = "#foo/bar/baz.html",
- pathWithParam = localroot + "bar?baz=" + localroot,
- localpath = localroot + fakepath,
- remotepath = remoteroot + fakepath;
-
- same( $.mobile.path.clean( localpath ), location.pathname + fakepath, "removes location protocol, host, and portfrom same-domain path");
- same( $.mobile.path.clean( remotepath ), remotepath, "does nothing to an external domain path");
- same( $.mobile.path.clean( pathWithParam ), location.pathname + "bar?baz=" + localroot, "doesn't remove params with localroot value");
- });
-
- test( "path.stripHash is working properly", function(){
- same( $.mobile.path.stripHash( "#bar" ), "bar", "returns a hash without the # prefix");
- });
-
- test( "path.hasProtocol is working properly", function(){
- same( $.mobile.path.hasProtocol( "tel:5559999" ), true, "value in tel protocol format has protocol" );
- same( $.mobile.path.hasProtocol( location.href ), true, "location href has protocol" );
- same( $.mobile.path.hasProtocol( "foo/bar/baz.html" ), false, "simple directory path has no protocol" );
- same( $.mobile.path.hasProtocol( "file://foo/bar/baz.html" ), true, "simple directory path with file:// has protocol" );
- });
-
- test( "path.isRelativeUrl is working properly", function(){
- same( $.mobile.path.isRelativeUrl("http://company.com/"), false, "absolute url is not relative" );
- same( $.mobile.path.isRelativeUrl("//company.com/"), true, "protocol relative url is relative" );
- same( $.mobile.path.isRelativeUrl("/"), true, "site relative url is relative" );
-
- same( $.mobile.path.isRelativeUrl("http://company.com/test.php"), false, "absolute url is not relative" );
- same( $.mobile.path.isRelativeUrl("//company.com/test.php"), true, "protocol relative url is relative" );
- same( $.mobile.path.isRelativeUrl("/test.php"), true, "site relative url is relative" );
- same( $.mobile.path.isRelativeUrl("test.php"), true, "document relative url is relative" );
-
- same( $.mobile.path.isRelativeUrl("http://company.com/dir1/dir2/test.php?foo=1&bar=2#frag"), false, "absolute url is not relative" );
- same( $.mobile.path.isRelativeUrl("//company.com/dir1/dir2/test.php?foo=1&bar=2#frag"), true, "protocol relative url is relative" );
- same( $.mobile.path.isRelativeUrl("/dir1/dir2/test.php?foo=1&bar=2#frag"), true, "site relative url is relative" );
- same( $.mobile.path.isRelativeUrl("dir1/dir2/test.php?foo=1&bar=2#frag"), true, "document relative path url is relative" );
- same( $.mobile.path.isRelativeUrl("test.php?foo=1&bar=2#frag"), true, "document relative file url is relative" );
- same( $.mobile.path.isRelativeUrl("?foo=1&bar=2#frag"), true, "query relative url is relative" );
- same( $.mobile.path.isRelativeUrl("#frag"), true, "fragments are relative" );
- });
-
- test( "path.isExternal is working properly", function(){
- same( $.mobile.path.isExternal( location.href ), false, "same domain is not external" );
- same( $.mobile.path.isExternal( "http://example.com" ), true, "example.com is external" );
- same($.mobile.path.isExternal("mailto:"), true, "mailto protocol");
- same($.mobile.path.isExternal("http://foo.com"), true, "http protocol");
- same($.mobile.path.isExternal("http://www.foo.com"), true, "http protocol with www");
- same($.mobile.path.isExternal("tel:16178675309"), true, "tel protocol");
- same($.mobile.path.isExternal("foo.html"), false, "filename");
- same($.mobile.path.isExternal("foo/foo/foo.html"), false, "file path");
- same($.mobile.path.isExternal("../../index.html"), false, "relative parent path");
- same($.mobile.path.isExternal("/foo"), false, "root-relative path");
- same($.mobile.path.isExternal("foo"), false, "simple string");
- same($.mobile.path.isExternal("#foo"), false, "local id reference");
- });
-
- test( "path.cleanHash", function(){
- same( $.mobile.path.cleanHash( "#anything/atall?akjfdjjf" ), "anything/atall", "removes query param");
- same( $.mobile.path.cleanHash( "#nothing/atall" ), "nothing/atall", "removes query param");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile navigation path unit tests
- */
-(function($){
- var url = $.mobile.path.parseUrl( location.href ),
- home = location.href.replace( url.domain, "" );
-
- var testPageLoad = function(testPageAnchorSelector, expectedTextValue){
- expect( 2 );
-
- $.testHelper.pageSequence([
- function(){
- // reset before each test, all tests expect original page
- // for relative urls
- $.testHelper.openPage( "#" + home);
- },
-
- // open our test page
- function(){
- $.testHelper.openPage("#pathing-tests");
- },
-
- // navigate to the linked page
- function(){
- var page = $.mobile.activePage;
-
- // check that the reset page isn't still open
- equal("", page.find(".reset-value").text());
-
- //click he test page link to execute the path
- page.find("a" + testPageAnchorSelector).click();
- },
-
- // verify that the page has changed and the expected text value is present
- function(){
- same($.mobile.activePage.find(".test-value").text(), expectedTextValue);
- start();
- }
- ]);
- };
-
- // all of these alterations assume location.pathname will be a directory
- // this is required to prevent the tests breaking in a subdirectory
- // TODO could potentially be fragile since the tests could be running while
- // the urls are being updated
- $(function(){
- $("a.site-rel").each(function(i, elem){
- var $elem = $(elem);
- $elem.attr("href", location.pathname + $(elem).attr("href"));
- });
-
- $('a.protocol-rel').each(function(i, elem){
- var $elem = $(elem);
- $elem.attr("href", "//" + location.host + location.pathname + $(elem).attr("href"));
- });
-
- $('a.absolute').each(function(i, elem){
- var $elem = $(elem);
- $elem.attr("href",
- location.protocol + "//" + location.host +
- location.pathname + $(elem).attr("href"));
- });
- });
-
-
- //Doc relative tests
- module("document relative paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#doc-rel-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#doc-rel-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#doc-rel-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#doc-rel-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#doc-rel-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#doc-rel-test-six", "doc rel test six");
- });
-
-
- // Site relative tests
- // NOTE does not test root path or non nested references
- module("site relative paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#site-rel-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#site-rel-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#site-rel-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#site-rel-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#site-rel-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#site-rel-test-six", "doc rel test six");
- });
-
-
- // Protocol relative tests
- // NOTE does not test root path or non nested references
- module("protocol relative paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#protocol-rel-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#protocol-rel-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#protocol-rel-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#protocol-rel-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#protocol-rel-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#protocol-rel-test-six", "doc rel test six");
- });
-
- // absolute tests
- // NOTE does not test root path or non nested references
- module("abolute paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#absolute-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#absolute-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#absolute-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#absolute-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#absolute-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#absolute-test-six", "doc rel test six");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile navigation unit tests
- */
-(function($){
- var perspective,
- transitioning = "ui-mobile-viewport-transitioning",
- animationCompleteFn = $.fn.animationComplete,
- defaultMaxTrans = $.mobile.maxTransitionWidth,
-
- //TODO centralize class names?
- transitionTypes = "in out fade slide flip reverse pop",
-
- isTransitioning = function(page){
- return $.grep(transitionTypes.split(" "), function(className, i){
- return page.hasClass(className);
- }).length > 0;
- },
-
- isTransitioningIn = function(page){
- return page.hasClass("in") && isTransitioning(page);
- },
-
- disableMaxTransWidth = function(){
- $.mobile.maxTransitionWidth = false;
- },
-
- enableMaxTransWidth = function(){
- $.mobile.maxTransitionWidth = defaultMaxTrans;
- },
-
- //animationComplete callback queue
- fromQueue = [],
- toQueue = [],
-
- resetQueues = function(){
- fromQueue = [];
- toQueue = [];
- },
-
- onFromComplete = function( f ){
- fromQueue.push( f );
- },
-
- onToComplete = function( f ){
- toQueue.push( f );
- },
-
-
- //wipe all urls
- clearUrlHistory = function(){
- $.mobile.urlHistory.stack = [];
- $.mobile.urlHistory.activeIndex = 0;
- };
-
-
- if( !$.support.cssTransform3d ) {
- perspective = "viewport-fade";
- } else {
- perspective = "viewport-flip";
- }
-
- module('jquery.mobile.navigation.js', {
- setup: function(){
-
-
- // disable this option so we can test transitions regardless of window width
- disableMaxTransWidth();
-
- //stub to allow callback before function is returned to transition handler
- $.fn.animationComplete = function( callback ){
- animationCompleteFn.call( this, function(){
- var queue = $(this).is(".out") ? fromQueue : toQueue;
- for( var i = 0, il = queue.length; i < il; i++ ){
- queue.pop()( this );
- }
- callback();
- });
-
- return this;
- };
-
- resetQueues();
- clearUrlHistory();
-
- if ( location.hash !== "#harmless-default-page" ) {
- stop();
-
- $(document).one("pagechange", function() {
- start();
- } );
-
- location.hash = "#harmless-default-page";
- }
- },
-
- teardown: function(){
- // unmock animation complete
- $.fn.animationComplete = animationCompleteFn;
- enableMaxTransWidth();
- }
- });
-
- /*
- NOTES:
- Our default transition handler now has either one or two animationComplete calls - two if there are two pages in play (from and to)
- To is required, so each async function must call start() onToComplete, not onFromComplete.
- */
- asyncTest( "changePage applies perspective class to mobile viewport for flip", function(){
- expect(1);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#foo");
- },
-
- function() {
- onToComplete( function( el ) {
- console.log( $("body").attr("class") );
- ok($("body").hasClass(perspective), "has viewport-flip or viewport-fade based on 3d transform");
- start();
- });
-
- $("#foo > a").first().click();
- }
- ]);
- });
-
- asyncTest( "changePage applies transition class to mobile viewport for default transition", function(){
- expect(1);
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage("#baz");
- },
-
- function() {
- onToComplete( function( el ){
- ok($("body").hasClass(transitioning), "has transitioning class");
- start();
- });
-
- $("#baz > a").click();
- }
- ]);
- });
-
- asyncTest( "explicit transition preferred for page navigation reversal (ie back)", function(){
- expect( 1 );
-
- onToComplete(function(){
- $("#flip-trans > a").click();
- onToComplete(function(){
- $("#fade-trans > a").click();
- onToComplete(function(){
- ok($("#flip-trans").hasClass("fade"), "has fade class");
- start();
- });
- });
- });
-
- $("#fade-trans > a").click();
- });
-
- asyncTest( "default transition is fade", function(){
- onToComplete(function(){
- ok($("#no-trans").hasClass("fade"), "has fade class");
- start();
- })
-
- $("#default-trans > a").click();
- });
-
- asyncTest( "changePage queues requests", function(){
- expect(4)
- var firstPage = $("#foo"),
- secondPage = $("#bar");
-
- $.mobile.changePage(firstPage);
- $.mobile.changePage(secondPage);
-
- onToComplete(function(){
- ok(isTransitioningIn(firstPage), "first page begins transition");
- ok(!isTransitioningIn(secondPage), "second page doesn't transition yet");
- onToComplete(function(){
- ok(!isTransitioningIn(firstPage), "first page transition should be complete");
- ok(isTransitioningIn(secondPage), "second page should begin transitioning");
- start();
-
- });
- });
- });
-
- asyncTest( "default transition is pop for a dialog", function(){
- var defaultTransition = "pop";
-
- if( !$.support.cssTransform3d ){
- defaultTransition = "fade";
- }
-
- expect( 1 );
- onToComplete(function(){
- ok( $("#no-trans-dialog").hasClass(defaultTransition), "has pop class" );
- start();
- });
-
- $("#default-trans-dialog > a").click();
- });
-
- test( "animationComplete return value", function(){
- $.fn.animationComplete = animationCompleteFn;
- equals($("#foo").animationComplete(function(){})[0], $("#foo")[0]);
- });
-
-
- // reusable function for a few tests below
- function testTransitionMaxWidth( val, expected ){
- expect( 1 );
-
- $.mobile.maxTransitionWidth = val;
-
- var transitionOccurred = false;
-
- onToComplete(function(){
- transitionOccurred = true;
- });
-
-
- return setTimeout(function(){
- ok( transitionOccurred === expected, (expected ? "" : "no ") + "transition occurred" );
- start();
- }, 5000);
-
- $.mobile.changePage( $(".ui-page:not(.ui-page-active)").first() );
-
- }
-
- asyncTest( "maxTransitionWidth property disables transitions when value is less than browser width", function(){
- testTransitionMaxWidth( $( window ).width() - 1, false );
- });
-
- asyncTest( "maxTransitionWidth property disables transitions when value is false", function(){
- testTransitionMaxWidth( false, false );
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test two</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test five</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test six</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test three</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test four</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Title Tag</title>
-</head>
-<body>
- <div data-nstest-role="page" id="prefetched-dialog"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Title Tag</title>
-</head>
-<body>
-
-<div data-nstest-role="page" id="prefetched"></div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script type="text/javascript" src="navigation_dialog_pushstate.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <a href="#dialog">open the dialog</a>
-</div>
-
-<div id="dialog" data-nstest-role="dialog">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <!-- forces the base-tests into a push state disabled run and allows for
- the test suite runner to pick it up as a seperate test set. See test/unit/ls.php,
- test/unit/runner.js, base-tests.html, and tests/jquery.testHelper.js for more. -->
- <meta http-equiv="refresh" content="0; url='base-tests.html?push-state=false'"></meta>
-</head>
-<body>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <!-- forces the base-tests into a push state disabled run and allows for
- the test suite runner to pick it up as a seperate test set. See test/unit/ls.php,
- test/unit/runner.js, base-tests.html, and tests/jquery.testHelper.js for more. -->
- <meta http-equiv="refresh" content="0; url='./?push-state=false'"></meta>
-</head>
-<body>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Title Tag</title>
-</head>
-<body>
-
-<div data-nstest-role="page">
- <a href="./" id="title-check-link">back to the parent page</a>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-
-</head>
-<body>
-
-<div data-nstest-role="page" data-nstest-title="Title Attr"></div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
-
-<div data-nstest-role="page" >
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script type="text/javascript">
- $.testHelper.setPushState();
- </script>
-
- <script src="../../../js/"></script>
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script type="text/javascript" src="navigation_transitions.js"></script>
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="harmless-default-page" data-nstest-role="page" class="first-page">
-</div>
-
-<div id="foo" data-nstest-role="page" class="foo-class">
- <a href="#bar" data-nstest-transition="flip"></a>
- <a id="bad-internal-page-link" href="#non-existent-page"></a>
-</div>
-
-<div id="prefetch" data-nstest-role="page">
- <a href="prefetched.html" data-nstest-prefetch>Prefetch test</a>
-</div>
-
-<div id="foozball" data-nstest-role="page">
-</div>
-
-<div id="bar" data-nstest-role="page">
- <a href="#baz"></a>
-</div>
-
-<div id="baz" data-nstest-role="page">
- <a href="#foo"></a>
-</div>
-
-<div id="fade-trans" data-nstest-role="page">
- <a href="#flip-trans" data-nstest-transition="fade"></a>
-</div>
-
-<div id="flip-trans" data-nstest-role="page">
- <a href="#fade-trans" data-nstest-transition="flip"></a>
-</div>
-
-<div id="no-trans" data-nstest-role="page">
- <a href="#pop-trans"></a>
-</div>
-
-<div id="pop-trans" data-nstest-role="page">
- <a href="#no-trans" data-nstest-transition="pop"></a>
-</div>
-
-<div id="default-trans" data-nstest-role="page">
- <a href="#no-trans"></a>
-</div>
-
-<div id="data-url" data-nstest-role="page">
- <a href="data-url-tests/data-url.html"></a>
-</div>
-
-<div id="non-data-url" data-nstest-role="page">
- <a href="data-url-tests/non-data-url.html"></a>
-</div>
-
-<div id="nested-data-url" data-nstest-role="page">
- <a href="data-url-tests/nested.html"></a>
-</div>
-
-<div id="single-quotes-data-url" data-nstest-role="page">
- <a href="data-url-tests/single-quotes.html"></a>
-</div>
-
-<div id="reverse-attr-data-url" data-nstest-role="page">
- <a href="data-url-tests/reverse-attr.html"></a>
-</div>
-
-<div id="ajax-disabled-form" data-nstest-role="page">
- <form method="POST" id="non-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="false">
- </form>
-
- <form method="POST" id="ajax-form" action="/ajax-disabled-form">
- </form>
-
- <form method="POST" id="rand-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="foo">
- </form>
-</div>
-
-<div id="default-trans-dialog" data-nstest-role="page">
- <a href="#no-trans-dialog" data-nstest-rel="dialog"></a>
-</div>
-
-<div id="no-trans-dialog" data-nstest-role="page">
-</div>
-
-<div id="dup-history-first" data-nstest-role="page">
- <a href="#dup-history-second" data-nstest-transition="slideup" data-nstest-role="button" >
- Page 2
- </a>
-</div>
-
-<div id="dup-history-second" data-nstest-role="page">
- <a href="#dup-history-first" data-nstest-transition="slideup" data-nstest-role="button">
- Page 1
- </a>
- <a href="#dup-history-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
-</div>
-
-<div id="dup-history-dialog" data-nstest-role="dialog">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
-</div>
-
-<div id="skip-dialog-first" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#skip-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
- </div>
-</div>
-
-<div id="skip-dialog" data-nstest-role="dialog">
- <div data-nstest-role="content">
- <a href="#skip-dialog-second">Page 2</a>
- </div>
-</div>
-
-<div id="skip-dialog-second" data-nstest-role="page">
- <a href="#" data-nstest-rel="back">Go Back</a>
-</div>
-
-
-<div id="nested-dialog-page" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#nested-dialog-first">Dialog</a>
- </div>
-</div>
-
-<div id="nested-dialog-first" data-nstest-role="dialog">
- <div data-nstest-role="content">
- <a href="#nested-dialog-second">Dialog 2</a>
- </div>
-</div>
-
-<div id="nested-dialog-second" data-nstest-role="dialog">
-</div>
-
-<div id="relative-after-embeded-page-first" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#relative-after-embeded-page-second">second page</a>
- </div>
-</div>
-
-<div id="relative-after-embeded-page-second" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="data-url-tests/data-url.html">file path page</a>
- </div>
-</div>
-
-<div id="ajax-title-page" data-nstest-title="Title Attr 1" data-nstest-role="page">
- <a href="title1.html" id="titletest1" data-nstest-transition="none">test</a>
- <a href="title2.html" id="titletest2" data-nstest-transition="none">test</a>
- <a href="title3.html" id="titletest3" data-nstest-transition="none">test</a>
-</div>
-
-<div data-nstest-role="page" id="titletest4" data-nstest-title="Title Attr 2">
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-<div data-nstest-role="page" id="titletest5" data-nstest-title="Title Attr">
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-<div data-nstest-role="page" id="self-link">
- <a href="#self-link">self!</a>
-</div>
-
-<div data-nstest-role="page" id="dialog-param-link">
- <a href="dialog-param-test/dialog-param.html">go</a>
-</div>
-
-<div data-nstest-role="page" id="pathing-tests">
- <!-- doc rel links -->
- <a href="file.html" id="doc-rel-test-one">go</a>
- <a href="path-tests/file.html" id="doc-rel-test-two">go</a>
- <a href="path-tests/sub-dir/file.html" id="doc-rel-test-three">go</a>
- <a href="path-tests/sub-dir/" id="doc-rel-test-four">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="doc-rel-test-five">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="doc-rel-test-six">go</a>
-
- <!-- site rel links -->
- <!-- these will be altered before the test suite runs to use the current path -->
- <a href="file.html" id="site-rel-test-one" class="site-rel">go</a>
- <a href="path-tests/file.html" id="site-rel-test-two" class="site-rel">go</a>
- <a href="path-tests/sub-dir/file.html" id="site-rel-test-three" class="site-rel">go</a>
- <a href="path-tests/sub-dir/" id="site-rel-test-four" class="site-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="site-rel-test-five" class="site-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="site-rel-test-six" class="site-rel">go</a>
-
- <!-- protocol rel links -->
- <!-- these will be altered before the test suite runs to use the
- current domain and path -->
- <a href="file.html" id="protocol-rel-test-one" class="protocol-rel">go</a>
- <a href="path-tests/file.html" id="protocol-rel-test-two" class="protocol-rel">go</a>
- <a href="path-tests/sub-dir/file.html" id="protocol-rel-test-three" class="protocol-rel">go</a>
- <a href="path-tests/sub-dir/" id="protocol-rel-test-four" class="protocol-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="protocol-rel-test-five" class="protocol-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="protocol-rel-test-six" class="protocol-rel">go</a>
-
- <!-- absolute links -->
- <!-- these will be altered before the test suite runs to use the
- current protocol, domain and path -->
- <a href="file.html" id="absolute-test-one" class="absolute">go</a>
- <a href="path-tests/file.html" id="absolute-test-two" class="absolute">go</a>
- <a href="path-tests/sub-dir/file.html" id="absolute-test-three" class="absolute">go</a>
- <a href="path-tests/sub-dir/" id="absolute-test-four" class="absolute">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="absolute-test-five" class="absolute">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="absolute-test-six" class="absolute">go</a>
-
-</div>
-
-<div data-nstest-role="page" id="pathing-tests-reset">
- <div class="reset-value">page didn't change!</div>
-</div>
-
-<div data-nstest-role="page" id="internal-no-action-form-page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- <a href="form-tests/form-no-action.html">External page containing form with no action.</a>
- </div>
-</div>
-
-<div id="active-state-page1" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#active-state-page2" data-nstest-role="button">page2</a>
- </div>
-</div>
-
-<div id="active-state-page2" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#active-state-page1" data-nstest-role="button">href button</a>
- <a href="#active-state-page1" data-nstest-rel="back" data-nstest-role="button">back button</a>
- </div>
-</div>
-
-
-
-<div id="odd-clicks-page" data-nstest-role="page">
- <a href="#odd-clicks-page-dest" id="right-or-middle-click">foo</a>
-</div>
-
-<div id="odd-clicks-page-dest" data-nstest-role="page"></div>
-
-<div id="inject-links-page" data-nstest-role="page">
- <a href="#injected-test-page" id="static-injected-test-page-link">static link</a>
-</div>
-
-<div id="prefetched-dialog-page" data-nstest-role="page">
- <a href="prefetched-dialog.html"
- id="prefetched-dialog-link"
- data-nstest-role="prefetch"
- data-nstest-rel="dialog">
- static link
- </a>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Page Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.page",
- "jquery.mobile.page.sections"
- ],
- [ "page_core.js" ],
- [ "jquery.mobile.init" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Page Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture">
- <div data-nstest-role="page">
- <div data-nstest-role="header">
- <div>
- <a href="foo">foo</a>
- </div>
- <a href="foo">foo</a>
- </div><!-- /header -->
-
- <div data-nstest-role="footer">
- <div>
- <a href="foo">foo</a>
- </div>
-
- <a href="foo">foo</a>
- </div><!-- /header -->
-
- <div class="ui-bar">
- <div>
- <a href="foo">foo</a>
- </div>
-
- <a href="foo">foo</a>
- </div>
- </div>
-</div>
-
-<div data-nstest-enhance="false">
- <div data-nstest-role="header" id="ignored-header">
- <div>
- <a href="foo">foo</a>
- </div>
- <a href="foo">foo</a>
- </div><!-- /header -->
-</div>
-
-<div>
- <div data-nstest-role="header" id="enhanced-header">
- <div>
- <a href="foo">foo</a>
- </div>
- <a href="foo">foo</a>
- </div><!-- /header -->
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile page unit tests
- */
-(function($){
- var libName = 'jquery.mobile.page.sections';
-
- module(libName);
-
- test( "nested header anchors aren't altered", function(){
- ok(!$('.ui-header > div > a').hasClass('ui-btn'));
- });
-
- test( "nested footer anchors aren't altered", function(){
- ok(!$('.ui-footer > div > a').hasClass('ui-btn'));
- });
-
- test( "nested bar anchors aren't styled", function(){
- ok(!$('.ui-bar > div > a').hasClass('ui-btn'));
- });
-
- test( "unnested footer anchors are styled", function(){
- ok($('.ui-footer > a').hasClass('ui-btn'));
- });
-
- test( "unnested bar anchors are styled", function(){
- ok($('.ui-bar > a').hasClass('ui-btn'));
- });
-
- test( "no auto-generated back button exists on first page", function(){
- ok( !$(".ui-header > :jqmData(rel='back')").length );
- });
-
- test( "sections inside an ignored container do not enhance", function() {
- var $ignored = $( "#ignored-header" ), $enhanced = $( "#enhanced-header" );
-
- $.mobile.ignoreContentEnabled = true;
-
- $ignored
- .parent()
- .attr( "data-" + $.mobile.ns + "role", "page" )
- .page()
- .trigger( "pagecreate" );
- same( $ignored.attr( "class" ), undefined, "ignored header has no class" );
-
- $enhanced
- .parent()
- .attr( "data-" + $.mobile.ns + "role", "page" )
- .page()
- .trigger( "pagecreate" );
- same( $enhanced.attr( "class" ).indexOf("ui-header"), 0, "enhanced header has classes" );
-
- $.mobile.ignoreContentEnabled = false;
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Page Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.page",
- "jquery.mobile.links",
- ],
- [ "page_core.js" ],
- [ "jquery.mobile.init" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Page Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="a" data-nstest-role="page"></div>
-<div id="b" data-nstest-role="page" data-nstest-theme="e"></div>
-<div id="c" data-nstest-role="page"></div>
-
-<div>
- <a href="#" id="enhanced-link"></a>
-</div>
-
-<div data-nstest-enhance="false">
- <a href="#" id="ignored-link"></a>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile page unit tests
- */
-(function($){
- var libName = 'jquery.mobile.page',
- themedefault = $.mobile.page.prototype.options.theme,
- keepNative = $.mobile.page.prototype.options.keepNative;
-
- module(libName, {
- setup: function() {
- $.mobile.page.prototype.options.keepNative = keepNative;
- }
- });
-
- var eventStack = [],
- etargets = [],
- cEvents=[],
- cTargets=[];
-
- $( document ).bind( "pagebeforecreate pagecreate", function( e ){
- eventStack.push( e.type );
- etargets.push( e.target );
- });
-
- $( "#c" ).live( "pagebeforecreate", function( e ){
- cEvents.push( e.type );
- cTargets.push( e.target );
- return false;
- });
-
- test( "pagecreate event fires when page is created", function(){
- ok( eventStack[0] === "pagecreate" || eventStack[1] === "pagecreate" );
- });
-
- test( "pagebeforecreate event fires when page is created", function(){
- ok( eventStack[0] === "pagebeforecreate" || eventStack[1] === "pagebeforecreate" );
- });
-
- test( "pagebeforecreate fires before pagecreate", function(){
- ok( eventStack[0] === "pagebeforecreate" );
- });
-
- test( "target of pagebeforecreate event was div #a", function(){
- ok( $( etargets[0] ).is("#a") );
- });
-
- test( "target of pagecreate event was div #a" , function(){
- ok( $( etargets[0] ).is("#a") );
- });
-
- test( "page element has ui-page class" , function(){
- ok( $( "#a" ).hasClass( "ui-page" ) );
- });
-
- test( "page element has default body theme when not overidden" , function(){
- ok( $( "#a" ).hasClass( "ui-body-" + themedefault ) );
- });
-
- test( "B page has non-default theme matching its data-theme attr" , function(){
- $( "#b" ).page();
- var btheme = $( "#b" ).jqmData( "theme" );
- ok( $( "#b" ).hasClass( "ui-body-" + btheme ) );
- });
-
- test( "Binding to pagebeforecreate and returning false prevents pagecreate event from firing" , function(){
- $( "#c" ).page();
-
- ok( cEvents[0] === "pagebeforecreate" );
- ok( !cTargets[1] );
- });
-
- test( "Binding to pagebeforecreate and returning false prevents classes from being applied to page" , function(){
- $( "#c" ).page();
-
- ok( !$( "#c" ).hasClass( "ui-body-" + themedefault ) );
- ok( !$( "#c" ).hasClass( "ui-page" ) );
- });
-
- test( "keepNativeSelector returns the default where keepNative is not different", function() {
- var pageProto = $.mobile.page.prototype;
- pageProto.options.keepNative = pageProto.options.keepNativeDefault;
-
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
- });
-
- test( "keepNativeSelector returns the default where keepNative is empty, undefined, whitespace", function() {
- var pageProto = $.mobile.page.prototype;
-
- pageProto.options.keepNative = "";
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
-
- pageProto.options.keepNative = undefined;
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
-
- pageProto.options.keepNative = " ";
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
- });
-
- test( "keepNativeSelector returns a selector joined with the default", function() {
- var pageProto = $.mobile.page.prototype;
-
- pageProto.options.keepNative = "foo, bar";
- same(pageProto.keepNativeSelector(), "foo, bar, " + pageProto.options.keepNativeDefault);
- });
-
- test( "links inside an ignored container do not enhance", function() {
- var $ignored = $( "#ignored-link" ), $enhanced = $( "#enhanced-link" );
-
- $.mobile.ignoreContentEnabled = true;
-
- $ignored.parent().trigger( "create" );
- same( $ignored.attr( "class" ), undefined, "ignored link doesn't have link class" );
-
- $enhanced.parent().trigger( "create" );
- same( $enhanced.attr( "class" ).indexOf("ui-link"), 0, "enhanced link has link class" );
-
- $.mobile.ignoreContentEnabled = false;
- });
-
-
- asyncTest( "page container is updated to page theme at pagebeforeshow", function(){
-
- expect( 1 );
-
- var pageTheme = "ui-overlay-" + $.mobile.activePage.page( "option", "theme" );
-
- $.mobile.pageContainer.removeClass( pageTheme );
-
- $.mobile.activePage
- .bind( "pagebeforeshow", function(){
- ok( $.mobile.pageContainer.hasClass( pageTheme ), "Page container has the same theme as the page on pagebeforeshow" );
- start();
- })
- .trigger( "pagebeforeshow" );
-
- } );
-
- asyncTest( "page container is updated to page theme at pagebeforeshow", function(){
-
- expect( 1 );
-
- var pageTheme = "ui-overlay-" + $.mobile.activePage.page( "option", "theme" );
-
- $.mobile.pageContainer.addClass( pageTheme );
-
- $.mobile.activePage
- .bind( "pagebeforehide", function(){
- ok( !$.mobile.pageContainer.hasClass( pageTheme ), "Page container does not have the same theme as the page on pagebeforeshow" );
- start();
- })
- .trigger( "pagebeforehide" );
-
- } );
-
-
-
-})(jQuery);
+++ /dev/null
-$(function() {
- var Runner = function( ) {
- var self = this;
-
- $.extend( self, {
- frame: window.frames[ "testFrame" ],
-
- testTimeout: 3 * 60 * 1000,
-
- $frameElem: $( "#testFrame" ),
-
- assertionResultPrefix: "assertion result for test:",
-
- onTimeout: QUnit.start,
-
- onFrameLoad: function() {
- // establish a timeout for a given suite in case of async tests hanging
- self.testTimer = setTimeout( self.onTimeout, self.testTimeout );
-
- // it might be a redirect with query params for push state
- // tests skip this call and expect another
- if( !self.frame.QUnit ) {
- self.$frameElem.one( "load", self.onFrameLoad );
- return;
- }
-
- // when the QUnit object reports done in the iframe
- // run the onFrameDone method
- self.frame.QUnit.done = self.onFrameDone;
- self.frame.QUnit.testDone = self.onTestDone;
- },
-
- onTestDone: function( result ) {
- QUnit.ok( !(result.failed > 0), result.name );
- self.recordAssertions( result.total - result.failed, result.name );
- },
-
- onFrameDone: function( results ) {
- // make sure we don't time out the tests
- clearTimeout( self.testTimer );
-
- // TODO decipher actual cause of multiple test results firing twice
- // clear the done call to prevent early completion of other test cases
- self.frame.QUnit.done = $.noop;
- self.frame.QUnit.testDone = $.noop;
-
- // hide the extra assertions made to propogate the count
- // to the suite level test
- self.hideAssertionResults();
-
- // continue on to the next suite
- QUnit.start();
- },
-
- recordAssertions: function( count, parentTest ) {
- for( var i = 0; i < count; i++ ) {
- ok( true, self.assertionResultPrefix + parentTest );
- }
- },
-
- hideAssertionResults: function() {
- $( "li:not([id]):contains('" + self.assertionResultPrefix + "')" ).hide();
- },
-
- exec: function( data ) {
- var template = self.$frameElem.attr( "data-src" );
-
- $.each( data.testPages, function(i, dir) {
- QUnit.asyncTest( dir, function() {
- self.dir = dir;
- self.$frameElem.one( "load", self.onFrameLoad );
- self.$frameElem.attr( "src", template.replace("{{testdir}}", dir).replace( "{{jquery.version}}", $.fn.jquery ) );
- });
- });
-
- // having defined all suite level tests let QUnit run
- QUnit.start();
- }
- });
- };
-
- // prevent qunit from starting the test suite until all tests are defined
- QUnit.begin = function( ) {
- this.config.autostart = false;
- };
-
- // get the test directories
- $.get( "ls.php", (new Runner()).exec );
-});
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div id="dialog-select-parent-domcache-test" data-nstest-role="page" data-nstest-dom-cache="true">
- <div data-nstest-role="fieldcontain" id="domcache-page-select-container">
- <label for="domcache-page-select" class="select">Your state:</label>
- <select name="domcache-page-select" id="domcache-page-select" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Select Events Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.forms.select",
- "jquery.mobile.forms.select.custom"
- ],
- [ "jquery.mobile.init" ],
- [ "select_cached.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Select Event Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-<div id="default" data-nstest-role="page"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div id="dialog-select-parent-cache-test" data-nstest-role="page">
- <div data-nstest-role="fieldcontain" id="cached-page-select-container">
- <label for="cached-page-select" class="select">Your state:</label>
- <select name="cached-page-select" id="cached-page-select" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-$(document).bind("mobileinit", function() {
- $.mobile.page.prototype.options.keepNative = "select.should-be-native";
-});
-
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Select Events Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.forms.select",
- "jquery.mobile.forms.select.custom",
- "defineKeepNative.js"
- ],
- [ "jquery.mobile.init" ],
- [
- "select_events.js",
- "select_native.js",
- "select_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Select Event Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="default" data-nstest-role="page" data-nstest-theme="c">
- <div data-nstest-role="fieldcontain" id="select-choice-few-container">
- <select name="select-choice-few" id="select-choice-few" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="native-select-choice-few-container">
- <label for="native-select-choice-few" class="select">Choose shipping method:</label>
- <select name="native-select-choice-few" id="native-select-choice-few" data-nstest-native-menu="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-native-container">
- <select name="select-choice-native" id="select-choice-native" data-nstest-native-menu="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-global-native-container">
- <select name="select-choice-global-native" id="select-choice-global-native" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-focus-test">
- <select name="select-choice-focus-test" id="select-choice-focus-test" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-1">
- <label for="select-choice-many-1" class="select">Your state:</label>
- <select name="select-choice-many-1" id="select-choice-many-1" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container">
- <label for="select-choice-many" class="select">Your state:</label>
- <select name="select-choice-many" id="select-choice-many" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-hash-check">
- <label for="select-choice-many-hash-check" class="select">Your state:</label>
- <select name="select-choice-many-hash-check" id="select-choice-many-hash-check" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-many-clicks">
- <label for="select-choice-many-many-clicks" class="select">Your state:</label>
- <select name="select-choice-many-many-clicks" id="select-choice-many-many-clicks" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-offscreen-container">
- <style>
- /* keep the select small and close to the screen border to test rendering */
- #select-offscreen-container {
- width: 100px;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- </style>
-
- <select name="select-choice-few" id="select-offscreen" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-long-option-label-container">
- <select name="select-long-option-label" id="select-long-option-label" data-nstest-native-menu="false">
- <option value="short">Choice 1</option>
- <option value="long">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</option>
- </select>
- </div>
-
- <select name="native-refresh" id="native-refresh">
- <option value="-1">default</option>
- <option value="-1">other</option>
- </select>
-
- <select name="custom-refresh" id="custom-refresh" data-nstest-native-menu="false">
- <option value="-1">default</option>
- </select>
-
- <select name="custom-refresh-opts-list" id="custom-refresh-opts-list" data-nstest-native-menu="false">
- <option value="-1">default</option>
- </select>
-
- <select name="non-parent-themed" id="non-parent-themed" data-nstest-native-menu="false" data-nstest-theme="a">
- <option value="-1">default</option>
- </select>
-
- <select name="parent-themed" id="parent-themed" data-nstest-native-menu="false">
- <option value="-1">default</option>
- </select>
-
- <select name="encoded-option" id="encoded-option" data-nstest-native-menu="false">
- <option><script>window.encodedValueIsDefined = true;</script></option>
- </select>
-
- <select name="keep-native" id="keep-native" class="should-be-native">
- <option></option>
- </select>
-
- <div data-nstest-role="fieldcontain" id="optgroup-and-placeholder-container">
- <select name="optgroup-and-placeholder" id="optgroup-and-placeholder" data-nstest-native-menu="false">
- <option>Choose shipping method</option>
- <optgroup label="USPS">
- <option value="standard" selected>Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </optgroup>
- <optgroup label="FedEx">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- </select>
- </div>
-
- <select name="select-disabled-enhancetest" id="select-disabled-enhancetest" disabled="disabled" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- <option value="overnight">disabled enhance test</option>
- </select>
-</div>
-
-
-<div id="enhancetest">
- <select name="select-enhancetest" id="select-enhancetest">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- var resetHash;
-
- resetHash = function(timeout){
- $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" );
- };
-
- // https://github.com/jquery/jquery-mobile/issues/2181
- asyncTest( "dialog sized select should alter the value of its parent select", function(){
- var selectButton, value;
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "cached.html" );
- },
-
- function(){
- ok( $.mobile.activePage.is("#dialog-select-parent-cache-test"), "cached page appears" );
- selectButton = $( "#cached-page-select" ).siblings( 'a' );
- selectButton.click();
- },
-
- function(){
- ok( $.mobile.activePage.hasClass('ui-dialog'), "the dialog came up" );
- var option = $.mobile.activePage.find( "li a" ).not(":contains('" + selectButton.text() + "')").last();
- value = $.trim(option.text());
- option.click();
- },
-
- function(){
- same( value, $.trim(selectButton.text()), "the selected value is propogated back to the button text" );
- start();
- }
- ]);
- });
-
- // https://github.com/jquery/jquery-mobile/issues/2181
- asyncTest( "dialog sized select should prevent the removal of its parent page from the dom", function(){
- var selectButton, parentPageId;
-
- expect( 2 );
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "cached.html" );
- },
-
- function(){
- selectButton = $.mobile.activePage.find( "#cached-page-select" ).siblings( 'a' );
- parentPageId = $.mobile.activePage.attr( 'id' );
- same( $("#" + parentPageId).length, 1, "establish the parent page exists" );
- selectButton.click();
- },
-
- function(){
- same( $( "#" + parentPageId).length, 1, "make sure parent page is still there after opening the dialog" );
- $.mobile.activePage.find( "li a" ).last().click();
- },
-
- start
- ]);
- });
-
- asyncTest( "dialog sized select shouldn't rebind its parent page remove handler when closing, if the parent page domCache option is true", function(){
- expect( 3 );
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "cached-dom-cache-true.html" );
- },
-
- function(){
- $.mobile.activePage.find( "#domcache-page-select" ).siblings( 'a' ).click();
- },
-
- function(){
- ok( $.mobile.activePage.hasClass('ui-dialog'), "the dialog came up" );
- $.mobile.activePage.find( "li a" ).last().click();
- },
-
- function(){
- ok( $.mobile.activePage.is( "#dialog-select-parent-domcache-test" ), "the dialog closed" );
- $.mobile.changePage( $( "#default" ) );
- },
-
- function(){
- same( $("#dialog-select-parent-domcache-test").length, 1, "make sure the select parent page is still cached in the dom after changing page" );
- start();
- }
- ]);
- });
-
- asyncTest( "menupage is removed when the parent page is removed", function(){
- var dialogCount = $(":jqmData(role='dialog')").length;
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "uncached-dom-cached-false.html" );
- },
-
- function(){
- // for performance reason we don't initially create the menu dialog now
- same( $(":jqmData(role='dialog')").length, dialogCount);
-
- // manually trigger dialog opening
- $( "#domcache-uncached-page-select" ).data( 'selectmenu' ).open();
- },
-
- function(){
- // check if dialog was successfully created
- same( $(":jqmData(role='dialog')").length, dialogCount + 1 );
- $( "#domcache-uncached-page-select" ).data( 'selectmenu' ).close();
- },
-
- function(){
- // navigate to parent(initial) page
- window.history.back();
- },
-
- function() {
- same( $(":jqmData(role='dialog')").length, dialogCount );
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.forms.select",
- originalDefaultDialogTrans = $.mobile.defaultDialogTransition,
- originalDefTransitionHandler = $.mobile.defaultTransitionHandler,
- originalGetEncodedText = $.fn.getEncodedText,
- resetHash, closeDialog;
-
- resetHash = function(timeout){
- $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" );
- };
-
- closeDialog = function(timeout){
- $.mobile.activePage.find("li a").first().click();
- };
-
- module(libName, {
- teardown: function(){
- $.mobile.defaultDialogTransition = originalDefaultDialogTrans;
- $.mobile.defaultTransitionHandler = originalDefTransitionHandler;
-
- $.fn.getEncodedText = originalGetEncodedText;
- window.encodedValueIsDefined = undefined;
- }
- });
-
- asyncTest( "placeholder correctly gets ui-selectmenu-placeholder class after rebuilding", function(){
- $.testHelper.sequence([
- function(){
- // bring up the optgroup menu
- ok($("#optgroup-and-placeholder-container a").length > 0, "there is in fact a button in the page");
- $("#optgroup-and-placeholder-container a").trigger("click");
- },
-
- function(){
- //select the first menu item
- $("#optgroup-and-placeholder-menu a:first").click();
- },
-
- function(){
- ok($("#optgroup-and-placeholder-menu li:first").hasClass("ui-selectmenu-placeholder"), "the placeholder item has the ui-selectmenu-placeholder class");
- start();
- }
- ], 1000);
- });
-
- asyncTest( "firing a click at least 400 ms later on the select screen overlay does close it", function(){
- $.testHelper.sequence([
- function(){
- // bring up the smaller choice menu
- ok($("#select-choice-few-container a").length > 0, "there is in fact a button in the page");
- $("#select-choice-few-container a").trigger("click");
- },
-
- function(){
- //select the first menu item
- $("#select-choice-few-menu a:first").click();
- },
-
- function(){
- same($("#select-choice-few-menu").parent(".ui-selectmenu-hidden").length, 1);
- start();
- }
- ], 1000);
- });
-
- asyncTest( "a large select menu should use the default dialog transition", function(){
- var select;
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(timeout){
- select = $("#select-choice-many-container-1 a");
-
- //set to something else
- $.mobile.defaultTransitionHandler = $.testHelper.decorate({
- fn: $.mobile.defaultTransitionHandler,
-
- before: function(name){
- same(name, $.mobile.defaultDialogTransition);
- }
- });
-
- // bring up the dialog
- select.trigger("click");
- },
-
- closeDialog,
-
- start
- ]);
- });
-
- asyncTest( "custom select menu always renders screen from the left", function(){
- var select;
-
- expect( 1 );
-
- $.testHelper.sequence([
- resetHash,
-
- function(){
- select = $("ul#select-offscreen-menu");
- $("#select-offscreen-container a").trigger("click");
- },
-
- function(){
- ok(select.offset().left >= 30, "offset from the left is greater than or equal to 30px" );
- start();
- }
- ], 1000);
- });
-
- asyncTest( "selecting an item from a dialog sized custom select menu leaves no dialog hash key", function(){
- var dialogHashKey = "ui-state=dialog";
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(timeout){
- $("#select-choice-many-container-hash-check a").click();
- },
-
- function(){
- ok(location.hash.indexOf(dialogHashKey) > -1);
- closeDialog();
- },
-
- function(){
- same(location.hash.indexOf(dialogHashKey), -1);
- start();
- }
- ]);
- });
-
- asyncTest( "dialog sized select menu opened many times remains a dialog", function(){
- var dialogHashKey = "ui-state=dialog",
-
- openDialogSequence = [
- resetHash,
-
- function(){
- $("#select-choice-many-container-many-clicks a").click();
- },
-
- function(){
- ok(location.hash.indexOf(dialogHashKey) > -1, "hash should have the dialog hash key");
- closeDialog();
- }
- ],
-
- sequence = openDialogSequence.concat(openDialogSequence).concat([start]);
-
- $.testHelper.sequence(sequence, 1000);
- });
-
- test( "make sure the label for the select gets the ui-select class", function(){
- ok( $( "#native-select-choice-few-container label" ).hasClass( "ui-select" ), "created label has ui-select class" );
- });
-
- module("Non native menus", {
- setup: function() {
- $.mobile.selectmenu.prototype.options.nativeMenu = false;
- },
- teardown: function() {
- $.mobile.selectmenu.prototype.options.nativeMenu = true;
- }
- });
-
- asyncTest( "a large select option should not overflow", function(){
- // https://github.com/jquery/jquery-mobile/issues/1338
- var menu, select;
-
- $.testHelper.sequence([
- resetHash,
-
- function(){
- select = $("#select-long-option-label");
- // bring up the dialog
- select.trigger("click");
- },
-
- function() {
- menu = $(".ui-selectmenu-list");
-
- equal(menu.width(), menu.find("li:nth-child(2) .ui-btn-text").width(), "ui-btn-text element should not overflow");
- start();
- }
- ], 500);
- });
-
- asyncTest( "using custom refocuses the button after close", function() {
- var select, button, triggered = false;
-
- expect( 1 );
-
- $.testHelper.sequence([
- resetHash,
-
- function() {
- select = $("#select-choice-focus-test");
- button = select.find( "a" );
- button.trigger( "click" );
- },
-
- function() {
- // NOTE this is called twice per triggered click
- button.focus(function() {
- triggered = true;
- });
-
- $(".ui-selectmenu-screen:not(.ui-screen-hidden)").trigger("click");
- },
-
- function(){
- ok(triggered, "focus is triggered");
- start();
- }
- ], 5000);
- });
-
- asyncTest( "selected items are highlighted", function(){
- $.testHelper.sequence([
- resetHash,
-
- function(){
- // bring up the smaller choice menu
- ok($("#select-choice-few-container a").length > 0, "there is in fact a button in the page");
- $("#select-choice-few-container a").trigger("click");
- },
-
- function(){
- var firstMenuChoice = $("#select-choice-few-menu li:first");
- ok( firstMenuChoice.hasClass( $.mobile.activeBtnClass ),
- "default menu choice has the active button class" );
-
- $("#select-choice-few-menu a:last").click();
- },
-
- function(){
- // bring up the menu again
- $("#select-choice-few-container a").trigger("click");
- },
-
- function(){
- var lastMenuChoice = $("#select-choice-few-menu li:last");
- ok( lastMenuChoice.hasClass( $.mobile.activeBtnClass ),
- "previously slected item has the active button class" );
-
- // close the dialog
- lastMenuChoice.find( "a" ).click();
- },
-
- start
- ], 1000);
- });
-
- test( "enabling and disabling", function(){
- var select = $( "select" ).first(), button;
-
- button = select.siblings( "a" ).first();
-
- select.selectmenu( 'disable' );
- same( select.attr('disabled'), "disabled", "select is disabled" );
- ok( button.hasClass("ui-disabled"), "disabled class added" );
- same( button.attr('aria-disabled'), "true", "select is disabled" );
- same( select.selectmenu( 'option', 'disabled' ), true, "disbaled option set" );
-
- select.selectmenu( 'enable' );
- same( select.attr('disabled'), undefined, "select is disabled" );
- ok( !button.hasClass("ui-disabled"), "disabled class added" );
- same( button.attr('aria-disabled'), "false", "select is disabled" );
- same( select.selectmenu( 'option', 'disabled' ), false, "disbaled option set" );
- });
-
- asyncTest( "adding options and refreshing a custom select changes the options list", function(){
- var select = $( "#custom-refresh-opts-list" ),
- button = select.siblings( "a" ).find( ".ui-btn-inner" ),
- text = "foo";
-
- $.testHelper.sequence([
- // bring up the dialog
- function() {
- button.click();
- },
-
- function() {
- same( $( ".ui-selectmenu.in ul" ).text(), "default" );
- $( ".ui-selectmenu-screen" ).click();
- },
-
- function() {
- select.find( "option" ).remove(); //remove the loading message
- select.append('<option value="1">' + text + '</option>');
- select.selectmenu( 'refresh' );
- },
-
- function() {
- button.click();
- },
-
- function() {
- same( $( ".ui-selectmenu.in ul" ).text(), text );
- $( ".ui-selectmenu-screen" ).click();
- },
-
- start
- ], 500);
- });
-
- test( "theme defined on select is used", function(){
- var select = $("select#non-parent-themed");
-
- ok( select.siblings( "a" ).hasClass("ui-btn-up-" + select.jqmData('theme')));
- });
-
- test( "select without theme defined inherits theme from parent", function() {
- var select = $("select#parent-themed");
-
- ok( select
- .siblings( "a" )
- .hasClass("ui-btn-up-" + select.parents(":jqmData(role='page')").jqmData('theme')));
- });
-
- // issue #2547
- test( "custom select list item links have encoded option text values", function() {
- $( "#encoded-option" ).data( 'selectmenu' )._buildList();
- same(window.encodedValueIsDefined, undefined);
- });
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "select elements in the keepNative set shouldn't be enhanced", function() {
- ok( !$("#keep-native").parent().is("div.ui-btn") );
- });
-
- asyncTest( "dialog size select title should match the label", function() {
- var $select = $( "#select-choice-many-1" ),
- $label = $select.parent().siblings( "label" ),
- $button = $select.siblings( "a" );
-
- $.testHelper.pageSequence([
- function() {
- $button.click();
- },
-
- function() {
- same($.mobile.activePage.find( ".ui-title" ).text(), $label.text());
- window.history.back();
- },
-
- start
- ]);
- });
-
- asyncTest( "dialog size select title should match the label when changed after the dialog markup is added to the DOM", function() {
- var $select = $( "#select-choice-many-1" ),
- $label = $select.parent().siblings( "label" ),
- $button = $select.siblings( "a" );
-
- $label.text( "foo" );
-
- $.testHelper.pageSequence([
- function() {
- $label.text( "foo" );
- $button.click();
- },
-
- function() {
- same($.mobile.activePage.find( ".ui-title" ).text(), $label.text());
- window.history.back();
- },
-
- start
- ]);
- });
-
- test( "a disabled custom select should still be enhanced as custom", function() {
- $("#select-disabled-enhancetest").selectmenu("enable").siblings("a").click();
-
- var menu = $(".ui-selectmenu").not( ".ui-selectmenu-hidden" );
- ok( menu.text().indexOf("disabled enhance test") > -1, "the right select is showing" );
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.forms.select";
-
- $(document).bind('mobileinit', function(){
- $.mobile.selectmenu.prototype.options.nativeMenu = false;
- });
-
- module(libName,{
- setup: function(){
- $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" );
- }
- });
-
- test( "selects marked with data-native-menu=true should use a div as their button", function(){
- same($("#select-choice-native-container div.ui-btn").length, 1);
- });
-
- test( "selects marked with data-native-menu=true should not have a custom menu", function(){
- same($("#select-choice-native-container ul").length, 0);
- });
-
- test( "selects marked with data-native-menu=true should sit inside the button", function(){
- same($("#select-choice-native-container div.ui-btn select").length, 1);
- });
-
- test( "select controls will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-select").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-select").length, "enhancements applied" );
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- module("jquery.mobile.forms.select native");
-
- test( "native menu selections alter the button text", function(){
- var select = $( "#native-select-choice-few" ), setAndCheck;
-
- setAndCheck = function(key){
- var text;
-
- select.val( key ).selectmenu( 'refresh' );
- text = select.find( "option[value='" + key + "']" ).text();
- same( select.parent().find(".ui-btn-text").text(), text );
- };
-
- setAndCheck( 'rush' );
- setAndCheck( 'standard' );
- });
-
- asyncTest( "selecting a value removes the related buttons down state", function(){
- var select = $( "#native-select-choice-few" );
-
- $.testHelper.sequence([
- function() {
- // click the native menu parent button
- select.parent().trigger( 'vmousedown' );
- },
-
- function() {
- ok( select.parent().hasClass("ui-btn-down-c"), "button down class added" );
- },
-
- function() {
- // trigger a change on the select
- select.trigger( "change" );
- },
-
- function() {
- ok( !select.parent().hasClass("ui-btn-down-c"), "button down class removed" );
- start();
- }
- ], 300);
- });
-
- // issue https://github.com/jquery/jquery-mobile/issues/2410
- test( "adding options and refreshing a custom select defaults the text", function() {
- var select = $( "#custom-refresh" ),
- button = select.siblings( "a" ).find( ".ui-btn-inner" ),
- text = "foo";
-
- same($.trim(button.text()), "default");
- select.find( "option" ).remove(); //remove the loading message
- select.append('<option value="1">' + text + '</option>');
- select.selectmenu( 'refresh' );
- same($.trim(button.text()), text);
- });
-
- // issue 2424
- test( "native selects should provide open and close as a no-op", function() {
- // exception will prevent test success if undef
- $( "#native-refresh" ).selectmenu( 'open' );
- $( "#native-refresh" ).selectmenu( 'close' );
- ok( true );
- });
-
- asyncTest( "The preventFocusZoom option is working as expected", function() {
-
- var zoomoptiondefault = $.mobile.selectmenu.prototype.options.preventFocusZoom;
- $.mobile.selectmenu.prototype.options.preventFocusZoom = true;
-
- $(document)
- .one("vmousedown.test", function(){
- ok( $.mobile.zoom.enabled === false, "zoom is disabled on vmousedown" );
- })
- .one("mouseup.test", function(){
- ok( $.mobile.zoom.enabled === true, "zoom is enabled on mouseup" );
- $.mobile.selectmenu.prototype.options.preventFocusZoom = zoomoptiondefault;
- $(document).unbind(".test");
- $( "#select-choice-native" ).selectmenu( "option", "preventFocusZoom", zoomoptiondefault )
- start();
- });
-
- $( "#select-choice-native" )
- .selectmenu( "option", "preventFocusZoom", true )
- .parent()
- .trigger( "vmousedown" )
- .trigger( "mouseup" );
-
-
-
-
- });
-
- asyncTest( "The preventFocusZoom option does not manipulate zoom when it is false", function() {
-
- var zoomstate = $.mobile.zoom.enabled,
- zoomoptiondefault = $.mobile.selectmenu.prototype.options.preventFocusZoom;
-
-
- $(document)
- .one("vmousedown.test", function(){
- ok( $.mobile.zoom.enabled === zoomstate, "zoom is unaffected on vmousedown" );
- })
- .one("mouseup.test", function(){
- ok( $.mobile.zoom.enabled === zoomstate, "zoom is unaffected on mouseup" );
- $(document).unbind(".test");
- $( "#select-choice-native" ).selectmenu( "option", "preventFocusZoom", zoomoptiondefault );
- start();
-
- });
-
- $( "#select-choice-native" )
- .selectmenu( "option", "preventFocusZoom", false )
- .parent()
- .trigger( "vmousedown" )
- .trigger( "mouseup" );
-
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
-<div id="first" data-nstest-role="page">
- <div data-nstest-role="fieldcontain" id="select-choice-few-container">
- <select name="select-choice-few" id="select-choice-few" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-native-container">
- <select name="select-choice-native" id="select-choice-native" data-nstest-native-menu="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-global-native-container">
- <select name="select-choice-global-native" id="select-choice-global-native" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-1">
- <label for="select-choice-many-1" class="select">Your state:</label>
- <select name="select-choice-many-1" id="select-choice-many-1" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container">
- <label for="select-choice-many" class="select">Your state:</label>
- <select name="select-choice-many" id="select-choice-many" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-hash-check">
- <label for="select-choice-many-hash-check" class="select">Your state:</label>
- <select name="select-choice-many-hash-check" id="select-choice-many-hash-check" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-many-clicks">
- <label for="select-choice-many-many-clicks" class="select">Your state:</label>
- <select name="select-choice-many-many-clicks" id="select-choice-many-many-clicks" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-offscreen-container">
- <style>
- /* keep the select small and close to the screen border to test rendering */
- #select-offscreen-container {
- width: 100px;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- </style>
-
- <select name="select-choice-few" id="select-offscreen" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-long-option-label-container">
- <select name="select-long-option-label" id="select-long-option-label" data-nstest-native-menu="false">
- <option value="short">Choice 1</option>
- <option value="long">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</option>
- </select>
- </div>
-</div>
-
-
-
-<div id="enhancetest">
- <select name="select-enhancetest" id="select-enhancetest">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div id="dialog-select-parent-domcache-test" data-nstest-role="page">
- <div data-nstest-role="fieldcontain" id="domcache-page-select-container">
- <label for="domcache-page-select" class="select">Your state:</label>
- <select name="domcache-uncached-page-select" id="domcache-uncached-page-select" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
- <!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Slider Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.forms.slider"
- ],
- [
- "slider_events.js",
- "slider_core.js"
- ],
- [ "jquery.mobile.init" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Slider Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="foo" data-nstest-role="page">
- <div data-nstest-role="fieldcontain">
- <input type="range" name="slider-1" id="range-slider-up" value="0" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="slider-1" id="range-slider-down" value="10" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="background-slider" id="background-slider" value="10" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" data-nstest-highlight="true"/>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="no-background-slider" id="no-background-slider" value="10" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a"/>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="slider-1" id="range-slider-home" value="75" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="slider-1">Input slider:</label>
- <input type="range" name="slider-1" id="range-slider-end" value="15" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="stepped" id="stepped" value="15" min="0" max="100" step="10" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <select name="slider" id="slider-switch" data-nstest-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="onchange" id="onchange" value="25" min="0" max="100" step="10" onchange="onChangeCounter()" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Input slider:</label>
- <input type="range" name="slider" id="slider" value="25" min="0" max="100" class="should-be-native"/>
- </div>
-
- <div data-role="fieldcontain">
- <label for="step-slider">Input slider:</label>
- <input type="range" name="step-slider" id="step-slider" value="25" min="0" max="100" step="20"/>
- </div>
-
- <div data-role="fieldcontain">
- <label for="empty-string-val-slider">Input slider:</label>
- <input type="range" name="empty-string-val-slider" id="empty-string-val-slider" value="25" min="10" max="100" step="20"/>
- </div>
-</div>
-
-<div id="enhancetest">
- <input type="range" name="slider-enhancetest" id="range-slider-enhancetest" value="75" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
-</div>
-</html>
+++ /dev/null
-/*
- * mobile slider unit tests
- */
-(function($){
- $.mobile.page.prototype.options.keepNative = "input.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "slider elements in the keepNative set shouldn't be enhanced", function() {
- same( $("input.should-be-native").siblings("div.ui-slider").length, 0 );
- });
-
- test( "refresh should force val to nearest step", function() {
- var slider = $( "#step-slider" ),
- step = parseInt(slider.attr( "step" ), 10);
-
- slider.val( step + 1 );
-
- slider.slider( 'refresh' );
-
- ok( step > 1, "the step is greater than one" );
- ok( slider.val() > 0, "the value has been altered" );
- same( slider.val() % step, 0, "value has 'snapped' to a step" );
- });
-
- test( "empty string value results defaults to slider min value", function() {
- var slider = $( "#empty-string-val-slider" );
- same( slider.attr('min'), "10", "slider min is greater than 0" );
- same( slider.val( '' ).slider( 'refresh' ).val(), slider.attr('min'), "val is equal to min attr");
- });
-
- test( "flip toggle switch title should be current selected value attr", function() {
- var slider = $( "#slider-switch" );
-
- same(slider.siblings(".ui-slider").find("a").attr('title'),
- $(slider.find("option")[slider[0].selectedIndex]).text(),
- "verify that the link title is set to the selected option text");
- });
-
- test( "data-highlight works properly", function() {
- var $highlighted = $("#background-slider"), $unhighlighted = $("#no-background-slider");
-
- same( $highlighted.siblings( ".ui-slider" ).find( ".ui-slider-bg" ).length, 1,
- "highlighted slider should have a div for the track bg" );
- same( $unhighlighted.siblings( ".ui-slider" ).find( ".ui-slider-bg" ).length, 0,
- "unhighlighted slider _not_ should have a div for the track bg" );
- });
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
- * mobile slider unit tests
- */
-
-(function($){
- var onChangeCnt = 0;
- window.onChangeCounter = function() {
- onChangeCnt++;
- };
-
- module('jquery.mobile.slider.js', {
- setup: function() {
- // force the value to be an increment of 10 when we aren't testing the rounding
- $("#stepped").val( 20 );
- }
- });
-
- var keypressTest = function(opts){
- var slider = $(opts.selector),
- val = window.parseFloat(slider.val()),
- handle = slider.siblings('.ui-slider').find('.ui-slider-handle');
-
- expect( opts.keyCodes.length );
-
- $.each(opts.keyCodes, function(i, elem){
-
- // stub the keycode value and trigger the keypress
- $.Event.prototype.keyCode = $.mobile.keyCode[elem];
- handle.trigger('keydown');
-
- val += opts.increment;
- same(val, window.parseFloat(slider.val(), 10), "new value is " + opts.increment + " different");
- });
- };
-
- test( "slider should move right with up, right, and page up keypress", function(){
- keypressTest({
- selector: '#range-slider-up',
- keyCodes: ['UP', 'RIGHT', 'PAGE_UP'],
- increment: 1
- });
- });
-
- test( "slider should move left with down, left, and page down keypress", function(){
- keypressTest({
- selector: '#range-slider-down',
- keyCodes: ['DOWN', 'LEFT', 'PAGE_DOWN'],
- increment: -1
- });
- });
-
- test( "slider should move to range minimum on end keypress", function(){
- var selector = "#range-slider-end",
- initialVal = window.parseFloat($(selector).val(), 10),
- max = window.parseFloat($(selector).attr('max'), 10);
-
- keypressTest({
- selector: selector,
- keyCodes: ['END'],
- increment: max - initialVal
- });
- });
-
- test( "slider should move to range minimum on end keypress", function(){
- var selector = "#range-slider-home",
- initialVal = window.parseFloat($(selector).val(), 10);
-
- keypressTest({
- selector: selector,
- keyCodes: ['HOME'],
- increment: 0 - initialVal
- });
- });
-
- test( "slider should move positive by steps on keypress", function(){
- keypressTest({
- selector: "#stepped",
- keyCodes: ['RIGHT'],
- increment: 10
- });
- });
-
- test( "slider should move negative by steps on keypress", function(){
- keypressTest({
- selector: "#stepped",
- keyCodes: ['LEFT'],
- increment: -10
- });
- });
-
- test( "slider should validate input value on blur", function(){
- var slider = $("#range-slider-up");
- slider.focus();
- slider.val(200);
- same(slider.val(), "200");
- slider.blur();
- same(slider.val(), slider.attr('max'));
- });
-
- test( "slider should not validate input on keyup", function(){
- var slider = $("#range-slider-up");
- slider.focus();
- slider.val(200);
- same(slider.val(), "200");
- slider.keyup();
- same(slider.val(), "200");
- });
-
- test( "input type should degrade to number when slider is created", function(){
- same($("#range-slider-up").attr( "type" ), "number");
- });
-
- // generic switch test function
- var sliderSwitchTest = function(opts){
- var slider = $("#slider-switch"),
- handle = slider.siblings('.ui-slider').find('a'),
- switchValues = {
- 'off' : 0,
- 'on' : 1
- };
-
- // One for the select and one for the aria-valuenow
- expect( opts.keyCodes.length * 2 );
-
- $.each(opts.keyCodes, function(i, elem){
- // reset the values
- slider[0].selectedIndex = switchValues[opts.start];
- handle.attr({'aria-valuenow' : opts.start });
-
- // stub the keycode and trigger the event
- $.Event.prototype.keyCode = $.mobile.keyCode[elem];
- handle.trigger('keydown');
-
- same(handle.attr('aria-valuenow'), opts.finish, "handle value is " + opts.finish);
- same(slider[0].selectedIndex, switchValues[opts.finish], "select input has correct index");
- });
- };
-
- test( "switch should select on with up, right, page up and end", function(){
- sliderSwitchTest({
- start: 'off',
- finish: 'on',
- keyCodes: ['UP', 'RIGHT', 'PAGE_UP', 'END']
- });
- });
-
- test( "switch should select off with down, left, page down and home", function(){
- sliderSwitchTest({
- start: 'on',
- finish: 'off',
- keyCodes: ['DOWN', 'LEFT', 'PAGE_DOWN', 'HOME']
- });
- });
-
- test( "onchange should not be called on create", function(){
- equals(onChangeCnt, 0, "onChange should not have been called");
- });
-
- test( "onchange should be called onchange", function(){
- onChangeCnt = 0;
- $( "#onchange" ).slider( "refresh", 50 );
- equals(onChangeCnt, 1, "onChange should have been called once");
- });
-
- test( "slider controls will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-slider").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-slider").length, "enhancements applied" );
- });
-
- var createEvent = function( name, target, x, y ) {
- var event = $.Event( name );
- event.target = target;
- event.pageX = x;
- event.pageY = y;
- return event;
- };
-
- test( "toggle switch should fire one change event when clicked", function(){
- var control = $( "#slider-switch" ),
- widget = control.data( "slider" ),
- slider = widget.slider,
- handle = widget.handle,
- changeCount = 0,
- changeFunc = function( e ) {
- ok( control[0].selectedIndex !== currentValue, "change event should only be triggered if the value changes");
- ++changeCount;
- },
- event = null,
- offset = handle.offset(),
- currentValue = control[0].selectedIndex;
-
- control.bind( "change", changeFunc );
-
- // The toggle switch actually updates on mousedown and mouseup events, so we go through
- // the motions of generating all the events that happen during a click to make sure that
- // during all of those events, the value only changes once.
-
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "click", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
-
- control.unbind( "change", changeFunc );
-
- ok( control[0].selectedIndex !== currentValue, "value did change");
- same( changeCount, 1, "change event should be fired once during a click" );
- });
-
- var assertLeftCSS = function( obj, opts ) {
- var integerLeft, compare, css, threshold;
-
- css = obj.css('left');
- threshold = opts.pxThreshold || 0;
-
- if( css.indexOf( "px" ) > -1 ) {
- // parse the actual pixel value returned by the left css value
- // and the pixels passed in for comparison
- integerLeft = Math.round( parseFloat( css.replace("px", "") ) ),
- compare = parseInt( opts.pixels.replace( "px", "" ), 10 );
-
- // check that the pixel value provided is within a given threshold; default is 0px
- ok( compare >= integerLeft - threshold && compare <= integerLeft + threshold, opts.message );
- } else {
- equal( css, opts.percent, opts.message );
- }
- };
-
- asyncTest( "toggle switch handle should snap in the old position if dragged less than half of the slider width, in the new position if dragged more than half of the slider width", function() {
- var control = $( "#slider-switch" ),
- widget = control.data( "slider" ),
- slider = widget.slider,
- handle = widget.handle,
- width = handle.width(),
- offset = null;
-
- $.testHelper.sequence([
- function() {
- // initialize the switch
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle starts on the right side'
- });
-
- // simulate dragging less than a half
- offset = handle.offset();
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + width - 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left + width - 20, offset.top + 10 ) );
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left + width - 20, offset.top + 10 ) );
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle ends on the right side'
- });
-
- // initialize the switch
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle starts on the right side'
- });
-
- // simulate dragging more than a half
- offset = handle.offset();
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left - ( width / 2 + 10 ), offset.top + 10 ) );
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left - ( width / 2 + 10 ), offset.top + 10 ) );
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '0%',
- pixels: '0px',
- message: 'handle ends on the left side'
- });
-
- start();
- }
- ], 500);
- });
-
- asyncTest( "toggle switch handle should not move if user is dragging and value is changed", function() {
- var control = $( "#slider-switch" ),
- widget = control.data( "slider" ),
- slider = widget.slider,
- handle = widget.handle,
- width = handle.width(),
- offset = null;
-
- $.testHelper.sequence([
- function() {
- // initialize the switch
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle starts on the right side'
- });
-
- // simulate dragging more than a half
- offset = handle.offset();
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) );
- },
-
- function() {
- var min, max;
- if( handle.css('left').indexOf("%") > -1 ){
- min = "0%";
- max = "100%";
- } else {
- min = "0px";
- max = handle.parent().css( 'width' );
- }
-
- notEqual(handle.css('left'), min, 'handle is not on the left side');
- notEqual(handle.css('left'), max, 'handle is not on the right side');
-
- // reset slider state so it is ready for other tests
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) );
-
- start();
- }
- ], 500);
- });
-
- asyncTest( "toggle switch should refresh when disabled", function() {
- var control = $( "#slider-switch" ),
- handle = control.data( "slider" ).handle;
-
- $.testHelper.sequence([
- function() {
- // set the initial value
- control.val('off').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '0%',
- pixels: '0px',
- message: 'handle starts on the left side'
- });
-
- // disable and change value
- control.slider('disable');
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css( 'width' ),
- message: 'handle ends on the right side'
- });
-
- // reset slider state so it is ready for other tests
- control.slider('enable');
-
- start();
- }
- ], 500);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Support Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.support"
- ],
- [
- "support_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Support Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture"></div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile support unit tests
- */
-
-$.testHelper.excludeFileProtocol(function(){
- var prependToFn = $.fn.prependTo,
- moduleName = "jquery.mobile.support";
-
- module(moduleName, {
- teardown: function(){
- //NOTE undo any mocking
- $.fn.prependTo = prependToFn;
- }
- });
-
- // NOTE following two tests have debatable value as they only
- // prevent property name changes and improper attribute checks
- asyncTest( "detects functionality from basic affirmative properties and attributes", function(){
- // TODO expose properties for less brittle tests
- $.extend(window, {
- WebKitTransitionEvent: true,
- });
-
- window.history.pushState = function(){};
- window.history.replaceState = function(){};
-
- $.mobile.media = function(){ return true; };
-
- $.testHelper.reloadModule( moduleName ).done( function() {
- ok($.support.cssTransitions, "css transitions are supported" );
- ok($.support.pushState, "push state is supported" );
- ok($.support.mediaquery, "media queries are supported" );
- start();
- });
- });
-
- asyncTest( "detects orientation change", function() {
- $.extend(window, {
- orientation: true,
- onorientationchange: true
- });
-
- $.testHelper.reloadModule( "jquery.mobile.support.orientation" ).done( function() {
- ok($.support.orientation, "orientation is supported" );
- start();
- });
- });
-
- asyncTest( "detects touch", function() {
- document.ontouchend = true;
-
- $.testHelper.reloadModule( "jquery.mobile.support.touch" ).done( function() {
- ok( $.mobile.support.touch, "touch is supported" );
- ok( $.support.touch, "touch is supported" );
- start();
- });
- });
-
- asyncTest( "detects functionality from basic negative properties and attributes (where possible)", function(){
- delete window["orientation"];
-
- $.testHelper.reloadModule( "jquery.mobile.support.orientation" ).done( function() {
- ok(!$.support.orientation, "orientation is not supported" );
- start();
- });
- });
-
- // NOTE mocks prependTo to simulate base href updates or lack thereof
- var mockBaseCheck = function( url ){
- var prependToFn = $.fn.prependTo;
-
- $.fn.prependTo = function( selector ){
- var result = prependToFn.call(this, selector);
- if(this[0].href && this[0].href.indexOf("testurl") != -1)
- result = [{href: url}];
- return result;
- };
- };
-
- asyncTest( "detects dynamic base tag when new base element added and base href updates", function(){
- mockBaseCheck(location.protocol + '//' + location.host + location.pathname + "ui-dir/");
- $.testHelper.reloadModule( moduleName ).done( function() {
- ok($.support.dynamicBaseTag);
- start();
- });
- });
-
- asyncTest( "detects no dynamic base tag when new base element added and base href unchanged", function(){
- mockBaseCheck('testurl');
- $.testHelper.reloadModule( moduleName ).done( function() {
- ok(!$.support.dynamicBaseTag);
- start();
- });
- });
-
- asyncTest( "jQM's IE browser check properly detects IE versions", function(){
- $.testHelper.reloadModule( moduleName ).done( function() {
- //here we're just comparing our version to what the conditional compilation finds
- var ie = !!$.browser.msie, //get a boolean
- version = parseInt( $.browser.version, 10),
- jqmdetectedver = $.mobile.browser.ie;
-
- if( ie ){
- deepEqual(version, jqmdetectedver, "It's IE and the version is correct");
- }
- else{
- deepEqual(ie, jqmdetectedver, "It's not IE");
- }
- start();
- });
- });
-
-
- //TODO propExists testing, refactor propExists into mockable method
- //TODO scrollTop testing, refactor scrollTop logic into mockable method
-});
+++ /dev/null
-// load testswarm agent
-(function() {
- var url = window.location.search;
- url = decodeURIComponent( url.slice( url.indexOf("swarmURL=") + 9 ) );
- if ( !url || url.indexOf("http") !== 0 ) {
- return;
- }
- document.write("<scr" + "ipt src='http://swarm.jquery.org/js/inject.js?" + (new Date).getTime() + "'></scr" + "ipt>");
-})();
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
-</head>
-<body>
-<div data-nstest-role="page" id="foo">
- <textarea id="page-load-autogrow">
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- </textarea>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Textinput Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [ "jquery.mobile.forms.textinput" ],
- [ "settings.js" ],
- [ "jquery.mobile.init" ],
- [ "textinput_core.js" ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Textinput Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <input name="" id="typeless-input" />
- <textarea class="should-be-native"></textarea>
-
- <textarea id="reference-autogrow">
- </textarea>
-
- <textarea id="init-autogrow">
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- </textarea>
-
- <textarea id="keyup-autogrow">
- </textarea>
- <a href="external.html" id="external">external</a>
-
- <input type="search" id="search-input">
-</div>
-</body>
-</html>
+++ /dev/null
-$( document ).bind("mobileinit", function(){
- $.mobile.textinput.prototype.options.clearSearchButtonText = "custom value";
-});
+++ /dev/null
-/*
- * mobile textinput unit tests
- */
-(function($){
- module( "jquery.mobile.forms.textinput.js" );
-
- test( "inputs without type specified are enhanced", function(){
- ok( $( "#typeless-input" ).hasClass( "ui-input-text" ) );
- });
-
- $.mobile.page.prototype.options.keepNative = "textarea.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "textarea in the keepNative set shouldn't be enhanced", function() {
- ok( !$("textarea.should-be-native").is("ui-input-text") );
- });
-
- asyncTest( "textarea should autogrow on document ready", function() {
- var test = $( "#init-autogrow" );
-
- setTimeout(function() {
- ok( $( "#reference-autogrow" )[0].clientHeight < test[0].clientHeight, "the height is greater than the reference text area with no content" );
- ok( test[0].clientHeight > 100, "autogrow text area's height is greater than any style padding");
- start();
- }, 400);
- });
-
- asyncTest( "textarea should autogrow when text is added via the keyboard", function() {
- var test = $( "#keyup-autogrow" ),
- originalHeight = test[0].clientHeight;
-
- test.keyup(function() {
- setTimeout(function() {
- ok( test[0].clientHeight > originalHeight, "the height is greater than original with no content" );
- ok( test[0].clientHeight > 100, "autogrow text area's height is greater any style/padding");
- start();
- }, 400);
- });
-
- test.val("foo\n\n\n\n\n\n\n\n\n\n\n\n\n\n").trigger("keyup");
- });
-
- asyncTest( "text area should auto grow when the parent page is loaded via ajax", function() {
- $.testHelper.pageSequence([
- function() {
- $("#external").click();
- },
-
- function() {
- setTimeout(function() {
- ok($.mobile.activePage.find( "textarea" )[0].clientHeight > 100, "text area's height has grown");
- window.history.back();
- }, 1000);
- },
-
- function() {
- start();
- }
- ]);
- });
-
- // NOTE init binding to alter the setting is in settings.js
- test( "'clear text' button for search inputs should use configured text", function(){
- strictEqual( $( "#search-input" ).closest( ".ui-input-search" ).find( ".ui-input-clear" ).attr( "title" ), "custom value" );
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Widget Test Suite</title>
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.tag.inserter.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [ "widget_init.js" ],
- [
- "jquery.mobile.forms.slider",
- "jquery.mobile.collapsible",
- "jquery.mobile.widget"
- ],
- [ "jquery.mobile.init" ],
- [
- "widget_core.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Widget Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture">
-
-<div id="widget-wrapper">
- <div id="widget">
- <div>...</div>
- </div>
-</div>
-
-</div>
-
-<div id="foo" data-nstest-role="page">
- <input type="range" id="foo-slider" name="foo-slider" value="" />
- <div id="enhance-prevented">
- </div>
- <div id="enhance-allowed">
- </div>
-</div>
-
-<div id="ignored" data-nstest-enhance="false" style="display: none">
- <div id="ignored-collapsible" data-nstest-role="collapsible">
- </div>
-</div>
-
-<div id="many-ignored" style="display: none">
- <div>
- <div id="many-enhanced-collapsible" data-nstest-role="collapsible">
- </div>
- </div>
- <div data-nstest-enhance="false">
- <div id="many-ignored-collapsible" data-nstest-role="collapsible">
- </div>
- </div>
-</div>
-
-<div id="not-ignored" style="display: none">
- <div id="collapsible" data-nstest-role="collapsible">
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile widget unit tests
- */
-(function($){
- module('jquery.mobile.widget.js');
-
- test( "getting data from creation options", function(){
- var expected = "bizzle";
-
- $.mobile.widget.prototype.options = { "fooBar" : true };
- $.mobile.widget.prototype.element = $("<div data-"+$.mobile.ns+"foo-bar=" + expected + ">");
- same($.mobile.widget.prototype._getCreateOptions()["fooBar"],
- expected);
- });
-
- test( "getting no data when the options are empty", function(){
- var expected = {};
-
- $.mobile.widget.prototype.options = {};
- $.mobile.widget.prototype.element = $("<div data-"+$.mobile.ns+"foo-bar=" + expected + ">");
- same($.mobile.widget.prototype._getCreateOptions(),
- expected);
- });
-
- test( "getting no data when the element has none", function(){
- var expected = {};
-
- $.mobile.widget.prototype.options = { "fooBar" : true };
- $.mobile.widget.prototype.element = $("<div>");
- same($.mobile.widget.prototype._getCreateOptions(),
- expected);
- });
-
- test( "elements embedded in sub page elements are excluded on create when they match the keep native selector", function() {
- // uses default keep native of data-role=none
- $("#enhance-prevented")
- .append('<label for="unenhanced">Text Input:</label><input type="text" name="name" id="unenhanced" value="" data-'+$.mobile.ns+'role="none" />')
- .trigger("create");
-
- ok( !$("#unenhanced").hasClass( "ui-input-text" ), "doesn't have the ui input text class (unenhanced)");
- });
-
- test( "elements embedded in sub page elements are included on create when they don't match the keep native selector", function() {
-
- // uses default keep native of data-role=none
- $("#enhance-allowed")
- .append('<label for="enhanced">Text Input:</label><input type="text" name="name" id="enhanced" value=""/>')
- .trigger("create");
-
- ok( $("#enhanced").hasClass( "ui-input-text" ), "has the ui input text class (unenhanced)");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile widget unit tests
- */
-(function($){
- var widgetInitialized = false;
-
- module( 'jquery.mobile.widget.js' );
-
- $( "#foo" ).live( 'pageinit', function(){
- // ordering sensitive here, the value has to be set after the call
- // so that if the widget factory says that its not yet initialized,
- // which is an exception, the value won't be set
- $( "#foo-slider" ).slider( 'refresh' );
- widgetInitialized = true;
- });
-
- test( "page is enhanced before init is fired", function() {
- ok( widgetInitialized );
- });
-
- test( "elements within an ignore container are not enhanced when ignoreContentEnabled is true ", function() {
- $.mobile.ignoreContentEnabled = true;
-
- $.mobile.collapsible.prototype.enhanceWithin( $("#ignored") );
-
- ok( !$( "#ignored-collapsible" ).hasClass( "ui-collapsible" ), "ignored element doesn't have ui-collapsible" );
-
- $.mobile.collapsible.prototype.enhanceWithin( $("#not-ignored") );
-
- ok( $( "#collapsible" ).hasClass( "ui-collapsible" ), "identical unignored elements are enahanced" );
-
- $.mobile.ignoreContentEnabled = false;
- });
-
- test( "siblings without ignore parent are enhanced", function() {
- $.mobile.ignoreContentEnabled = true;
-
- $.mobile.collapsible.prototype.enhanceWithin( $("#many-ignored") );
-
- ok( !$( "#many-ignored-collapsible" ).hasClass( "ui-collapsible" ), "sibling ignored element doesn't have ui-collapsible" );
- ok( $( "#many-enhanced-collapsible" ).hasClass( "ui-collapsible" ), "sibling unignored elements are enahanced" );
-
- $.mobile.ignoreContentEnabled = false;
- });
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Zoom Maniplation Integration Test</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.zoom"
- ],
- [ "jquery.mobile.init" ],
- [
- "./zoom.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile FieldContainer Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
-
-
-</div>
-
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Zoom Maniplation Integration Test</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
- <script src="../../../external/requirejs/require.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script>
- $.testHelper.asyncLoad([
- [
- "jquery.mobile.zoom"
- ],
- [ "jquery.mobile.init" ],
- [
- "./zoom-initial-disable.js"
- ]
- ]);
- </script>
-
- <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile FieldContainer Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
-
-
-</div>
-
-
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile zoom
- */
-(function($){
- test( "User zooming will not enable when calling enable() method if zooming was disabled in page source", function(){
- $.mobile.zoom.enable();
- ok( !$.mobile.zoom.enabled );
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile Fixed Toolbar unit tests
- */
-(function($){
- module('jquery.mobile.fixedToolbar.js');
-
- var defaultMeta = $( "meta[name=viewport]" ).attr("content");
-
-
- test( "User zooming is enabled by default", function(){
- ok( $.mobile.zoom.enabled === true, "property is true" );
- });
-
- test( "The zoom lock is disabled by default", function(){
- ok( $.mobile.zoom.locked === false, "property is false" );
- });
-
-
- test( "Meta viewport content is manipulated with maximum-scale", function(){
- $.mobile.zoom.disable();
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=1, user-scalable=no/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes after enable is called" );
-
- $.mobile.zoom.enable();
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=10, user-scalable=yes/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes0, user-scalable=no after enable is called" );
-
- });
-
- test( "Meta viewport content restore method restores it back to original value", function(){
- $.mobile.zoom.disable();
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=1, user-scalable=no/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes after enable is called" );
-
- $.mobile.zoom.restore();
- ok( $( "meta[name=viewport]" ).attr( "content" ) === defaultMeta, "The meta viewport tag's content matches its default state" );
-
- });
-
-
-
- test( "When locked, the enable method does nothing", function(){
- //enabled it first
- $.mobile.zoom.locked = false;
- $.mobile.zoom.disable();
- $.mobile.zoom.locked = true;
- $.mobile.zoom.enable();
-
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=1, user-scalable=no/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes after enable is called" );
- $.mobile.zoom.locked = false;
- $.mobile.zoom.enable();
-
- });
-
- test( "When locked, the disable method does nothing", function(){
- //enabled it first
- $.mobile.zoom.locked = false;
- $.mobile.zoom.enable();
- $.mobile.zoom.locked = true;
- $.mobile.zoom.disable();
-
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=10, user-scalable=yes/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes0, user-scalable=no after disable is called" );
-
- $.mobile.zoom.locked = false;
- $.mobile.zoom.enable();
-
- });
-
- test( "When locked, the enable method with a true 'unlock' argument works", function(){
- //enabled it first
- $.mobile.zoom.locked = false;
- $.mobile.zoom.disable();
- $.mobile.zoom.locked = true;
- $.mobile.zoom.enable( true );
-
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=10, user-scalable=yes/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes0, user-scalable=no after enable is called" );
- ok( $.mobile.zoom.locked === false, "The locked property is false again" );
-
- $.mobile.zoom.locked = false;
- $.mobile.zoom.enable();
-
- });
-
-
- test( "When locked, the disable method with a true 'lock' argument works", function(){
- //enabled it first
- $.mobile.zoom.locked = false;
- $.mobile.zoom.enable();
-
- $.mobile.zoom.disable( true );
-
- ok( $( "meta[name=viewport]" ).attr( "content" ).match( /,maximum-scale=1, user-scalable=no/ ), "The meta viewport tag's content contains maximum-scale=1, user-scalable=yes after disable is called" );
- ok( $.mobile.zoom.locked === true, "The locked property is true" );
-
- $.mobile.zoom.locked = false;
- $.mobile.zoom.enable();
-
- });
-
-
-
-})(jQuery);
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width">
-<title>Configuration Properties</title>
-<link rel="stylesheet" href="../css/themes/default/jquery.mobile.css" />
-<style>
-
-.prop { float: left; font-weight: bold; }
-.val { float: right; margin-left: 2em; }
-
-.ui-li { overflow: hidden; }
-
-</style>
-<script src="../js/jquery.js"></script>
-<script src="../js/"></script>
-<script>
-
-function simpleEntityEncode( str )
-{
- return ( str + "" ).replace( /&/, "&" ).replace( /</, "<" ).replace( />/, ">" );
-}
-
-function getObjectPropsAsArray( obj, doSort )
-{
- var props = [], prop;
- for ( prop in obj ) {
- props.push( prop );
- }
- return doSort ? props.sort() : props;
-}
-
-function getPropsAsListviewMarkkup( obj )
-{
- var props = getObjectPropsAsArray( obj || {}, true ),
- propStr = "<ul data-role='listview' data-inset='true'>\n",
- prop, val, i;
-
- for ( i = 0; i < props.length; i++ ) {
- prop = props[ i ];
- val = obj[ prop ],
- vtype = typeof val;
-
- if ( vtype !== "function" && vtype !== "object" ) {
- propStr += "\t<li><span class='prop'>" + simpleEntityEncode( prop ) + ":</span><span class='val'>" + simpleEntityEncode( val ) + "</span></li>\n";
- }
- }
-
- return propStr + "</ul>\n";
-}
-
-$( document ).bind( "pageinit", function( e ) {
- var $content = $( e.target ).find( ".ui-content");
-
- $( "<h2>$.mobile</h2>" ).appendTo( $content );
- $( getPropsAsListviewMarkkup( $.mobile ) ).appendTo( $content ).listview();
- $( "<h2>$.support</h2>" ).appendTo( $content );
- $( getPropsAsListviewMarkkup( $.support ) ).appendTo( $content ).listview();
-});
-
-</script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Configuration Properties</h1></div>
- <div data-role="content">
- <p>Below is a dump of the non-function/object properties of the $.mobile and $.support objects. These properties typically control how the jQuery Mobile framework behaves on the various devices/platforms. You can use this page to quickly assess the default support configuration calculated by both jQuery Core and jQuery Mobile.</p>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="UTF-8">
-<title>jQuery Mobile Tools</title>
-<link rel="stylesheet" href="../css/themes/default/jquery.mobile.css">
-<script src="../js/jquery.js"></script>
-<script src="../js/"></script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Tools</h1></div>
- <div data-role="content">
- <p>Tools written by the team to aid in debugging jQuery Mobile apps.</p>
- <ul data-role="listview" data-inset="true">
- <li><a href="config-props.html" rel="external">
- <h3>Configuration Properties</h3>
- <p>A simple page for dumping the framework configuration property values and the calculated $.support values for a given browser/device.</p>
- </a></li>
- <li><a href="log-page-events.html" rel="external">
- <h3>Page Event Logger Bookmarklet</h3>
- <p>A simple bookmarklet that dumps page event information to the browser console. Good for debugging page loading and lifecycle problems.</p>
- </a></li>
- <li><a href="page-change-time.html" rel="external">
- <h3>Page Change Timing Bookmarklet</h3>
- <p>A simple bookmarklet that dumps timing information at specific points within the loading, processing, and activation of a page.</p>
- </a></li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Page Event Logger Bookmarklet</title>
-</head>
-
-<body>
-<h1>Page Event Logger Bookmarklet</h1>
-<p>A simple bookmarklet for logging jQuery Mobile page events. To use, bookmark the following link:</p>
-<script>
-document.write('<p><a id="bookmarklet-link" href="javascript:function loadScript(u){var s=document.createElement(\'script\');s.setAttribute(\'language\',\'javascript\');s.setAttribute(\'src\',u);document.body.appendChild(s);} loadScript(\'' + ( location.href.replace( /\.html/, ".js" ) ) + '\');">Page EventLogger Bookmark</a></p>');
-</script>
-<p>For platforms that don't allow bookmarking of <code>javascript:</code> urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:</p>
-<p>
- <textarea id="ta" rows="10" cols="50"></textarea>
-</p>
-<p>NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.</p>
-<script>
-document.getElementById("ta").value = document.getElementById("bookmarklet-link").href;
- </script>
-</body>
-</html>
+++ /dev/null
-/*!
- * jQuery Mobile v@VERSION
- * http://jquerymobile.com/
- *
- * Copyright 2011, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-
-// This is code that can be used as a simple bookmarklet for debugging
-// page loading and navigation in pages that use the jQuery Mobile framework.
-// All messages are sent to the browser's console.log so to see the messages,
-// you need to make sure you enable the console/log in your browser.
-
-(function($, window, document) {
- if ( typeof $ === "undefined" ) {
- alert( "log-page-events.js requires jQuery core!" );
- return;
- }
-
- var pageEvents = "mobileinit pagebeforechange pagechange pagechangefailed pagebeforeload pageload pageloadfailed pagebeforecreate pagecreate pageinit pagebeforeshow pageshow pagebeforehide pagehide pageremove";
-
- function getElementDesc( ele )
- {
- var result = [];
- if ( ele ) {
- result.push( ele.nodeName.toLowerCase() );
- var c = ele.className;
- if ( c ) {
- c = c.replace( /^\s+|\s+$/, "" ).replace( /\s+/, " " );
- if (c) {
- result.push( "." + c.split( " " ).join( "." ) );
- }
- }
- if ( ele.id ){
- result.push( "#" + ele.id )
- }
- }
- return result.join( "" );
- }
-
- function debugLog( msg )
- {
- console.log( msg );
- }
-
- function getNativeEvent( event ) {
-
- while ( event && typeof event.originalEvent !== "undefined" ) {
- event = event.originalEvent;
- }
- return event;
- }
-
- function logEvent( event, data )
- {
- var result = event.type + " (" + (new Date).getTime() + ")\n";
-
- switch( event.type )
- {
- case "pagebeforechange":
- case "pagechange":
- case "pagechangefailed":
- result += "\tpage: ";
- if ( typeof data.toPage === "string" ) {
- result += data.toPage;
- } else {
- result += getElementDesc( data.toPage[ 0 ] ) + "\n\tdata-url: " + data.toPage.jqmData( "url" );
- }
- result += "\n\n"
- break;
- case "pagebeforeload":
- case "pageloadfailed":
- result += "\turl: " + data.url + "\n\tabsUrl: " + data.absUrl + "\n\n";
- break;
- case "pageload":
- result += "\turl: " + data.url + "\n\tabsUrl: " + data.absUrl + "\n\tpage: " + getElementDesc( data.page[ 0 ] ) + "\n\n";
- break;
- case "pagebeforeshow":
- case "pageshow":
- case "pagebeforehide":
- case "pagehide":
- result += "\tpage: " + getElementDesc( event.target ) + "\n";
- result += "\tdata-url: " + $( event.target ).jqmData( "url" ) + "\n\n";
- break;
- case "pagebeforecreate":
- case "pagecreate":
- case "pageinit":
- result += "\telement: " + getElementDesc( event.target ) + "\n\n";
- break;
- case "hashchange":
- result += "\tlocation: " + location.href + "\n\n";
- break;
- case "popstate":
- var e = getNativeEvent( event );
- result += "\tlocation: " + location.href + "\n";
- result += "\tstate.hash: " + ( e.state && e.state.hash ? e.state.hash + "\n\n" : "" );
- break;
- }
-
- debugLog( result );
- }
-
- // Now add our logger.
- $( document ).bind( pageEvents, logEvent );
- $( window ).bind( "hashchange popstate", logEvent );
-
-})( jQuery, window, document );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Page Change Timing Bookmarklet</title>
-</head>
-
-<body>
-<h1>Page Change Timing Bookmarklet</h1>
-<p>A simple bookmarklet for timing the load, enhanement, and transition of a jQuery Mobile changePage() request. To use, bookmark the following link:</p>
-<script>
-document.write('<p><a id="bookmarklet-link" href="javascript:function loadScript(u){var s=document.createElement(\'script\');s.setAttribute(\'language\',\'javascript\');s.setAttribute(\'src\',u);document.body.appendChild(s);} loadScript(\'' + ( location.href.replace( /\.html/, ".js" ) ) + '\');">Page Change Timing Bookmark</a></p>');
-</script>
-<p>For platforms that don't allow bookmarking of <code>javascript:</code> urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:</p>
-<p>
- <textarea id="ta" rows="10" cols="50"></textarea>
-</p>
-<p>NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.</p>
-<script>
-document.getElementById("ta").value = document.getElementById("bookmarklet-link").href;
- </script>
-</body>
-</html>
+++ /dev/null
-/*!
- * jQuery Mobile v@VERSION
- * http://jquerymobile.com/
- *
- * Copyright 2011, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-
-// This is code that can be used as a simple bookmarklet for timing
-// the load, enhancment, and transition of a changePage() request.
-
-(function( $, window, undefined ) {
-
-
- function getTime() {
- return ( new Date() ).getTime();
- }
-
- var startChange, stopChange, startLoad, stopLoad, startEnhance, stopEnhance, startTransition, stopTransition, lock = 0;
-
- $( document )
- .bind( "pagebeforechange", function( e, data) {
- if ( typeof data.toPage === "string" ) {
- startChange = stopChange = startLoad = stopLoad = startEnhance = stopEnhance = startTransition = stopTransition = getTime();
- }
- })
- .bind( "pagebeforeload", function() {
- startLoad = stopLoad = getTime();
- })
- .bind( "pagebeforecreate", function() {
- if ( ++lock === 1 ) {
- stopLoad = startEnhance = stopEnhance = getTime();
- }
- })
- .bind( "pageinit", function() {
- if ( --lock === 0 ) {
- stopEnhance = getTime();
- }
- })
- .bind( "pagebeforeshow", function() {
- startTransition = stopTransition = getTime();
- })
- .bind( "pageshow", function() {
- stopTransition = getTime();
- })
- .bind( "pagechange", function( e, data ) {
- if ( typeof data.toPage === "object" ) {
- stopChange = getTime();
-
- alert("load + processing: " + ( stopLoad - startLoad )
- + "\nenhance: " + ( stopEnhance - startEnhance )
- + "\ntransition: " + ( stopTransition - startTransition )
- + "\ntotalTime: " + ( stopChange - startChange ) );
-
- startChange = stopChange = startLoad = stopLoad = startEnhance = stopEnhance = startTransition = stopTransition = 0;
- }
- });
-
-
-})( jQuery, window );
\ No newline at end of file
projects / platform / framework / web / web-ui-fw.git / commitdiff
