From 14c265f619e6212051f8daa13dc5ba22b66fc7c8 Mon Sep 17 00:00:00 2001 From: Gabriel Schulhof Date: Wed, 28 Sep 2016 14:44:57 +0300 Subject: [PATCH] Demos: Add skipping-past-dialog demo --- demos/jqm-contents.php | 1 + demos/pages-dialog-nav/dialog.html | 32 ++++++++++++ demos/pages-dialog-nav/index.php | 70 +++++++++++++++++++++++++++ demos/pages-dialog-nav/other-page.php | 54 +++++++++++++++++++++ 4 files changed, 157 insertions(+) create mode 100644 demos/pages-dialog-nav/dialog.html create mode 100644 demos/pages-dialog-nav/index.php create mode 100644 demos/pages-dialog-nav/other-page.php diff --git a/demos/jqm-contents.php b/demos/jqm-contents.php index fbee7b7b933..8176ac45dda 100644 --- a/demos/jqm-contents.php +++ b/demos/jqm-contents.php @@ -70,6 +70,7 @@
  • Single page
  • Multi-page template
  • Dialog page
    • +
  • Dialog page (with navigation support)
    • diff --git a/demos/pages-dialog-nav/dialog.html b/demos/pages-dialog-nav/dialog.html new file mode 100644 index 00000000000..52cf770ae16 --- /dev/null +++ b/demos/pages-dialog-nav/dialog.html @@ -0,0 +1,32 @@ + + + + + + Dialog example - jQuery Mobile Demos + + + + + + + + + +
    + +
    +

    Dialog

    +
    + +
    +

    Delete page?

    +

    This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and data-rel="dialog" attribute.

    + Sounds good + Cancel + Other Page +
    +
    + + + diff --git a/demos/pages-dialog-nav/index.php b/demos/pages-dialog-nav/index.php new file mode 100644 index 00000000000..39d82d6c94b --- /dev/null +++ b/demos/pages-dialog-nav/index.php @@ -0,0 +1,70 @@ + + + + + + Dialogs - jQuery Mobile Demos + + + + + + + + + + + +
    + +
    +

    jQuery Mobile

    + Menu + Search +

    Version Demos

    +
    + +
    + +

    Dialogs with navigation support

    + +

    The behavior whereby a dialog appears but is not reachable via the browser's "Back" or "Forward" buttons, available until now only by means of the dialog widget, can be achieved with the following extension:

    +
    + Open dialog +
    + +
    + + + +
    +
    jQuery Mobile Version Demos
    + +

    Copyright jQuery Foundation

    +
    + +
    + + + + + diff --git a/demos/pages-dialog-nav/other-page.php b/demos/pages-dialog-nav/other-page.php new file mode 100644 index 00000000000..a88fae4a8c4 --- /dev/null +++ b/demos/pages-dialog-nav/other-page.php @@ -0,0 +1,54 @@ + + + + + + Dialogs - jQuery Mobile Demos + + + + + + + + + + +
    + +
    +

    jQuery Mobile

    + Menu + Search +

    Version Demos

    +
    + +
    + +

    Landing page

    + +

    You have reached this page from a dialog. If you click your browser's "Back" button, you will not go back to the dialog, but to the page from which it opened. Similarly, if you then click "Forward", you will skip past the dialog and reach this page again.

    + +
    + + + +
    +
    jQuery Mobile Version Demos
    + +

    Copyright jQuery Foundation

    +
    + +
    + + + + +