Qooxdoo Hello World

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/qooxdoo/2.1/q.min.js"></script>
<script src="http://demo.qooxdoo.org/5.0/framework/q-5.0.min.js" type="text/javascript"></script>
<button data-qx-class="qx.ui.website.Button">Default</button>
<button id="ne" data-qx-class="qx.ui.form.Button">
  <span>Image</span>
</button>
<button id="menu-button" data-qx-class="qx.ui.website.Button">Menu ▾</button>
<ul id="menu" style="display: none;">
  <li><button data-qx-class="qx.ui.website.Button">
  <span>Image 1 </span>
</button></li>
  <li><button data-qx-class="qx.ui.website.Button">
  <span>Image 2 </span>
</button></li>
</ul>

JavaScript

q("#button-page button").forEach(function(item) {
  q(item).button().on("tap", logEvent("tap"));
});
var menu = q("#menu").addClass("qx-menu").appendTo(document.body).hide();
q("#menu-button").setMenu(menu);
q("#ne").button().on("tap", logEvent("tap"));