qooxdoo

qx.Class.define("custom.Application",
{
  extend : qx.application.Standalone,

  members :
  {
    main : function()
    {
      this.base(arguments);

      // Stwórz przycisk
      var button1 = new qx.ui.form.Button("Pierwszy przycisk", "image/test.png");

      // Dokument jest korzeniem aplikacji
      var doc = this.getRoot();

      // Dodaje przycisk do dokumentu na ustalonej pozycji
      doc.add(button1, {left: 100, top: 50});

      // Dołącz tooltip
      button1.setToolTip(new qx.ui.popup.ToolTip("Ładny tooltip",
                                                 "icon/32/status/dialog-information.png"));

      // Dodaj zdarzenie
      button1.addEventListener("execute", function(e) {
        alert("Hello World!");
      });
    }
  }
});