err.no Git - sope/blob - sopex/Samples/WOxExtTest/CollapsibleContentExt.wox

   1 <?xml version='1.0' standalone='yes'?>
   2 <var:component className="Frame"
   3            title="name"
   4            xmlns="http://www.w3.org/1999/xhtml"
   5            xmlns:var="http://www.skyrix.com/od/binding"
   6            xmlns:const="http://www.skyrix.com/od/constant">
   7   some text <br />
   8   some text <br />
   9   some text <br />
  10   some text <br />
  11   some text <br />
  12   some text <br />
  13   some text <br />
  14   some text <br />
  15
  16   some text <br />
  17   some text <br />
  18   some text <br />
  19   some text <br />
  20   some text <br />
  21   some text <br />
  22   some text <br />
  23   some text <br />
  24
  25   some text <br />
  26   some text <br />
  27   some text <br />
  28   some text <br />
  29   some text <br />
  30   some text <br />
  31   some text <br />
  32   some text <br />
  33
  34   some text <br />
  35   some text <br />
  36   some text <br />
  37   some text <br />
  38   some text <br />
  39   some text <br />
  40   some text <br />
  41   some text <br />
  42
  43   <form var:action="self">
  44     <br/>
  45
  46     <var:we-collapsible const:condition="NO"
  47                         visibility="firstVisibility"
  48                         const:allowScript="YES">
  49
  50         <var:we-collapsible-title NAME="TitleMode">
  51           <var:we-collapsible-action
  52              const:openedLabel         = "first opened"
  53              const:closedLabel         = "first closed"
  54              const:openedImageFileName = "expanded.gif"
  55              const:closedImageFileName = "collapsed.gif"
  56              submitActionName    = "clearClicks"/>
  57
  58           first collapsible (javaScript: only IE)<br/>
  59         </var:we-collapsible-title>
  60
  61         <var:we-collapsible-content NAME="ContentMode">
  62            content of the <b>first</b> collapsible
  63            some text, some text, some text <br/>
  64            some text, some text, some text <br/>
  65            some text, some text, some text <br/>
  66            some text, some text, some text <br/>
  67            some text, some text, some text <br/>
  68            <input type="checkbox" var:checked="isFirstChecked"/>
  69            <a var:action="increaseClicks">increase clicks</a>
  70         </var:we-collapsible-content>
  71     </var:we-collapsible>
  72
  73     <br/>
  74
  75     <var:we-collapsible NAME="SecondCollapsibleContent">
  76
  77         <var:we-collapsible-title NAME="TitleMode">
  78           <var:we-collapsible-action
  79              const:openedLabel         = "second opened"
  80              const:closedLabel         = "second closed"
  81              const:openedImageFileName = "expanded.gif"
  82              const:closedImageFileName = "collapsed.gif"
  83              submitActionName    = "clearClicks"
  84              isLastClicked       = "isSecondLastClicked"
  85              const:fragmentIdentifier  = "second"/>
  86
  87            second collapsible (javaScript: only IE)<br/>
  88         </var:we-collapsible-title>
  89
  90         <var:we-collapsible-content NAME="ContentMode">
  91            content of the <b>second</b> collapsible
  92            some text, some text, some text <br/>
  93            some text, some text, some text <br/>
  94            some text, some text, some text <br/>
  95            some text, some text, some text <br/>
  96            some text, some text, some text <br/>
  97            <input type="checkbox" var:checked="isSecondChecked"/>
  98            <a var:action="increaseClicks">increase clicks</a>
  99         </var:we-collapsible-content>
 100
 101     </var:we-collapsible>
 102
 103     <br/>
 104
 105     <var:we-collapsible NAME="ThirdCollapsibleContent">
 106
 107         <var:we-collapsible-title NAME="TitleMode">
 108           <var:we-collapsible-action
 109              const:openedLabel         = "third opened"
 110              const:closedLabel         = "third closed"
 111              const:openedImageFileName = "expanded.gif"
 112              const:closedImageFileName = "collapsed.gif"
 113              submitActionName    = "clearClicks"
 114              isLastClicked       = "isThirdLastClicked"
 115              const:fragmentIdentifier  = "third"/>
 116           <br/>
 117         </var:we-collapsible-title>
 118
 119         <var:we-collapsible-content NAME="ContentMode">
 120            content of the <b>third</b> collapsible
 121            <input type="checkbox" var:checked="isThirdChecked"/>
 122            <a var:action="increaseClicks">increase clicks</a>
 123         </var:we-collapsible-content>
 124
 125     </var:we-collapsible>
 126
 127   </form> <!--Form-->
 128
 129   <br/>
 130   clicks: <var:string value="clicks"/>
 131
 132 </var:component>