aboutsummaryrefslogtreecommitdiffstats
path: root/demos/button/default.html
blob: 8c16909698a64bd4f90cced78485b58f2b56b62c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Button - Default functionality</title>
	<link rel="stylesheet" href="../../themes/base/all.css">
	<script src="../../external/jquery/jquery.js"></script>
	<script src="../../ui/core.js"></script>
	<script src="../../ui/widget.js"></script>
	<script src="../../ui/button.js"></script>
	<link rel="stylesheet" href="../demos.css">
	<script>
	$(function() {
		$( "input[type=submit], a, button" )
			.button()
			.click(function( event ) {
				event.preventDefault();
			});
	});
	</script>
</head>
<body>

<button>A button element</button>

<input type="submit" value="A submit button">

<a href="#">An anchor</a>

<div class="demo-description">
<p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p>
</div>
</body>
</html>
eredoc */ .highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */ .highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */ .highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */ .highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */ .highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
<?xml version="1.0" encoding="UTF-8"?>
<!--
  Licensed to the Apache Software Foundation (ASF) under one or more
  contributor license agreements.  See the NOTICE file distributed with
  this work for additional information regarding copyright ownership.
  The ASF licenses this file to You under the Apache License, Version 2.0
  (the "License"); you may not use this file except in compliance with
  the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<!-- $Id$ -->
<testcase>
  <info>
    <p>
      This test checks footnotes as descendants of list-item-body elements.
    </p>
  </info>
  <fo>
    <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
      <fo:layout-master-set>
        <fo:simple-page-master master-name="simple" page-height="220pt" page-width="3in"
          margin="10pt">
          <fo:region-body background-color="#F0F0F0"/>
        </fo:simple-page-master>
      </fo:layout-master-set>
      <fo:page-sequence master-reference="simple" font-size="8pt" line-height="10pt">
        <fo:flow flow-name="xsl-region-body">
          <fo:block>Before the list.</fo:block>
          <fo:list-block provisional-distance-between-starts="1.2em" provisional-label-separation="2pt">
            <fo:list-item>
              <fo:list-item-label end-indent="label-end()">
                <fo:block></fo:block>
              </fo:list-item-label>
              <fo:list-item-body start-indent="body-start()">
                <fo:block>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque<fo:footnote>
                  <fo:inline>(1)</fo:inline>
                    <fo:footnote-body>
                      <fo:block start-indent="0">
                        <fo:inline>(1)</fo:inline> First footnote from the list.</fo:block>
                    </fo:footnote-body>
                  </fo:footnote> hendrerit euismod velit. Nulla facilisi. Etiam et risus at neque ultrices
                  facilisis. Donec lectus est, nonummy quis, rhoncus bibendum, porta at, nisl<fo:footnote>
                  <fo:inline>(2)</fo:inline>
                    <fo:footnote-body>
                      <fo:block start-indent="0">
                        <fo:inline>(2)</fo:inline> Second footnote from the list.</fo:block>
                    </fo:footnote-body>
                  </fo:footnote>.
                </fo:block>
              </fo:list-item-body>
            </fo:list-item>
            <fo:list-item>
              <fo:list-item-label end-indent="label-end()">
                <fo:block></fo:block>
              </fo:list-item-label>
              <fo:list-item-body start-indent="body-start()">
                <fo:block>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque<fo:footnote>
                  <fo:inline>(3)</fo:inline>
                    <fo:footnote-body>
                      <fo:block start-indent="0">
                        <fo:inline>(3)</fo:inline> Third footnote from the list.</fo:block>
                    </fo:footnote-body>
                  </fo:footnote> hendrerit euismod velit. Nulla facilisi. Etiam et risus at neque ultrices
                  facilisis. Donec lectus est, nonummy quis, rhoncus bibendum, porta at, nisl<fo:footnote>
                  <fo:inline>(4)</fo:inline>
                    <fo:footnote-body>
                      <fo:block start-indent="0">
                        <fo:inline>(4)</fo:inline> Fourth footnote from the list.</fo:block>
                    </fo:footnote-body>
                  </fo:footnote>.
                </fo:block>
              </fo:list-item-body>
            </fo:list-item>
          </fo:list-block>
        </fo:flow>
      </fo:page-sequence>
      <fo:page-sequence master-reference="simple" font-size="8pt" line-height="10pt">
        <fo:flow flow-name="xsl-region-body">
          <fo:block space-after="130pt">Before the list.</fo:block>
          <fo:list-block provisional-distance-between-starts="1.2em" provisional-label-separation="2pt">
            <fo:list-item>
              <fo:list-item-label end-indent="label-end()">
                <fo:block></fo:block>
              </fo:list-item-label>
              <fo:list-item-body start-indent="body-start()">
                <fo:block orphans="1" widows="1">Lorem ipsum dolor sit amet, consectetuer adipiscing
                  elit. Pellentesque<fo:footnote>
                    <fo:inline>(1)</fo:inline>
                    <fo:footnote-body>
                      <fo:block start-indent="0">(1) First footnote from the list.</fo:block>
                    </fo:footnote-body>
                  </fo:footnote> hendrerit euismod velit. Nulla facilisi. Etiam et risus at neque ultrices
                  facilisis. Donec lectus est, nonummy quis, rhoncus bibendum, porta at, nisl<fo:footnote>
                  <fo:inline>(2)</fo:inline>
                    <fo:footnote-body>
                      <fo:block start-indent="0">(2) Second footnote from the list.</fo:block>
                    </fo:footnote-body>
                  </fo:footnote>.
                </fo:block>
              </fo:list-item-body>
            </fo:list-item>
          </fo:list-block>
        </fo:flow>
      </fo:page-sequence>
    </fo:root>
  </fo>
  <checks>
    <eval expected="4" xpath="count(//pageSequence[1]//footnote/block)"/>
    <eval expected="(1) First footnote from the list."  xpath="//pageSequence[1]//footnote/block[1]"/>
    <eval expected="(2) Second footnote from the list." xpath="//pageSequence[1]//footnote/block[2]"/>
    <eval expected="(3) Third footnote from the list."  xpath="//pageSequence[1]//footnote/block[3]"/>
    <eval expected="(4) Fourth footnote from the list." xpath="//pageSequence[1]//footnote/block[4]"/>
    <eval expected="1" xpath="count(//pageSequence[2]/pageViewport[1]//footnote/block)"/>
    <eval expected="(1) First footnote from the list."  xpath="//pageSequence[2]/pageViewport[1]//footnote/block"/>
    <eval expected="1" xpath="count(//pageSequence[2]/pageViewport[2]//footnote/block)"/>
    <eval expected="(2) Second footnote from the list."  xpath="//pageSequence[2]/pageViewport[2]//footnote/block"/>
  </checks>
</testcase>