www.uize.com Open in urlscan Pro
74.208.215.53  Public Scan

URL: http://www.uize.com/examples/seven-segment-display.html
Submission: On June 02 via manual from JP — Scanned from JP

Form analysis 1 forms found in the DOM

<form>
  <table cellspacing="0" style="margin:auto;">
    <tbody>
      <tr>
        <td class="fancyHeading">Display</td>
        <td class="paneSpacer"></td>
        <td class="fancyHeading">Segments State</td>
        <td class="paneSpacer"></td>
        <td class="fancyHeading">Animate Value</td>
      </tr>
      <tr valign="top">
        <td class="pane" style="background:#000;">
          <div id="page-sevenSegmentDisplay" style="padding:12px;">
            <div id="page_sevenSegmentDisplay" class="Uize_Widgets_SegmentDisplay_Seven_Css Uize_Widgets_SegmentDisplay_Seven_Css-medium" style="width:164px;height:246px;">
              <div id="page_sevenSegmentDisplay-segmentA"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-horzSegment Uize_Widgets_SegmentDisplay_Seven_Css-horzSegmentTop Uize_Widgets_SegmentDisplay_Seven_Css-segmentOn" style="height:26px;"
                title="Segment A (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentAEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-right-color:#33ff66;left:1px;border-width:13px;"></div>
                <div id="page_sevenSegmentDisplay-segmentABar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;left:27px;right:27px;"></div>
                <div id="page_sevenSegmentDisplay-segmentAEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-left-color:#33ff66;right:1px;border-width:13px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>A</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div id="page_sevenSegmentDisplay-segmentB"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentRight Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentTop Uize_Widgets_SegmentDisplay_Seven_Css-segmentOn"
                style="width:26px;" title="Segment B (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentBEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-bottom-color:#33ff66;top:1px;border-width:13px;"></div>
                <div id="page_sevenSegmentDisplay-segmentBBar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;top:27px;bottom:14px;"></div>
                <div id="page_sevenSegmentDisplay-segmentBEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-top-color:#33ff66;border-width:13px;bottom:-12px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>B</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div id="page_sevenSegmentDisplay-segmentC"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentRight Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentBottom Uize_Widgets_SegmentDisplay_Seven_Css-segmentOn"
                style="width:26px;" title="Segment C (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentCEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-bottom-color:#33ff66;border-width:13px;top:-12px;"></div>
                <div id="page_sevenSegmentDisplay-segmentCBar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;bottom:27px;top:14px;"></div>
                <div id="page_sevenSegmentDisplay-segmentCEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-top-color:#33ff66;bottom:1px;border-width:13px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>C</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div id="page_sevenSegmentDisplay-segmentD"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-horzSegment Uize_Widgets_SegmentDisplay_Seven_Css-horzSegmentBottom Uize_Widgets_SegmentDisplay_Seven_Css-segmentOn" style="height:26px;"
                title="Segment D (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentDEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-right-color:#33ff66;left:1px;border-width:13px;"></div>
                <div id="page_sevenSegmentDisplay-segmentDBar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;left:27px;right:27px;"></div>
                <div id="page_sevenSegmentDisplay-segmentDEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-left-color:#33ff66;right:1px;border-width:13px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>D</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div id="page_sevenSegmentDisplay-segmentE"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentLeft Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentBottom Uize_Widgets_SegmentDisplay_Seven_Css-segmentOn"
                style="width:26px;" title="Segment E (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentEEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-bottom-color:#33ff66;border-width:13px;top:-12px;"></div>
                <div id="page_sevenSegmentDisplay-segmentEBar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;bottom:27px;top:14px;"></div>
                <div id="page_sevenSegmentDisplay-segmentEEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-top-color:#33ff66;bottom:1px;border-width:13px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>E</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div id="page_sevenSegmentDisplay-segmentF"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegment Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentLeft Uize_Widgets_SegmentDisplay_Seven_Css-vertSegmentTop Uize_Widgets_SegmentDisplay_Seven_Css-segmentOn"
                style="width:26px;" title="Segment F (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentFEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-bottom-color:#33ff66;top:1px;border-width:13px;"></div>
                <div id="page_sevenSegmentDisplay-segmentFBar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;top:27px;bottom:14px;"></div>
                <div id="page_sevenSegmentDisplay-segmentFEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-top-color:#33ff66;border-width:13px;bottom:-12px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>F</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div id="page_sevenSegmentDisplay-segmentG"
                class="Uize_Widgets_SegmentDisplay_Seven_Css-segment Uize_Widgets_SegmentDisplay_Seven_Css-horzSegment Uize_Widgets_SegmentDisplay_Seven_Css-horzSegmentMiddle Uize_Widgets_SegmentDisplay_Seven_Css-segmentOff"
                style="height:26px;top:110px;" title="Segment G (click to toggle state)">
                <div id="page_sevenSegmentDisplay-segmentGEndA" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-right-color:#33ff66;left:1px;border-width:13px;"></div>
                <div id="page_sevenSegmentDisplay-segmentGBar" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentBar" style="background:#33ff66;left:27px;right:27px;"></div>
                <div id="page_sevenSegmentDisplay-segmentGEndB" class="Uize_Widgets_SegmentDisplay_Seven_Css-segmentEnd" style="border-left-color:#33ff66;right:1px;border-width:13px;"></div>
                <table cellspacing="0" cellpadding="0" class="segmentLabel">
                  <tbody>
                    <tr valign="center">
                      <td>G</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </td>
        <td class="paneSpacer"></td>
        <td class="pane">
          <div class="valueSelectorHeading">VALUE SELECTOR</div>
          <select id="page-valueSelector" style="width:100%;">
            <option value="0">digit: 0</option>
            <option value="1">digit: 1</option>
            <option value="2">digit: 2</option>
            <option value="3">digit: 3</option>
            <option value="4">digit: 4</option>
            <option value="5">digit: 5</option>
            <option value="6">digit: 6</option>
            <option value="7">digit: 7</option>
            <option value="8">digit: 8</option>
            <option value="9">digit: 9</option>
            <option value="A">capital: A</option>
            <option value="C">capital: C</option>
            <option value="E">capital: E</option>
            <option value="F">capital: F</option>
            <option value="G">capital: G</option>
            <option value="H">capital: H</option>
            <option value="J">capital: J</option>
            <option value="L">capital: L</option>
            <option value="N">capital: N</option>
            <option value="P">capital: P</option>
            <option value="U">capital: U</option>
            <option value="Y">capital: Y</option>
            <option value="a">lowercase: a</option>
            <option value="b">lowercase: b</option>
            <option value="c">lowercase: c</option>
            <option value="d">lowercase: d</option>
            <option value="e">lowercase: e</option>
            <option value="h">lowercase: h</option>
            <option value="i">lowercase: i</option>
            <option value="j">lowercase: j</option>
            <option value="l">lowercase: l</option>
            <option value="n">lowercase: n</option>
            <option value="o">lowercase: o</option>
            <option value="q">lowercase: q</option>
            <option value="r">lowercase: r</option>
            <option value="t">lowercase: t</option>
            <option value="u">lowercase: u</option>
            <option value=" ">punctuation: </option>
            <option value="-">punctuation: -</option>
            <option value="_">punctuation: _</option>
            <option value="=">punctuation: =</option>
            <option value="\">punctuation: \</option>
            <option value="/">punctuation: /</option>
            <option value="]">punctuation: ]</option>
            <option value="0x02">hex: 0x02</option>
            <option value="0x03">hex: 0x03</option>
            <option value="0x07">hex: 0x07</option>
            <option value="0x0a">hex: 0x0a</option>
            <option value="0x0b">hex: 0x0b</option>
            <option value="0x0c">hex: 0x0c</option>
            <option value="0x10">hex: 0x10</option>
            <option value="0x11">hex: 0x11</option>
            <option value="0x12">hex: 0x12</option>
            <option value="0x14">hex: 0x14</option>
            <option value="0x16">hex: 0x16</option>
            <option value="0x18">hex: 0x18</option>
            <option value="0x19">hex: 0x19</option>
            <option value="0x1a">hex: 0x1a</option>
            <option value="0x1b">hex: 0x1b</option>
            <option value="0x1e">hex: 0x1e</option>
            <option value="0x20">hex: 0x20</option>
            <option value="0x21">hex: 0x21</option>
            <option value="0x22">hex: 0x22</option>
            <option value="0x23">hex: 0x23</option>
            <option value="0x24">hex: 0x24</option>
            <option value="0x26">hex: 0x26</option>
            <option value="0x27">hex: 0x27</option>
            <option value="0x28">hex: 0x28</option>
            <option value="0x29">hex: 0x29</option>
            <option value="0x2a">hex: 0x2a</option>
            <option value="0x2b">hex: 0x2b</option>
            <option value="0x2c">hex: 0x2c</option>
            <option value="0x2d">hex: 0x2d</option>
            <option value="0x2e">hex: 0x2e</option>
            <option value="0x2f">hex: 0x2f</option>
            <option value="0x31">hex: 0x31</option>
            <option value="0x32">hex: 0x32</option>
            <option value="0x34">hex: 0x34</option>
            <option value="0x35">hex: 0x35</option>
            <option value="0x36">hex: 0x36</option>
            <option value="0x39">hex: 0x39</option>
            <option value="0x3a">hex: 0x3a</option>
            <option value="0x3f">hex: 0x3f</option>
            <option value="0x40">hex: 0x40</option>
            <option value="0x41">hex: 0x41</option>
            <option value="0x42">hex: 0x42</option>
            <option value="0x43">hex: 0x43</option>
            <option value="0x44">hex: 0x44</option>
            <option value="0x45">hex: 0x45</option>
            <option value="0x46">hex: 0x46</option>
            <option value="0x48">hex: 0x48</option>
            <option value="0x49">hex: 0x49</option>
            <option value="0x4a">hex: 0x4a</option>
            <option value="0x4b">hex: 0x4b</option>
            <option value="0x4c">hex: 0x4c</option>
            <option value="0x4d">hex: 0x4d</option>
            <option value="0x50">hex: 0x50</option>
            <option value="0x51">hex: 0x51</option>
            <option value="0x52">hex: 0x52</option>
            <option value="0x53">hex: 0x53</option>
            <option value="0x54">hex: 0x54</option>
            <option value="0x55">hex: 0x55</option>
            <option value="0x56">hex: 0x56</option>
            <option value="0x57">hex: 0x57</option>
            <option value="0x58">hex: 0x58</option>
            <option value="0x59">hex: 0x59</option>
            <option value="0x5a">hex: 0x5a</option>
            <option value="0x5c">hex: 0x5c</option>
            <option value="0x5d">hex: 0x5d</option>
            <option value="0x60">hex: 0x60</option>
            <option value="0x61">hex: 0x61</option>
            <option value="0x62">hex: 0x62</option>
            <option value="0x63">hex: 0x63</option>
            <option value="0x64">hex: 0x64</option>
            <option value="0x65">hex: 0x65</option>
            <option value="0x66">hex: 0x66</option>
            <option value="0x68">hex: 0x68</option>
            <option value="0x69">hex: 0x69</option>
            <option value="0x6a">hex: 0x6a</option>
            <option value="0x6b">hex: 0x6b</option>
            <option value="0x6c">hex: 0x6c</option>
            <option value="0x6e">hex: 0x6e</option>
            <option value="0x71">hex: 0x71</option>
            <option value="0x72">hex: 0x72</option>
            <option value="0x74">hex: 0x74</option>
            <option value="0x75">hex: 0x75</option>
            <option value="0x7a">hex: 0x7a</option>
            <option value="0x7c">hex: 0x7c</option>
          </select>
          <br>
          <table cellspacing="0" class="segmentTable" style="width:100%;">
            <tbody>
              <tr class="heading">
                <td>A</td>
                <td>B</td>
                <td>C</td>
                <td>D</td>
                <td>E</td>
                <td>F</td>
                <td>G</td>
              </tr>
              <tr class="segmentValues">
                <td id="page-abcdefgSegmentsA" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-abcdefgSegmentsB" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-abcdefgSegmentsC" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-abcdefgSegmentsD" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-abcdefgSegmentsE" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-abcdefgSegmentsF" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-abcdefgSegmentsG" title="Click to toggle state" style="cursor: pointer;">0</td>
              </tr>
              <tr class="segmentsStateAsHex">
                <td id="page-abcdefgHex" colspan="7">HEX VALUE: 0x7e</td>
              </tr>
            </tbody>
          </table>
          <table cellspacing="0" class="segmentTable" style="width:100%; margin-bottom:10px;">
            <tbody>
              <tr class="heading">
                <td>G</td>
                <td>F</td>
                <td>E</td>
                <td>D</td>
                <td>C</td>
                <td>B</td>
                <td>A</td>
              </tr>
              <tr class="segmentValues">
                <td id="page-gfedcbaSegmentsG" title="Click to toggle state" style="cursor: pointer;">0</td>
                <td id="page-gfedcbaSegmentsF" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-gfedcbaSegmentsE" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-gfedcbaSegmentsD" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-gfedcbaSegmentsC" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-gfedcbaSegmentsB" title="Click to toggle state" style="cursor: pointer;">1</td>
                <td id="page-gfedcbaSegmentsA" title="Click to toggle state" style="cursor: pointer;">1</td>
              </tr>
              <tr class="segmentsStateAsHex">
                <td id="page-gfedcbaHex" colspan="7">HEX VALUE: 0x3f</td>
              </tr>
            </tbody>
          </table>
          <a id="page-allSegmentsOn" href="javascript://" class="buttonLink">all segments on</a>
          <a id="page-allSegmentsOff" href="javascript://" class="buttonLink">all segments off</a>
          <a id="page-invertSegmentsState" href="javascript://" class="buttonLink">invert all segments</a>
        </td>
        <td class="paneSpacer"></td>
        <td class="pane">
          <a id="page-animate0to9" href="javascript://" class="buttonLink ">count up from 0 to 9</a>
          <a id="page-animate9to0" href="javascript://" class="buttonLink ">count down from 9 to 0</a>
          <a id="page-animateAllSegmentsOn" href="javascript://" class="buttonLink ">animate all segments on</a>
          <a id="page-animateClockwise" href="javascript://" class="buttonLink ">animate clockwise</a>
          <a id="page-animateCounterClockwise" href="javascript://" class="buttonLink ">animate counter-clockwise</a>
          <a id="page-animateMoveUpwards" href="javascript://" class="buttonLink ">animate move upwards</a>
          <a id="page-animateMoveDownwards" href="javascript://" class="buttonLink ">animate move downwards</a>
          <a id="page-animEight" href="javascript://" class="buttonLink ">anim-eight</a>
          <a id="page-animateBlinky" href="javascript://" class="buttonLink ">blinky</a>
          <a id="page-animateThroughAll" href="javascript://" class="buttonLink ">animate through all values</a>
        </td>
      </tr>
    </tbody>
  </table>
</form>

Text Content

UIZE JAVASCRIPT FRAMEWORK



JAVASCRIPT EXAMPLES SEVEN SEGMENT DISPLAY
SOURCEDELVE

In this example, an instance of the Uize.Widgets.SegmentDisplay.Seven.Widget
widget class is being used to wire up a seven segment display UI. The seven
segment display is an old style of display device for displaying decimal
numerals and a limited number of alphabetical characters (often utilizing LED or
LCD electonics), which is often found in displays in pocket calculators, VHS and
DVD players, digital watches, audio recording hardware, etc. The seven segment
display shown in this example is interactive. You can choose a value to display
by using the "VALUE SELECTOR" droplist. You can toggle the lit state of
individual segments of the display by clicking directly on the segments of the
display, or you can click on the binary digits in the ABCDEFG and GFEDCBA
segments state tables. Various buttons are also provided in the "SEGMENTS STATE"
pane to let you easily change the lit state of all segments at once. To see
animations of the display state, use the buttons in the "ANIMATE VALUE" pane to
the right.

Display Segments State Animate Value

A

B

C

D

E

F

G

VALUE SELECTOR
digit: 0digit: 1digit: 2digit: 3digit: 4digit: 5digit: 6digit: 7digit: 8digit:
9capital: Acapital: Ccapital: Ecapital: Fcapital: Gcapital: Hcapital: Jcapital:
Lcapital: Ncapital: Pcapital: Ucapital: Ylowercase: alowercase: blowercase:
clowercase: dlowercase: elowercase: hlowercase: ilowercase: jlowercase:
llowercase: nlowercase: olowercase: qlowercase: rlowercase: tlowercase:
upunctuation: punctuation: -punctuation: _punctuation: =punctuation:
\punctuation: /punctuation: ]hex: 0x02hex: 0x03hex: 0x07hex: 0x0ahex: 0x0bhex:
0x0chex: 0x10hex: 0x11hex: 0x12hex: 0x14hex: 0x16hex: 0x18hex: 0x19hex: 0x1ahex:
0x1bhex: 0x1ehex: 0x20hex: 0x21hex: 0x22hex: 0x23hex: 0x24hex: 0x26hex: 0x27hex:
0x28hex: 0x29hex: 0x2ahex: 0x2bhex: 0x2chex: 0x2dhex: 0x2ehex: 0x2fhex: 0x31hex:
0x32hex: 0x34hex: 0x35hex: 0x36hex: 0x39hex: 0x3ahex: 0x3fhex: 0x40hex: 0x41hex:
0x42hex: 0x43hex: 0x44hex: 0x45hex: 0x46hex: 0x48hex: 0x49hex: 0x4ahex: 0x4bhex:
0x4chex: 0x4dhex: 0x50hex: 0x51hex: 0x52hex: 0x53hex: 0x54hex: 0x55hex: 0x56hex:
0x57hex: 0x58hex: 0x59hex: 0x5ahex: 0x5chex: 0x5dhex: 0x60hex: 0x61hex: 0x62hex:
0x63hex: 0x64hex: 0x65hex: 0x66hex: 0x68hex: 0x69hex: 0x6ahex: 0x6bhex: 0x6chex:
0x6ehex: 0x71hex: 0x72hex: 0x74hex: 0x75hex: 0x7ahex: 0x7c


A B C D E F G 1 1 1 1 1 1 0 HEX VALUE: 0x7e

G F E D C B A 0 1 1 1 1 1 1 HEX VALUE: 0x3f

all segments on all segments off invert all segments count up from 0 to 9 count
down from 9 to 0 animate all segments on animate clockwise animate
counter-clockwise animate move upwards animate move downwards anim-eight blinky
animate through all values

© 1997-2015 UIZE (UIZE JavaScript Framework)  --  Available under MIT License or
GNU General Public License
indispensable online resources: w3c.org  |  w3schools.com  |  webmonkey.com  | 
webreference.com  |  wikipedia.org
relevant blog sites: ajaxian.com  |  sixrevisions.com  |  alistapart.com  | 
quirksmode.org
standards: ECMA-262  |  ECMA-327  |  ECMA-357  |  XHTML 1.1  |  CSS 2.1
BUY UIZE SWAG AT THE OFFICIAL MERCHANDISE STORE

Home
Latest News



2015 News



2014 News



2013 News



2012 News



2011 News



2010 News



2009 News



2008 News



2006 News




DOWNLOAD
Getting Started



Getting Started With UIZE






Introduction to UIZE



Overview of Features



Using the Documentation



Building UIZE-powered Pages






The Philosophy of UIZE



Examples


Featured examples




TOUR FEATURED EXAMPLES








Index of featured examples





Animation examples




TOUR ANIMATION EXAMPLES








Index of animation examples


Color examples




TOUR COLOR EXAMPLES








Index of color examples


Drag-and-drop examples




TOUR DRAG-AND-DROP EXAMPLES








Index of drag-and-drop examples


Form examples




TOUR FORM EXAMPLES








Index of form examples


Ipad examples




TOUR IPAD EXAMPLES








Index of ipad examples


Menu examples




TOUR MENU EXAMPLES








Index of menu examples


Slideshow examples




TOUR SLIDESHOW EXAMPLES








Index of slideshow examples


Tool examples




TOUR TOOL EXAMPLES








Index of tool examples


Touch examples




TOUR TOUCH EXAMPLES








Index of touch examples


Widget examples




TOUR WIDGET EXAMPLES








Index of widget examples


Zoom examples




TOUR ZOOM EXAMPLES








Index of zoom examples





All examples




TOUR ALL EXAMPLES








Index of all examples






EXAMPLES, BY MODULE...
Tools



The DELVE Tool



JavaScript Bookmarklets






Color Format Converter



Color Gradient Tool



Curve Explorer



Dependency Analyzer



JSON Prettifier



JavaScript Scruncher



JavaScript Template Tester



Multi-line String Serializer



Pseudo-localizer



Simple Data Tester



SimpleDoc Tester






Index of JavaScript Tools
Guides



Getting Started With UIZE






Modules



Classes and Inheritance



State Properties



Event System






DOM Events



Widgets



Templates



Animation and Effects





i18n & Localization




Localization




Localization Automation








Whitepaper - Localization




Whitepaper - Resource String Guidelines






Libraries



Build Scripts



Testing Framework



Documentation System



All About Scrunching



Strict Mode






Troubleshooting



Using the DELVE Tool






General Constructs



Bookmarklets






Index of JavaScript Guides
Module Reference


Uize




[[ BASE ]]







Array





[[ BASE ]]










Dupes





Join





Order





Sort





Util



Build





[[ BASE ]]










All





AuditStrings





BuildStateCombinationLibraries





Deploy





Deps




FileBuilders






[[ BASE ]]












BuiltLibraryModules






BuiltModules






CompiledCss






CompiledCssModules






CompiledJstModules






CompiledLocModules






CompiledSimpleDataModules






CompiledWidgetHtmltModules






CompressedCssFiles






CompressedModules






InMemoryCompiledJstTemplates






InMemoryHtmlInfo






InMemoryModuleBuiltSize






InMemoryModuleDirectDependencies






InMemoryModuleMetadata






InMemoryParsedSimpleDataFiles






JstDerivedPages






SimpleDataHtmlPages






SimpleDataPages






SimpleDocPages






SourceFiles






TempGeneratedNamespaceModules






TempJsModules






TempUizeModule






UnprocessedFiles




Files






[[ BASE ]]












JsModules






JstDerivedPages






UnprocessedFiles





FolderOrganizeJsModules





ListJsModules





Loc





ModuleInfo





NeatenJsFiles





PluralsModules





Scruncher





Search





ServicesSetup




Templates






[[ BASE ]]











Module







[[ BASE ]]














HeadComment






Plurals








[[ BASE ]]
















ClassesInfo








ModuleTemplate







ScrunchedHeadComment






Widget








[[ BASE ]]
















VisualSampler








VisualTests








Widget





Test





UpdateCopyrightNotices




Util






[[ BASE ]]












Whitespace





WebServer





Widget





Wsh



Class





[[ BASE ]]










Test





Value





mChildObjectBindings





mChildObjectEventBindings





mDeclarativeChildObjects





mModels





mTreeInheritance



Color





[[ BASE ]]










ColorsHslTransformer





Util





xCmyk





xHsv





xSvgColors





xUtil



Comm





[[ BASE ]]










Ajax




Iframe






[[ BASE ]]












Upload





Script



Curve





[[ BASE ]]










Examples





Mod





Rubber



Data





[[ BASE ]]










Combinations





Compare





Csv





Diff





Flatten





Mappings





Matches





NameValueRecords




PathsTree






[[ BASE ]]












CompactString





Simple





Util





ValuePack



Date





[[ BASE ]]










Formatter



Doc





[[ BASE ]]










Simple





Sucker



Dom





[[ BASE ]]










Basics





Classes





CssModule





Event





Form





Fullscreen





Pos





Text





Tree





Util





VirtualEvent




VirtualEvents






[[ BASE ]]












Edge






ModClick






Remain



Event





[[ BASE ]]










Bus



Fade





[[ BASE ]]










Factory





mSeries





xFactory




Flo



Fx





[[ BASE ]]










Scroll





xShadows



Json





[[ BASE ]]










MultiLineStringLiteral



Loc





[[ BASE ]]









FileFormats






[[ BASE ]]












AndroidStrings






JavaProperties






JavaPropertiesAscii






JavaPropertiesUnicode






MacStrings






Po





ProjectStrings







[[ BASE ]]














Csv







Util







Xliff






QtTs




Plurals






[[ BASE ]]












ClassesInfo





Langs







[[ BASE ]]














af







ak







am







ar







asa







ast







az







be







bem







bez







bg







bh







bm







bn







bo







br







brx







bs







ca







cgg







chr







ckb







cs







cy







da







de







dsb







dv







dz







ee







el







en







eo







es







et







eu







fa







ff







fi







fil







fo







fr







fur







fy







ga







gd







gl







gsw







gu







guw







gv







ha







haw







he







hi







hr







hsb







hu







hy







id







ig







ii







in







is







it







iu







iw







ja







jbo







jgo







ji







jmc







jv







jw







ka







kab







kaj







kcg







kde







kea







kk







kkj







kl







km







kn







ko







ks







ksb







ksh







ku







kw







ky







lag







lb







lg







lkt







ln







lo







lt







lv







mas







mg







mgo







mk







ml







mn







mo







mr







ms







mt







my







nah







naq







nb







nd







ne







nl







nn







nnh







no







nqo







nr







nso







ny







nyn







om







or







os







pa







pap







pl







prg







ps







pt







pt-PT







pt_PT







rm







ro







rof







root







ru







rwk







sah







saq







se







seh







ses







sg







sh







shi







si







sk







sl







sma







smi







smj







smn







sms







sn







so







sq







sr







ss







ssy







st







sv







sw







syr







ta







te







teo







th







ti







tig







tk







tl







tn







to







tr







ts







tzm







ug







uk







ur







uz







ve







vi







vo







vun







wa







wae







wo







xh







xog







yi







yo







zh







zu






RuleParser






Util




Pseudo






[[ BASE ]]












Xml




Strings






[[ BASE ]]












Metrics






PluralUtils






StringPath






Util




Util






[[ BASE ]]












LocModuleCompiler



Math





[[ BASE ]]










Blend





LogicalPos





Matrix2D



Oop





[[ BASE ]]










BasicClass





mClassFeatureDeclaration



Parse





[[ BASE ]]










Base




Code






[[ BASE ]]












CStyleMultiLineComment






CStyleSingleLineComment






PoundComment






StringLiteral






Whitespace





Items




JavaProperties






[[ BASE ]]












Document






Property






PropertyName






PropertyValue






UnicodeEscaped




JavaPropertiesAscii






[[ BASE ]]












Document






Property






PropertyName






PropertyValue




JavaPropertiesUnicode






[[ BASE ]]












Document






Property






PropertyName






PropertyValue




MacStrings






[[ BASE ]]












Document






String




Po






[[ BASE ]]












Document






Name






NameValue






Value




Xml






[[ BASE ]]












Cdata






Comment






NodeList






Tag






TagAttribute






TagAttributeValue






TagAttributes






TagOrAttributeName






Text






Util



Service





[[ BASE ]]










Adapter



Services





[[ BASE ]]










FileBuilder




FileBuilderAdapter






[[ BASE ]]












Basic





FileSystem




FileSystemAdapter






[[ BASE ]]












Node






Wsh





Loc




LocAdapter






[[ BASE ]]












Uize






mHtmlPseudoLocalization





Setup





Store




StoreAdapter






[[ BASE ]]












BrowserLocalStorage






Memory



Str





[[ BASE ]]










BackslashEscapedLinebreaks





Builder





Camel





CharClass





Discombobulator





Has





Indented





Limit





Lines





Repeat





Replace





Search





SegmentHighlighter





Split





Trim





Whitespace



Template





[[ BASE ]]










Module



Templates





[[ BASE ]]










Adoptable





Calculator





Calendar





Collection





CollectionItem





ColorGrid





List





ProgressBar





SimpleDoc




Text






[[ BASE ]]












ProgressBar






Table





Tables







[[ BASE ]]














Breakdown







Histogram







YinYangBreakdown



Test





[[ BASE ]]









Class






[[ BASE ]]












mChildObjectBindings






mDeclarativeChildObjects






mModels






mSpy





ParserTest




Performance






[[ BASE ]]












ArrayBuildingStyles






ArrayIterationStyles






ArraySummingApproaches






ConstrainImplementationApproaches






TestingForUndefined





Runner




TestData






[[ BASE ]]












Animals






AnimalsAndPlants






Plants




Uize






[[ BASE ]]











Array







[[ BASE ]]














Dupes







Join







Order







Sort







Util





Build







[[ BASE ]]













Util








[[ BASE ]]
















Whitespace





Class







[[ BASE ]]














mChildObjectBindings







mChildObjectEventBindings







mDeclarativeChildObjects







mModels







mTreeInheritance





Data







[[ BASE ]]














Combinations







Compare







Csv







Diff







Flatten







Mappings







Matches







NameValueRecords






PathsTree








[[ BASE ]]
















CompactString







Util







ValuePack





Date







[[ BASE ]]














Formatter





Dom







[[ BASE ]]














Classes






Flo





Loc







[[ BASE ]]













FileFormats








[[ BASE ]]
















AndroidStrings








JavaProperties








MacStrings








Po







ProjectStrings









[[ BASE ]]


















Csv









Util









Xliff








QtTs






Plurals








[[ BASE ]]
















RuleParser








Util






Pseudo








[[ BASE ]]
















Xml






Strings








[[ BASE ]]
















Metrics








PluralUtils








StringPath








Util





Math







[[ BASE ]]














Blend





Parse







[[ BASE ]]













Code








[[ BASE ]]
















CStyleMultiLineComment








CStyleSingleLineComment








PoundComment








StringLiteral








Whitespace






JavaProperties








[[ BASE ]]
















Document








Property








PropertyName








PropertyValue








UnicodeEscaped






JavaPropertiesAscii








[[ BASE ]]
















Document








Property








PropertyName








PropertyValue






JavaPropertiesUnicode








[[ BASE ]]
















Document








Property








PropertyName








PropertyValue






MacStrings








[[ BASE ]]
















Document








String






Po








[[ BASE ]]
















Document








Name








NameValue








Value






Xml








[[ BASE ]]
















Cdata








Comment








NodeList








Tag








TagAttribute








TagAttributeValue








TagAttributes








TagOrAttributeName








Text






Service





Services







[[ BASE ]]














FileSystem







LocAdapter





Str







[[ BASE ]]














BackslashEscapedLinebreaks







Builder







Camel







Has







Limit







Lines







Repeat







Replace







Split







Trim







Whitespace






Template





Templates







[[ BASE ]]














Calculator







Calendar







Collection







CollectionItem







List






Text








[[ BASE ]]
















ProgressBar








Table






Url





Util







[[ BASE ]]













Html








[[ BASE ]]
















Encode








Entities








EntityInfo








Has






Matchers








[[ BASE ]]
















AttributeMatcher








ValueListMatcher







ModuleNaming







PropertyAdapter






RegExpComposition








[[ BASE ]]
















Printf








PrintfWithParam







Spy





Widget







[[ BASE ]]













Form








[[ BASE ]]
















mDeclarativeElements







HtmltCompiler







mCssBindings






Xml




Widget






[[ BASE ]]












mChildBindings






mCssBindings






mDeclarativeChildren






mEventBindings






mHtmlBindings




Tooltip




Url



Util





[[ BASE ]]









Browser






[[ BASE ]]












Cookies





Bucket





Coupler





Cycle





Debug




Dependencies






[[ BASE ]]












Analyzer






Async




Html






[[ BASE ]]












Encode






Entities






EntityInfo






Has




Matchers






[[ BASE ]]












AttributeMatcher






Base






ModuleNameMatcher






ValueListMatcher





ModuleNaming





Needs





Oop





PropertyAdapter




RegExpComposition






[[ BASE ]]












Printf






PrintfWithParam






WordSplitter






WordSplitterHtml





Spy



Web





[[ BASE ]]










library





xDom





xEffects





xFilters





xSelector



Widget





[[ BASE ]]










AutoSuggest





AutoTooltip




Bar






[[ BASE ]]












Progress





Slider







[[ BASE ]]














Plus






mSlider




Button






[[ BASE ]]












Checkbox






Filter






Toggle





ValueDisplay







[[ BASE ]]














Selector





Calculator





CalculatorAbstract





Calendar




Captcha






[[ BASE ]]












Recaptcha





Collapsy




Collection






[[ BASE ]]











Dynamic







[[ BASE ]]














Table







xDialogEditable




CollectionItem






[[ BASE ]]












Zooming




ColorGrid






[[ BASE ]]












Draggable





Committer





Count




Dialog






[[ BASE ]]












Confirm






Form






Iframe





Picker







[[ BASE ]]














Date






Palette








[[ BASE ]]
















Selector








mSelector







mPalette






mConfirm






mForm






mPicker






mResizable






xResizable





DirectionalPad




Drag






[[ BASE ]]











Move







[[ BASE ]]














Drop





EdgeHugger





EggTimer





FilterGroups





Fleeting





Flip




Form






[[ BASE ]]












mDeclarativeElements





FormDialog




FormElement






[[ BASE ]]











Captcha







[[ BASE ]]














Recaptcha






Select






Text





FormElementWarning





FormElements





FormWarnings





HoverFader





HtmltCompiler




ImagePort






[[ BASE ]]












Draggable




ImageWipe






[[ BASE ]]












ThemeValuePack






Themes




InlinePicker






[[ BASE ]]












Selector





ListEditor





Log





MagView





Mask




Options






[[ BASE ]]












Accordion






FilterGroup






Popup






Selector





Tabbed







[[ BASE ]]














Fading




Page






[[ BASE ]]












xDeferredLinks





Pagination




Picker






[[ BASE ]]












Date





Palette







[[ BASE ]]














Selector







mSelector





Population





PopupPalette




Resizer






[[ BASE ]]












Marquee





Scrolly




SegmentDisplay






[[ BASE ]]












Matrix3x5






Seven




SlideShow






[[ BASE ]]











AutoAdvance







[[ BASE ]]














WithSlideSelectors





Stretchy




Swap






[[ BASE ]]












Deck






Html





Image







[[ BASE ]]














Cycle






ThemeValuePack






Themes





TableSort





TextInput





TextInputBasic





ThumbZoom




Tree






[[ BASE ]]












List






ListAbstract






Menu






MenuAbstract






Select





V2





mBindings





mChildBindings





mChildrenLinked





mCssBindings





mDeclarativeChildren





mEventBindings





mHtmlBindings





mLoc





mModels





mV2





mWeb





mWebBindings





mWidthHeight



Widgets





[[ BASE ]]









Bar






[[ BASE ]]












Css





FullEmpty







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget







mFullEmpty





HorzWithStatusText







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget






Html






VisualSampler






VisualTests






Widget




Bars






[[ BASE ]]











UsedAndRemaining







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget




BoxWithHeading






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




Button






[[ BASE ]]












Css






Html





Square







[[ BASE ]]














Css







Html






Icon








[[ BASE ]]
















Css








Html








VisualSampler








VisualTests








Widget







VisualSampler







VisualTests







Widget





Toggle







[[ BASE ]]













OnOff








[[ BASE ]]
















Css








Html








VisualSampler








VisualTests








Widget






VisualSampler






VisualTests






Widget




Buttons






[[ BASE ]]











Cancel







[[ BASE ]]














Css







Html






Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget





Char







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget





Clear







[[ BASE ]]













Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget





ColorSwatch







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget





Date







[[ BASE ]]














Css







VisualSampler







VisualTests







Widget





Directional







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget





Localized







[[ BASE ]]














VisualSampler







VisualTests







Widget





Ok







[[ BASE ]]













Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget





Reset







[[ BASE ]]













Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget





Share







[[ BASE ]]













Delicious








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






Digg








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






Email








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






Facebook








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






GoogleBookmarks








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






LinkedIn








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






Reddit








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






StumbleUpon








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget






Twitter








[[ BASE ]]
















Css








VisualSampler








VisualTests








Widget







VisualSamplerBase







VisualTestsBase







Widget





ViewSizeToggler







[[ BASE ]]













Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget




Calculator






[[ BASE ]]












Css





Entry







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget






Html






VisualSampler






VisualTests






Widget




Calendar






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




ColorInfo






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




ColorSliders






[[ BASE ]]











Vert







[[ BASE ]]













Combo








[[ BASE ]]
















Css








Html







Loc









[[ BASE ]]


















de_DE









en_GB









en_US









en_ZZ









fr_FR









ja_JP









nl_NL









ru_RU









zh_CN








VisualSampler








VisualTests








Widget







Css






Hsl








[[ BASE ]]















Loc









[[ BASE ]]


















de_DE









en_GB









en_US









en_ZZ









fr_FR









ja_JP









nl_NL









ru_RU









zh_CN








VisualSampler








VisualTests








Widget







Html






Rgb








[[ BASE ]]















Loc









[[ BASE ]]


















de_DE









en_GB









en_US









en_ZZ









fr_FR









ja_JP









nl_NL









ru_RU









zh_CN








VisualSampler








VisualTests








Widget







Widget




ColorSwatch






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




ColorsTransformer






[[ BASE ]]












Html





Loc







[[ BASE ]]














de_DE







en_GB







en_US







en_ZZ







fr_FR







ja_JP







nl_NL







ru_RU







zh_CN





ShiftAndRange







[[ BASE ]]














Css







Html






Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget






VisualSampler






VisualTests






Widget




Container






[[ BASE ]]












Html






Widget





CssUtil




Dialog






[[ BASE ]]











Confirm







[[ BASE ]]














Css






Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







Widget






Css






Html





Loc







[[ BASE ]]














de_DE







en_GB







en_US







en_ZZ







fr_FR







ja_JP







nl_NL







ru_RU







zh_CN





Picker







[[ BASE ]]














Widget






VisualSampler






VisualTests






Widget




DigitalClock






[[ BASE ]]











Base







[[ BASE ]]














Widget





Hm







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget





Hms







[[ BASE ]]














Html







VisualSampler







VisualTests







Widget




FlavoredMessage






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




Form






[[ BASE ]]











Input







[[ BASE ]]













Select








[[ BASE ]]
















Css








Html








VisualSampler








VisualTests








Widget






Text








[[ BASE ]]
















Css








Html








VisualSampler








VisualTests








Widget




HslSliders






[[ BASE ]]












Css






Html





Hue







[[ BASE ]]














VisualSampler







VisualTests







Widget





Lightness







[[ BASE ]]














VisualSampler







VisualTests







Widget





Loc







[[ BASE ]]














de_DE







en_GB







en_US







en_ZZ







fr_FR







ja_JP







nl_NL







ru_RU







zh_CN





Saturation







[[ BASE ]]














VisualSampler







VisualTests







Widget






VisualSampler






VisualTests






Widget




ImagePort






[[ BASE ]]












Css






Html






TestAssets






VisualSampler






VisualTests






Widget




Log






[[ BASE ]]












Css






Html





InstanceEvents







[[ BASE ]]














VisualSampler







VisualTests







Widget






VisualSampler






VisualTests






Widget




NavTree






[[ BASE ]]











List







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget





Menu







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget




Page






[[ BASE ]]












Widget




Picker






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




Pickers






[[ BASE ]]











Color







[[ BASE ]]














VisualSampler







VisualTests







Widget





Date







[[ BASE ]]














VisualSampler







VisualTests







Widget





Dialogs







[[ BASE ]]













Color








[[ BASE ]]















Loc









[[ BASE ]]


















de_DE









en_GB









en_US









en_ZZ









fr_FR









ja_JP









nl_NL









ru_RU









zh_CN








Widget






Date








[[ BASE ]]















Loc









[[ BASE ]]


















de_DE









en_GB









en_US









en_ZZ









fr_FR









ja_JP









nl_NL









ru_RU









zh_CN








Widget




ProgressBar






[[ BASE ]]












VisualSampler






VisualTests






Widget




RatingStars






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




RgbSliders






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




SegmentDisplay






[[ BASE ]]











Matrix3x5







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget





Separator







[[ BASE ]]














Css







Html






Matrix3x5








[[ BASE ]]
















VisualSampler








VisualTests








Widget






Seven








[[ BASE ]]
















VisualSampler








VisualTests








Widget







Widget





Seven







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget






mSegmentColor




ShareStrip






[[ BASE ]]












Css





Horz







[[ BASE ]]














Css







VisualSampler







VisualTests







Widget






Html





Vert







[[ BASE ]]














Css







VisualSampler







VisualTests







Widget






Widget




SimpleStatsTable






[[ BASE ]]












Css






Html





Sortable







[[ BASE ]]














Css







VisualSampler







VisualTests







Widget






TestsData






VisualSampler






VisualTests






Widget




Slider






[[ BASE ]]











Base







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget






Css





Gradient







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget






Html






VisualSampler






VisualTests






Widget





StateValues




Tools






[[ BASE ]]











JsonSerializer







[[ BASE ]]














Css







Html






Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







TestData







VisualSampler







VisualTests







Widget





MultiLineStringSerializer







[[ BASE ]]














Css







Html






Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget





PseudoLocalizer







[[ BASE ]]














Css







Html






Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







VisualSampler







VisualTests







Widget





SourceVsResult







[[ BASE ]]














Css







Html







VisualSampler







VisualTests







Widget




Tooltip






[[ BASE ]]












Css





KeysValues







[[ BASE ]]














Css







VisualSampler







VisualTests







Widget






VisualSampler






VisualTests






Widget




VisualSampler






[[ BASE ]]












Html






Widget




VisualTests






[[ BASE ]]











TestCase







[[ BASE ]]














Html







Widget






Widget




WidgetViewer






[[ BASE ]]












Css






Html





VisualSamplersViewer







[[ BASE ]]













Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







Widget





VisualTestsViewer







[[ BASE ]]













Loc








[[ BASE ]]
















de_DE








en_GB








en_US








en_ZZ








fr_FR








ja_JP








nl_NL








ru_RU








zh_CN







Widget






Widget




Xml


UizeSite




[[ BASE ]]







Build





[[ BASE ]]










Deps





File




FileBuilders






[[ BASE ]]












DirectoryPage






ExampleSourceCodePages






ExamplesByKeywordIndexPages






GoogleCodeSitemap






Homepage






InMemoryExamplesByKeywordLookup






InMemoryExamplesInfoForSiteMap






InMemoryModulesTree






InMemoryNewsByYearLookup






InMemoryUrlDictionary





IndexPages







[[ BASE ]]














Appendixes







InMemoryHtmlFiles







InMemoryNews







JavaScriptGuides







JavaScriptModules







JavaScriptModulesToDo







JavaScriptWhitePapers






JavaScriptExamplesByModule






JavaScriptModulesToDoPages






LatestNewsRssFeed






ModuleInfoModules






ModuleReferencePages






ModuleSourceCodePages






NewsByYearIndexPages






TempExamplesInfoForSiteMapModule






TempExamplesModule






TempModulesTreeModule






TempSotuModule





WidgetsToGo







[[ BASE ]]














GoogleGadgetXmlPages







IndexPage







WidgetHomepages







WidgetIframePages




Files






[[ BASE ]]












GeneratedJsModules






IndexPages






JavaScriptModulesToDoPages






SimpleDataPages






SimpleDocPages






SourceCodePages






WidgetPages





ServicesSetup




Templates






[[ BASE ]]











Module







[[ BASE ]]














ScrunchedHeadComment





Util



Delve





[[ BASE ]]










library




DelvePageWriter




Examples




ExamplesInfoForSiteMap




ModuleInfo




ModulesTree



Page





[[ BASE ]]









Doc






[[ BASE ]]












library




Example






[[ BASE ]]











Test







[[ BASE ]]














library






library




Home






[[ BASE ]]












library





library



ParamsInspector





[[ BASE ]]










InlinePresets




SiteMap



Templates





[[ BASE ]]










DataBar





DelvePageHtml





DelveUiHtml





IndexPage





JavaScriptSourceSample





ListingsPage





ParamsInspector





ParamsTable





SimpleDoc





SimpleDocSample




SlideShow






[[ BASE ]]












Basic






Wipes





WidgetToGoTitle



TestData





[[ BASE ]]










Fruits





Photos



WidgetToGoPage





[[ BASE ]]









Calculator






[[ BASE ]]












library




Calendar






[[ BASE ]]












library



Widgets





[[ BASE ]]









EnabledBusyDemo






[[ BASE ]]












Css






Html






VisualSampler






Widget




ExampleInfoTooltip






[[ BASE ]]












Css






VisualSampler






VisualTests






Widget




Follow






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




Footer






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




GetInvolved






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




LikeThis






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




SiteAssistant






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




SiteMenu






[[ BASE ]]












Css






VisualSampler






VisualTests






Widget




SiteNav






[[ BASE ]]












Css






VisualSampler






VisualTests






Widget




TourBar






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget




UnitTests






[[ BASE ]]












Css






Html






VisualSampler






VisualTests






Widget



Appendixes



Press Center



Showcase



License






Credits



Endorsements






HTML Style Guide



JavaScript Code Conventions



JavaScript Optimization






Index of JavaScript Modules



Widgets To Go



SOTU (State of the UIZE)






JavaScript Fun



JavaScript Interview Questions



Glossary
UIZE Development



Creating a New UIZE Module



Creating a New UIZE Example Page






UIZE Unit Tests



Widget Visual Tests



Widget Visual Samplers


Performance Tests




Caching Node References




Extended String Class




getElementById vs getElementsByName




Repeat String Approaches




Storing Length for Iterator




Storing Reference to Sub-object




String Concatenation Approaches




String Match Conditional Styles




String Starts With Substring Styles






SOTU (State of the UIZE)


TO DO




Modules




Documentation




General




News Announcements




External Site Integration
White Papers



Localization




SUPPORT


SITE MAP


SEARCH

LIKE
Share
FOLLOW
Follow @uize
RSS FEED
HELP
Google Group

LinkedIn Group