!!! Listings zum Artikel "Webmobiliar" von Stefan Mintert
!!! in iX 8/2013, S. 40

!!! Listing 1

@ü.li:Listing 1: Seitenaufbau in jQuery Mobile

<div data-role="page" id="startseite" data-theme="a">
  <div data-role="header">
    <h1>Titel</h1>
  </div>
 
  <div data-role="content">
    <p>Hier steht der Inhalt</p>
    <a href="#zweiteSeite"></a>
  </div>
 
  <div data-role="footer">
    <h4>Fußzeile</h4>
  </div>
</div>

@ü.li:Listing 2: Klassenname als Konvention in iUI

<div class="toolbar">
  <h1 id="pageTitle"></h1>
  <a id="backButton" class="button" href="#"></a>
</div>
<div id="index" title="Index" selected="true">
  Hello World
</div>

@ü-li:Listing 3: Erzeugen einer Liste mit DHTMLX

<div>
  <div id="listbox" style='width:100%; height:100%;'></div>
</div>
<script type="text/javascript" charset="utf-8">
  dhx.ready(function(){
    dhx.ui({
      container:"listbox",
      id:"books",
      view:"list",
      template:"<div style='float:left'><div class='title'>#title#</div> <div class='author'>by #author#</div></div><div class='price'>#cprice# $</div>",

      url:"books.xml",
        datatype:"xml",
          type:{
            height: 35
          },
          select:1
    });
  });
</script>

@ü.li:Listing 4: Erzeugen einer Card mit Jo

var main = new joCard([
    new joTitle("Hello, Jo!"),
    new joMenu([
        "Yes",
        "No",
        "Maybe"
    ]).selectEvent.subscribe(function(i) {
        console.log("You picked " + i);
    }),
    new joDivider(),
    new joButton("Awesome!").selectEvent.subscribe(function() {
        console.log("You clicked a button");
    })
]);