source: spip-zone/_plugins_/demo_spip/demo.xml

Last change on this file was 12818, checked in by renato@…, 14 years ago

added some comments to the demo.xml file to explain the markup

File size: 2.7 KB
Line 
1<demos>
2<demo name="test">
3  <step num="1">
4    <title>Demo step 1</title>
5    <content><![CDATA[
6      <p>
7      Testo dello step <strong>1</strong>
8      </p>
9      <p>
10      Highlight del testo crea rubrica
11      </p>         
12    ]]>
13    </content>
14    <actions>
15      <highlight selector="table.cellule-h-table[a[@href*='?exec=rubriques_edit&amp;new=oui']]" color="red" />
16      <highlight selector="table.cellule-h-table[a[@href*='?exec=articles_edit&amp;new=oui']]" />
17    </actions>
18  </step>
19  <step num="2">
20    <title>Demo step 2</title>
21    <content><![CDATA[
22      <p>
23      Testo dello step <strong>2</strong>
24      </p>         
25    ]]>
26    </content>
27    <actions>
28      <reversehighlight selector="table.cellule-h-table[a[@href*='?exec=rubriques_edit&amp;new=oui']]" />   
29    </actions>
30  </step>
31  <step num="3">
32    <title>Demo step 3</title> 
33    <content><![CDATA[
34      <p>
35      Testo dello step <strong>3</strong>
36      </p>         
37    ]]>
38    </content>
39    <actions>
40      <!-- the loop attribute enable looping of mouse actions -->
41      <mouse loop="true">
42        <!-- set the mouse image to the offset of the element selected by selector -->
43        <set selector="div.jqmWindow" />
44        <!-- time is in seconds -->
45        <pause time="1"/>
46        <!-- speed is in px/s -->
47        <move selector="table.cellule-h-table[a[@href*='?exec=rubriques_edit&amp;new=oui']]" speed="200" />
48        <!-- when using "set" or "move", the targeted element is stored,
49             enabling to show a click image on the last selected element.
50             Optionally a delayEvent="seconds" attribute will fire a real
51             click event on the element itself after n seconds from the
52             moment the "click" image is displayed.
53        -->
54        <click />
55      </mouse>
56    </actions>
57  </step>
58  <step num="4">
59    <window>
60      <!-- styling of the window
61           each rule defines a name property and its value
62      -->
63      <css>
64        <rule name="top" val="10px" />
65        <rule name="left" val="10px" />
66        <rule name="marginLeft" val="0" />
67        <rule name="width" val="200px" />
68        <rule name="height" val="100px" />
69        <rule name="overflow" val="auto" />
70      </css>
71    </window>
72    <title>Demo step 4</title> 
73    <content><![CDATA[
74      <p>
75      Testo dello step <strong>4</strong>
76      </p>         
77    ]]>
78    </content>
79    <actions>
80      <mouse loop="true">
81        <set selector="div.jqmWindow" />
82        <pause time="1" />
83        <move selector="div.titrem[a[@href*=articles_page]]" />
84        <pause time="1" />
85        <click delayEvent="1" />
86      </mouse>
87    </actions>
88  </step>
89</demo>
90<demo name="test2">
91</demo>
92</demos>
Note: See TracBrowser for help on using the repository browser.