qooxdoo-commit — Automatic reports of SVN commits

[Qooxdoo-commit] qooxdoo/source/contributed/statusbar_olsen Frame_1.html,NONE,1.1.2.1 QxFrame.js,NONE,1.1.2.1 QxStatusBar.js,NONE,1.1.2.1 QxStatusBarPane.js,NONE,1.1.2.1 QxUtil.js,NONE,1.1.2.1 QxWindow.js,NONE,1.1.2.1 StatusBar_1.html,NONE,1.1.2.1 StatusBar_2.html,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/statusbar_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/statusbar_olsen

Added Files:
      Tag: renderer
	Frame_1.html QxFrame.js QxStatusBar.js QxStatusBarPane.js 
	QxUtil.js QxWindow.js StatusBar_1.html StatusBar_2.html 
Log Message:
Added contributed section

--- NEW FILE: QxUtil.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxUtil.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Sebastian Werner (wpbasti)
       <sebastian dot werner at 1und1 dot de>
     * Andreas Ecker (aecker)
       <andreas dot ecker at 1und1 dot de>

**************************************************************************** */

/* ****************************************************************************

#package(core)

**************************************************************************** */

QxUtil = {};




/* ********************************************************************
   Simple return methods
******************************************************************** */

QxUtil.returnTrue = function() {
  return true;
};

QxUtil.returnFalse = function() {
  return false;
};

QxUtil.returnNull = function() {
  return null;
};

QxUtil.returnThis = function() {
  return this;
};

QxUtil.returnZero = function() {
  return 0;
};

QxUtil.returnNegativeIndex = function() {
  return -1;
};






/* ********************************************************************
   Utility Methods
******************************************************************** */

/*
  Function to check if a hash has any keys
*/
QxUtil.isObjectEmpty = function(h)
{
  for (var s in h) {
    return false;
  };

  return true;
};

QxUtil.isObjectMinLength = function(h, j)
{
  var i=0;

  for (var s in h)
  {
    if ((++i)>=j) {
      return true;
    };
  };

  return false;
};

QxUtil.getObjectLength = function(h)
{
  var i=0;

  for (var s in h) {
    i++;
  };

  return i;
};

QxUtil.convertObjectToString = function(h) {
  return QxUtil.convertObjectToArray(h).join(", ");
};

QxUtil.convertObjectToArray = function(h)
{
  var r = [];
  for (var s in h) {
    r.push(s);
  };

  return r;
};

QxUtil.convertArgumentsToArray = function(a)
{
  var b = [];
  for (var i=0, l=a.length; i<l; i++) {
    b.push(a[i]);
  };

  return b;
};

/*
  Utility function for padding/margin and all other shorthand handling.
*/
QxUtil.convertShortHandToArray = function(params)
{
  var l = params.length;

  if (l > 4) {
    throw new Error("Invalid number of arguments!");
  };

  var v;
  var list = [];

  for (var i=0; i<l; i++)
  {
    v = params[i];

    if (QxUtil.isValidNumber(v))
    {
      list.push(v);
    }
    else if (QxUtil.isInvalidString(v))
    {
      list.push(null);
    }
    else
    {
      throw new Error("Invalid shorthand value: " + v);
    };
  };

  // Fix Values (Shorthand)
  switch(l)
  {
    case 1:
      list[1] = list[2] = list[3] = list[0];
      break;

    case 2:
      list[2] = list[0];

    case 3:
      list[3] = list[1];
  };

  return list;
};





/* ********************************************************************
   Value validation methods
******************************************************************** */

/*
  All methods use the strict comparison operators as all modern
  browsers (needs support for JavaScript 1.3) seems to support this.

  http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Operators:Comparison_Operators
*/

QxUtil.isValid = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_UNDEFINED:
      return false;

    case QxConst.TYPEOF_OBJECT:
      return v !== null;

    case QxConst.TYPEOF_STRING:
      return v !== QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return !isNaN(v);

    case QxConst.TYPEOF_FUNCTION:
    case QxConst.TYPEOF_BOOLEAN:
      return true;
  };

  return false;
};

QxUtil.isInvalid = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_UNDEFINED:
      return true;

    case QxConst.TYPEOF_OBJECT:
      return v === null;

    case QxConst.TYPEOF_STRING:
      return v === QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return isNaN(v);

    case QxConst.TYPEOF_FUNCTION:
    case QxConst.TYPEOF_BOOLEAN:
      return false;
  };

  return true;
};

QxUtil.isValidNumber = function(v) {
  return typeof v === QxConst.TYPEOF_NUMBER && !isNaN(v);
};

QxUtil.isInvalidNumber = function(v) {
  return typeof v !== QxConst.TYPEOF_NUMBER || isNaN(v);
};

QxUtil.isValidString = function(v) {
  return typeof v === QxConst.TYPEOF_STRING && v !== QxConst.CORE_EMPTY;
};

QxUtil.isInvalidString = function(v) {
  return typeof v !== QxConst.TYPEOF_STRING || v === QxConst.CORE_EMPTY;
};

QxUtil.isValidArray = function(v) {
  return typeof v === QxConst.TYPEOF_OBJECT && v !== null && v instanceof Array;
};

QxUtil.isInvalidArray = function(v) {
  return typeof v !== QxConst.TYPEOF_OBJECT || v === null || !(v instanceof Array);
};

QxUtil.isValidObject = function(v) {
  return typeof v === QxConst.TYPEOF_OBJECT && v !== null && !(v instanceof Array);
};

QxUtil.isInvalidObject = function(v) {
  return typeof v !== QxConst.TYPEOF_OBJECT || v === null || v instanceof Array;
};

QxUtil.isValidFunction = function(v) {
  return typeof v === QxConst.TYPEOF_FUNCTION;
};

QxUtil.isInvalidFunction = function(v) {
  return typeof v !== QxConst.TYPEOF_FUNCTION;
};

QxUtil.isValidBoolean = function(v) {
  return typeof v === QxConst.TYPEOF_BOOLEAN;
};

QxUtil.isInvalidBoolean = function(v) {
  return typeof v !== QxConst.TYPEOF_BOOLEAN;
};

QxUtil.isValidStringOrNumber = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_STRING:
      return v !== QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return !isNaN(v);
  };

  return false;
};

QxUtil.isInvalidStringOrNumber = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_STRING:
      return v === QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return isNaN(v);
  };

  return false;
};

/* ********************************************************************
   Component layout methods
******************************************************************** */

QxUtil.centerToBrowser = function(vComponent)
{
  var d = window.application.getClientWindow().getClientDocument();

  vComponent.setLeft((d.getClientWidth() / 2) - (vComponent.getBoxWidth() / 2));
  vComponent.setTop((d.getClientHeight() / 2) - (vComponent.getBoxHeight() / 2));
};
--- NEW FILE: StatusBar_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>

  <div id="testDescription">
    <p>Testing StatusBar implementation.</p>
    <p>The elements of the status bar will be created on the first open of the QxStatusBar.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var mainW = new QxWindow("Test of status bar");
      mainW.setSpace(20, 400, 48, 250);

      var mainDL = new QxDockLayout();
      mainDL.setHeight("100%");
      mainDL.setWidth("100%");
      mainDL.setBorder(2, "inset");
      mainDL.setBackgroundColor("white");

      var statusSB = new QxStatusBar();

      var statusL = new QxLabel("Ready");
      var statusSBP1 = new QxStatusBarPane(statusL);
      statusSBP1.setWidth("50%");

      var numL = new QxLabel();
      var statusSBP2 = new QxStatusBarPane(numL);
      statusSBP2.setWidth(30);
      statusSBP2.setLeft(95);

      var win = this.getClientWindow();
//      win.addEventListener(QxConst.EVENT_TYPE_KEYDOWN, win._onkeydown, win);

      function _onkeydown(e)
      {
        if(e.getKeyCode() == 90) // The NUM key
        {
          numL.setHtml("NUM");
        }
        else
        {
          numL.setHtml("");
        };
      };

      var digitalClockC = new QxClockDigital();
      var statusSBP3 = new QxStatusBarPane(digitalClockC);
      statusSBP3.setLeft(98);

      statusSB.add(statusSBP1, statusSBP2, statusSBP3);

      mainDL.addBottom(statusSB);

      mainW.add(mainDL);

      doc.add(mainW);

      mainW.open();
    };
  </script>
</body>
</html>

--- NEW FILE: QxStatusBarPane.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxStatusBarPane.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(form)

**************************************************************************** */

function QxStatusBarPane(vComponent) {
  QxCanvasLayout.call(this);

  this.setWidth(QxConst.CORE_AUTO);

  this._component = vComponent;
  vComponent.setPaddingLeft(1);
  vComponent.setPaddingRight(1);

  this.add(vComponent);
};

QxStatusBarPane.extend(QxCanvasLayout, "QxStatusBarPane");



/*
------------------------------------------------------------------------------------
  STYLES & BEHAVIOR
------------------------------------------------------------------------------------
*/

proto._applyInitialStyle = function()
{
  this.setBorder(QxBorderObject.presets.inset);
  this.setColor("windowtext");
  this.setBackgroundColor("threedface");
//  this.setBorder(1, QxConst.BORDER_STYLE_INSET, "windowtext");
};


/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

  if (this._component)
  {
    this._component.dispose();
    this._component = null;
  };

  return QxCanvasLayout.prototype.dispose.call(this);
};
--- NEW FILE: QxWindow.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxWindow.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Sebastian Werner (wpbasti)
[...1395 lines suppressed...]
  if (this._pane)
  {
    this._pane.dispose();
    this._pane = null;
  };

  if (this._statusBar)
  {
    this._statusBar.dispose();
    this._statusBar = null;
  };

  if (this._statusText)
  {
    this._statusText.dispose();
    this._statusText = null;
  };

  return QxPopup.prototype.dispose.call(this);
};
--- NEW FILE: Frame_1.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  <meta http-equiv="MsThemeCompatible" content="yes">
  <meta http-equiv="ImageToolBar" content="no">
  <meta name="MSSmartTagsPreventParsing" content="yes"><title>qooxdoo demo dev</title>

  
  <link type="text/css" rel="stylesheet" href="Frame_1_files/qooxdoo.css">
  <link type="text/css" rel="stylesheet" href="Frame_1_files/demolayout.css">

  <script type="text/javascript" src="Frame_1_files/includer"></script><script type="text/javascript" src="Frame_1_files/QxMain"></script><script type="text/javascript" src="Frame_1_files/QxConst"></script><script type="text/javascript" src="Frame_1_files/QxExtend"></script><script type="text/javascript" src="Frame_1_files/QxClient"></script><script type="text/javascript" src="Frame_1_files/QxNative"></script><script type="text/javascript" src="Frame_1_files/QxUtil"></script><script type="text/javascript" src="Frame_1_files/QxCompare"></script><script type="text/javascript" src="Frame_1_files/QxObject"></script><script type="text/javascript" src="Frame_1_files/QxDom"></script><script type="text/javascript" src="Frame_1_files/QxDebug"></script><script type="text/javascript" src="Frame_1_files/QxTarget"></script><script type="text/javascript" src="Frame_1_files/QxApplication"></script><script type="text/javascript" src="Frame_1_files/QxClientWindow"></script><script type="text/javascript" src="Frame_1_files/QxManager"></script><script type="text/javascript" src="Frame_1_files/QxEvent"></script><script type="text/javascript" src="Frame_1_files/QxDomEvent"></script><script type="text/javascript" src="Frame_1_files/QxMouseEvent"></script><script type="text/javascript" src="Frame_1_files/QxMouseEventCore"></script><script type="text/javascript" src="Frame_1_files/QxKeyEvent"></script><script type="text/javascript" src="Frame_1_files/QxKeyEventCore"></script><script type="text/javascript" src="Frame_1_files/QxFocusEvent"></script><script type="text/javascript" src="Frame_1_files/QxDataEvent"></script><script type="text/javascript" src="Frame_1_files/QxColorManager"></script><script type="text/javascript" src="Frame_1_files/QxColorTheme"></script><script type="text/javascript" src="Frame_1_files/QxColor"></script><script type="text/javascript" src="Frame_1_files/QxColorObject"></script><script type="text/javascript" src="Frame_1_files/QxColorCore"></script><script type="text/javascript" src="Frame_1_files/QxColorCache"></script><script type="text/javascript" src="Frame_1_files/QxColorThemePresets"></script><script type="text/javascript" src="Frame_1_files/QxBorder"></script><script type="text/javascript" src="Frame_1_files/QxBorderObject"></script><script type="text/javascript" src="Frame_1_files/QxBorderCache"></script><script type="text/javascript" src="Frame_1_files/QxBorderPresets"></script><script type="text/javascript" src="Frame_1_files/QxBorderObjectPresets"></script><script type="text/javascript" src="Frame_1_files/QxFont"></script><script type="text/javascript" src="Frame_1_files/QxFontObject"></script><script type="text/javascript" src="Frame_1_files/QxFontCache"></script><script type="text/javascript" src="Frame_1_files/QxWidget"></script><script type="text/javascript" src="Frame_1_files/QxWidgetCore"></script><script type="text/javascript" src="Frame_1_files/QxLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxCanvasLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxHorizontalBoxLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxVerticalBoxLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxFlowLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxDockLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxGridLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxParent"></script><script type="text/javascript" src="Frame_1_files/QxTerminator"></script><script type="text/javascript" src="Frame_1_files/QxCanvasLayout"></script><script type="text/javascript" src="Frame_1_files/QxBlocker"></script><script type="text/javascript" src="Frame_1_files/QxClientDocument"></script><script type="text/javascript" src="Frame_1_files/QxInline"></script><script type="text/javascript" src="Frame_1_files/QxHorizontalSpacer"></script><script type="text/javascript" src="Frame_1_files/QxVerticalSpacer"></script><script type="text/javascript" src="Frame_1_files/QxEventManager"></script><script type="text/javascript" src="Frame_1_files/QxFocusManager"></script><script type="text/javascript" src="Frame_1_files/QxTextile"></script><script type="text/javascript" src="Frame_1_files/QxTextField"></script><script type="text/javascript" src="Frame_1_files/QxPasswordField"></script><script type="text/javascript" src="Frame_1_files/QxTextArea"></script><script type="text/javascript" src="Frame_1_files/QxTimer"></script><script type="text/javascript" src="Frame_1_files/QxXmlExtras"></script><script type="text/javascript" src="Frame_1_files/QxXmlHttpLoader"></script><script type="text/javascript" src="Frame_1_files/QxData"></script><script type="text/javascript" src="Frame_1_files/QxImageManager"></script><script type="text/javascript" src="Frame_1_files/QxImagePreloaderManager"></script><script type="text/javascript" src="Frame_1_files/QxImagePreloader"></script><script type="text/javascript" src="Frame_1_files/QxImage"></script><script type="text/javascript" src="Frame_1_files/QxDragEvent"></script><script type="text/javascript" src="Frame_1_files/QxDragAndDropManager"></script><script type="text/javascript" src="Frame_1_files/QxBoxLayout"></script><script type="text/javascript" src="Frame_1_files/QxVerticalBoxLayout"></script><script type="text/javascript" src="Frame_1_files/QxHorizontalBoxLayout"></script><script type="text/javascript" src="Frame_1_files/QxFlowLayout"></script><script type="text/javascript" src="Frame_1_files/QxDockLayout"></script><script type="text/javascript" src="Frame_1_files/QxGridLayout"></script><script type="text/javascript" src="Frame_1_files/QxText"></script><script type="text/javascript" src="Frame_1_files/QxHtml"></script><script type="text/javascript" src="Frame_1_files/QxLink"></script><script type="text/javascript" src="Frame_1_files/QxIconHtml"></script><script type="text/javascript" src="Frame_1_files/QxNode"></script><script type="text/javascript" src="Frame_1_files/QxLabel"></script><script type="text/javascript" src="Frame_1_files/QxLabelCore"></script><script type="text/javascript" src="Frame_1_files/QxAtom"></script><script type="text/javascript" src="Frame_1_files/QxButton"></script><script type="text/javascript" src="Frame_1_files/QxRepeatButton"></script><script type="text/javascript" src="Frame_1_files/QxRadioManager"></script><script type="text/javascript" src="Frame_1_files/QxInputCheckIcon"></script><script type="text/javascript" src="Frame_1_files/QxCheckBox"></script><script type="text/javascript" src="Frame_1_files/QxRadioButton"></script><script type="text/javascript" src="Frame_1_files/QxPopupManager"></script><script type="text/javascript" src="Frame_1_files/QxPopup"></script><script type="text/javascript" src="Frame_1_files/QxPopupAtom"></script><script type="text/javascript" src="Frame_1_files/QxToolTipManager"></script><script type="text/javascript" src="Frame_1_files/QxToolTip"></script><script type="text/javascript" src="Frame_1_files/QxFieldSet"></script><script type="text/javascript" src="Frame_1_files/QxCheckBoxFieldSet"></script><script type="text/javascript" src="Frame_1_files/QxRadioButtonFieldSet"></script><script type="text/javascript" src="Frame_1_files/QxIframe"></script><script type="text/javascript" src="Frame_1_files/QxMenuManager"></script><script type="text/javascript" src="Frame_1_files/QxMenuLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxMenuLayout"></script><script type="text/javascript" src="Frame_1_files/QxMenu"></script><script type="text/javascript" src="Frame_1_files/QxMenuButtonLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxMenuButton"></script><script type="text/javascript" src="Frame_1_files/QxMenuCheckBox"></script><script type="text/javascript" src="Frame_1_files/QxMenuRadioButton"></script><script type="text/javascript" src="Frame_1_files/QxMenuSeparator"></script><script type="text/javascript" src="Frame_1_files/QxToolBar"></script><script type="text/javascript" src="Frame_1_files/QxToolBarPart"></script><script type="text/javascript" src="Frame_1_files/QxToolBarPartHandle"></script><script type="text/javascript" src="Frame_1_files/QxToolBarButton"></script><script type="text/javascript" src="Frame_1_files/QxToolBarSeparator"></script><script type="text/javascript" src="Frame_1_files/QxToolBarCheckBox"></script><script type="text/javascript" src="Frame_1_files/QxToolBarRadioButton"></script><script type="text/javascript" src="Frame_1_files/QxToolBarMenuButton"></script><script type="text/javascript" src="Frame_1_files/QxMenuBar"></script><script type="text/javascript" src="Frame_1_files/QxMenuBarButton"></script><script type="text/javascript" src="Frame_1_files/QxSelectionStorage"></script><script type="text/javascript" src="Frame_1_files/QxSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxList"></script><script type="text/javascript" src="Frame_1_files/QxListItem"></script><script type="text/javascript" src="Frame_1_files/QxComboBox"></script><script type="text/javascript" src="Frame_1_files/QxDateComboBox"></script><script type="text/javascript" src="Frame_1_files/QxRangeManager"></script><script type="text/javascript" src="Frame_1_files/QxSpinner"></script><script type="text/javascript" src="Frame_1_files/QxCommand"></script><script type="text/javascript" src="Frame_1_files/QxWindowManager"></script><script type="text/javascript" src="Frame_1_files/QxWindow"></script><script type="text/javascript" src="Frame_1_files/QxFrame"></script><script type="text/javascript" src="Frame_1_files/QxNativeWindow"></script><script type="text/javascript" src="Frame_1_files/QxSplashScreen"></script><script type="text/javascript" src="Frame_1_files/QxFlashPlayerVersion"></script><script type="text/javascript" src="Frame_1_files/QxFlash"></script><script type="text/javascript" src="Frame_1_files/QxEmu"></script><script type="text/javascript" src="Frame_1_files/QxCommonView"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewBar"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewPane"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewPage"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewButton"></script><script type="text/javascript" src="Frame_1_files/QxTabView"></script><script type="text/javascript" src="Frame_1_files/QxTabViewBar"></script><script type="text/javascript" src="Frame_1_files/QxTabViewPane"></script><script type="text/javascript" src="Frame_1_files/QxTabViewPage"></script><script type="text/javascript" src="Frame_1_files/QxTabViewButton"></script><script type="text/javascript" src="Frame_1_files/QxBarView"></script><script type="text/javascript" src="Frame_1_files/QxBarViewBar"></script><script type="text/javascript" src="Frame_1_files/QxBarViewPane"></script><script type="text/javascript" src="Frame_1_files/QxBarViewPage"></script><script type="text/javascript" src="Frame_1_files/QxBarViewButton"></script><script type="text/javascript" src="Frame_1_files/QxOutlookBarView"></script><script type="text/javascript" src="Frame_1_files/QxOutlookBarViewButton"></script><script type="text/javascript" src="Frame_1_files/QxListView"></script><script type="text/javascript" src="Frame_1_files/QxDatePicker"></script><script type="text/javascript" src="Frame_1_files/QxStatusBar"></script><script type="text/javascript" src="Frame_1_files/QxStatusBarPane"></script><script type="text/javascript" src="Frame_1_files/QxProgressBar"></script><script type="text/javascript" src="Frame_1_files/QxSplitPane"></script><script type="text/javascript" src="Frame_1_files/QxButtonPane"></script><script type="text/javascript" src="Frame_1_files/QxOptionPane"></script><script type="text/javascript" src="Frame_1_files/QxScroller"></script><script type="text/javascript" src="Frame_1_files/QxTreeSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxTreeElement"></script><script type="text/javascript" src="Frame_1_files/QxTreeFile"></script><script type="text/javascript" src="Frame_1_files/QxTreeFolder"></script><script type="text/javascript" src="Frame_1_files/QxTree"></script><script type="text/javascript" src="Frame_1_files/QxVirtualSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxListView"></script><script type="text/javascript" src="Frame_1_files/QxListViewHeader"></script><script type="text/javascript" src="Frame_1_files/QxListViewPane"></script><script type="text/javascript" src="Frame_1_files/QxListViewHeaderCell"></script><script type="text/javascript" src="Frame_1_files/QxListViewHeaderSeparator"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellText"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellImage"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellHtml"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellLink"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellIconHtml"></script><script type="text/javascript" src="Frame_1_files/QxDomSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxGallery"></script><script type="text/javascript" src="Frame_1_files/QxGalleryList"></script><script type="text/javascript" src="Frame_1_files/QxClock"></script><script type="text/javascript" src="Frame_1_files/QxClockAnalog"></script><script type="text/javascript" src="Frame_1_files/QxClockDigital"></script><script type="text/javascript" src="Frame_1_files/QxClockBinary"></script><script type="text/javascript" src="Frame_1_files/QxCookie"></script><script type="text/javascript" src="Frame_1_files/QxTimeTracker"></script><style type="text/css"></style></head>


<body style="background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-user-focus: normal;">
  <script type="text/javascript" src="Frame_1_files/demolayout"></script><div id="testHead">qooxdoo: <span>The new era of web interface development</span> | DEVELOPMENT BRANCH</div><div id="testFoot">[<a href="javascript:void(window.location.href=window.location.href.replace(/\/source\//, '\/public\/'))">Go to: Public</a>] &nbsp;[<a href="http://www.perevotech.com/qooxdoo/source/test/developer/Index.html">Go to: Developer Examples</a>] &nbsp;</div><div id="testDebug"><div class="head"><button>clear</button><button>hide</button><button>show</button><button>dispose</button></div><div class="log"><div class="group">QxInit</div><div class="message message-info">003471: qooxdoo/0.2_beta-3</div><div class="message message-info">003490: datestamp/20051230</div><div class="group">QxApplication[HASHCODE:0]</div><div class="message message-default">053420: Loading Data: 53419ms</div><div class="message message-info">053447: Available Classes: 152</div><div class="message message-info">053452: Client Detection: gecko 1.7.12</div><div class="message message-default">053686: Initialize Application: 240ms</div><div class="message message-info">053691: Created Instances: 81</div><div class="message message-default">054384: Executing User Application: 693ms</div><div class="message message-default">054411: Preloading Images: 23ms</div><div class="message message-info">055087: Created Instances: 261</div><div class="message message-default">055091: Initialize Interface: 549ms</div><div class="message message-default">055863: Postloading Images: 34ms</div></div></div><div id="testFrame">&nbsp;</div><select id="testFiles" size="5" onchange="window.location.href=this.options[this.selectedIndex].value"><option value="Atom_1.html">Atom 1</option><option value="Atom_2.html">Atom 2</option><option value="Atom_3.html">Atom 3</option><option value="Bar_View_1.html">Bar View 1</option><option value="Bar_View_2.html">Bar View 2</option><option value="Border_1.html">Border 1</option><option value="Box_Layout_1.html">Box Layout 1</option><option value="Box_Layout_2.html">Box Layout 2</option><option value="Box_Layout_3.html">Box Layout 3</option><option value="Box_Layout_4.html">Box Layout 4</option><option value="Box_Layout_5.html">Box Layout 5</option><option value="Box_Layout_6.html">Box Layout 6</option><option value="Box_Layout_7.html">Box Layout 7</option><option value="Box_Layout_8.html">Box Layout 8</option><option value="Button_1.html">Button 1</option><option value="Button_2.html">Button 2</option><option value="Canvas_Layout_1.html">Canvas Layout 1</option><option value="Checkbox_1.html">Checkbox 1</option><option value="Clipping_1.html">Clipping 1</option><option value="Clock_1.html">Clock 1</option><option value="Color_Themes_1.html">Color Themes 1</option><option value="Color_Themes_2.html">Color Themes 2</option><option value="Color_Themes_3.html">Color Themes 3</option><option value="Combobox_1.html">Combobox 1</option><option value="Combobox_2.html">Combobox 2</option><option value="Combobox_3.html">Combobox 3</option><option value="Combobox_4.html">Combobox 4</option><option value="Cookie_1.html">Cookie 1</option><option value="Data_Handling_1.html">Data Handling 1</option><option value="Data_Handling_2.html">Data Handling 2</option><option value="Dock_Layout_1.html">Dock Layout 1</option><option value="Dock_Layout_2.html">Dock Layout 2</option><option value="Dock_Layout_3.html">Dock Layout 3</option><option value="Dock_Layout_4.html">Dock Layout 4</option><option value="Dock_Layout_5.html">Dock Layout 5</option><option value="Dock_Layout_6.html">Dock Layout 6</option><option value="Drag_And_Drop_1.html">Drag And Drop 1</option><option value="Drag_And_Drop_2.html">Drag And Drop 2</option><option value="Enabled_Disabled_1.html">Enabled Disabled 1</option><option value="Fields_1.html">Fields 1</option><option value="Fields_2.html">Fields 2</option><option value="Fieldset_1.html">Fieldset 1</option><option value="Fieldset_2.html">Fieldset 2</option><option value="Fieldset_3.html">Fieldset 3</option><option value="Fieldset_4.html">Fieldset 4</option><option value="Flash_1.html">Flash 1</option><option value="Flow_Layout_1.html">Flow Layout 1</option><option value="Flow_Layout_2.html">Flow Layout 2</option><option value="Flow_Layout_3.html">Flow Layout 3</option><option value="Focus_Manager_1.html">Focus Manager 1</option><option value="Font_1.html">Font 1</option><option value="Frame_1.html" selected="selected">Frame 1</option><option value="Gallery_1.html">Gallery 1</option><option value="Gallery_2.html">Gallery 2</option><option value="Gallery_3.html">Gallery 3</option><option value="Gallery_List_1.html">Gallery List 1</option><option value="Grid_Layout_10.html">Grid Layout 10</option><option value="Grid_Layout_11.html">Grid Layout 11</option><option value="Grid_Layout_1.html">Grid Layout 1</option><option value="Grid_Layout_2.html">Grid Layout 2</option><option value="Grid_Layout_3.html">Grid Layout 3</option><option value="Grid_Layout_4.html">Grid Layout 4</option><option value="Grid_Layout_5.html">Grid Layout 5</option><option value="Grid_Layout_6.html">Grid Layout 6</option><option value="Grid_Layout_7.html">Grid Layout 7</option><option value="Grid_Layout_8.html">Grid Layout 8</option><option value="Grid_Layout_9.html">Grid Layout 9</option><option value="IconHtml_1.html">IconHtml 1</option><option value="Iframe_1.html">Iframe 1</option><option value="Image_1.html">Image 1</option><option value="Image_2.html">Image 2</option><option value="Index.html">Index</option><option value="Inline_1.html">Inline 1</option><option value="Label_1.html">Label 1</option><option value="Label_2.html">Label 2</option><option value="Label_3.html">Label 3</option><option value="Label_4.html">Label 4</option><option value="Link_1.html">Link 1</option><option value="List_1.html">List 1</option><option value="List_2.html">List 2</option><option value="List_3.html">List 3</option><option value="List_4.html">List 4</option><option value="List_View_10.html">List View 10</option><option value="List_View_11.html">List View 11</option><option value="List_View_12.html">List View 12</option><option value="List_View_13.html">List View 13</option><option value="List_View_14.html">List View 14</option><option value="List_View_1b.html">List View 1b</option><option value="List_View_1.html">List View 1</option><option value="List_View_2b.html">List View 2b</option><option value="List_View_2.html">List View 2</option><option value="List_View_3b.html">List View 3b</option><option value="List_View_3.html">List View 3</option><option value="List_View_4.html">List View 4</option><option value="List_View_5.html">List View 5</option><option value="List_View_6.html">List View 6</option><option value="List_View_7.html">List View 7</option><option value="List_View_8.html">List View 8</option><option value="List_View_9.html">List View 9</option><option value="Menu_1.html">Menu 1</option><option value="Menu_2.html">Menu 2</option><option value="Menu_3.html">Menu 3</option><option value="Native_Window_1.html">Native Window 1</option><option value="Node_1.html">Node 1</option><option value="OptionPane_1.html">OptionPane 1</option><option value="OptionPane_2.html">OptionPane 2</option><option value="ProgressBar_1.html">ProgressBar 1</option><option value="Radiobutton_1.html">Radiobutton 1</option><option value="Repeat_Button_1.html">Repeat Button 1</option><option value="Rounded_Corners_1.html">Rounded Corners 1</option><option value="Scroller_1.html">Scroller 1</option><option value="Spinner_1.html">Spinner 1</option><option value="SplashScreen_1.html">SplashScreen 1</option><option value="StatusBar_1.html">StatusBar 1</option><option value="StatusBar_2.html">StatusBar 2</option><option value="Tab_View_1.html">Tab View 1</option><option value="Toolbar_1.html">Toolbar 1</option><option value="Toolbar_2.html">Toolbar 2</option><option value="Toolbar_3.html">Toolbar 3</option><option value="Toolbar_4.html">Toolbar 4</option><option value="Toolbar_5.html">Toolbar 5</option><option value="Toolbar_6.html">Toolbar 6</option><option value="Toolbar_7.html">Toolbar 7</option><option value="Toolbar_8.html">Toolbar 8</option><option value="Tooltip_1.html">Tooltip 1</option><option value="Tree_1.html">Tree 1</option><option value="Tree_2.html">Tree 2</option><option value="Tree_3.html">Tree 3</option><option value="Tree_4.html">Tree 4</option><option value="Tree_5.html">Tree 5</option><option value="Tree_6.html">Tree 6</option><option value="Tree_7.html">Tree 7</option><option value="User_Data_1.html">User Data 1</option><option value="Window_1.html">Window 1</option><option value="Window_2.html">Window 2</option><option value="Window_3.html">Window 3</option><option value="Window_4.html">Window 4</option><option value="Window_5.html">Window 5</option></select>


  <div id="testDescription">
    <p>Testing StatusBar implementation.</p>
    <p>The elements of the status bar will be created on the first open of the QxStatusBar.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var mainF = new QxFrame("Test of status bar");
      mainF.setSpace(20, 400, 48, 250);
      mainF.setMenuBar(createMenuBar());
      mainF.setStatusBar(createStatusBar());
      mainF.addEventListener(QxConst.EVENT_TYPE_KEYDOWN, function _onkeydown(e) {
        if(e.getKeyCode() == 90) // The NUM key
        {
          numL.setHtml("NUM");
        }
        else
        {
          numL.setHtml("");
        };
      });

      doc.add(mainF);

      mainF.open();

      function createMenuBar() {
        var menuMB = new QxMenuBar();

        var fileM = new QxMenu();

        var newMB    = new QxMenuButton("New");
        var openMB   = new QxMenuButton("Open");
        var saveAsMB = new QxMenuButton("Save as..");
        var mailS    = new QxMenuSeparator();
        var closeMB  = new QxMenuButton("Close");
        var exitMB   = new QxMenuButton("Exit");
        exitMB.addEventListener("execute", function() {
          mainF.close();
        });

        fileM.add(newMB, openMB, saveAsMB, mailS, closeMB, exitMB);

        var fileMBB = new QxMenuBarButton("File", fileM);

        // Edit Menu
        var editM    = new QxMenu();

        var undoMB        = new QxMenuButton("Undo");
        var redoMB        = new QxMenuButton("Redo");
        var editS1        = new QxMenuSeparator();
        var cutMB         = new QxMenuButton("Cut");
        var copyMB        = new QxMenuButton("Copy");
        var pasteMB       = new QxMenuButton("Paste");
        var deleteMB      = new QxMenuButton("Delete");
        var editS2        = new QxMenuSeparator();
        var selectAllMB   = new QxMenuButton("Select all");
        var editS3        = new QxMenuSeparator();
        var preferencesMB = new QxMenuButton("Preferences");

        editM.add(undoMB, redoMB, editS1, cutMB, copyMB, pasteMB, deleteMB, editS2, selectAllMB, editS3, preferencesMB);

        var editMBB = new QxMenuBarButton("Edit",editM);

        doc.add(fileM, editM);

        menuMB.add(fileMBB, editMBB);

        return menuMB;
      };

      function createStatusBar() {
        var statusSB = new QxStatusBar();

        var statusL = new QxLabel("Ready");
        var statusSBP1 = new QxStatusBarPane(statusL);
        statusSBP1.setWidth("50%");

        var numL = new QxLabel();
        var statusSBP2 = new QxStatusBarPane(numL);
        statusSBP2.setWidth(30);
        statusSBP2.setLeft(95);

        var digitalClockC = new QxClockDigital();
        var statusSBP3 = new QxStatusBarPane(digitalClockC);
        statusSBP3.setLeft(98);

        statusSB.add(statusSBP1, statusSBP2, statusSBP3);

        return statusSB;
      };
    };
  </script>
<div style="height: auto; width: auto; visibility: hidden; position: absolute; z-index: -1;">3:21:16 PM</div><div qxhashcode="89" class="QxWidgetCore QxFrame" style="border: 2px outset ; z-index: 1000000; background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-user-focus: normal; -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); height: 250px; min-height: 71px; min-width: 160px; left: 255px; top: 97px; width: 409px; cursor: s-resize;"><div style="left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="93" class="QxWidgetCore QxVerticalBoxLayout"><div style="height: 19px; background-color: rgb(51, 94, 168); color: rgb(255, 255, 255); left: 0px; right: 0px; top: 0px;" qxhashcode="96" class="QxWidgetCore QxHorizontalBoxLayout"><div qxhashcode="99" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; margin-right: 2px; left: 2px; top: 9px;"><img src="Frame_1_files/blank" height="1" width="1"></div><div qxhashcode="100" class="QxWidgetCore QxLabel" style="-moz-user-select: none; cursor: default; font-weight: bold; margin-right: 2px; left: 5px; top: 2px;">Test of status bar</div><div style="min-height: 16px; width: 249px; left: 100px; top: 1px; bottom: 2px;" qxhashcode="101" class="QxWidgetCore QxHorizontalSpacer"></div><div qxhashcode="102" class="QxWidgetCore QxButton" style="border: 2px outset ; -moz-user-select: none; -moz-user-focus: ignore; cursor: default; background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 17px; height: 15px; left: 349px; top: 2px;"><div qxhashcode="105" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 2px; top: 1px;"><img src="Frame_1_files/minimize" height="9" width="9"></div></div><div qxhashcode="119" class="QxWidgetCore QxButton" style="border: 2px outset ; -moz-user-select: none; -moz-user-focus: ignore; cursor: default; background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 17px; height: 15px; left: 366px; top: 2px;"><div qxhashcode="122" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 2px; top: 1px;"><img src="Frame_1_files/maximize" height="9" width="9"></div></div><div qxhashcode="124" class="QxWidgetCore QxButton" style="border: 2px outset ; -moz-user-select: none; -moz-user-focus: ignore; cursor: default; background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); margin-left: 2px; width: 16px; height: 15px; left: 383px; top: 2px;"><div qxhashcode="127" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 1px; top: 1px;"><img src="Frame_1_files/close" height="9" width="10"></div></div></div><div style="border: 1px outset ; -moz-border-left-colors: rgb(255, 255, 255); -moz-border-right-colors: rgb(167, 166, 170); -moz-border-top-colors: rgb(255, 255, 255); -moz-border-bottom-colors: rgb(167, 166, 170); height: 22px; left: 0px; right: 0px; top: 19px;" qxhashcode="138" class="QxWidgetCore QxMenuBar"><div qxhashcode="196" class="QxWidgetCore QxMenuBarButton" style="-moz-user-select: none; cursor: default; background-color: rgb(235, 233, 237); width: 25px; left: 0px; top: 0px; bottom: 0px;"><div qxhashcode="199" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 4px; top: 3px;">File</div></div><div qxhashcode="279" class="QxWidgetCore QxMenuBarButton" style="-moz-user-select: none; cursor: default; background-color: rgb(235, 233, 237); width: 26px; left: 25px; top: 0px; bottom: 0px;"><div qxhashcode="282" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 4px; top: 3px;">Edit</div></div></div><div style="height: 179px; left: 0px; right: 0px; top: 41px;" qxhashcode="129" class="QxWidgetCore QxCanvasLayout"></div><div qxhashcode="283" class="QxWidgetCore QxStatusBar" style="border: 1px outset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); overflow: hidden; -moz-border-left-colors: rgb(255, 255, 255); -moz-border-right-colors: rgb(167, 166, 170); -moz-border-top-colors: rgb(255, 255, 255); -moz-border-bottom-colors: rgb(167, 166, 170); height: 24px; left: 0px; right: 0px; top: 220px;"><div qxhashcode="287" class="QxWidgetCore QxStatusBarPane" style="border: 2px inset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); width: 201px; left: 0px; top: 0px; bottom: 0px;"><div style="padding-left: 1px; padding-right: 1px;" qxhashcode="286" class="QxWidgetCore QxLabel">Ready</div></div><div qxhashcode="290" class="QxWidgetCore QxStatusBarPane" style="border: 2px inset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); width: 30px; left: 296px; top: 0px; bottom: 0px;"><div style="padding-left: 1px; padding-right: 1px;" qxhashcode="289" class="QxWidgetCore QxLabel"></div></div><div qxhashcode="298" class="QxWidgetCore QxStatusBarPane" style="border: 2px inset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); width: 61px; left: 329px; top: 0px; bottom: 0px;"><div qxhashcode="292" class="QxWidgetCore QxClockDigital" style="-moz-user-select: none; cursor: default; width: 57px; height: 14px;"><div style="left: 1px; top: 0px;" qxhashcode="297" class="QxWidgetCore QxLabel">3:21:16 PM</div></div></div></div></div></div><div qxhashcode="142" class="QxWidgetCore QxMenu" style="border: 2px outset ; background-color: rgb(255, 255, 255); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 88px; height: 103px; left: 259px; top: 140px; z-index: 1000000; display: none;"><div style="left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="145" class="QxWidgetCore QxMenuLayout"><div qxhashcode="155" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 0px;"><div qxhashcode="159" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">New</div></div><div qxhashcode="163" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 18px;"><div qxhashcode="167" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Open</div></div><div qxhashcode="170" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 36px;"><div qxhashcode="174" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Save as..</div></div><div style="height: 2px; left: 0px; right: 0px; top: 54px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="177" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="179" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="181" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 61px;"><div qxhashcode="185" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Close</div></div><div qxhashcode="188" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 79px;"><div qxhashcode="192" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Exit</div></div></div></div><div qxhashcode="207" class="QxWidgetCore QxMenu" style="border: 2px outset ; background-color: rgb(255, 255, 255); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 102px; height: 171px; left: 284px; top: 140px; z-index: 1000000; display: none;"><div style="left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="209" class="QxWidgetCore QxMenuLayout"><div qxhashcode="214" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 0px;"><div qxhashcode="218" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Undo</div></div><div qxhashcode="221" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 18px;"><div qxhashcode="225" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Redo</div></div><div style="height: 2px; left: 0px; right: 0px; top: 36px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="228" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="230" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="231" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 43px;"><div qxhashcode="235" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Cut</div></div><div qxhashcode="238" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 61px;"><div qxhashcode="242" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Copy</div></div><div qxhashcode="245" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 79px;"><div qxhashcode="249" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Paste</div></div><div qxhashcode="252" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 97px;"><div qxhashcode="256" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Delete</div></div><div style="height: 2px; left: 0px; right: 0px; top: 115px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="259" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="261" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="262" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 122px;"><div qxhashcode="266" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Select all</div></div><div style="height: 2px; left: 0px; right: 0px; top: 140px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="269" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="271" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="272" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 147px;"><div qxhashcode="276" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Preferences</div></div></div></div></body></html>
--- NEW FILE: QxFrame.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxFrame.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(window)

**************************************************************************** */

function QxFrame(vCaption, vIcon)
{
  QxWindow.call(this, vCaption, vIcon);
};

QxFrame.extend(QxWindow, "QxFrame");



/*
------------------------------------------------------------------------------------
  PROPERTIES
------------------------------------------------------------------------------------
*/

/*!
  The main menu bar if any.
*/
QxFrame.addProperty({ name : "menuBar", type : QxConst.TYPEOF_OBJECT, allowNull : true, instance : QxMenuBar });

/*!
  The status bar if any.
*/
QxFrame.addProperty({ name : "statusBar", type : QxConst.TYPEOF_OBJECT, allowNull : true});//, instance : QxStatusBar }); //gets an error when instance is used???


/*
------------------------------------------------------------------------------------
  MODIFIERS
------------------------------------------------------------------------------------
*/

proto._modifyMenuBar = function(propValue, propOldValue, propData)
{
  if (propValue)
  {
    this._layout.addAfter(this.getMenuBar(), this._captionBar);
  }
  else
  {
    this._layout.remove(this.getMenuBar());
  };

  return true;
};

proto._modifyStatusBar = function(propValue, propOldValue, propData)
{
  if (propValue)
  {
    this._layout.addAtEnd(this.getStatusBar());
  }
  else
  {
    this._layout.remove(this.getStatusBar());
  };

  return true;
};


/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

  return QxWindow.prototype.dispose.call(this);
};
--- NEW FILE: QxStatusBar.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxStatusBar.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(form)

**************************************************************************** */

function QxStatusBar() {
  QxHorizontalBoxLayout.call(this);

  this.setHeight(24);
  this.setWidth(null);// Can not use this QxConst.CORE_AUTO); -> gets an error "It is not allowed to define any horizontal dimension for 'vertical' placed children" when the QxStatusBar is layed out by QxDockLayout : potential bug
  this.setOverflow(QxConst.CORE_HIDDEN);
};

QxStatusBar.extend(QxHorizontalBoxLayout, "QxStatusBar");


/*
------------------------------------------------------------------------------------
  STYLES & BEHAVIOR
------------------------------------------------------------------------------------
*/

proto._applyInitialStyle = function()
{
  this.setBorder(QxBorderObject.presets.thinOutset);
  this.setColor("windowtext");
  this.setBackgroundColor("threedface");
};

/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

  var children = this.getChildren();

//  if (this._statusText)
//  {
//    this._statusText.dispose();
//    this._statusText = null;
//  };

  return QxHorizontalBoxLayout.prototype.dispose.call(this);
};
--- NEW FILE: StatusBar_2.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  <meta http-equiv="MsThemeCompatible" content="yes">
  <meta http-equiv="ImageToolBar" content="no">
  <meta name="MSSmartTagsPreventParsing" content="yes"><title>qooxdoo demo dev</title>

  
  <link type="text/css" rel="stylesheet" href="StatusBar_2_files/qooxdoo.css">
  <link type="text/css" rel="stylesheet" href="StatusBar_2_files/demolayout.css">

  <script type="text/javascript" src="StatusBar_2_files/includer"></script><script type="text/javascript" src="StatusBar_2_files/QxMain"></script><script type="text/javascript" src="StatusBar_2_files/QxConst"></script><script type="text/javascript" src="StatusBar_2_files/QxExtend"></script><script type="text/javascript" src="StatusBar_2_files/QxClient"></script><script type="text/javascript" src="StatusBar_2_files/QxNative"></script><script type="text/javascript" src="StatusBar_2_files/QxUtil"></script><script type="text/javascript" src="StatusBar_2_files/QxCompare"></script><script type="text/javascript" src="StatusBar_2_files/QxObject"></script><script type="text/javascript" src="StatusBar_2_files/QxDom"></script><script type="text/javascript" src="StatusBar_2_files/QxDebug"></script><script type="text/javascript" src="StatusBar_2_files/QxTarget"></script><script type="text/javascript" src="StatusBar_2_files/QxApplication"></script><script type="text/javascript" src="StatusBar_2_files/QxClientWindow"></script><script type="text/javascript" src="StatusBar_2_files/QxManager"></script><script type="text/javascript" src="StatusBar_2_files/QxEvent"></script><script type="text/javascript" src="StatusBar_2_files/QxDomEvent"></script><script type="text/javascript" src="StatusBar_2_files/QxMouseEvent"></script><script type="text/javascript" src="StatusBar_2_files/QxMouseEventCore"></script><script type="text/javascript" src="StatusBar_2_files/QxKeyEvent"></script><script type="text/javascript" src="StatusBar_2_files/QxKeyEventCore"></script><script type="text/javascript" src="StatusBar_2_files/QxFocusEvent"></script><script type="text/javascript" src="StatusBar_2_files/QxDataEvent"></script><script type="text/javascript" src="StatusBar_2_files/QxColorManager"></script><script type="text/javascript" src="StatusBar_2_files/QxColorTheme"></script><script type="text/javascript" src="StatusBar_2_files/QxColor"></script><script type="text/javascript" src="StatusBar_2_files/QxColorObject"></script><script type="text/javascript" src="StatusBar_2_files/QxColorCore"></script><script type="text/javascript" src="StatusBar_2_files/QxColorCache"></script><script type="text/javascript" src="StatusBar_2_files/QxColorThemePresets"></script><script type="text/javascript" src="StatusBar_2_files/QxBorder"></script><script type="text/javascript" src="StatusBar_2_files/QxBorderObject"></script><script type="text/javascript" src="StatusBar_2_files/QxBorderCache"></script><script type="text/javascript" src="StatusBar_2_files/QxBorderPresets"></script><script type="text/javascript" src="StatusBar_2_files/QxBorderObjectPresets"></script><script type="text/javascript" src="StatusBar_2_files/QxFont"></script><script type="text/javascript" src="StatusBar_2_files/QxFontObject"></script><script type="text/javascript" src="StatusBar_2_files/QxFontCache"></script><script type="text/javascript" src="StatusBar_2_files/QxWidget"></script><script type="text/javascript" src="StatusBar_2_files/QxWidgetCore"></script><script type="text/javascript" src="StatusBar_2_files/QxLayoutImpl"></script><script type="text/javascript" src="StatusBar_2_files/QxCanvasLayoutImpl"></script><script type="text/javascript" src="StatusBar_2_files/QxHorizontalBoxLayoutImpl"></script><script type="text/javascript" src="StatusBar_2_files/QxVerticalBoxLayoutImpl"></script><script type="text/javascript" src="StatusBar_2_files/QxFlowLayoutImpl"></script><script type="text/javascript" src="StatusBar_2_...
 
[truncated message content]

[Qooxdoo-commit] qooxdoo/source/contributed/httptransport_ricks Http_Transport_1.html,NONE,1.1.2.1 QxHttpTransport.js,NONE,1.1.2.1 QxHttpTransportQueue.js,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/httptransport_ricks
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/httptransport_ricks

Added Files:
      Tag: renderer
	Http_Transport_1.html QxHttpTransport.js 
	QxHttpTransportQueue.js 
Log Message:
Added contributed section

--- NEW FILE: QxHttpTransportQueue.js ---
/*****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxHttpTransportQueue.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2006 by IT Operations PTY LTD (www.itoperations.com.au)
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Chris Ricks
       <chris at itoperations dot com dot au>

*****************************************************************************/
 
function QxHttpTransportQueue(activeCount, queuedCount) {
	if (!activeCount) {
		throw new Error("Active queue length must be explicitly set.");
	} else {
		this.setActiveLimit(activeCount);
	}
	
	if (queuedCount) {
		this.setQueueLimit(queuedCount);
	}
	
	this._active = new Array();
	
	if (0 != this.getQueueLimit()) {
		this._queued = new Array();
	}
}
 
QxHttpTransportQueue.extend(QxTarget, "QxHttpTransportQueue");
 
proto._activeLimit = -1;

QxHttpTransportQueue.addProperty({name : "queueLimit", type : QxConst.TYPEOF_NUMBER, defaultValue : -1});

proto.getActiveLimit = function() {
	return this._activeLimit;
}

proto.setActiveLimit = function(limit) {
	if (0 <= limit && limit != this._activeLimit) {
		if (-1 == this._activeLimit) {
			QxHttpTransport.alterPoolSize(limit);
		} else {
			QxHttpTransport.alterPoolSize(limit - this._activeLimit);
		}
		this._activeLimit = limit;
	}
}

proto._active = null;
proto._queued = null;

proto.add = function() {
	for (var i = 0; i < arguments.length; i++) {
		this._add(arguments[i]);
	}
}

proto.remove = function() {
	for (var i = 0; i < arguments.length; i++) {
		this._remove(arguments[i]);
	}
}

proto.contains = function(req) {
	if (this._active.contains(req) || this._queued.contains(req)) {
		return true;
	} else {
		return false;
	}
}

proto._add = function(req) {
	if (this.contains(req)) {
		return;
	}
	if (this.getActiveLimit() == -1 || this._active.length < this.getActiveLimit()) {
		this._active.push(req);
		req._begin();
		return true;
	} else if (this.getQueueLimit() == -1 || this._queued.length < this.getQueueLimit()) {
		this._queued.push(req);
		return true;
	} else {
		return false;
	}
}

proto._pump = function() {
	if (this._active.length < this.getActiveLimit() && this._queued.length > 0) {
		var req = this._queued.getFirst();
		this._active.push(req);
		this._queued.remove(req);
		req._begin();
	}
}

proto.dispose = function() {
	// Cowardly refuse to dispose a non-empty queue instance
	if (0  == this._active.length && 0 == this._queued.length) {
		delete this._active;
		delete this._queued;
		
		return QxTarget.prototype.dispose.call(this);
	} else {
		return false;
	}
}

proto._remove = function(req) {
	this._active.remove(req);
	this._queued.remove(req);
	this._pump();
}
--- NEW FILE: Http_Transport_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>Index @ qooxdoo :: demo [development]</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../script/qooxdoo.js"></script>
  <script type="text/javascript" src="QxHttpTransportQueue.js"></script>
  <script type="text/javascript" src="QxHttpTransport.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
  <div id="testDescription">
    <p>QxHttpTransport test - Ugly but functional</p>
  </div>
  <script type="text/javascript">
	window.application.main = function() {
		var d = this.getClientWindow().getClientDocument();
		
		var req = new QxHttpTransport();
		var queue = new QxHttpTransportQueue(1);
		
		req.setQueue(queue);
		
		var ta = new QxTextArea();
		var fs = new QxFieldSet("Response");
		var statLabel = new QxLabel("Status code:");
		var statCode = new QxTextField();
		
		var sizeLabel = new QxLabel("Transfer:");
		var sizeText = new QxTextField();
		
		function handleSendClick(e) {
			sizeText.setValue("0");
			req.setTarget(targetBox.getValue());
			req.setPayload(payloadBox.getValue());
			req.send();
		}
		
		function inspect(obj) {
			var s = new String();
			
			for (var i in obj) {
				s += i + ": " + obj[i] + "\n";
			}
			return s;
		}
		
		function handleReqDone(e) {
			ta.setValue(this.getResponseText());
			statCode.setValue(this.getReadyState().toString());
		}
		
		function handleReqError(e) {
			ta.setValue(inspect(e));
			statCode.setValue(this.getReadyState().toString);
		}
		
		function handleReqProgress(e) {
			sizeText.setValue(this.getFetchedLength().toString());
		}
		
		statLabel.setLocation(200, 48);
		statCode.setLocation(280, 48);
		statCode.setReadOnly(true);
		
		sizeLabel.setLocation(200, 78);
		sizeText.setLocation(280, 78);
		
		fs.setLocation(20, 150);
		fs.setWidth(600);
		fs.setHeight(600);
		fs.add(ta)
		ta.setHeight("100%");
		ta.setWidth("100%");
		ta.setReadOnly(true);
		
		this.add(fs);
		this.add(statLabel);
		this.add(statCode);
		
		this.add(sizeLabel);
		this.add(sizeText);
		
		req.addEventListener("error", handleReqError);
		req.addEventListener("done", handleReqDone);
		req.addEventListener("progress", handleReqProgress);
		
		var grid = new QxGridLayout();
		this.add(grid);
		
		with (grid) {
			setLocation(20, 48);
			setColumnCount(2);
			setDimension("auto", "auto");
			setBorder(QxBorderObject.presets.outset);
			setRowCount(3);
			setVerticalSpacing(4);
			setPadding(8);
			
			for (var i = 0; i < getRowCount(); i++) {
				setRowHeight(i, 20);
			}			
			
			setColumnWidth(0, 45);
			setColumnWidth(1, 100);
		}
		
		var targetLabel = new QxLabel("Target");
		var targetBox = new QxTextField();
		
		var payloadLabel = new QxLabel("Payload");
		var payloadBox = new QxTextField();
		
		var button = new QxButton("Send");
		button.setHorizontalAlign("right");
		button.addEventListener("execute", handleSendClick);
		
		grid.add(targetLabel, 0, 0);
		grid.add(targetBox, 1, 0);
		grid.add(payloadLabel, 0, 1);
		grid.add(payloadBox, 1, 1);
		grid.add(button, 1, 2);
		

	}
  </script>
</body>
</html>
--- NEW FILE: QxHttpTransport.js ---
/*****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxHttpTransport.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2006 by IT Operations PTY LTD (www.itoperations.com.au)
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Chris Ricks
       <chris at itoperations dot com dot au>

*****************************************************************************/

/**
 * QxHttpTransport
 *
 * This class aims to provide robust XMLHttpRequest-based communication for the Qooxdoo framework.
 *
 * The following events are defined:
 *
 * - init 
 * - connect
 * - download
 * - done
 * - error
 * - progress
 *
 * Each of init, connect, download and done map to readyState 1 - 4. error is dispatched upon an error occuring and progress is
 * dispatched upon the size of the received content increasing.
 */
 
/*! 
 * Constructor 
 */

function QxHttpTransport() {
	QxTarget.call(this);
	
	if (QxHttpTransport._requestCtor == QxHttpTransport._dummyRequest) {
		throw new Error("Your current browser and/or configuration does not allow for XML HTTP requests to be issued.");
	} else {
		// Set up initial state
		
		var obj = this;
		this.__handleStateChange = function() {
			obj._handleStateChange();
		}
		
		with (this) {
			_lastReadyState = 0;
			_activeTimeouts = new Array();
			_pendingTimeouts = new Array();
		}
	}
}

// Extend base class

QxHttpTransport.extend(QxTarget, "QxHttpTransport");

/*!
 * _requestCtor - Holds a reference to the actual XMLHttpRequest constructor to use at runtime to avoid checking 
 * for browser version at each invocation 
 */
 
QxHttpTransport._requestCtor = QxHttpTransport._dummyRequest;

/*!
 * _activeXType - Determines which ActiveX XML provider will be used by IE
 */
 
QxHttpTransport._activeXType = null;

// Set up static constants








/*
 * Static methods and members
 */
 
/*!
 * Current maximum request pool size
 */
 
QxHttpTransport._poolSize = 0;

/*!
 * Queue to hold active XMLHttpRequest objects
 */
 
QxHttpTransport._activePool = new Array();
 
/*!
 * Queue to hold inactive XMLHttpRequest objects
 */
 
QxHttpTransport._idlePool = new Array();













 /*!
 * readyStates - Array mapping readyStates to events to dispatch upon reaching a given state
 */

QxHttpTransport._readyStates = new Array();

QxHttpTransport._readyStates[1] = "init";
QxHttpTransport._readyStates[2] = "connect";
QxHttpTransport._readyStates[3] = "download";
QxHttpTransport._readyStates[4] = "done";

/*!
 * Fetch current pool size
 */
 
QxHttpTransport.getPoolSize = function() {
	return QxHttpTransport._poolSize;
}

/*!
 * Sets the pool size to 'size'
 */

QxHttpTransport.setPoolSize = function(size) {
	QxHttpTransport._poolSize = size;
}

/*!
 * Alter the current pool size by 'difference' amount
 */
 
QxHttpTransport.alterPoolSize = function(difference) {
	QxHttpTransport._poolSize += difference;
}





/*!
 * Acquire new request
 */
 
QxHttpTransport._getXMLHttpRequest = function() {
	if (0 < QxHttpTransport._idlePool.length) {
		var req = QxHttpTransport._idlePool.pop();
		QxHttpTransport._activePool.push(req);
		return req;
	} else if (QxHttpTransport._activePool.length < QxHttpTransport._poolSize) {
		var req = QxHttpTransport._requestCtor();
		QxHttpTransport._activePool.push(req);
		return req;
	}
}

QxHttpTransport._releaseXMLHttpRequest = function(req) {
	with (QxHttpTransport) {
		if (_poolSize < _activePool.length + _idlePool.length) {
			// Delete request
			delete req;
		} else {		
			_idlePool.push(req);
			_activePool.remove(req);
		}
	}
}






// Private members

/*! 
 *_lastReadyState - Holds the last ready state seen for this instance, allowing us to quickly check to see if any events need to be fired 
 */
 
proto._lastReadyState = 0;

/*! 
 * _requestHeaders - Hash containing headers to be added to the request 
 */

proto._requestHeaders = {};

/*! _req - Holds the XMLHttpRequest object used to actually make requests */

proto._req = null;

/*! _queue - The QxHttpTransportQueue that this request object belongs to */

proto._queue = null;

/*! _inProgress - Boolean used to record whether or not a request is in progress */

proto._inProgress = false;

/*! _pendingTimeouts - An array of arrays, with indexes 0 through 3, with each of those indexes containing an array of QxTimer objects.
  * Each index corresponds to the readyState at which all QxTimer objects in the array at that index will be started */

proto._pendingTimeouts = null;

/*! 
* _activeTimeouts - An array of arrays, with indexs 1 through 4. Each index corresponds to the readyState at which the corresponding
* QxTimer objects will be stopped. 
*/

proto._activeTimeouts = null;

/*!
 * _aborted - Indicates if this request was aborted due to error or user intervention
 */
 
proto._aborted = false;

/*!
 * _responseText - Holds the response text provided by the last request
 */
 
proto._responseText = null;

/*!
 * _responseXML - Holds the response XML provided by the last request
 */
 
proto._responseXML = null;

/*!
 * _status - Holds the status code provided by the last request
 */
 
proto._status = -1;

/*!
 * _responseHeaders - Holds response headers provided by the last invocation
 */
 
proto._responseHeaders = null;

/*!
 * _statusText - Holds the last status text result
 */
 
proto._statusText = null;

// Object properties
 











/*!
 * Determines whether or not multiple events will be fired for a given ready state. Some browsers will call onreadystatechange multiple times for a single ready state.
 * Setting this property to true will result in your event listeners being called for each reported state change, as opposed to the default behaviour of only emitting
 * a given event once per request.
 */
 
QxHttpTransport.addProperty({name : "multipleReadyStateEvents", type : QxConst.TYPEOF_NUMBER, defaultValue : false});

// Public methods

/*!
 * Adds a QxTimer event to the list of timeouts.
 *
 * Any added Timers will be processed (if the startState warrants it) upon the next state change.
 *
 * @param timer - QxTimer object set with desired interval
 * @param startState - Integer corresponding to the readyState to start the timer at
 * @param endState - Integer corresponding to the readyState to stop the timer at
 */

proto.addTimeout = function(timer, startState, endState) {
	if (startState >= endState) {
		throw new Error("Start state must be less than end state.");
	}
	
	if (0 > startState || 3 < startState) {
		throw new Error("Start state must be in the range 0 - 3.");
	}
	
	if (1 > endState || 4 < endState) {
		throw new Error("End state must be in the range 1 - 4.");
	}
	
	// Add timer to pending list
	
	if (!this._pendingTimeouts[startState]) {
		this._pendingTimeouts[startState] = new Array();
	}
	
	timer.addData("startstate", startState);
	timer.addData("endstate", endState);
	
	this._pendingTimeouts[startState].push(timer);
}

/*!
 * Sets the queue that this request belongs to
 */

proto.setQueue = function(queue) {
	if (!this.requestInProgress()) {
		this._queue = queue;	
	}
}

/*!
 * Returns the current queue that this request object belongs to
 */

proto.getQueue = function() {
	return this.queue;
}

/*!
 * Returns true on this request being in progress, false otherwise.
 */

proto.requestInProgress = function() {
	return this._inProgress;
}













/*!
 * Alias for getStatusCode
 */

proto.getStatus = proto.getStatusCode;







/*!
 * Initialises the request, adding it to the queue.
 */

proto.send = function() {
	if (true == this._inProgress) {
		return;
	}
	
	// Check that required properties are set

	if (this.getTarget() == null) {
		throw new Error("Null target set for QxHttpRequest.");
	}

	
	this._aborted = false;
	this._req = null;
	this._responseText = null;
	this._responseXML = null;
	this._responseHeaders = null;
	this._status = -1;
	this._statusText = null;
	
	// If we've gotten this far, add it to the queue if applicable - otherwise dispatch the request
	
	if (this._queue) {
		this._queue._add(this);
	} else {
		this._begin();
	}
}

/*!
 * Abort the request. Also removes the request from it's current queue.
 */

proto.abort = function() {
	if (typeof(this._req.abort) != QxConst.TYPEOF_UNDEFINED) {
		this._req.abort();
	}
	if (this.queue) {
		this._queue._remove(this);
		QxHttpTransport._releaseXMLHttpRequest(this._req);
		this._req = null;
	}
	this._aborted = true;
	this._inProgress = false;
	this._pumpTimeouts();
}

/*!
 * Disposal method
 */
 
proto.dispose = function() {
	if (this._disposed) {
		return;
	} else if (this._req) {
		this._req = null;
	}
	
	return QxTarget.prototype.dispose.call(this);
}

// Private / internal use methods

/*!
 * readystatechange handler - determines when to fire events and updates various object properties as
 * appropriate.
 */
 
proto._handleStateChange = function() {
	var readyState = this._req.readyState;
	if (3 == readyState) {
		if (this.hasEventListeners("progress")) {
			this.dispatchEvent(new QxEvent("progress"));
		}
		this._responseText = this._req.responseText;
		this._responseXML = this._req.responseXML;
	}
	
	if (!this.getMultipleReadyStateEvents() && this._lastReadyState == readyState) {
		if (this.hasEventListeners(QxHttpTransport._readyStates[readyState])) {
			this.dispatchEvent(new QxEvent(QxHttpTransport._readyStates[readyState]));
		}
	} else if (this._lastReadyState < readyState) {
		this._lastReadyState = readyState;
		switch (this._req.readyState) {
			case 0:
				// We should never get here
				throw new Error("readyState 0 encountered inside QxHttpTransport");
				break;
			case 1:
				// Nothing to do here for the moment
				break;
			case 2:
				if (QxHttpTransport._requestCtor != QxHttpTransport._activeXRequest) {
					this._status = this._req.status;
					this._statusText = this._req.statusText;
					if (this._req.status != 200 && this._req.status != 0) {
						this.abort();
						this._raiseError();
					}
				}
				break;
			case 3:
				// Attempt to get length
				try {
					var length = this.getResponseHeader("Content-Length");
					if (typeof(length) != QxConst.TYPEOF_NUMBER) {
						length = -1;
					}
				} catch (ex) {
					length = -1;
				}
				this.setResponseSize(length);
				break;
			case 4:
				this._status = this._req.status;
				this._statusText = this._req.statusText;
				if (this._req.status != 200 && this._req.status != 0) {
					this.abort();
					this._raiseError();
				}
				
				// Assume that readyState 4 only ever gets fired once
				
				this._inProgress = false;
				this._lastReadyState = 0;
				this._responseText = this._req.responseText;
				this._responseXML = this._req.responseXML;
				this._responseHeaders = this._req.getAllResponseHeaders();
				
				if (this._queue) {
					this._queue._remove(this);
					QxHttpTransport._releaseXMLHttpRequest(this._req);
					this._req = null;
				} 
				
				break;
			default:
				throw new Error("Out of range readyState encountered inside QxHttpTransport");
				break;
		}
		if (this.hasEventListeners(QxHttpTransport._readyStates[readyState])) {
			this.dispatchEvent(new QxEvent(QxHttpTransport._readyStates[readyState]));
		}
		this._pumpTimeouts(readyState);
	}	
}

/*!
 * Called by the queue holding this object when the request is to be issued.
 */

proto._begin = function() {
	this._inProgress = true;
	
	if (null == this._queue) {
		if (this._req) {
			this._req.abort();
		} else {
			this._req = QxHttpTransport._requestCtor();
		}
	} else {
		this._req = QxHttpTransport._getXMLHttpRequest();
	}
	
	this._req.onreadystatechange = this.__handleStateChange;
	
	for (i in this._requestHeaders) {
		this._req.setRequestHeader(i, this._requestHeaders[i]);
	}
	if (null != this.getUsername()) {
		if (null == this.getPassword()) {
			this._req.open(this.getRequestMethod(), this.getTarget(), this.getAsync(), this.getUsername());
		} else {
			this._req.open(this.getRequestMethod(), this.getTarget(), this.getAsync(), this.getUsername(), this.getPassword());
		}
	} else {
		this._req.open(this.getRequestMethod(), this.getTarget(), this.getAsync());
	}
	this._req.send(this.getPayload());
	this._pumpTimeouts(0);
}

/*!
 * Obtain new XMLHttpRequest objects according to policy
 */
 
proto._newRequest = function() {
	if (null == this._queue) {
		// Return new object as required
		return this._requestCtor();
	}
}

/*!
 * Dispatches an "error" event
 */

proto._raiseError = function() {
	if (this.hasEventListeners("error")) {
		this.dispatchEvent(new QxEvent("error"));
	}
}

/*!
 * Pumps the timeout queue
 */
 
proto._pumpTimeouts = function(rs) {
	var i;
	
	if (-1 == rs || 4 == rs || this._aborted) {
		// Put all timeouts back in the "pending queue"
		for (var i = 0; i < this._activeTimeouts.length; i++) {
			this._depopulateActiveTimeoutQueue(this._activeTimeouts[i]);
		}
	} else {
		// Stop all current timers
		if (this._activeTimeouts[rs]) {
			this._depopulateActiveTimeoutQueue(this._activeTimeouts[rs]);
		}
		
		// Start current timers
		
		if (this._pendingTimeouts[rs]) {
			for (i in this._pendingTimeouts[rs]) {
				var timeout = this._pendingTimeouts[rs][i];
				var endState = timeout.getData("endstate");
				
				this._activeTimeouts[endState].push(timeout);
				this._pendingTimeouts[rs].removeAt(i);
				timeout.start();
			}
		}
	}
}

proto._depopulateActiveTimeoutQueue = function(queue) {
	for (var i = 0; i < queue.length; i++) {
		var timeout = queue[i];
		var startState = timeout.getData("startstate");
		
		timeout.stop();
		this._pendingTimeouts[startState].push(timeout);
		queue.removeAt(i);
	}
}

[Qooxdoo-commit] qooxdoo/source/contributed/frame_olsen Frame_1.html,NONE,1.1.2.1 QxFrame.js,NONE,1.1.2.1 QxUtil.js,NONE,1.1.2.1 QxWindow.js,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/frame_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/frame_olsen

Added Files:
      Tag: renderer
	Frame_1.html QxFrame.js QxUtil.js QxWindow.js 
Log Message:
Added contributed section

--- NEW FILE: Frame_1.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  <meta http-equiv="MsThemeCompatible" content="yes">
  <meta http-equiv="ImageToolBar" content="no">
  <meta name="MSSmartTagsPreventParsing" content="yes"><title>qooxdoo demo dev</title>

  
  <link type="text/css" rel="stylesheet" href="Frame_1_files/qooxdoo.css">
  <link type="text/css" rel="stylesheet" href="Frame_1_files/demolayout.css">

  <script type="text/javascript" src="Frame_1_files/includer"></script><script type="text/javascript" src="Frame_1_files/QxMain"></script><script type="text/javascript" src="Frame_1_files/QxConst"></script><script type="text/javascript" src="Frame_1_files/QxExtend"></script><script type="text/javascript" src="Frame_1_files/QxClient"></script><script type="text/javascript" src="Frame_1_files/QxNative"></script><script type="text/javascript" src="Frame_1_files/QxUtil"></script><script type="text/javascript" src="Frame_1_files/QxCompare"></script><script type="text/javascript" src="Frame_1_files/QxObject"></script><script type="text/javascript" src="Frame_1_files/QxDom"></script><script type="text/javascript" src="Frame_1_files/QxDebug"></script><script type="text/javascript" src="Frame_1_files/QxTarget"></script><script type="text/javascript" src="Frame_1_files/QxApplication"></script><script type="text/javascript" src="Frame_1_files/QxClientWindow"></script><script type="text/javascript" src="Frame_1_files/QxManager"></script><script type="text/javascript" src="Frame_1_files/QxEvent"></script><script type="text/javascript" src="Frame_1_files/QxDomEvent"></script><script type="text/javascript" src="Frame_1_files/QxMouseEvent"></script><script type="text/javascript" src="Frame_1_files/QxMouseEventCore"></script><script type="text/javascript" src="Frame_1_files/QxKeyEvent"></script><script type="text/javascript" src="Frame_1_files/QxKeyEventCore"></script><script type="text/javascript" src="Frame_1_files/QxFocusEvent"></script><script type="text/javascript" src="Frame_1_files/QxDataEvent"></script><script type="text/javascript" src="Frame_1_files/QxColorManager"></script><script type="text/javascript" src="Frame_1_files/QxColorTheme"></script><script type="text/javascript" src="Frame_1_files/QxColor"></script><script type="text/javascript" src="Frame_1_files/QxColorObject"></script><script type="text/javascript" src="Frame_1_files/QxColorCore"></script><script type="text/javascript" src="Frame_1_files/QxColorCache"></script><script type="text/javascript" src="Frame_1_files/QxColorThemePresets"></script><script type="text/javascript" src="Frame_1_files/QxBorder"></script><script type="text/javascript" src="Frame_1_files/QxBorderObject"></script><script type="text/javascript" src="Frame_1_files/QxBorderCache"></script><script type="text/javascript" src="Frame_1_files/QxBorderPresets"></script><script type="text/javascript" src="Frame_1_files/QxBorderObjectPresets"></script><script type="text/javascript" src="Frame_1_files/QxFont"></script><script type="text/javascript" src="Frame_1_files/QxFontObject"></script><script type="text/javascript" src="Frame_1_files/QxFontCache"></script><script type="text/javascript" src="Frame_1_files/QxWidget"></script><script type="text/javascript" src="Frame_1_files/QxWidgetCore"></script><script type="text/javascript" src="Frame_1_files/QxLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxCanvasLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxHorizontalBoxLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxVerticalBoxLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxFlowLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxDockLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxGridLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxParent"></script><script type="text/javascript" src="Frame_1_files/QxTerminator"></script><script type="text/javascript" src="Frame_1_files/QxCanvasLayout"></script><script type="text/javascript" src="Frame_1_files/QxBlocker"></script><script type="text/javascript" src="Frame_1_files/QxClientDocument"></script><script type="text/javascript" src="Frame_1_files/QxInline"></script><script type="text/javascript" src="Frame_1_files/QxHorizontalSpacer"></script><script type="text/javascript" src="Frame_1_files/QxVerticalSpacer"></script><script type="text/javascript" src="Frame_1_files/QxEventManager"></script><script type="text/javascript" src="Frame_1_files/QxFocusManager"></script><script type="text/javascript" src="Frame_1_files/QxTextile"></script><script type="text/javascript" src="Frame_1_files/QxTextField"></script><script type="text/javascript" src="Frame_1_files/QxPasswordField"></script><script type="text/javascript" src="Frame_1_files/QxTextArea"></script><script type="text/javascript" src="Frame_1_files/QxTimer"></script><script type="text/javascript" src="Frame_1_files/QxXmlExtras"></script><script type="text/javascript" src="Frame_1_files/QxXmlHttpLoader"></script><script type="text/javascript" src="Frame_1_files/QxData"></script><script type="text/javascript" src="Frame_1_files/QxImageManager"></script><script type="text/javascript" src="Frame_1_files/QxImagePreloaderManager"></script><script type="text/javascript" src="Frame_1_files/QxImagePreloader"></script><script type="text/javascript" src="Frame_1_files/QxImage"></script><script type="text/javascript" src="Frame_1_files/QxDragEvent"></script><script type="text/javascript" src="Frame_1_files/QxDragAndDropManager"></script><script type="text/javascript" src="Frame_1_files/QxBoxLayout"></script><script type="text/javascript" src="Frame_1_files/QxVerticalBoxLayout"></script><script type="text/javascript" src="Frame_1_files/QxHorizontalBoxLayout"></script><script type="text/javascript" src="Frame_1_files/QxFlowLayout"></script><script type="text/javascript" src="Frame_1_files/QxDockLayout"></script><script type="text/javascript" src="Frame_1_files/QxGridLayout"></script><script type="text/javascript" src="Frame_1_files/QxText"></script><script type="text/javascript" src="Frame_1_files/QxHtml"></script><script type="text/javascript" src="Frame_1_files/QxLink"></script><script type="text/javascript" src="Frame_1_files/QxIconHtml"></script><script type="text/javascript" src="Frame_1_files/QxNode"></script><script type="text/javascript" src="Frame_1_files/QxLabel"></script><script type="text/javascript" src="Frame_1_files/QxLabelCore"></script><script type="text/javascript" src="Frame_1_files/QxAtom"></script><script type="text/javascript" src="Frame_1_files/QxButton"></script><script type="text/javascript" src="Frame_1_files/QxRepeatButton"></script><script type="text/javascript" src="Frame_1_files/QxRadioManager"></script><script type="text/javascript" src="Frame_1_files/QxInputCheckIcon"></script><script type="text/javascript" src="Frame_1_files/QxCheckBox"></script><script type="text/javascript" src="Frame_1_files/QxRadioButton"></script><script type="text/javascript" src="Frame_1_files/QxPopupManager"></script><script type="text/javascript" src="Frame_1_files/QxPopup"></script><script type="text/javascript" src="Frame_1_files/QxPopupAtom"></script><script type="text/javascript" src="Frame_1_files/QxToolTipManager"></script><script type="text/javascript" src="Frame_1_files/QxToolTip"></script><script type="text/javascript" src="Frame_1_files/QxFieldSet"></script><script type="text/javascript" src="Frame_1_files/QxCheckBoxFieldSet"></script><script type="text/javascript" src="Frame_1_files/QxRadioButtonFieldSet"></script><script type="text/javascript" src="Frame_1_files/QxIframe"></script><script type="text/javascript" src="Frame_1_files/QxMenuManager"></script><script type="text/javascript" src="Frame_1_files/QxMenuLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxMenuLayout"></script><script type="text/javascript" src="Frame_1_files/QxMenu"></script><script type="text/javascript" src="Frame_1_files/QxMenuButtonLayoutImpl"></script><script type="text/javascript" src="Frame_1_files/QxMenuButton"></script><script type="text/javascript" src="Frame_1_files/QxMenuCheckBox"></script><script type="text/javascript" src="Frame_1_files/QxMenuRadioButton"></script><script type="text/javascript" src="Frame_1_files/QxMenuSeparator"></script><script type="text/javascript" src="Frame_1_files/QxToolBar"></script><script type="text/javascript" src="Frame_1_files/QxToolBarPart"></script><script type="text/javascript" src="Frame_1_files/QxToolBarPartHandle"></script><script type="text/javascript" src="Frame_1_files/QxToolBarButton"></script><script type="text/javascript" src="Frame_1_files/QxToolBarSeparator"></script><script type="text/javascript" src="Frame_1_files/QxToolBarCheckBox"></script><script type="text/javascript" src="Frame_1_files/QxToolBarRadioButton"></script><script type="text/javascript" src="Frame_1_files/QxToolBarMenuButton"></script><script type="text/javascript" src="Frame_1_files/QxMenuBar"></script><script type="text/javascript" src="Frame_1_files/QxMenuBarButton"></script><script type="text/javascript" src="Frame_1_files/QxSelectionStorage"></script><script type="text/javascript" src="Frame_1_files/QxSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxList"></script><script type="text/javascript" src="Frame_1_files/QxListItem"></script><script type="text/javascript" src="Frame_1_files/QxComboBox"></script><script type="text/javascript" src="Frame_1_files/QxDateComboBox"></script><script type="text/javascript" src="Frame_1_files/QxRangeManager"></script><script type="text/javascript" src="Frame_1_files/QxSpinner"></script><script type="text/javascript" src="Frame_1_files/QxCommand"></script><script type="text/javascript" src="Frame_1_files/QxWindowManager"></script><script type="text/javascript" src="Frame_1_files/QxWindow"></script><script type="text/javascript" src="Frame_1_files/QxFrame"></script><script type="text/javascript" src="Frame_1_files/QxNativeWindow"></script><script type="text/javascript" src="Frame_1_files/QxSplashScreen"></script><script type="text/javascript" src="Frame_1_files/QxFlashPlayerVersion"></script><script type="text/javascript" src="Frame_1_files/QxFlash"></script><script type="text/javascript" src="Frame_1_files/QxEmu"></script><script type="text/javascript" src="Frame_1_files/QxCommonView"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewBar"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewPane"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewPage"></script><script type="text/javascript" src="Frame_1_files/QxCommonViewButton"></script><script type="text/javascript" src="Frame_1_files/QxTabView"></script><script type="text/javascript" src="Frame_1_files/QxTabViewBar"></script><script type="text/javascript" src="Frame_1_files/QxTabViewPane"></script><script type="text/javascript" src="Frame_1_files/QxTabViewPage"></script><script type="text/javascript" src="Frame_1_files/QxTabViewButton"></script><script type="text/javascript" src="Frame_1_files/QxBarView"></script><script type="text/javascript" src="Frame_1_files/QxBarViewBar"></script><script type="text/javascript" src="Frame_1_files/QxBarViewPane"></script><script type="text/javascript" src="Frame_1_files/QxBarViewPage"></script><script type="text/javascript" src="Frame_1_files/QxBarViewButton"></script><script type="text/javascript" src="Frame_1_files/QxOutlookBarView"></script><script type="text/javascript" src="Frame_1_files/QxOutlookBarViewButton"></script><script type="text/javascript" src="Frame_1_files/QxListView"></script><script type="text/javascript" src="Frame_1_files/QxDatePicker"></script><script type="text/javascript" src="Frame_1_files/QxStatusBar"></script><script type="text/javascript" src="Frame_1_files/QxStatusBarPane"></script><script type="text/javascript" src="Frame_1_files/QxProgressBar"></script><script type="text/javascript" src="Frame_1_files/QxSplitPane"></script><script type="text/javascript" src="Frame_1_files/QxButtonPane"></script><script type="text/javascript" src="Frame_1_files/QxOptionPane"></script><script type="text/javascript" src="Frame_1_files/QxScroller"></script><script type="text/javascript" src="Frame_1_files/QxTreeSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxTreeElement"></script><script type="text/javascript" src="Frame_1_files/QxTreeFile"></script><script type="text/javascript" src="Frame_1_files/QxTreeFolder"></script><script type="text/javascript" src="Frame_1_files/QxTree"></script><script type="text/javascript" src="Frame_1_files/QxVirtualSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxListView"></script><script type="text/javascript" src="Frame_1_files/QxListViewHeader"></script><script type="text/javascript" src="Frame_1_files/QxListViewPane"></script><script type="text/javascript" src="Frame_1_files/QxListViewHeaderCell"></script><script type="text/javascript" src="Frame_1_files/QxListViewHeaderSeparator"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellText"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellImage"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellHtml"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellLink"></script><script type="text/javascript" src="Frame_1_files/QxListViewContentCellIconHtml"></script><script type="text/javascript" src="Frame_1_files/QxDomSelectionManager"></script><script type="text/javascript" src="Frame_1_files/QxGallery"></script><script type="text/javascript" src="Frame_1_files/QxGalleryList"></script><script type="text/javascript" src="Frame_1_files/QxClock"></script><script type="text/javascript" src="Frame_1_files/QxClockAnalog"></script><script type="text/javascript" src="Frame_1_files/QxClockDigital"></script><script type="text/javascript" src="Frame_1_files/QxClockBinary"></script><script type="text/javascript" src="Frame_1_files/QxCookie"></script><script type="text/javascript" src="Frame_1_files/QxTimeTracker"></script><style type="text/css"></style></head>


<body style="background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-user-focus: normal;">
  <script type="text/javascript" src="Frame_1_files/demolayout"></script><div id="testHead">qooxdoo: <span>The new era of web interface development</span> | DEVELOPMENT BRANCH</div><div id="testFoot">[<a href="javascript:void(window.location.href=window.location.href.replace(/\/source\//, '\/public\/'))">Go to: Public</a>] &nbsp;[<a href="http://www.perevotech.com/qooxdoo/source/test/developer/Index.html">Go to: Developer Examples</a>] &nbsp;</div><div id="testDebug"><div class="head"><button>clear</button><button>hide</button><button>show</button><button>dispose</button></div><div class="log"><div class="group">QxInit</div><div class="message message-info">003471: qooxdoo/0.2_beta-3</div><div class="message message-info">003490: datestamp/20051230</div><div class="group">QxApplication[HASHCODE:0]</div><div class="message message-default">053420: Loading Data: 53419ms</div><div class="message message-info">053447: Available Classes: 152</div><div class="message message-info">053452: Client Detection: gecko 1.7.12</div><div class="message message-default">053686: Initialize Application: 240ms</div><div class="message message-info">053691: Created Instances: 81</div><div class="message message-default">054384: Executing User Application: 693ms</div><div class="message message-default">054411: Preloading Images: 23ms</div><div class="message message-info">055087: Created Instances: 261</div><div class="message message-default">055091: Initialize Interface: 549ms</div><div class="message message-default">055863: Postloading Images: 34ms</div></div></div><div id="testFrame">&nbsp;</div><select id="testFiles" size="5" onchange="window.location.href=this.options[this.selectedIndex].value"><option value="Atom_1.html">Atom 1</option><option value="Atom_2.html">Atom 2</option><option value="Atom_3.html">Atom 3</option><option value="Bar_View_1.html">Bar View 1</option><option value="Bar_View_2.html">Bar View 2</option><option value="Border_1.html">Border 1</option><option value="Box_Layout_1.html">Box Layout 1</option><option value="Box_Layout_2.html">Box Layout 2</option><option value="Box_Layout_3.html">Box Layout 3</option><option value="Box_Layout_4.html">Box Layout 4</option><option value="Box_Layout_5.html">Box Layout 5</option><option value="Box_Layout_6.html">Box Layout 6</option><option value="Box_Layout_7.html">Box Layout 7</option><option value="Box_Layout_8.html">Box Layout 8</option><option value="Button_1.html">Button 1</option><option value="Button_2.html">Button 2</option><option value="Canvas_Layout_1.html">Canvas Layout 1</option><option value="Checkbox_1.html">Checkbox 1</option><option value="Clipping_1.html">Clipping 1</option><option value="Clock_1.html">Clock 1</option><option value="Color_Themes_1.html">Color Themes 1</option><option value="Color_Themes_2.html">Color Themes 2</option><option value="Color_Themes_3.html">Color Themes 3</option><option value="Combobox_1.html">Combobox 1</option><option value="Combobox_2.html">Combobox 2</option><option value="Combobox_3.html">Combobox 3</option><option value="Combobox_4.html">Combobox 4</option><option value="Cookie_1.html">Cookie 1</option><option value="Data_Handling_1.html">Data Handling 1</option><option value="Data_Handling_2.html">Data Handling 2</option><option value="Dock_Layout_1.html">Dock Layout 1</option><option value="Dock_Layout_2.html">Dock Layout 2</option><option value="Dock_Layout_3.html">Dock Layout 3</option><option value="Dock_Layout_4.html">Dock Layout 4</option><option value="Dock_Layout_5.html">Dock Layout 5</option><option value="Dock_Layout_6.html">Dock Layout 6</option><option value="Drag_And_Drop_1.html">Drag And Drop 1</option><option value="Drag_And_Drop_2.html">Drag And Drop 2</option><option value="Enabled_Disabled_1.html">Enabled Disabled 1</option><option value="Fields_1.html">Fields 1</option><option value="Fields_2.html">Fields 2</option><option value="Fieldset_1.html">Fieldset 1</option><option value="Fieldset_2.html">Fieldset 2</option><option value="Fieldset_3.html">Fieldset 3</option><option value="Fieldset_4.html">Fieldset 4</option><option value="Flash_1.html">Flash 1</option><option value="Flow_Layout_1.html">Flow Layout 1</option><option value="Flow_Layout_2.html">Flow Layout 2</option><option value="Flow_Layout_3.html">Flow Layout 3</option><option value="Focus_Manager_1.html">Focus Manager 1</option><option value="Font_1.html">Font 1</option><option value="Frame_1.html" selected="selected">Frame 1</option><option value="Gallery_1.html">Gallery 1</option><option value="Gallery_2.html">Gallery 2</option><option value="Gallery_3.html">Gallery 3</option><option value="Gallery_List_1.html">Gallery List 1</option><option value="Grid_Layout_10.html">Grid Layout 10</option><option value="Grid_Layout_11.html">Grid Layout 11</option><option value="Grid_Layout_1.html">Grid Layout 1</option><option value="Grid_Layout_2.html">Grid Layout 2</option><option value="Grid_Layout_3.html">Grid Layout 3</option><option value="Grid_Layout_4.html">Grid Layout 4</option><option value="Grid_Layout_5.html">Grid Layout 5</option><option value="Grid_Layout_6.html">Grid Layout 6</option><option value="Grid_Layout_7.html">Grid Layout 7</option><option value="Grid_Layout_8.html">Grid Layout 8</option><option value="Grid_Layout_9.html">Grid Layout 9</option><option value="IconHtml_1.html">IconHtml 1</option><option value="Iframe_1.html">Iframe 1</option><option value="Image_1.html">Image 1</option><option value="Image_2.html">Image 2</option><option value="Index.html">Index</option><option value="Inline_1.html">Inline 1</option><option value="Label_1.html">Label 1</option><option value="Label_2.html">Label 2</option><option value="Label_3.html">Label 3</option><option value="Label_4.html">Label 4</option><option value="Link_1.html">Link 1</option><option value="List_1.html">List 1</option><option value="List_2.html">List 2</option><option value="List_3.html">List 3</option><option value="List_4.html">List 4</option><option value="List_View_10.html">List View 10</option><option value="List_View_11.html">List View 11</option><option value="List_View_12.html">List View 12</option><option value="List_View_13.html">List View 13</option><option value="List_View_14.html">List View 14</option><option value="List_View_1b.html">List View 1b</option><option value="List_View_1.html">List View 1</option><option value="List_View_2b.html">List View 2b</option><option value="List_View_2.html">List View 2</option><option value="List_View_3b.html">List View 3b</option><option value="List_View_3.html">List View 3</option><option value="List_View_4.html">List View 4</option><option value="List_View_5.html">List View 5</option><option value="List_View_6.html">List View 6</option><option value="List_View_7.html">List View 7</option><option value="List_View_8.html">List View 8</option><option value="List_View_9.html">List View 9</option><option value="Menu_1.html">Menu 1</option><option value="Menu_2.html">Menu 2</option><option value="Menu_3.html">Menu 3</option><option value="Native_Window_1.html">Native Window 1</option><option value="Node_1.html">Node 1</option><option value="OptionPane_1.html">OptionPane 1</option><option value="OptionPane_2.html">OptionPane 2</option><option value="ProgressBar_1.html">ProgressBar 1</option><option value="Radiobutton_1.html">Radiobutton 1</option><option value="Repeat_Button_1.html">Repeat Button 1</option><option value="Rounded_Corners_1.html">Rounded Corners 1</option><option value="Scroller_1.html">Scroller 1</option><option value="Spinner_1.html">Spinner 1</option><option value="SplashScreen_1.html">SplashScreen 1</option><option value="StatusBar_1.html">StatusBar 1</option><option value="StatusBar_2.html">StatusBar 2</option><option value="Tab_View_1.html">Tab View 1</option><option value="Toolbar_1.html">Toolbar 1</option><option value="Toolbar_2.html">Toolbar 2</option><option value="Toolbar_3.html">Toolbar 3</option><option value="Toolbar_4.html">Toolbar 4</option><option value="Toolbar_5.html">Toolbar 5</option><option value="Toolbar_6.html">Toolbar 6</option><option value="Toolbar_7.html">Toolbar 7</option><option value="Toolbar_8.html">Toolbar 8</option><option value="Tooltip_1.html">Tooltip 1</option><option value="Tree_1.html">Tree 1</option><option value="Tree_2.html">Tree 2</option><option value="Tree_3.html">Tree 3</option><option value="Tree_4.html">Tree 4</option><option value="Tree_5.html">Tree 5</option><option value="Tree_6.html">Tree 6</option><option value="Tree_7.html">Tree 7</option><option value="User_Data_1.html">User Data 1</option><option value="Window_1.html">Window 1</option><option value="Window_2.html">Window 2</option><option value="Window_3.html">Window 3</option><option value="Window_4.html">Window 4</option><option value="Window_5.html">Window 5</option></select>


  <div id="testDescription">
    <p>Testing StatusBar implementation.</p>
    <p>The elements of the status bar will be created on the first open of the QxStatusBar.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var mainF = new QxFrame("Test of status bar");
      mainF.setSpace(20, 400, 48, 250);
      mainF.setMenuBar(createMenuBar());
      mainF.setStatusBar(createStatusBar());
      mainF.addEventListener(QxConst.EVENT_TYPE_KEYDOWN, function _onkeydown(e) {
        if(e.getKeyCode() == 90) // The NUM key
        {
          numL.setHtml("NUM");
        }
        else
        {
          numL.setHtml("");
        };
      });

      doc.add(mainF);

      mainF.open();

      function createMenuBar() {
        var menuMB = new QxMenuBar();

        var fileM = new QxMenu();

        var newMB    = new QxMenuButton("New");
        var openMB   = new QxMenuButton("Open");
        var saveAsMB = new QxMenuButton("Save as..");
        var mailS    = new QxMenuSeparator();
        var closeMB  = new QxMenuButton("Close");
        var exitMB   = new QxMenuButton("Exit");
        exitMB.addEventListener("execute", function() {
          mainF.close();
        });

        fileM.add(newMB, openMB, saveAsMB, mailS, closeMB, exitMB);

        var fileMBB = new QxMenuBarButton("File", fileM);

        // Edit Menu
        var editM    = new QxMenu();

        var undoMB        = new QxMenuButton("Undo");
        var redoMB        = new QxMenuButton("Redo");
        var editS1        = new QxMenuSeparator();
        var cutMB         = new QxMenuButton("Cut");
        var copyMB        = new QxMenuButton("Copy");
        var pasteMB       = new QxMenuButton("Paste");
        var deleteMB      = new QxMenuButton("Delete");
        var editS2        = new QxMenuSeparator();
        var selectAllMB   = new QxMenuButton("Select all");
        var editS3        = new QxMenuSeparator();
        var preferencesMB = new QxMenuButton("Preferences");

        editM.add(undoMB, redoMB, editS1, cutMB, copyMB, pasteMB, deleteMB, editS2, selectAllMB, editS3, preferencesMB);

        var editMBB = new QxMenuBarButton("Edit",editM);

        doc.add(fileM, editM);

        menuMB.add(fileMBB, editMBB);

        return menuMB;
      };

      function createStatusBar() {
        var statusSB = new QxStatusBar();

        var statusL = new QxLabel("Ready");
        var statusSBP1 = new QxStatusBarPane(statusL);
        statusSBP1.setWidth("50%");

        var numL = new QxLabel();
        var statusSBP2 = new QxStatusBarPane(numL);
        statusSBP2.setWidth(30);
        statusSBP2.setLeft(95);

        var digitalClockC = new QxClockDigital();
        var statusSBP3 = new QxStatusBarPane(digitalClockC);
        statusSBP3.setLeft(98);

        statusSB.add(statusSBP1, statusSBP2, statusSBP3);

        return statusSB;
      };
    };
  </script>
<div style="height: auto; width: auto; visibility: hidden; position: absolute; z-index: -1;">3:21:16 PM</div><div qxhashcode="89" class="QxWidgetCore QxFrame" style="border: 2px outset ; z-index: 1000000; background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-user-focus: normal; -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); height: 250px; min-height: 71px; min-width: 160px; left: 255px; top: 97px; width: 409px; cursor: s-resize;"><div style="left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="93" class="QxWidgetCore QxVerticalBoxLayout"><div style="height: 19px; background-color: rgb(51, 94, 168); color: rgb(255, 255, 255); left: 0px; right: 0px; top: 0px;" qxhashcode="96" class="QxWidgetCore QxHorizontalBoxLayout"><div qxhashcode="99" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; margin-right: 2px; left: 2px; top: 9px;"><img src="Frame_1_files/blank" height="1" width="1"></div><div qxhashcode="100" class="QxWidgetCore QxLabel" style="-moz-user-select: none; cursor: default; font-weight: bold; margin-right: 2px; left: 5px; top: 2px;">Test of status bar</div><div style="min-height: 16px; width: 249px; left: 100px; top: 1px; bottom: 2px;" qxhashcode="101" class="QxWidgetCore QxHorizontalSpacer"></div><div qxhashcode="102" class="QxWidgetCore QxButton" style="border: 2px outset ; -moz-user-select: none; -moz-user-focus: ignore; cursor: default; background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 17px; height: 15px; left: 349px; top: 2px;"><div qxhashcode="105" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 2px; top: 1px;"><img src="Frame_1_files/minimize" height="9" width="9"></div></div><div qxhashcode="119" class="QxWidgetCore QxButton" style="border: 2px outset ; -moz-user-select: none; -moz-user-focus: ignore; cursor: default; background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 17px; height: 15px; left: 366px; top: 2px;"><div qxhashcode="122" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 2px; top: 1px;"><img src="Frame_1_files/maximize" height="9" width="9"></div></div><div qxhashcode="124" class="QxWidgetCore QxButton" style="border: 2px outset ; -moz-user-select: none; -moz-user-focus: ignore; cursor: default; background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); margin-left: 2px; width: 16px; height: 15px; left: 383px; top: 2px;"><div qxhashcode="127" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 1px; top: 1px;"><img src="Frame_1_files/close" height="9" width="10"></div></div></div><div style="border: 1px outset ; -moz-border-left-colors: rgb(255, 255, 255); -moz-border-right-colors: rgb(167, 166, 170); -moz-border-top-colors: rgb(255, 255, 255); -moz-border-bottom-colors: rgb(167, 166, 170); height: 22px; left: 0px; right: 0px; top: 19px;" qxhashcode="138" class="QxWidgetCore QxMenuBar"><div qxhashcode="196" class="QxWidgetCore QxMenuBarButton" style="-moz-user-select: none; cursor: default; background-color: rgb(235, 233, 237); width: 25px; left: 0px; top: 0px; bottom: 0px;"><div qxhashcode="199" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 4px; top: 3px;">File</div></div><div qxhashcode="279" class="QxWidgetCore QxMenuBarButton" style="-moz-user-select: none; cursor: default; background-color: rgb(235, 233, 237); width: 26px; left: 25px; top: 0px; bottom: 0px;"><div qxhashcode="282" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 4px; top: 3px;">Edit</div></div></div><div style="height: 179px; left: 0px; right: 0px; top: 41px;" qxhashcode="129" class="QxWidgetCore QxCanvasLayout"></div><div qxhashcode="283" class="QxWidgetCore QxStatusBar" style="border: 1px outset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); overflow: hidden; -moz-border-left-colors: rgb(255, 255, 255); -moz-border-right-colors: rgb(167, 166, 170); -moz-border-top-colors: rgb(255, 255, 255); -moz-border-bottom-colors: rgb(167, 166, 170); height: 24px; left: 0px; right: 0px; top: 220px;"><div qxhashcode="287" class="QxWidgetCore QxStatusBarPane" style="border: 2px inset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); width: 201px; left: 0px; top: 0px; bottom: 0px;"><div style="padding-left: 1px; padding-right: 1px;" qxhashcode="286" class="QxWidgetCore QxLabel">Ready</div></div><div qxhashcode="290" class="QxWidgetCore QxStatusBarPane" style="border: 2px inset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); width: 30px; left: 296px; top: 0px; bottom: 0px;"><div style="padding-left: 1px; padding-right: 1px;" qxhashcode="289" class="QxWidgetCore QxLabel"></div></div><div qxhashcode="298" class="QxWidgetCore QxStatusBarPane" style="border: 2px inset ; color: rgb(0, 0, 0); background-color: rgb(235, 233, 237); -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); width: 61px; left: 329px; top: 0px; bottom: 0px;"><div qxhashcode="292" class="QxWidgetCore QxClockDigital" style="-moz-user-select: none; cursor: default; width: 57px; height: 14px;"><div style="left: 1px; top: 0px;" qxhashcode="297" class="QxWidgetCore QxLabel">3:21:16 PM</div></div></div></div></div></div><div qxhashcode="142" class="QxWidgetCore QxMenu" style="border: 2px outset ; background-color: rgb(255, 255, 255); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 88px; height: 103px; left: 259px; top: 140px; z-index: 1000000; display: none;"><div style="left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="145" class="QxWidgetCore QxMenuLayout"><div qxhashcode="155" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 0px;"><div qxhashcode="159" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">New</div></div><div qxhashcode="163" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 18px;"><div qxhashcode="167" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Open</div></div><div qxhashcode="170" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 36px;"><div qxhashcode="174" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Save as..</div></div><div style="height: 2px; left: 0px; right: 0px; top: 54px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="177" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="179" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="181" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 61px;"><div qxhashcode="185" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Close</div></div><div qxhashcode="188" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 82px; left: 0px; right: 0px; top: 79px;"><div qxhashcode="192" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Exit</div></div></div></div><div qxhashcode="207" class="QxWidgetCore QxMenu" style="border: 2px outset ; background-color: rgb(255, 255, 255); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 102px; height: 171px; left: 284px; top: 140px; z-index: 1000000; display: none;"><div style="left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="209" class="QxWidgetCore QxMenuLayout"><div qxhashcode="214" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 0px;"><div qxhashcode="218" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Undo</div></div><div qxhashcode="221" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 18px;"><div qxhashcode="225" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Redo</div></div><div style="height: 2px; left: 0px; right: 0px; top: 36px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="228" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="230" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="231" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 43px;"><div qxhashcode="235" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Cut</div></div><div qxhashcode="238" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 61px;"><div qxhashcode="242" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Copy</div></div><div qxhashcode="245" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 79px;"><div qxhashcode="249" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Paste</div></div><div qxhashcode="252" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 97px;"><div qxhashcode="256" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Delete</div></div><div style="height: 2px; left: 0px; right: 0px; top: 115px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="259" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="261" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="262" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 122px;"><div qxhashcode="266" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Select all</div></div><div style="height: 2px; left: 0px; right: 0px; top: 140px; margin-top: 3px; margin-bottom: 2px;" qxhashcode="269" class="QxWidgetCore QxMenuSeparator"><div style="border-style: inset; border-color: -moz-use-text-color; border-width: 1px 0px; -moz-border-top-colors: rgb(167, 166, 170); -moz-border-bottom-colors: rgb(255, 255, 255); height: 2px; left: 3px; right: 3px; top: 0px; bottom: 0px;" qxhashcode="271" class="QxWidgetCore QxTerminator"></div></div><div qxhashcode="272" class="QxWidgetCore QxMenuButton" style="cursor: default; height: 18px; min-width: 96px; left: 0px; right: 0px; top: 147px;"><div qxhashcode="276" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 24px; top: 2px;">Preferences</div></div></div></div></body></html>
--- NEW FILE: QxUtil.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxUtil.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Sebastian Werner (wpbasti)
       <sebastian dot werner at 1und1 dot de>
     * Andreas Ecker (aecker)
       <andreas dot ecker at 1und1 dot de>

**************************************************************************** */

/* ****************************************************************************

#package(core)

**************************************************************************** */

QxUtil = {};




/* ********************************************************************
   Simple return methods
******************************************************************** */

QxUtil.returnTrue = function() {
  return true;
};

QxUtil.returnFalse = function() {
  return false;
};

QxUtil.returnNull = function() {
  return null;
};

QxUtil.returnThis = function() {
  return this;
};

QxUtil.returnZero = function() {
  return 0;
};

QxUtil.returnNegativeIndex = function() {
  return -1;
};






/* ********************************************************************
   Utility Methods
******************************************************************** */

/*
  Function to check if a hash has any keys
*/
QxUtil.isObjectEmpty = function(h)
{
  for (var s in h) {
    return false;
  };

  return true;
};

QxUtil.isObjectMinLength = function(h, j)
{
  var i=0;

  for (var s in h)
  {
    if ((++i)>=j) {
      return true;
    };
  };

  return false;
};

QxUtil.getObjectLength = function(h)
{
  var i=0;

  for (var s in h) {
    i++;
  };

  return i;
};

QxUtil.convertObjectToString = function(h) {
  return QxUtil.convertObjectToArray(h).join(", ");
};

QxUtil.convertObjectToArray = function(h)
{
  var r = [];
  for (var s in h) {
    r.push(s);
  };

  return r;
};

QxUtil.convertArgumentsToArray = function(a)
{
  var b = [];
  for (var i=0, l=a.length; i<l; i++) {
    b.push(a[i]);
  };

  return b;
};

/*
  Utility function for padding/margin and all other shorthand handling.
*/
QxUtil.convertShortHandToArray = function(params)
{
  var l = params.length;

  if (l > 4) {
    throw new Error("Invalid number of arguments!");
  };

  var v;
  var list = [];

  for (var i=0; i<l; i++)
  {
    v = params[i];

    if (QxUtil.isValidNumber(v))
    {
      list.push(v);
    }
    else if (QxUtil.isInvalidString(v))
    {
      list.push(null);
    }
    else
    {
      throw new Error("Invalid shorthand value: " + v);
    };
  };

  // Fix Values (Shorthand)
  switch(l)
  {
    case 1:
      list[1] = list[2] = list[3] = list[0];
      break;

    case 2:
      list[2] = list[0];

    case 3:
      list[3] = list[1];
  };

  return list;
};





/* ********************************************************************
   Value validation methods
******************************************************************** */

/*
  All methods use the strict comparison operators as all modern
  browsers (needs support for JavaScript 1.3) seems to support this.

  http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Operators:Comparison_Operators
*/

QxUtil.isValid = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_UNDEFINED:
      return false;

    case QxConst.TYPEOF_OBJECT:
      return v !== null;

    case QxConst.TYPEOF_STRING:
      return v !== QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return !isNaN(v);

    case QxConst.TYPEOF_FUNCTION:
    case QxConst.TYPEOF_BOOLEAN:
      return true;
  };

  return false;
};

QxUtil.isInvalid = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_UNDEFINED:
      return true;

    case QxConst.TYPEOF_OBJECT:
      return v === null;

    case QxConst.TYPEOF_STRING:
      return v === QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return isNaN(v);

    case QxConst.TYPEOF_FUNCTION:
    case QxConst.TYPEOF_BOOLEAN:
      return false;
  };

  return true;
};

QxUtil.isValidNumber = function(v) {
  return typeof v === QxConst.TYPEOF_NUMBER && !isNaN(v);
};

QxUtil.isInvalidNumber = function(v) {
  return typeof v !== QxConst.TYPEOF_NUMBER || isNaN(v);
};

QxUtil.isValidString = function(v) {
  return typeof v === QxConst.TYPEOF_STRING && v !== QxConst.CORE_EMPTY;
};

QxUtil.isInvalidString = function(v) {
  return typeof v !== QxConst.TYPEOF_STRING || v === QxConst.CORE_EMPTY;
};

QxUtil.isValidArray = function(v) {
  return typeof v === QxConst.TYPEOF_OBJECT && v !== null && v instanceof Array;
};

QxUtil.isInvalidArray = function(v) {
  return typeof v !== QxConst.TYPEOF_OBJECT || v === null || !(v instanceof Array);
};

QxUtil.isValidObject = function(v) {
  return typeof v === QxConst.TYPEOF_OBJECT && v !== null && !(v instanceof Array);
};

QxUtil.isInvalidObject = function(v) {
  return typeof v !== QxConst.TYPEOF_OBJECT || v === null || v instanceof Array;
};

QxUtil.isValidFunction = function(v) {
  return typeof v === QxConst.TYPEOF_FUNCTION;
};

QxUtil.isInvalidFunction = function(v) {
  return typeof v !== QxConst.TYPEOF_FUNCTION;
};

QxUtil.isValidBoolean = function(v) {
  return typeof v === QxConst.TYPEOF_BOOLEAN;
};

QxUtil.isInvalidBoolean = function(v) {
  return typeof v !== QxConst.TYPEOF_BOOLEAN;
};

QxUtil.isValidStringOrNumber = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_STRING:
      return v !== QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return !isNaN(v);
  };

  return false;
};

QxUtil.isInvalidStringOrNumber = function(v)
{
  switch(typeof v)
  {
    case QxConst.TYPEOF_STRING:
      return v === QxConst.CORE_EMPTY;

    case QxConst.TYPEOF_NUMBER:
      return isNaN(v);
  };

  return false;
};

/* ********************************************************************
   Component layout methods
******************************************************************** */

QxUtil.centerToBrowser = function(vComponent)
{
  var d = window.application.getClientWindow().getClientDocument();

  vComponent.setLeft((d.getClientWidth() / 2) - (vComponent.getBoxWidth() / 2));
  vComponent.setTop((d.getClientHeight() / 2) - (vComponent.getBoxHeight() / 2));
};
--- NEW FILE: QxWindow.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxWindow.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Sebastian Werner (wpbasti)
[...1395 lines suppressed...]
  if (this._pane)
  {
    this._pane.dispose();
    this._pane = null;
  };

  if (this._statusBar)
  {
    this._statusBar.dispose();
    this._statusBar = null;
  };

  if (this._statusText)
  {
    this._statusText.dispose();
    this._statusText = null;
  };

  return QxPopup.prototype.dispose.call(this);
};
--- NEW FILE: QxFrame.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxFrame.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(window)

**************************************************************************** */

function QxFrame(vCaption, vIcon)
{
  QxWindow.call(this, vCaption, vIcon);
};

QxFrame.extend(QxWindow, "QxFrame");



/*
------------------------------------------------------------------------------------
  PROPERTIES
------------------------------------------------------------------------------------
*/

/*!
  The main menu bar if any.
*/
QxFrame.addProperty({ name : "menuBar", type : QxConst.TYPEOF_OBJECT, allowNull : true, instance : QxMenuBar });

/*!
  The status bar if any.
*/
QxFrame.addProperty({ name : "statusBar", type : QxConst.TYPEOF_OBJECT, allowNull : true});//, instance : QxStatusBar }); //gets an error when instance is used???


/*
------------------------------------------------------------------------------------
  MODIFIERS
------------------------------------------------------------------------------------
*/

proto._modifyMenuBar = function(propValue, propOldValue, propData)
{
  if (propValue)
  {
    this._layout.addAfter(this.getMenuBar(), this._captionBar);
  }
  else
  {
    this._layout.remove(this.getMenuBar());
  };

  return true;
};

proto._modifyStatusBar = function(propValue, propOldValue, propData)
{
  if (propValue)
  {
    this._layout.addAtEnd(this.getStatusBar());
  }
  else
  {
    this._layout.remove(this.getStatusBar());
  };

  return true;
};


/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

  return QxWindow.prototype.dispose.call(this);
};

[Qooxdoo-commit] qooxdoo/source/contributed/progressbar_vogel Progressanim_1.html,NONE,1.1.2.1 Progressbar_1.html,NONE,1.1.2.1 QxProgressanim.js,NONE,1.1.2.1 QxProgressbar.js,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/progressbar_vogel
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/progressbar_vogel

Added Files:
      Tag: renderer
	Progressanim_1.html Progressbar_1.html QxProgressanim.js 
	QxProgressbar.js 
Log Message:
Added contributed section

--- NEW FILE: Progressanim_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
  <script type="text/javascript" src="QxProgressbar.js"></script>
  <script type="text/javascript" src="QxProgressanim.js"></script>    
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>

  <div id="testDescription">
    <p>Simple test of the QxProgressanim</p>
  </div>

  <script type="text/javascript">
  window.application.main = function()
  {
    var d = this.getClientWindow().getClientDocument();  
    var p1 = new QxProgressanim(200);

    with(p1)
    {
      setLeft(20);
      setTop(64);
    };

    d.add(p1);
    
    var btn1 = new QxButton("Start animation");
    with(btn1)
    {
      setTop(100);
      setLeft(20);
      addEventListener("execute", function(e) { p1.startAnimation(); });
    }
    d.add(btn1);
      
    var btn2 = new QxButton("Stop animation");
    with(btn2)
    {
      setTop(100);
      setLeft(120);
      addEventListener("execute", function(e) { p1.stopAnimation(); });
    }
    d.add(btn2);

    var btn3 = new QxButton("Clear Bar");
    with(btn3)
    {
      setTop(130);
      setLeft(20);
      addEventListener("execute", function(e) { p1.clearBar(); });
    }
    d.add(btn3);
  };
  </script>
  
</body>
</html>
--- NEW FILE: QxProgressbar.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxProgressbar.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $ //???Olli???

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:	//???Olli???
     * Oliver Vogel
       <o dot vogel at muv dot com>

**************************************************************************** */

/* ****************************************************************************

#package(form) //???Olli???
#require(QxBorderObject)
#require(QxTerminator)
#require(QxText)

**************************************************************************** */

function QxProgressbar(vMax, vShowPercent)
{
  QxCanvasLayout.call(this);

  this.setWidth(250);
  this.setHeight(22);
  this.setBorder(QxBorderObject.presets.inset);
  this.setTabIndex(-1);

  // ***********************************************************************
  //   Progress-Bar itself
  // ***********************************************************************
  this._bar = new QxTerminator();
  this._bar.set({ left: 0, bottom: 0, top: 0, border : QxBorder.presets.none });
  this._bar.setBackgroundColor("green");
  this.add(this._bar);

  // ***********************************************************************
  //   % - Text
  // ***********************************************************************
  this._percent = new QxText();
  this._percent.set({ left: 0, bottom: 0, top: 0, right: 0 });
  this._percent.setDisplay(false); // to avoid flicking if not used
  this._percent.setColor("white");
  this.add(this._percent);

  // ***********************************************************************
  //   INITIALIZATION
  // ***********************************************************************
  if(QxUtil.isValidNumber(vMax)) {
    this.setMax(vMax);
  };
  if(QxUtil.isValidBoolean(vShowPercent)) {
    this.setShowPercent(vShowPercent);
  };
};

QxProgressbar.extend(QxCanvasLayout, "QxProgressbar");


/*
------------------------------------------------------------------------------------
  PROPERTIES
------------------------------------------------------------------------------------
*/

/*!
  The value of the left position
*/
QxProgressbar.addProperty({ name : "min", type : QxConst.TYPEOF_NUMBER, defaultValue : 0 });

/*!
  The value of the right position
*/
QxProgressbar.addProperty({ name : "max", type : QxConst.TYPEOF_NUMBER, defaultValue : 100 });

/*!
  The amount to increment on each step.
*/
QxProgressbar.addProperty({ name : "stepBy", type : QxConst.TYPEOF_NUMBER, defaultValue : 1 });

/*!
  The current position of the progress.
*/
QxProgressbar.addProperty({ name : "position", type : QxConst.TYPEOF_NUMBER, defaultValue : 0 });

/*!
  Should the % be visible
*/
QxProgressbar.addProperty({ name : "showPercent", type : QxConst.TYPEOF_BOOLEAN, defaultValue : false });


/*
------------------------------------------------------------------------------------
  PREFERRED DIMENSIONS
------------------------------------------------------------------------------------
*/

proto._computePreferredInnerWidth = function() { //???Olli???
  return 200;
};

proto._computePreferredInnerHeight = function() { //???Olli???
  return 20;
};



/*
------------------------------------------------------------------------------------
  GETTER AND SETTER
------------------------------------------------------------------------------------
*/
proto._checkMin = function(newValue, propData){
  // min must be < max  	
  if (newValue < this.getMax()) return newValue;
  return this.getMin();
};
proto._modifyMin = function(propValue, propOldValue, propData)
{
  // position must be >= min
  if (this.getPosition() < propValue) this.setPosition(propValue);
  // make changes visible
  return this._applyChanges();
}


proto._checkMax = function(newValue, propData){
  // max must be > min
  if (newValue > this.getMin()) return newValue;
  return this.getMax();
};
proto._modifyMax = function(propValue, propOldValue, propData)
{
  // position must be <= max
  if (this.getPosition() > propValue) this.setPosition(propValue);
  // make changes visible
  return this._applyChanges();
}


proto._checkPosition = function(newValue, propData){
  // position must be inside min and max
  if (newValue < this.getMin()) return this.getMin();
  if (newValue > this.getMax()) return this.getMax();
  return newValue;
};
proto._modifyPosition = function(propValue, propOldValue, propData)
{
  // make changes visible
  return this._applyChanges();
};

proto._modifyShowPercent = function(propValue, propOldValue, propData)
{
  // show or hide the Text
  this._percent.setDisplay(propValue);
  // ready
  return true;
}



/*
------------------------------------------------------------------------------------
  THE ACTION
------------------------------------------------------------------------------------
*/
proto.stepIt = function(){
  this.setPosition(this.getPosition() + this.getStepBy());
}


/*
------------------------------------------------------------------------------------
  INTERNAL STUFF
------------------------------------------------------------------------------------
*/
proto._applyChanges = function(){
  // calc position in %
  var p = this.getPosition() - this.getMin();
  var g = this.getMax() - this.getMin();
  var percent = (p * 100) / g;
  // set width of the bar to show the progress
  this._bar.setWidth(percent + '%');
  // set the text
  this._percent.setText(Math.round(percent) + '%');
  // ready
  return true;
}



/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return;
  };

  if (this._bar)
  {
    this._bar.dispose();
    this._bar = null;
  };
  
  if (this._percent)
  {
    this._percent.dispose();
    this._percent = null;
  };
  
  return QxCanvasLayout.prototype.dispose.call(this);
};
--- NEW FILE: QxProgressanim.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxProgressanim.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $ //???Olli???

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:	//???Olli???
     * Oliver Vogel
       <o dot vogel at muv dot com>

**************************************************************************** */

/* ****************************************************************************

#package(form) //???Olli???
#require(QxBorderObject)
#require(QxTerminator)
#require(QxTimer)

**************************************************************************** */

// the width of the bar itself (in %)
QxProgressanim.BAR_WIDTH = 50;


function QxProgressanim()
{
  QxCanvasLayout.call(this);

  this.setWidth(250);
  this.setHeight(22);
  this.setBorder(QxBorderObject.presets.inset);
  this.setTabIndex(-1);

  // ***********************************************************************
  //   Progress-Bar itself
  // ***********************************************************************
  this._bar = new QxTerminator();
  this._bar.set({ left: 0, bottom: 0, top: 0, border : QxBorder.presets.none });
  this._bar.setBackgroundColor("green");
  this.add(this._bar);
  
  // ***********************************************************************
  //   TIMER FOR ANIMATION
  // ***********************************************************************
  this._timer = new QxTimer(100);
  this._timer.addEventListener(QxConst.EVENT_TYPE_INTERVAL, this._oninterval, this);
  
  // ***********************************************************************
  //   INITIALIZATION
  // ***********************************************************************
  this._position = 0;
  this._leftToRight = true;

  // Hide the Bar
  this.clearBar()
  
};

QxProgressanim.extend(QxCanvasLayout, "QxProgressanim");


/*
------------------------------------------------------------------------------------
  PREFERRED DIMENSIONS
------------------------------------------------------------------------------------
*/

proto._computePreferredInnerWidth = function() { //???Olli???
  return 200;
};

proto._computePreferredInnerHeight = function() { //???Olli???
  return 20;
};


/*
------------------------------------------------------------------------------------
  THE ACTION
------------------------------------------------------------------------------------
*/
proto.startAnimation = function(){
  this._timer.start();
}
proto.stopAnimation = function(){
  this._timer.stop();
}

proto.clearBar = function(){
  // set to a invisible position
  this._position = -QxProgressanim.BAR_WIDTH; // -x% startPosition + x% width of bar = 0!!!
  this._applyChanges();
  // next start of animation is from left to right
  this._leftToRight = true;
}


/*
------------------------------------------------------------------------------------
  INTERNAL STUFF
------------------------------------------------------------------------------------
*/
proto._applyChanges = function(){
  // set position and size of the bar to show the progress
  // if the position is outside, set the position to 0 and the width to the "difference"
  if (this._position < 0) // left outside?
  {
    // set position
    this._bar.setLeft(0);
    this._bar.setWidth((QxProgressanim.BAR_WIDTH - Math.abs(this._position)) + '%');
	QxWidget.flushGlobalQueues(); //???Olli??? is there any other possibility to show the changes imideatelly
    // ready
    return true;
  }
  if (this._position + QxProgressanim.BAR_WIDTH > 100) // right outside?
  {
    // set position
    this._bar.setLeft(this._position + '%');
    this._bar.setWidth((100 - this._position) + '%');
	QxWidget.flushGlobalQueues(); //???Olli??? is there any other possibility to show the changes imideatelly
    // ready
    return true;
  }
  
  // "normal" case (inside)
  // set position
  this._bar.setLeft(this._position + '%');
  this._bar.setWidth(QxProgressanim.BAR_WIDTH + '%');
  QxWidget.flushGlobalQueues(); //???Olli??? is there any other possibility to show the changes imideatelly
  // ready
  return true;
}

/*
------------------------------------------------------------------------------------
  INTERVAL HANDLING
------------------------------------------------------------------------------------
*/
proto._oninterval = function(e)
{
  // handle the direction
  if (this._leftToRight)
  {
    this._position += 2; // new position
    if (this._position >= 100) this._leftToRight = false; // change the direction ?
  }
  else
  {
    this._position -= 2; // new position
    if (this._position + QxProgressanim.BAR_WIDTH <= 0) this._leftToRight = true;  // change the direction ?
  }    
  
  // Show the changes
  this._applyChanges();
};


/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return;
  };

  if (this._bar)
  {
    this._bar.dispose();
    this._bar = null;
  };
  
  return QxCanvasLayout.prototype.dispose.call(this);
};
--- NEW FILE: Progressbar_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
  <script type="text/javascript" src="QxProgressbar.js"></script>
  <script type="text/javascript" src="QxProgressanim.js"></script>  
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>

  <div id="testDescription">
    <p>Simple test of the QxProgressbar</p>
  </div>

  <script type="text/javascript">
  window.application.main = function()
  {
    var d = this.getClientWindow().getClientDocument();  
    var p1 = new QxProgressbar(200);

    with(p1)
    {
      setLeft(20);
      setTop(64);
    };

    d.add(p1);
    
    var btn1 = new QxButton("Next Step");
    with(btn1)
    {
      setTop(100);
      setLeft(20);
      addEventListener("execute", function(e) { p1.stepIt(); });
    }
    d.add(btn1);
      
    var btn2 = new QxButton("Clear");
    with(btn2)
    {
      setTop(100);
      setLeft(120);
      addEventListener("execute", function(e) { p1.setPosition(0); });
    }
    d.add(btn2);

    var btn3 = new QxButton("Max=10");
    with(btn3)
    {
      setTop(130);
      setLeft(20);
      addEventListener("execute", function(e) { p1.setMax(10); });
    }
    d.add(btn3);
    
    var btn4 = new QxButton("Max=100");
    with(btn4)
    {
      setTop(130);
      setLeft(120);
      addEventListener("execute", function(e) { p1.setMax(100); });
    }
    d.add(btn4);

    var btn5 = new QxButton("Show Percent");
    with(btn5)
    {
      setTop(160);
      setLeft(20);
      addEventListener("execute", function(e) { p1.setShowPercent(true); });
    }
    d.add(btn5);

    var btn6 = new QxButton("Hide Percent");
    with(btn6)
    {
      setTop(160);
      setLeft(120);
      addEventListener("execute", function(e) { p1.setShowPercent(false); });
    }
    d.add(btn6);
  };
  </script>
  
</body>
</html>

[Qooxdoo-commit] qooxdoo/source/contributed/progressbar_olsen ProgressBar_1.html,NONE,1.1.2.1 QxProgressBar.js,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/progressbar_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/progressbar_olsen

Added Files:
      Tag: renderer
	ProgressBar_1.html QxProgressBar.js 
Log Message:
Added contributed section

--- NEW FILE: QxProgressBar.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxProgressBar.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(form)
#require(QxRangeManager)
#require(QxAtom)
#require(QxTimer)

**************************************************************************** */

QxConst.DIRECTION_UP = "upward";
QxConst.DIRECTION_RIGHT = "rightward";
QxConst.DIRECTION_DOWN = "downward";
QxConst.DIRECTION_LEFT = "leftward";

QxTimer.prototype.wait = function(vMilliseconds)
{
  var vExitTime = (new Date).valueOf() + vMilliseconds;
  var vCurrentTime;

  do { 
    vCurrentTime = (new Date).valueOf();
  } while(vExitTime > vCurrentTime);
};


function QxProgressBar(vDirection, vMin, vMax) {
  QxCanvasLayout.call(this);

  this.setBorder(QxBorderObject.presets.inset);
  this.setBackgroundColor("white");

  // ***********************************************************************
  //   RANGE MANAGER
  // ***********************************************************************
  this._manager = new QxRangeManager();

  // ***********************************************************************
  //   BAR
  // ***********************************************************************
  var barA = this._bar = new QxAtom();
  barA.setBackgroundColor("red");

  this.add(barA);

  // ***********************************************************************
  //   TEXT - removed later, to be replaced with QxFormattedText
  // ***********************************************************************
  var label = new QxText();
  label.setVerticalAlign("middle");
  label.setHorizontalAlign("center");
  label.setColor("white");

  this.add(label);

  this.setLabel(label);

  // ***********************************************************************
  //   TIMER
  // ***********************************************************************
  this._timer = new QxTimer();

  // ***********************************************************************
  //   EVENTS
  // ***********************************************************************
  this._manager.addEventListener(QxConst.INTERNAL_CHANGE, this._onchange, this);

  // ***********************************************************************
  //   INITIALIZATION
  // ***********************************************************************
  if(QxUtil.isValidString(vDirection)) {
    this.setDirection(vDirection);
  };

  if(QxUtil.isValidNumber(vMin)) {
    this.setMin(vMin);
  };

  if(QxUtil.isValidNumber(vMax)) {
    this.setMax(vMax);
  };
};

QxProgressBar.extend(QxCanvasLayout, "QxProgressBar");

/*
------------------------------------------------------------------------------------
  PROPERTIES
------------------------------------------------------------------------------------
*/

/*!
  The direction of growth of the bar.
*/
QxProgressBar.addProperty({ name : "direction", type : QxConst.TYPEOF_STRING, possibleValues : [ QxConst.DIRECTION_LEFT, QxConst.DIRECTION_UP, QxConst.DIRECTION_RIGHT, QxConst.DIRECTION_DOWN], defaultValue : QxConst.DIRECTION_RIGHT });

/*!
  The label object.
*/
QxProgressBar.addProperty({ name : "label", type : QxConst.TYPEOF_OBJECT, allowNull : true }); //instance : QxFormatField

/*!
  The amount to increment on each call to the function increment.
*/
QxProgressBar.addProperty({ name : "incrementAmount", type : QxConst.TYPEOF_NUMBER, defaultValue : 1 });

/*!
  An indeterminate progress bar indicating that an operation of unknown duration is occurring.
*/
QxProgressBar.addProperty({ name : "indeterminate", type : QxConst.TYPEOF_BOOLEAN, defaultValue : false });

/*!
  The current value of the wait (this should be used internally only).
*/
QxProgressBar.addProperty({ name : "wait", type : QxConst.TYPEOF_NUMBER, defaultValue : 0 });


/*
------------------------------------------------------------------------------------
  OTHER EVENT-HANDLING
------------------------------------------------------------------------------------
*/

proto._onchange = function(e)
{
  if(this.getParent())
  {
    if(this.getIndeterminate())
    {
    }
    else 
    {
      var barSizePercent = this.getValue()/this.getMax();
      var barSize;

      switch(this.getDirection())
      {
        case QxConst.DIRECTION_LEFT :
          barSize = Math.floor(barSizePercent * this.getInnerWidth());
          this._bar.setHeight(this.getInnerHeight());
          this._bar.setLeft(this.getInnerWidth() - barSize);
          this._bar.setWidth(barSize);
          break;

        case QxConst.DIRECTION_RIGHT :
          barSize = Math.floor(barSizePercent * this.getInnerWidth());
          this._bar.setHeight(this.getInnerHeight());
          this._bar.setWidth(barSize);
          break;

        case QxConst.DIRECTION_UP :
          barSize = Math.floor(barSizePercent * this.getInnerHeight());
          this._bar.setHeight(barSize);
          this._bar.setTop(this.getInnerHeight() - barSize);
          this._bar.setWidth(this.getInnerWidth());
          break;

        case QxConst.DIRECTION_DOWN :
          barSize = Math.floor(barSizePercent * this.getInnerHeight());
          this._bar.setHeight(barSize);
          this._bar.setWidth(this.getInnerWidth());
          break;
      };  
    };

    this.getLabel().setText(Math.round(100 * barSizePercent) + '%');

    QxWidget.flushGlobalQueues();

    this._timer.wait(this.getWait());

    if (this.hasEventListeners(QxConst.INTERNAL_CHANGE))
    {
      this.dispatchEvent(new QxEvent(QxConst.INTERNAL_CHANGE));
    };
  };
};

/*
------------------------------------------------------------------------------------
  MAPPING TO RANGE MANAGER
------------------------------------------------------------------------------------
*/

proto.setValue = function(nValue)
{
  this._manager.setValue(nValue);
};

proto.getValue = function()
{
  return this._manager.getValue();
};

proto.resetValue = function()
{
  return this._manager.resetValue();
};

proto.setMax = function(vMax)
{
  return this._manager.setMax(vMax);
};

proto.getMax = function()
{
  return this._manager.getMax();
};

proto.setMin = function(vMin)
{
  return this._manager.setMin(vMin);
};

proto.getMin = function()
{
  return this._manager.getMin();
};

/*
------------------------------------------------------------------------------------
  UTILITIES
------------------------------------------------------------------------------------
*/

proto.increment = function()
{
  var value = this.getValue() + this.getIncrementAmount();

  if(value < this.getMax())
  {
    this.setValue(value);
  }
  else
  {
    this.setValue(this.getMax());
  };
};

/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

  if (this._timer)
  {
    this._timer.stop();
    this._timer.dispose();
    this._timer = null;
  };

  if (this._manager)
  {
    this._manager.removeEventListener(QxConst.INTERNAL_CHANGE, this._onchange, this);
    this._manager.dispose();
    this._manager = null;
  };

  if (this._bar)
  {
    this._bar.dispose();
    this._bar = null;
  };

  return QxCanvasLayout.prototype.dispose.call(this);
};
--- NEW FILE: ProgressBar_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
  <script type="text/javascript" src="QxProgressBar.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>

  <div id="testDescription">
    <p>Testing ProgressBar implementation.</p>
    <p>The elements of the progress bar will be created on the first open of the QxProgressBar.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      // Create components
      var progressPB1 = new QxProgressBar(QxConst.DIRECTION_RIGHT, 1, 100);
      progressPB1.setTop(50);
      progressPB1.setLeft(50);
      progressPB1.setHeight(20);
      progressPB1.setWidth(100);
      progressPB1.setWait(1000);

      var progressPB2 = new QxProgressBar(QxConst.DIRECTION_DOWN, 1, 100);
      progressPB2.setTop(50);
      progressPB2.setLeft(200);
      progressPB2.setHeight(100);
      progressPB2.setWidth(20);

      var progressPB3 = new QxProgressBar(QxConst.DIRECTION_LEFT, 1, 100);
      progressPB3.setTop(200);
      progressPB3.setLeft(50);
      progressPB3.setHeight(20);
      progressPB3.setWidth(100);
      progressPB3.setWait(5000);

      var progressPB4 = new QxProgressBar(QxConst.DIRECTION_UP, 1, 100);
      progressPB4.setTop(200);
      progressPB4.setLeft(200);
      progressPB4.setHeight(100);
      progressPB4.setWidth(20);

      var progressPB5 = new QxProgressBar(QxConst.DIRECTION_RIGHT, 1, 100);
      progressPB5.setIndeterminate(true);
      progressPB5.setTop(400);
      progressPB5.setLeft(50);
      progressPB5.setHeight(30);
      progressPB5.setWidth(200);

      doc.add(progressPB1, progressPB2, progressPB3, progressPB4, progressPB5);

      for(var i=1; i<=100; i++) {
        progressPB1.setValue(i);
        progressPB2.setValue(i);
        progressPB3.setValue(i);
        progressPB4.setValue(i);
      };
    };
  </script>
</body>
</html>

[Qooxdoo-commit] qooxdoo/source/contributed/buttonpane_olsen OptionPane_1.html,NONE,1.1.2.1 OptionPane_2.html,NONE,1.1.2.1 QxButtonPane.js,NONE,1.1.2.1 QxOptionPane.js,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/buttonpane_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/buttonpane_olsen

Added Files:
      Tag: renderer
	OptionPane_1.html OptionPane_2.html QxButtonPane.js 
	QxOptionPane.js 
Log Message:
Added contributed section

--- NEW FILE: QxOptionPane.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxOptionPane.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(optionpane)

**************************************************************************** */

function QxOptionPane(vMessage, vMessageIcon) {
  QxCanvasLayout.call(this);

  this.setWidth(null);
  this.setHeight(null);

  var messageHBL = this._messageLayout = new QxHorizontalBoxLayout();
  messageHBL.setHorizontalAlign("center");

  var messageI = this._icon    = new QxImage(vMessageIcon);

  var messageL = this._message = new QxLabel(vMessage);

  messageHBL.add(messageI, messageL);

  var buttonsBP = this._buttons = new QxButtonPane();
  buttonsBP.setHorizontalAlign("center");

//  this._buttonsBP.getOKButton().addEventListener("execute", function ok() {
//    this.close();
//    return true;
//  });

//  this._buttonsBP.getCancelButton().addEventListener("execute", function cancel() {
//    this.close();
//    return false;
//  });

//  this._buttonsBP.getHelpButton().addEventListener("execute", function help() {
//    // open the help!!!
//  });

  var layoutVBL = this._layout = new QxVerticalBoxLayout();
  layoutVBL.setPadding(5);
  layoutVBL.add(messageHBL, buttonsBP);

  this.add(layoutVBL);
};

QxOptionPane.extend(QxCanvasLayout, "QxOptionPane");



/*
------------------------------------------------------------------------------------
  STYLES & BEHAVIOR
------------------------------------------------------------------------------------
*/

//proto._applyInitialStyle = function(statustext)
//{
//  this.setBorder(1, QxConst.BORDER_STYLE_INSET, "windowtext");
//  this.setBackgroundColor("threedface");
//};

/*
------------------------------------------------------------------------------------
  UTILITIES
------------------------------------------------------------------------------------
*/

proto.getMessage = function() {
  return this.vMessage;
};

proto.getButtonPane = function() {
  return this._buttonsBP;
};

proto.createDialog = function(vTitle, vIcon) {
  var messageW = this._messageW = new QxWindow(vTitle, vIcon);
  messageW.setAllowMaximize(false);
  messageW.setModal(true);
  messageW.add(this);

  return messageW;
};

/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

//  if (this._messageL)
//  {
//    this._messageL.dispose();
//    this._messageL = null;
//  };

//  if (this._buttonsBP)
//  {
//    this._buttonsBP.dispose();
//    this._buttonsBP = null;
//  };

//  if (this._layoutVBL)
//  {
//    this._layoutVBL.dispose();
//    this._layoutVBL = null;
//  };

  return QxWindow.prototype.dispose.call(this);
};

--- NEW FILE: QxButtonPane.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxButtonPane.js,v 1.1.2.1 2006/01/24 14:12:45 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(buttonpane)

**************************************************************************** */

function QxButtonPane() {
  QxBoxLayout.call(this, QxConst.ORIENTATION_HORIZONTAL);

  var okB     = this._ok     = new QxButton("Ok");
  okB.setPadding(5,1,2,2);

  var cancelB = this._cancel = new QxButton("Cancel");
  cancelB.setPadding(5,1,2,1);

  var helpB   = this._help   = new QxButton("Help");
  helpB.setPadding(5,2,2,1);

  this.add(okB, cancelB, helpB);
};

QxButtonPane.extend(QxBoxLayout, "QxButtonPane");



/*
------------------------------------------------------------------------------------
  STYLES & BEHAVIOR
------------------------------------------------------------------------------------
*/

//proto._applyInitialStyle = function(statustext)
//{
//  this.setBorder(1, QxConst.BORDER_STYLE_INSET, "windowtext");
//  this.setBackgroundColor("threedface");
//};

/*
------------------------------------------------------------------------------------
  UTILITIES
------------------------------------------------------------------------------------
*/

//proto.getOKButton = function() {
//  return this._okB;
//};

//proto.getCancelButton = function() {
//  return this._cancelB;
//};

//proto.getHelpButton = function() {
//  return this._helpB;
//};

/*
------------------------------------------------------------------------------------
  DISPOSER
------------------------------------------------------------------------------------
*/

proto.dispose = function()
{
  if (this.getDisposed()) {
    return true;
  };

//  if (this._okB)
//  {
//    this._okB.dispose();
//    this._okB = null;
//  };

//  if (this._cancelB)
//  {
//    this._cancelB.dispose();
//    this._cancelB = null;
//  };

//  if (this._helpB)
//  {
//    this._helpB.dispose();
//    this._helpB = null;
//  };

  return QxBoxLayout.prototype.dispose.call(this);
};

--- NEW FILE: OptionPane_2.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
  <script type="text/javascript" src="QxOptionPane.js"></script>
  <script type="text/javascript" src="QxButtonPane.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>

  <div id="testDescription">
    <p>Testing OptionPane implementation.</p>
    <p>The elements of the dialog will be created on the first open of the QxOptionPane.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var messageI = new QxImage("icons/kids/16/stop.png", 48, 48);
      var mainOP = new QxOptionPane("Do you really want to delete the file?", null);
      mainOP.setTop(50);

      var mainD = mainOP.createDialog("Delete File", null);
      doc.add(mainD);
      mainD.open();
    };
  </script>
</body>
</html>

--- NEW FILE: OptionPane_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
  <script type="text/javascript" src="QxOptionPane.js"></script>
  <script type="text/javascript" src="QxButtonPane.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>

  <div id="testDescription">
    <p>Testing OptionPane implementation.</p>
    <p>The elements of the pane will be created on the first open of the QxOptionPane.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var messageI = new QxImage("icons/kids/16/stop.png", 48, 48);
      var mainOP = new QxOptionPane("Do you really want to delete the file?", null);
      mainOP.setTop(50);

      doc.add(mainOP);
    };
  </script>
</body>
</html>

[Qooxdoo-commit] qooxdoo/source/contributed/splashscreen_olsen QxSplashScreen.js,NONE,1.1.2.1 SplashScreen_1.html,NONE,1.1.2.1 SplashScreen_2.html,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/splashscreen_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/splashscreen_olsen

Added Files:
      Tag: renderer
	QxSplashScreen.js SplashScreen_1.html SplashScreen_2.html 
Log Message:
Added contributed section

--- NEW FILE: SplashScreen_2.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  <meta http-equiv="MsThemeCompatible" content="yes">
  <meta http-equiv="ImageToolBar" content="no">
  <meta name="MSSmartTagsPreventParsing" content="yes"><title>qooxdoo demo dev</title>

  
  <link type="text/css" rel="stylesheet" href="SplashScreen_2_files/qooxdoo.css">
  <link type="text/css" rel="stylesheet" href="SplashScreen_2_files/demolayout.css">

  <script type="text/javascript" src="SplashScreen_2_files/includer"></script><script type="text/javascript" src="SplashScreen_2_files/QxMain"></script><script type="text/javascript" src="SplashScreen_2_files/QxConst"></script><script type="text/javascript" src="SplashScreen_2_files/QxExtend"></script><script type="text/javascript" src="SplashScreen_2_files/QxClient"></script><script type="text/javascript" src="SplashScreen_2_files/QxNative"></script><script type="text/javascript" src="SplashScreen_2_files/QxUtil"></script><script type="text/javascript" src="SplashScreen_2_files/QxCompare"></script><script type="text/javascript" src="SplashScreen_2_files/QxObject"></script><script type="text/javascript" src="SplashScreen_2_files/QxDom"></script><script type="text/javascript" src="SplashScreen_2_files/QxDebug"></script><script type="text/javascript" src="SplashScreen_2_files/QxTarget"></script><script type="text/javascript" src="SplashScreen_2_files/QxApplication"></script><script type="text/javascript" src="SplashScreen_2_files/QxClientWindow"></script><script type="text/javascript" src="SplashScreen_2_files/QxManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxDomEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxMouseEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxMouseEventCore"></script><script type="text/javascript" src="SplashScreen_2_files/QxKeyEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxKeyEventCore"></script><script type="text/javascript" src="SplashScreen_2_files/QxFocusEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxDataEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxColorManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxColorTheme"></script><script type="text/javascript" src="SplashScreen_2_files/QxColor"></script><script type="text/javascript" src="SplashScreen_2_files/QxColorObject"></script><script type="text/javascript" src="SplashScreen_2_files/QxColorCore"></script><script type="text/javascript" src="SplashScreen_2_files/QxColorCache"></script><script type="text/javascript" src="SplashScreen_2_files/QxColorThemePresets"></script><script type="text/javascript" src="SplashScreen_2_files/QxBorder"></script><script type="text/javascript" src="SplashScreen_2_files/QxBorderObject"></script><script type="text/javascript" src="SplashScreen_2_files/QxBorderCache"></script><script type="text/javascript" src="SplashScreen_2_files/QxBorderPresets"></script><script type="text/javascript" src="SplashScreen_2_files/QxBorderObjectPresets"></script><script type="text/javascript" src="SplashScreen_2_files/QxFont"></script><script type="text/javascript" src="SplashScreen_2_files/QxFontObject"></script><script type="text/javascript" src="SplashScreen_2_files/QxFontCache"></script><script type="text/javascript" src="SplashScreen_2_files/QxWidget"></script><script type="text/javascript" src="SplashScreen_2_files/QxWidgetCore"></script><script type="text/javascript" src="SplashScreen_2_files/QxLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxCanvasLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxHorizontalBoxLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxVerticalBoxLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxFlowLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxDockLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxGridLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxParent"></script><script type="text/javascript" src="SplashScreen_2_files/QxTerminator"></script><script type="text/javascript" src="SplashScreen_2_files/QxCanvasLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxBlocker"></script><script type="text/javascript" src="SplashScreen_2_files/QxClientDocument"></script><script type="text/javascript" src="SplashScreen_2_files/QxInline"></script><script type="text/javascript" src="SplashScreen_2_files/QxHorizontalSpacer"></script><script type="text/javascript" src="SplashScreen_2_files/QxVerticalSpacer"></script><script type="text/javascript" src="SplashScreen_2_files/QxEventManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxFocusManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxTextile"></script><script type="text/javascript" src="SplashScreen_2_files/QxTextField"></script><script type="text/javascript" src="SplashScreen_2_files/QxPasswordField"></script><script type="text/javascript" src="SplashScreen_2_files/QxTextArea"></script><script type="text/javascript" src="SplashScreen_2_files/QxTimer"></script><script type="text/javascript" src="SplashScreen_2_files/QxXmlExtras"></script><script type="text/javascript" src="SplashScreen_2_files/QxXmlHttpLoader"></script><script type="text/javascript" src="SplashScreen_2_files/QxData"></script><script type="text/javascript" src="SplashScreen_2_files/QxImageManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxImagePreloaderManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxImagePreloader"></script><script type="text/javascript" src="SplashScreen_2_files/QxImage"></script><script type="text/javascript" src="SplashScreen_2_files/QxDragEvent"></script><script type="text/javascript" src="SplashScreen_2_files/QxDragAndDropManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxBoxLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxVerticalBoxLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxHorizontalBoxLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxFlowLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxDockLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxGridLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxText"></script><script type="text/javascript" src="SplashScreen_2_files/QxHtml"></script><script type="text/javascript" src="SplashScreen_2_files/QxLink"></script><script type="text/javascript" src="SplashScreen_2_files/QxIconHtml"></script><script type="text/javascript" src="SplashScreen_2_files/QxNode"></script><script type="text/javascript" src="SplashScreen_2_files/QxLabel"></script><script type="text/javascript" src="SplashScreen_2_files/QxLabelCore"></script><script type="text/javascript" src="SplashScreen_2_files/QxAtom"></script><script type="text/javascript" src="SplashScreen_2_files/QxButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxRepeatButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxRadioManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxInputCheckIcon"></script><script type="text/javascript" src="SplashScreen_2_files/QxCheckBox"></script><script type="text/javascript" src="SplashScreen_2_files/QxRadioButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxPopupManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxPopup"></script><script type="text/javascript" src="SplashScreen_2_files/QxPopupAtom"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolTipManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolTip"></script><script type="text/javascript" src="SplashScreen_2_files/QxFieldSet"></script><script type="text/javascript" src="SplashScreen_2_files/QxCheckBoxFieldSet"></script><script type="text/javascript" src="SplashScreen_2_files/QxRadioButtonFieldSet"></script><script type="text/javascript" src="SplashScreen_2_files/QxIframe"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuLayout"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenu"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuButtonLayoutImpl"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuCheckBox"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuRadioButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuSeparator"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarPart"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarPartHandle"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarSeparator"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarCheckBox"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarRadioButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxToolBarMenuButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxMenuBarButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxSelectionStorage"></script><script type="text/javascript" src="SplashScreen_2_files/QxSelectionManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxList"></script><script type="text/javascript" src="SplashScreen_2_files/QxListItem"></script><script type="text/javascript" src="SplashScreen_2_files/QxComboBox"></script><script type="text/javascript" src="SplashScreen_2_files/QxDateComboBox"></script><script type="text/javascript" src="SplashScreen_2_files/QxRangeManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxSpinner"></script><script type="text/javascript" src="SplashScreen_2_files/QxCommand"></script><script type="text/javascript" src="SplashScreen_2_files/QxWindowManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxWindow"></script><script type="text/javascript" src="SplashScreen_2_files/QxFrame"></script><script type="text/javascript" src="SplashScreen_2_files/QxNativeWindow"></script><script type="text/javascript" src="SplashScreen_2_files/QxSplashScreen"></script><script type="text/javascript" src="SplashScreen_2_files/QxFlashPlayerVersion"></script><script type="text/javascript" src="SplashScreen_2_files/QxFlash"></script><script type="text/javascript" src="SplashScreen_2_files/QxEmu"></script><script type="text/javascript" src="SplashScreen_2_files/QxCommonView"></script><script type="text/javascript" src="SplashScreen_2_files/QxCommonViewBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxCommonViewPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxCommonViewPage"></script><script type="text/javascript" src="SplashScreen_2_files/QxCommonViewButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxTabView"></script><script type="text/javascript" src="SplashScreen_2_files/QxTabViewBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxTabViewPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxTabViewPage"></script><script type="text/javascript" src="SplashScreen_2_files/QxTabViewButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxBarView"></script><script type="text/javascript" src="SplashScreen_2_files/QxBarViewBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxBarViewPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxBarViewPage"></script><script type="text/javascript" src="SplashScreen_2_files/QxBarViewButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxOutlookBarView"></script><script type="text/javascript" src="SplashScreen_2_files/QxOutlookBarViewButton"></script><script type="text/javascript" src="SplashScreen_2_files/QxListView"></script><script type="text/javascript" src="SplashScreen_2_files/QxDatePicker"></script><script type="text/javascript" src="SplashScreen_2_files/QxStatusBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxStatusBarPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxProgressBar"></script><script type="text/javascript" src="SplashScreen_2_files/QxSplitPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxButtonPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxOptionPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxScroller"></script><script type="text/javascript" src="SplashScreen_2_files/QxTreeSelectionManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxTreeElement"></script><script type="text/javascript" src="SplashScreen_2_files/QxTreeFile"></script><script type="text/javascript" src="SplashScreen_2_files/QxTreeFolder"></script><script type="text/javascript" src="SplashScreen_2_files/QxTree"></script><script type="text/javascript" src="SplashScreen_2_files/QxVirtualSelectionManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxListView"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewHeader"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewPane"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewHeaderCell"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewHeaderSeparator"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewContentCellText"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewContentCellImage"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewContentCellHtml"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewContentCellLink"></script><script type="text/javascript" src="SplashScreen_2_files/QxListViewContentCellIconHtml"></script><script type="text/javascript" src="SplashScreen_2_files/QxDomSelectionManager"></script><script type="text/javascript" src="SplashScreen_2_files/QxGallery"></script><script type="text/javascript" src="SplashScreen_2_files/QxGalleryList"></script><script type="text/javascript" src="SplashScreen_2_files/QxClock"></script><script type="text/javascript" src="SplashScreen_2_files/QxClockAnalog"></script><script type="text/javascript" src="SplashScreen_2_files/QxClockDigital"></script><script type="text/javascript" src="SplashScreen_2_files/QxClockBinary"></script><script type="text/javascript" src="SplashScreen_2_files/QxCookie"></script><script type="text/javascript" src="SplashScreen_2_files/QxTimeTracker"></script></head>


<body style="background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-user-focus: normal;">
  <script type="text/javascript" src="SplashScreen_2_files/demolayout"></script><div id="testHead">qooxdoo: <span>The new era of web interface development</span> | DEVELOPMENT BRANCH</div><div id="testFoot">[<a href="javascript:void(window.location.href=window.location.href.replace(/\/source\//, '\/public\/'))">Go to: Public</a>] &nbsp;[<a href="http://www.perevotech.com/qooxdoo/source/test/developer/Index.html">Go to: Developer Examples</a>] &nbsp;</div><div id="testDebug"><div class="head"><button>clear</button><button>hide</button><button>show</button><button>dispose</button></div><div class="log"><div class="group">QxInit</div><div class="message message-info">001224: qooxdoo/0.2_beta-3</div><div class="message message-info">001243: datestamp/20051230</div><div class="group">QxApplication[HASHCODE:0]</div><div class="message message-default">008520: Loading Data: 8520ms</div><div class="message message-info">008549: Available Classes: 153</div><div class="message message-info">008553: Client Detection: gecko 1.7.12</div><div class="message message-default">008786: Initialize Application: 238ms</div><div class="message message-info">008791: Created Instances: 81</div><div class="message message-default">009300: Executing User Application: 509ms</div><div class="message message-default">009310: Preloading Images: 5ms</div><div class="message message-info">009609: Created Instances: 101</div><div class="message message-default">009613: Initialize Interface: 187ms</div><div class="message message-default">010107: Postloading Images: 14ms</div></div></div><div id="testFrame">&nbsp;</div><select id="testFiles" size="5" onchange="window.location.href=this.options[this.selectedIndex].value"><option value="Atom_1.html">Atom 1</option><option value="Atom_2.html">Atom 2</option><option value="Atom_3.html">Atom 3</option><option value="Bar_View_1.html">Bar View 1</option><option value="Bar_View_2.html">Bar View 2</option><option value="Border_1.html">Border 1</option><option value="Box_Layout_1.html">Box Layout 1</option><option value="Box_Layout_2.html">Box Layout 2</option><option value="Box_Layout_3.html">Box Layout 3</option><option value="Box_Layout_4.html">Box Layout 4</option><option value="Box_Layout_5.html">Box Layout 5</option><option value="Box_Layout_6.html">Box Layout 6</option><option value="Box_Layout_7.html">Box Layout 7</option><option value="Box_Layout_8.html">Box Layout 8</option><option value="Button_1.html">Button 1</option><option value="Button_2.html">Button 2</option><option value="Canvas_Layout_1.html">Canvas Layout 1</option><option value="Checkbox_1.html">Checkbox 1</option><option value="Clipping_1.html">Clipping 1</option><option value="Clock_1.html">Clock 1</option><option value="Color_Themes_1.html">Color Themes 1</option><option value="Color_Themes_2.html">Color Themes 2</option><option value="Color_Themes_3.html">Color Themes 3</option><option value="Combobox_1.html">Combobox 1</option><option value="Combobox_2.html">Combobox 2</option><option value="Combobox_3.html">Combobox 3</option><option value="Combobox_4.html">Combobox 4</option><option value="Cookie_1.html">Cookie 1</option><option value="Data_Handling_1.html">Data Handling 1</option><option value="Data_Handling_2.html">Data Handling 2</option><option value="Dock_Layout_1.html">Dock Layout 1</option><option value="Dock_Layout_2.html">Dock Layout 2</option><option value="Dock_Layout_3.html">Dock Layout 3</option><option value="Dock_Layout_4.html">Dock Layout 4</option><option value="Dock_Layout_5.html">Dock Layout 5</option><option value="Dock_Layout_6.html">Dock Layout 6</option><option value="Drag_And_Drop_1.html">Drag And Drop 1</option><option value="Drag_And_Drop_2.html">Drag And Drop 2</option><option value="Enabled_Disabled_1.html">Enabled Disabled 1</option><option value="Fields_1.html">Fields 1</option><option value="Fields_2.html">Fields 2</option><option value="Fieldset_1.html">Fieldset 1</option><option value="Fieldset_2.html">Fieldset 2</option><option value="Fieldset_3.html">Fieldset 3</option><option value="Fieldset_4.html">Fieldset 4</option><option value="Flash_1.html">Flash 1</option><option value="Flow_Layout_1.html">Flow Layout 1</option><option value="Flow_Layout_2.html">Flow Layout 2</option><option value="Flow_Layout_3.html">Flow Layout 3</option><option value="Focus_Manager_1.html">Focus Manager 1</option><option value="Font_1.html">Font 1</option><option value="Frame_1.html">Frame 1</option><option value="Gallery_1.html">Gallery 1</option><option value="Gallery_2.html">Gallery 2</option><option value="Gallery_3.html">Gallery 3</option><option value="Gallery_List_1.html">Gallery List 1</option><option value="Grid_Layout_10.html">Grid Layout 10</option><option value="Grid_Layout_11.html">Grid Layout 11</option><option value="Grid_Layout_1.html">Grid Layout 1</option><option value="Grid_Layout_2.html">Grid Layout 2</option><option value="Grid_Layout_3.html">Grid Layout 3</option><option value="Grid_Layout_4.html">Grid Layout 4</option><option value="Grid_Layout_5.html">Grid Layout 5</option><option value="Grid_Layout_6.html">Grid Layout 6</option><option value="Grid_Layout_7.html">Grid Layout 7</option><option value="Grid_Layout_8.html">Grid Layout 8</option><option value="Grid_Layout_9.html">Grid Layout 9</option><option value="IconHtml_1.html">IconHtml 1</option><option value="Iframe_1.html">Iframe 1</option><option value="Image_1.html">Image 1</option><option value="Image_2.html">Image 2</option><option value="Index.html">Index</option><option value="Inline_1.html">Inline 1</option><option value="Label_1.html">Label 1</option><option value="Label_2.html">Label 2</option><option value="Label_3.html">Label 3</option><option value="Label_4.html">Label 4</option><option value="Link_1.html">Link 1</option><option value="List_1.html">List 1</option><option value="List_2.html">List 2</option><option value="List_3.html">List 3</option><option value="List_4.html">List 4</option><option value="List_View_10.html">List View 10</option><option value="List_View_11.html">List View 11</option><option value="List_View_12.html">List View 12</option><option value="List_View_13.html">List View 13</option><option value="List_View_14.html">List View 14</option><option value="List_View_1b.html">List View 1b</option><option value="List_View_1.html">List View 1</option><option value="List_View_2b.html">List View 2b</option><option value="List_View_2.html">List View 2</option><option value="List_View_3b.html">List View 3b</option><option value="List_View_3.html">List View 3</option><option value="List_View_4.html">List View 4</option><option value="List_View_5.html">List View 5</option><option value="List_View_6.html">List View 6</option><option value="List_View_7.html">List View 7</option><option value="List_View_8.html">List View 8</option><option value="List_View_9.html">List View 9</option><option value="Menu_1.html">Menu 1</option><option value="Menu_2.html">Menu 2</option><option value="Menu_3.html">Menu 3</option><option value="Native_Window_1.html">Native Window 1</option><option value="Node_1.html">Node 1</option><option value="OptionPane_1.html">OptionPane 1</option><option value="OptionPane_2.html">OptionPane 2</option><option value="ProgressBar_1.html">ProgressBar 1</option><option value="Radiobutton_1.html">Radiobutton 1</option><option value="Repeat_Button_1.html">Repeat Button 1</option><option value="Rounded_Corners_1.html">Rounded Corners 1</option><option value="Scroller_1.html">Scroller 1</option><option value="Spinner_1.html">Spinner 1</option><option value="SplashScreen_1.html">SplashScreen 1</option><option value="SplashScreen_2.html" selected="selected">SplashScreen 2</option><option value="StatusBar_1.html">StatusBar 1</option><option value="StatusBar_2.html">StatusBar 2</option><option value="Tab_View_1.html">Tab View 1</option><option value="Toolbar_1.html">Toolbar 1</option><option value="Toolbar_2.html">Toolbar 2</option><option value="Toolbar_3.html">Toolbar 3</option><option value="Toolbar_4.html">Toolbar 4</option><option value="Toolbar_5.html">Toolbar 5</option><option value="Toolbar_6.html">Toolbar 6</option><option value="Toolbar_7.html">Toolbar 7</option><option value="Toolbar_8.html">Toolbar 8</option><option value="Tooltip_1.html">Tooltip 1</option><option value="Tree_1.html">Tree 1</option><option value="Tree_2.html">Tree 2</option><option value="Tree_3.html">Tree 3</option><option value="Tree_4.html">Tree 4</option><option value="Tree_5.html">Tree 5</option><option value="Tree_6.html">Tree 6</option><option value="Tree_7.html">Tree 7</option><option value="User_Data_1.html">User Data 1</option><option value="Window_1.html">Window 1</option><option value="Window_2.html">Window 2</option><option value="Window_3.html">Window 3</option><option value="Window_4.html">Window 4</option><option value="Window_5.html">Window 5</option></select>


  <div id="testDescription">
    <p>Testing SplashScreen implementation.</p>
    <p>The elements of the splash screen will be created on the first open of the QxSplashScreen.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var mediaA = new QxAtom(QxTextile("*File Information*:\nJPEG-Photo\nCreated: 01/03/05"), "icons/48/icons.png");
      mediaA.setBorder(QxBorderObject.presets.outset);
      mediaA.setPadding(3, 6);

      var startSS = new QxSplashScreen(mediaA, true);

      doc.add(startSS);

      startSS.open();

      for(i = 0; i <= 100; i++) {
        startSS.setProgressBarValue(i);
      };
    };
  </script>
<div style="height: auto; width: auto; visibility: hidden; position: absolute; z-index: -1;"><p><strong>File Information</strong>:<br>JPEG-Photo<br>Created: 01/03/05</p></div><div qxhashcode="94" class="QxWidgetCore QxSplashScreen" style="border: 2px outset ; background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 6px; height: 6px; left: 710px; top: 395px; z-index: 3; display: none;"><div style="width: 107px; height: 81px; left: 1px; right: 1px; top: 1px; bottom: 1px;" qxhashcode="96" class="QxWidgetCore QxVerticalBoxLayout"><div qxhashcode="89" class="QxWidgetCore QxAtom" style="border: 2px outset ; -moz-user-select: none; cursor: default; -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 107px; height: 61px; left: 0px; top: 0px;"><div qxhashcode="93" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 6px; top: 5px;"><img src="SplashScreen_2_files/icons" height="48" width="48"></div><div qxhashcode="92" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 10px; top: 3px;"><p><strong>File Information</strong>:<br>JPEG-Photo<br>Created: 01/03/05</p></div></div><div qxhashcode="99" class="QxWidgetCore QxProgressBar" style="border: 2px inset ; background-color: white; -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); height: 20px; left: 0px; right: 0px; top: 61px;"><div qxhashcode="102" class="QxWidgetCore QxAtom" style="-moz-user-select: none; cursor: default; background-color: red; width: 103px; height: 16px;"></div><div qxhashcode="106" class="QxWidgetCore QxText" style="color: white;">100%</div></div></div></div></body></html>
--- NEW FILE: SplashScreen_1.html ---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  <meta http-equiv="MsThemeCompatible" content="yes">
  <meta http-equiv="ImageToolBar" content="no">
  <meta name="MSSmartTagsPreventParsing" content="yes"><title>qooxdoo demo dev</title>

  
  <link type="text/css" rel="stylesheet" href="SplashScreen_1_files/qooxdoo.css">
  <link type="text/css" rel="stylesheet" href="SplashScreen_1_files/demolayout.css">

  <script type="text/javascript" src="SplashScreen_1_files/includer"></script><script type="text/javascript" src="SplashScreen_1_files/QxMain"></script><script type="text/javascript" src="SplashScreen_1_files/QxConst"></script><script type="text/javascript" src="SplashScreen_1_files/QxExtend"></script><script type="text/javascript" src="SplashScreen_1_files/QxClient"></script><script type="text/javascript" src="SplashScreen_1_files/QxNative"></script><script type="text/javascript" src="SplashScreen_1_files/QxUtil"></script><script type="text/javascript" src="SplashScreen_1_files/QxCompare"></script><script type="text/javascript" src="SplashScreen_1_files/QxObject"></script><script type="text/javascript" src="SplashScreen_1_files/QxDom"></script><script type="text/javascript" src="SplashScreen_1_files/QxDebug"></script><script type="text/javascript" src="SplashScreen_1_files/QxTarget"></script><script type="text/javascript" src="SplashScreen_1_files/QxApplication"></script><script type="text/javascript" src="SplashScreen_1_files/QxClientWindow"></script><script type="text/javascript" src="SplashScreen_1_files/QxManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxDomEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxMouseEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxMouseEventCore"></script><script type="text/javascript" src="SplashScreen_1_files/QxKeyEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxKeyEventCore"></script><script type="text/javascript" src="SplashScreen_1_files/QxFocusEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxDataEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxColorManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxColorTheme"></script><script type="text/javascript" src="SplashScreen_1_files/QxColor"></script><script type="text/javascript" src="SplashScreen_1_files/QxColorObject"></script><script type="text/javascript" src="SplashScreen_1_files/QxColorCore"></script><script type="text/javascript" src="SplashScreen_1_files/QxColorCache"></script><script type="text/javascript" src="SplashScreen_1_files/QxColorThemePresets"></script><script type="text/javascript" src="SplashScreen_1_files/QxBorder"></script><script type="text/javascript" src="SplashScreen_1_files/QxBorderObject"></script><script type="text/javascript" src="SplashScreen_1_files/QxBorderCache"></script><script type="text/javascript" src="SplashScreen_1_files/QxBorderPresets"></script><script type="text/javascript" src="SplashScreen_1_files/QxBorderObjectPresets"></script><script type="text/javascript" src="SplashScreen_1_files/QxFont"></script><script type="text/javascript" src="SplashScreen_1_files/QxFontObject"></script><script type="text/javascript" src="SplashScreen_1_files/QxFontCache"></script><script type="text/javascript" src="SplashScreen_1_files/QxWidget"></script><script type="text/javascript" src="SplashScreen_1_files/QxWidgetCore"></script><script type="text/javascript" src="SplashScreen_1_files/QxLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxCanvasLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxHorizontalBoxLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxVerticalBoxLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxFlowLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxDockLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxGridLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxParent"></script><script type="text/javascript" src="SplashScreen_1_files/QxTerminator"></script><script type="text/javascript" src="SplashScreen_1_files/QxCanvasLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxBlocker"></script><script type="text/javascript" src="SplashScreen_1_files/QxClientDocument"></script><script type="text/javascript" src="SplashScreen_1_files/QxInline"></script><script type="text/javascript" src="SplashScreen_1_files/QxHorizontalSpacer"></script><script type="text/javascript" src="SplashScreen_1_files/QxVerticalSpacer"></script><script type="text/javascript" src="SplashScreen_1_files/QxEventManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxFocusManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxTextile"></script><script type="text/javascript" src="SplashScreen_1_files/QxTextField"></script><script type="text/javascript" src="SplashScreen_1_files/QxPasswordField"></script><script type="text/javascript" src="SplashScreen_1_files/QxTextArea"></script><script type="text/javascript" src="SplashScreen_1_files/QxTimer"></script><script type="text/javascript" src="SplashScreen_1_files/QxXmlExtras"></script><script type="text/javascript" src="SplashScreen_1_files/QxXmlHttpLoader"></script><script type="text/javascript" src="SplashScreen_1_files/QxData"></script><script type="text/javascript" src="SplashScreen_1_files/QxImageManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxImagePreloaderManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxImagePreloader"></script><script type="text/javascript" src="SplashScreen_1_files/QxImage"></script><script type="text/javascript" src="SplashScreen_1_files/QxDragEvent"></script><script type="text/javascript" src="SplashScreen_1_files/QxDragAndDropManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxBoxLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxVerticalBoxLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxHorizontalBoxLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxFlowLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxDockLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxGridLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxText"></script><script type="text/javascript" src="SplashScreen_1_files/QxHtml"></script><script type="text/javascript" src="SplashScreen_1_files/QxLink"></script><script type="text/javascript" src="SplashScreen_1_files/QxIconHtml"></script><script type="text/javascript" src="SplashScreen_1_files/QxNode"></script><script type="text/javascript" src="SplashScreen_1_files/QxLabel"></script><script type="text/javascript" src="SplashScreen_1_files/QxLabelCore"></script><script type="text/javascript" src="SplashScreen_1_files/QxAtom"></script><script type="text/javascript" src="SplashScreen_1_files/QxButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxRepeatButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxRadioManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxInputCheckIcon"></script><script type="text/javascript" src="SplashScreen_1_files/QxCheckBox"></script><script type="text/javascript" src="SplashScreen_1_files/QxRadioButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxPopupManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxPopup"></script><script type="text/javascript" src="SplashScreen_1_files/QxPopupAtom"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolTipManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolTip"></script><script type="text/javascript" src="SplashScreen_1_files/QxFieldSet"></script><script type="text/javascript" src="SplashScreen_1_files/QxCheckBoxFieldSet"></script><script type="text/javascript" src="SplashScreen_1_files/QxRadioButtonFieldSet"></script><script type="text/javascript" src="SplashScreen_1_files/QxIframe"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuLayout"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenu"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuButtonLayoutImpl"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuCheckBox"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuRadioButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuSeparator"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarPart"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarPartHandle"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarSeparator"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarCheckBox"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarRadioButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxToolBarMenuButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxMenuBarButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxSelectionStorage"></script><script type="text/javascript" src="SplashScreen_1_files/QxSelectionManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxList"></script><script type="text/javascript" src="SplashScreen_1_files/QxListItem"></script><script type="text/javascript" src="SplashScreen_1_files/QxComboBox"></script><script type="text/javascript" src="SplashScreen_1_files/QxDateComboBox"></script><script type="text/javascript" src="SplashScreen_1_files/QxRangeManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxSpinner"></script><script type="text/javascript" src="SplashScreen_1_files/QxCommand"></script><script type="text/javascript" src="SplashScreen_1_files/QxWindowManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxWindow"></script><script type="text/javascript" src="SplashScreen_1_files/QxFrame"></script><script type="text/javascript" src="SplashScreen_1_files/QxNativeWindow"></script><script type="text/javascript" src="SplashScreen_1_files/QxSplashScreen"></script><script type="text/javascript" src="SplashScreen_1_files/QxFlashPlayerVersion"></script><script type="text/javascript" src="SplashScreen_1_files/QxFlash"></script><script type="text/javascript" src="SplashScreen_1_files/QxEmu"></script><script type="text/javascript" src="SplashScreen_1_files/QxCommonView"></script><script type="text/javascript" src="SplashScreen_1_files/QxCommonViewBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxCommonViewPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxCommonViewPage"></script><script type="text/javascript" src="SplashScreen_1_files/QxCommonViewButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxTabView"></script><script type="text/javascript" src="SplashScreen_1_files/QxTabViewBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxTabViewPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxTabViewPage"></script><script type="text/javascript" src="SplashScreen_1_files/QxTabViewButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxBarView"></script><script type="text/javascript" src="SplashScreen_1_files/QxBarViewBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxBarViewPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxBarViewPage"></script><script type="text/javascript" src="SplashScreen_1_files/QxBarViewButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxOutlookBarView"></script><script type="text/javascript" src="SplashScreen_1_files/QxOutlookBarViewButton"></script><script type="text/javascript" src="SplashScreen_1_files/QxListView"></script><script type="text/javascript" src="SplashScreen_1_files/QxDatePicker"></script><script type="text/javascript" src="SplashScreen_1_files/QxStatusBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxStatusBarPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxProgressBar"></script><script type="text/javascript" src="SplashScreen_1_files/QxSplitPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxButtonPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxOptionPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxScroller"></script><script type="text/javascript" src="SplashScreen_1_files/QxTreeSelectionManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxTreeElement"></script><script type="text/javascript" src="SplashScreen_1_files/QxTreeFile"></script><script type="text/javascript" src="SplashScreen_1_files/QxTreeFolder"></script><script type="text/javascript" src="SplashScreen_1_files/QxTree"></script><script type="text/javascript" src="SplashScreen_1_files/QxVirtualSelectionManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxListView"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewHeader"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewPane"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewHeaderCell"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewHeaderSeparator"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewContentCellText"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewContentCellImage"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewContentCellHtml"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewContentCellLink"></script><script type="text/javascript" src="SplashScreen_1_files/QxListViewContentCellIconHtml"></script><script type="text/javascript" src="SplashScreen_1_files/QxDomSelectionManager"></script><script type="text/javascript" src="SplashScreen_1_files/QxGallery"></script><script type="text/javascript" src="SplashScreen_1_files/QxGalleryList"></script><script type="text/javascript" src="SplashScreen_1_files/QxClock"></script><script type="text/javascript" src="SplashScreen_1_files/QxClockAnalog"></script><script type="text/javascript" src="SplashScreen_1_files/QxClockDigital"></script><script type="text/javascript" src="SplashScreen_1_files/QxClockBinary"></script><script type="text/javascript" src="SplashScreen_1_files/QxCookie"></script><script type="text/javascript" src="SplashScreen_1_files/QxTimeTracker"></script></head>


<body style="background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-user-focus: normal;">
  <script type="text/javascript" src="SplashScreen_1_files/demolayout"></script><div id="testHead">qooxdoo: <span>The new era of web interface development</span> | DEVELOPMENT BRANCH</div><div id="testFoot">[<a href="javascript:void(window.location.href=window.location.href.replace(/\/source\//, '\/public\/'))">Go to: Public</a>] &nbsp;[<a href="http://www.perevotech.com/qooxdoo/source/test/developer/Index.html">Go to: Developer Examples</a>] &nbsp;</div><div id="testDebug"><div class="head"><button>clear</button><button>hide</button><button>show</button><button>dispose</button></div><div class="log"><div class="group">QxInit</div><div class="message message-info">003503: qooxdoo/0.2_beta-3</div><div class="message message-info">003523: datestamp/20051230</div><div class="group">QxApplication[HASHCODE:0]</div><div class="message message-default">056948: Loading Data: 56948ms</div><div class="message message-info">056976: Available Classes: 153</div><div class="message message-info">056981: Client Detection: gecko 1.7.12</div><div class="message message-default">057228: Initialize Application: 252ms</div><div class="message message-info">057232: Created Instances: 81</div><div class="message message-default">057321: Executing User Application: 88ms</div><div class="message message-default">057334: Preloading Images: 8ms</div><div class="message message-info">058422: Created Instances: 102</div><div class="message message-default">058426: Initialize Interface: 190ms</div><div class="message message-default">058927: Postloading Images: 22ms</div></div></div><div id="testFrame">&nbsp;</div><select id="testFiles" size="5" onchange="window.location.href=this.options[this.selectedIndex].value"><option value="Atom_1.html">Atom 1</option><option value="Atom_2.html">Atom 2</option><option value="Atom_3.html">Atom 3</option><option value="Bar_View_1.html">Bar View 1</option><option value="Bar_View_2.html">Bar View 2</option><option value="Border_1.html">Border 1</option><option value="Box_Layout_1.html">Box Layout 1</option><option value="Box_Layout_2.html">Box Layout 2</option><option value="Box_Layout_3.html">Box Layout 3</option><option value="Box_Layout_4.html">Box Layout 4</option><option value="Box_Layout_5.html">Box Layout 5</option><option value="Box_Layout_6.html">Box Layout 6</option><option value="Box_Layout_7.html">Box Layout 7</option><option value="Box_Layout_8.html">Box Layout 8</option><option value="Button_1.html">Button 1</option><option value="Button_2.html">Button 2</option><option value="Canvas_Layout_1.html">Canvas Layout 1</option><option value="Checkbox_1.html">Checkbox 1</option><option value="Clipping_1.html">Clipping 1</option><option value="Clock_1.html">Clock 1</option><option value="Color_Themes_1.html">Color Themes 1</option><option value="Color_Themes_2.html">Color Themes 2</option><option value="Color_Themes_3.html">Color Themes 3</option><option value="Combobox_1.html">Combobox 1</option><option value="Combobox_2.html">Combobox 2</option><option value="Combobox_3.html">Combobox 3</option><option value="Combobox_4.html">Combobox 4</option><option value="Cookie_1.html">Cookie 1</option><option value="Data_Handling_1.html">Data Handling 1</option><option value="Data_Handling_2.html">Data Handling 2</option><option value="Dock_Layout_1.html">Dock Layout 1</option><option value="Dock_Layout_2.html">Dock Layout 2</option><option value="Dock_Layout_3.html">Dock Layout 3</option><option value="Dock_Layout_4.html">Dock Layout 4</option><option value="Dock_Layout_5.html">Dock Layout 5</option><option value="Dock_Layout_6.html">Dock Layout 6</option><option value="Drag_And_Drop_1.html">Drag And Drop 1</option><option value="Drag_And_Drop_2.html">Drag And Drop 2</option><option value="Enabled_Disabled_1.html">Enabled Disabled 1</option><option value="Fields_1.html">Fields 1</option><option value="Fields_2.html">Fields 2</option><option value="Fieldset_1.html">Fieldset 1</option><option value="Fieldset_2.html">Fieldset 2</option><option value="Fieldset_3.html">Fieldset 3</option><option value="Fieldset_4.html">Fieldset 4</option><option value="Flash_1.html">Flash 1</option><option value="Flow_Layout_1.html">Flow Layout 1</option><option value="Flow_Layout_2.html">Flow Layout 2</option><option value="Flow_Layout_3.html">Flow Layout 3</option><option value="Focus_Manager_1.html">Focus Manager 1</option><option value="Font_1.html">Font 1</option><option value="Frame_1.html">Frame 1</option><option value="Gallery_1.html">Gallery 1</option><option value="Gallery_2.html">Gallery 2</option><option value="Gallery_3.html">Gallery 3</option><option value="Gallery_List_1.html">Gallery List 1</option><option value="Grid_Layout_10.html">Grid Layout 10</option><option value="Grid_Layout_11.html">Grid Layout 11</option><option value="Grid_Layout_1.html">Grid Layout 1</option><option value="Grid_Layout_2.html">Grid Layout 2</option><option value="Grid_Layout_3.html">Grid Layout 3</option><option value="Grid_Layout_4.html">Grid Layout 4</option><option value="Grid_Layout_5.html">Grid Layout 5</option><option value="Grid_Layout_6.html">Grid Layout 6</option><option value="Grid_Layout_7.html">Grid Layout 7</option><option value="Grid_Layout_8.html">Grid Layout 8</option><option value="Grid_Layout_9.html">Grid Layout 9</option><option value="IconHtml_1.html">IconHtml 1</option><option value="Iframe_1.html">Iframe 1</option><option value="Image_1.html">Image 1</option><option value="Image_2.html">Image 2</option><option value="Index.html">Index</option><option value="Inline_1.html">Inline 1</option><option value="Label_1.html">Label 1</option><option value="Label_2.html">Label 2</option><option value="Label_3.html">Label 3</option><option value="Label_4.html">Label 4</option><option value="Link_1.html">Link 1</option><option value="List_1.html">List 1</option><option value="List_2.html">List 2</option><option value="List_3.html">List 3</option><option value="List_4.html">List 4</option><option value="List_View_10.html">List View 10</option><option value="List_View_11.html">List View 11</option><option value="List_View_12.html">List View 12</option><option value="List_View_13.html">List View 13</option><option value="List_View_14.html">List View 14</option><option value="List_View_1b.html">List View 1b</option><option value="List_View_1.html">List View 1</option><option value="List_View_2b.html">List View 2b</option><option value="List_View_2.html">List View 2</option><option value="List_View_3b.html">List View 3b</option><option value="List_View_3.html">List View 3</option><option value="List_View_4.html">List View 4</option><option value="List_View_5.html">List View 5</option><option value="List_View_6.html">List View 6</option><option value="List_View_7.html">List View 7</option><option value="List_View_8.html">List View 8</option><option value="List_View_9.html">List View 9</option><option value="Menu_1.html">Menu 1</option><option value="Menu_2.html">Menu 2</option><option value="Menu_3.html">Menu 3</option><option value="Native_Window_1.html">Native Window 1</option><option value="Node_1.html">Node 1</option><option value="OptionPane_1.html">OptionPane 1</option><option value="OptionPane_2.html">OptionPane 2</option><option value="ProgressBar_1.html">ProgressBar 1</option><option value="Radiobutton_1.html">Radiobutton 1</option><option value="Repeat_Button_1.html">Repeat Button 1</option><option value="Rounded_Corners_1.html">Rounded Corners 1</option><option value="Scroller_1.html">Scroller 1</option><option value="Spinner_1.html">Spinner 1</option><option value="SplashScreen_1.html" selected="selected">SplashScreen 1</option><option value="SplashScreen_2.html">SplashScreen 2</option><option value="StatusBar_1.html">StatusBar 1</option><option value="StatusBar_2.html">StatusBar 2</option><option value="Tab_View_1.html">Tab View 1</option><option value="Toolbar_1.html">Toolbar 1</option><option value="Toolbar_2.html">Toolbar 2</option><option value="Toolbar_3.html">Toolbar 3</option><option value="Toolbar_4.html">Toolbar 4</option><option value="Toolbar_5.html">Toolbar 5</option><option value="Toolbar_6.html">Toolbar 6</option><option value="Toolbar_7.html">Toolbar 7</option><option value="Toolbar_8.html">Toolbar 8</option><option value="Tooltip_1.html">Tooltip 1</option><option value="Tree_1.html">Tree 1</option><option value="Tree_2.html">Tree 2</option><option value="Tree_3.html">Tree 3</option><option value="Tree_4.html">Tree 4</option><option value="Tree_5.html">Tree 5</option><option value="Tree_6.html">Tree 6</option><option value="Tree_7.html">Tree 7</option><option value="User_Data_1.html">User Data 1</option><option value="Window_1.html">Window 1</option><option value="Window_2.html">Window 2</option><option value="Window_3.html">Window 3</option><option value="Window_4.html">Window 4</option><option value="Window_5.html">Window 5</option></select>


  <div id="testDescription">
    <p>Testing SplashScreen implementation.</p>
    <p>The elements of the splash screen will be created on the first open of the QxSplashScreen.</p>
  </div>

  <script type="text/javascript">
    window.application.main = function()
    {
      var doc = this.getClientWindow().getClientDocument();

      var mediaA = new QxAtom(QxTextile("*File Information*:\nJPEG-Photo\nCreated: 01/03/05"), "icons/48/icons.png");
      mediaA.setBorder(QxBorderObject.presets.outset);
      mediaA.setPadding(3, 6);

      var startSS = new QxSplashScreen(mediaA, true);
      startSS.setShowTime(10000);

      doc.add(startSS);

      startSS.open();
    };
  </script>
<div style="height: auto; width: auto; visibility: hidden; position: absolute; z-index: -1;"><p><strong>File Information</strong>:<br>JPEG-Photo<br>Created: 01/03/05</p></div><div qxhashcode="94" class="QxWidgetCore QxSplashScreen" style="border: 2px outset ; background-color: rgb(235, 233, 237); color: rgb(0, 0, 0); -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); width: 6px; height: 6px; left: 710px; top: 395px; z-index: 3; display: none;"><div style="height: 81px; left: 1px; right: 1px; top: 1px; bottom: 1px; width: 155px;" qxhashcode="96" class="QxWidgetCore QxVerticalBoxLayout"><div qxhashcode="89" class="QxWidgetCore QxAtom" style="border: 2px outset ; -moz-user-select: none; cursor: default; -moz-border-left-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-right-colors: rgb(133, 135, 140) rgb(167, 166, 170); -moz-border-top-colors: rgb(220, 223, 228) rgb(255, 255, 255); -moz-border-bottom-colors: rgb(133, 135, 140) rgb(167, 166, 170); height: 61px; width: 155px; left: 0px; top: 0px;"><div qxhashcode="93" title="" class="QxWidgetCore QxImage" style="-moz-user-select: none; left: 6px; top: 5px;"><img src="SplashScreen_1_files/icons" height="48" width="48"></div><div qxhashcode="92" class="QxWidgetCore QxLabel" style="-moz-user-select: none; left: 58px; top: 3px;"><p><strong>File Information</strong>:<br>JPEG-Photo<br>Created: 01/03/05</p></div></div><div qxhashcode="99" class="QxWidgetCore QxProgressBar" style="border: 2px inset ; background-color: white; -moz-border-left-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-right-colors: rgb(255, 255, 255) rgb(220, 223, 228); -moz-border-top-colors: rgb(167, 166, 170) rgb(133, 135, 140); -moz-border-bottom-colors: rgb(255, 255, 255) rgb(220, 223, 228); height: 20px; left: 0px; right: 0px; top: 61px;"><div qxhashcode="102" class="QxWidgetCore QxAtom" style="-moz-user-select: none; cursor: default; background-color: red; height: 16px; width: 151px;"></div><div qxhashcode="106" class="QxWidgetCore QxText" style="color: white;">100%</div></div></div></div></body></html>
--- NEW FILE: QxSplashScreen.js ---
/* ****************************************************************************

   qooxdoo - the new era of web interface development

   Version:
     $Id: QxSplashScreen.js,v 1.1.2.1 2006/01/24 14:12:46 wpbasti Exp $

   Copyright:
     (C) 2004-2005 by Schlund + Partner AG, Germany
         All rights reserved

   License:
     LGPL 2.1: http://creativecommons.org/licenses/LGPL/2.1/

   Internet:
     * http://qooxdoo.oss.schlund.de

   Authors:
     * Kent Olsson (kols)
       <kent dot olsson at chello dot se>

**************************************************************************** */

/* ****************************************************************************

#package(splashscreen)

**************************************************************************** */

function QxSplashScreen(vComponent, vShowProgressBar)
{
  QxPopup.call(this);

//  this.setWidth(QxConst.CORE_AUTO);
//  this.setHeight(QxConst.CORE_AUTO);

  this.setBackgroundColor("threedface");
  this.setColor("windowtext");
  this.setBorder(QxBorderObject.presets.outset);
  this.setPadding(1);

//  if (this._initialLayoutDone && this.getVisibility() && this._isDisplayed)
//  {
//this.error("Make modal!!!");
//    this.getTopLevelWidget().block(this); //Make modal
//  };

  // ***********************************************************************
  //   LAYOUT
  // ***********************************************************************
  var l = this._layout = new QxVerticalBoxLayout();

//  l.setWidth(null);
//  l.setHeight(null);
//  l.setEdge(0);
  this.add(l);


  // ***********************************************************************
  //   Components
  // ***********************************************************************
  this._component = vComponent;
  vComponent.setFocused(false);

  l.add(vComponent);

  if(QxUtil.isValidBoolean(vShowProgressBar)) {
    this.setShowProgressBar(vShowProgressBar);
  };

  // ***********************************************************************
  //   EVENTS
  // ***********************************************************************
  vComponent.addEventListener(QxConst.EVENT_TYPE_MOUSEDOWN, this._onwindowmousedown, this);
  this.addEventListener(QxConst.EVENT_TYPE_KEYDOWN, this._onkeydown, this);
};

QxSplashScreen.extend(QxPopup, "QxSplashScreen");

QxSplashScreen.MIN_VALUE = 1;
QxSplashScreen.MAX_VALUE = 100;

/*
------------------------------------------------------------------------------------
  PROPERTIES
------------------------------------------------------------------------------------
*/

/*!
  Should the user have the ability to close the splashscreen by clicking on it or Escape.
*/
QxSplashScreen.addProperty({ name : "allowClose", type : QxConst.TYPEOF_BOOLEAN, defaultValue : true });

/*!
  Should the user have a status bar shown.
*/
QxSplashScreen.addProperty({ name : "showProgressBar", type : QxConst.TYPEOF_BOOLEAN, defaultValue : false });

/*!
  Time to show splash screen.
*/
QxSplashScreen.addProperty({ name : "showTime", type : QxConst.TYPEOF_NUMBER, defaultValue : 0 });

/*!
  Center the splash screen on open.
*/
QxSplashScreen.addProperty({ name : "centered", type : QxConst.TYPEOF_BOOLEAN, defaultValue : true });


/*
------------------------------------------------------------------------------------
  MODIFIERS
------------------------------------------------------------------------------------
*/

proto._modifyShowProgressBar = function(propValue, propOldValue, propData)
{
  if (propValue)
  {
    var progressPB = this._progressBar = new QxProgressBar(QxConst.DIRECTION_RIGHT, QxSplashScreen.MIN_VALUE, QxSplashScreen.MAX_VALUE);
    progressPB.setHeight(20);
    this._layout.addAtEnd(progressPB);
  }
  else
  {
    this._layout.remove(this._progressBar);
  };

  return true;
};

proto._modifyShowTime = function(propValue, propOldValue, propData)
{
  if (propValue)
  {
    this._timer = new QxTimer(this.getShowTime()/QxSplashScreen.MAX_VALUE);
    this._timer.addEventListener(QxConst.EVENT_TYPE_INTERVAL, this._oninterval, this);
  }
  else
  {
    this._timer.stop();
    this._timer.removeEventListener(QxConst.EVENT_TYPE_INTERVAL, this._oninterval, this);
    this._timer.dispose();
    this._timer = null;
  };

  return true;
};

/*
------------------------------------------------------------------------------------
  EVENTS
------------------------------------------------------------------------------------
*/

proto._oninterval = function(e)
{
  if(this.getShowProgressBar() && this._progressBar.getValue() < QxSplashScreen.MAX_VALUE)
  {
    this._pr...
 
[truncated message content]

[Qooxdoo-commit] qooxdoo/source/contributed/clock_olsen/green 0.png,NONE,1.1.2.1 1.png,NONE,1.1.2.1 2.png,NONE,1.1.2.1 3.png,NONE,1.1.2.1 4.png,NONE,1.1.2.1 5.png,NONE,1.1.2.1 6.png,NONE,1.1.2.1 7.png,NONE,1.1.2.1 8.png,NONE,1.1.2.1 9.png,NONE,1.1.2.1 blank.png,NONE,1.1.2.1 divisor.png,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/clock_olsen/green
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26489/source/contributed/clock_olsen/green

Added Files:
      Tag: renderer
	0.png 1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 
	blank.png divisor.png 
Log Message:
Added contributed section

--- NEW FILE: divisor.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 2.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 3.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 0.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 1.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 6.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 7.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 4.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 5.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 8.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: 9.png ---
(This appears to be a binary file; contents omitted.)

--- NEW FILE: blank.png ---
(This appears to be a binary file; contents omitted.)

[Qooxdoo-commit] qooxdoo/source/contributed/clock_olsen/green - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/clock_olsen/green
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26118/source/contributed/clock_olsen/green

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/clock_olsen/green added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/progressbar_olsen - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/progressbar_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/progressbar_olsen

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/progressbar_olsen added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/statusbar_olsen - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/statusbar_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/statusbar_olsen

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/statusbar_olsen added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/clock_olsen - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/clock_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/clock_olsen

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/clock_olsen added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/progressbar_vogel - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/progressbar_vogel
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/progressbar_vogel

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/progressbar_vogel added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/httptransport_ricks - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/httptransport_ricks
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/httptransport_ricks

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/httptransport_ricks added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/splashscreen_olsen - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/splashscreen_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/splashscreen_olsen

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/splashscreen_olsen added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/buttonpane_olsen - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/buttonpane_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/buttonpane_olsen

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/buttonpane_olsen added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed/frame_olsen - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed/frame_olsen
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24289/source/contributed/frame_olsen

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed/frame_olsen added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/source/contributed - New directory

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/contributed
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv24138/source/contributed

Log Message:
Directory /cvsroot/qooxdoo/qooxdoo/source/contributed added to the repository
--> Using per-directory sticky tag `renderer'

[Qooxdoo-commit] qooxdoo/tools config.sh,1.16.2.98,1.16.2.99

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/tools
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv2863/tools

Modified Files:
      Tag: renderer
	config.sh 
Log Message:
Re-added QxBuilder

Index: config.sh
===================================================================
RCS file: /cvsroot/qooxdoo/qooxdoo/tools/config.sh,v
retrieving revision 1.16.2.98
retrieving revision 1.16.2.99
diff -u -d -r1.16.2.98 -r1.16.2.99
--- config.sh	23 Jan 2006 12:43:47 -0000	1.16.2.98
+++ config.sh	24 Jan 2006 13:14:20 -0000	1.16.2.99
@@ -286,3 +286,6 @@
 
 L="$L transport/QxXmlHttpTransport"
 L="$L transport/QxIframeTransport"
+
+# Builder
+L="$L core/QxBuilder"

[Qooxdoo-commit] qooxdoo/source/test/user Builder_1.html,NONE,1.1.2.1 Builder_2.html,NONE,1.1.2.1 Builder_2.xml,NONE,1.1.2.1 Builder_3.html,NONE,1.1.2.1 Builder_3.xml,NONE,1.1.2.1 Builder_4.html,NONE,1.1.2.1

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/test/user
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv2863/source/test/user

Added Files:
      Tag: renderer
	Builder_1.html Builder_2.html Builder_2.xml Builder_3.html 
	Builder_3.xml Builder_4.html 
Log Message:
Re-added QxBuilder

--- NEW FILE: Builder_3.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
  <script type="text/javascript">
  	window.application.main = function() {
			new QxBuilder().buildFromUrl(this, 'Builder_3.xml');
		}
  </script>
  <div id="testDescription">
    <p>QxBuilder demo.</p>
    <p>Build your web apps using qooxdooml.</p>
    <p>Property Editor Example</p> 
  </div>
</body>
</html>
</body>
</html>

--- NEW FILE: Builder_3.xml ---
<qx:widgets xmlns:qx='qooxdoo'>
   <qx:menu id='m2'>
    <qx:menuButton label='New Window'/>
    <qx:menuButton label='Overlapping'/>
    <qx:menuButton label='Split Vertical'/>
    <qx:menuButton label='Split Horizontal'/>
    <qx:menuButton label='Next Window'/>
    <qx:menuButton label='Previous Window'/>
  </qx:menu>

  <qx:menu id='m1'>
    <qx:menuButton label='View/Lists'/>
    <qx:menuButton label='Syntax Highlighting'/>
    <qx:menuSeparator/>
    <qx:menuButton label='Window Font'/>
    <qx:menuButton label='Printer Font' menu='m2'/>
  </qx:menu>
    
	<qx:button id='btn' label='Reference Property' location='20,48'>
		<qx:eventListener type='click' args='e'>
      var el = this.getElement();
      m1.setLeft(QxDom.getComputedPageBoxLeft(el));
      m1.setTop(QxDom.getComputedPageBoxBottom(el));
      m1.show();
      e.setPropagationStopped(true);
		</qx:eventListener>
		<qx:eventListener type='mousedown' args='e'>
      e.setPropagationStopped(true);
		</qx:eventListener>	
	</qx:button>
	
	<qx:atom label='Comma Delimited Property &amp; Eval Property ' location='140,48' backgroundColor='#BDD2EF' dimension='220,220' border='QxBorderObject.presets.outset'/>
</qx:widgets>

--- NEW FILE: Builder_1.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
  <script type="text/javascript">
  	window.application.main = function() {
			new QxBuilder().build(this, document.getElementById('widgets'));
		}
		
		// test delegate object
		var d = {
			hello : 'world',
			click : function(e) {
				alert(e + '\n\nclick received at delegate object\n\n' + this.hello);
			}
		}
		
		// test delegate function
		var f = function(e) {
				alert(e + '\n\nclick received at delegate function\n\n');
		}
  </script>
  <div id="testDescription">
    <p>QxBuilder demo.</p>
    <p>Build your web apps using qooxdooml.</p>
    <p>Textarea example</p>
  </div>
  <textarea id='widgets' style='display:none'> 
		<qx:widgets xmlns:qx='qooxdoo'>
	
			<qx:button id='btn' label='Click Me!!!' location='20,50'>
					
					<!-- function body event listener -->
					<qx:eventListener type='click' args='event'>
					btn.setLabel(btn.getLabel() + ".");
					alert(event + "\n\nClicked on: " + this.getLabel()); 
				</qx:eventListener>

				<!-- 
					global object.method delegation
					when the button is clicked, d.click(event) will be called
					-->
				<qx:eventListener type='click' delegate='d.click'/>
				
				<!-- 
					global function delegation
					when the button is clicked, f(event) will be called
					-->
				<qx:eventListener type='click' delegate='f'/>
				
			</qx:button>
			<qx:atom id='atom1' label='Test No #1' icon='icons/16/penguin.png' border='QxBorder.presets.black' location='20,90'/>

			<qx:button label='Test No #2' icon='icons/16/penguin.png' location='20,120'>
					<qx:eventListener type='click'>
						atom1.setLabel(atom1.getLabel() + ".");
					</qx:eventListener>
			</qx:button>
			
			<qx:atom label='Test No #3' icon='icons/16/penguin.png' location='20,160'/>
		
	 	<qx:atom label='a' icon='icons/16/penguin.png' location='20,200'/>
		<qx:atom label='b' icon='icons/16/penguin.png' location='20,240'/>
		</qx:widgets>
	</textarea>
</body>
</html>
</body>
</html>

--- NEW FILE: Builder_2.xml ---
<qx:widgets xmlns:qx='qooxdoo'>

	<qx:button id='btn' label='Click Me!!!' location='20,50'>
			
		<!-- function body event listener -->
		<qx:eventListener type='click' args='event'>
			btn.setLabel(btn.getLabel() + ".");
			alert(event + "\n\nClicked on: " + this.getLabel()); 
		</qx:eventListener>

		<!-- 
			global object.method delegation
			when the button is clicked, d.click(event) will be called
			-->
		<qx:eventListener type='click' delegate='d.click'/>
		
		<!-- 
			global function delegation
			when the button is clicked, f(event) will be called
			-->
		<qx:eventListener type='click' delegate='f'/>
		
	</qx:button>
	<qx:atom id='atom1' label='Test No #1' icon='icons/16/penguin.png' border='QxBorder.presets.black' location='20,90'/>

	<qx:button label='Test No #2' icon='icons/16/penguin.png' location='20,120'>
			<qx:eventListener type='click'>
				atom1.setLabel(atom1.getLabel() + ".");
			</qx:eventListener>
	</qx:button>
	
	<qx:atom label='Test No #3' icon='icons/16/penguin.png' location='20,160'/>

 	<qx:atom label='a' icon='icons/16/penguin.png' location='20,200'/>
	<qx:atom label='b' icon='icons/16/penguin.png' location='20,240'/>
	
	
	<qx:script>				
		// test delegate function
		var f = function(e) {
				alert(e + '\n\nclick received at delegate function\n\n');
		}
	
		// test delegate object
		var d = {
			hello : 'world',
			click : function(e) {
				alert(e + '\n\nclick received at delegate object\n\n' + this.hello);
			}
		}	 
	</qx:script>
</qx:widgets>

--- NEW FILE: Builder_2.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
  <script type="text/javascript">
  	window.application.main = function() {
			new QxBuilder().buildFromUrl(this, 'Builder_2.xml');
		}
  </script>
  <div id="testDescription">
    <p>QxBuilder demo.</p>
    <p>Build your web apps using qooxdooml.</p>
    <p>XmlHttp Example</p>  
  </div>
</body>
</html>
</body>
</html>

--- NEW FILE: Builder_4.html ---
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:qx="http://qooxdoo.sourceforge.net/builder-1.dtd">
<head>
  <script type="text/javascript">window._htmlstart=(new Date).valueOf()</script>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <meta http-equiv="MsThemeCompatible" content="yes" />
  <meta http-equiv="ImageToolBar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="yes" />

  <title>qooxdoo demo dev</title>
  <link type="text/css" rel="stylesheet" href="../../style/qooxdoo.css"/>
  <link type="text/css" rel="stylesheet" href="../../style/demolayout.css"/>

  <script type="text/javascript" src="../../../tools/script/includer.js"></script>
</head>
<body>
  <script type="text/javascript" src="../../../tools/script/demolayout.js"></script>
  <script type="text/javascript">
  	window.application.main = function() {
			new QxBuilder().build(this, document.getElementById('widgets'));
		}
  </script>
  <div id="testDescription">
    <p>QxBuilder demo.</p>
    <p>3 Format Example</>
  </div>
  <textarea id='widgets' style='display:none'>
		<qx:widgets xmlns:qx='qooxdoo'>
		  <qx:atom id="linfo" label="Current Value" icon="icons/16/forward.png" border="QxBorder.presets.black" padding="2,4" backgroundColor="white" top="48" left="20"/>
			<qx:radioManager id='_rm1' name="mygroup">
        <qx:eventListener type='changeSelected' args='e'>
          linfo.setLabel("Current Value: \"" + e.getNewValue().getLabel() + "\" (" + e.getNewValue().getValue() + ")");
		    </qx:eventListener>
			</qx:radioManager>
			<qx:radioButton qxtype="radioButton" label="Option #1" value="rb1" location="20,80"  manager="_rm1"/>
			<qx:radioButton label="Option #2" value="rb2" location="20,110" manager="_rm1" checked="true"/>
			<div qxtype="radioButton" label="Top RadioButton" value="rb3" location="20,160" manager="_rm1" iconPosition="top"/>
			<radioButton label="Bottom RadioButton" value="rb4" location="160,160" manager="_rm1" iconPosition="bottom"/>
			<qx:radioButton label="Left RadioButton" value="rb5" location="20,220" manager="_rm1" iconPosition="left"/>
			<qx:radioButton label="Right RadioButton" value="rb6" location="160,220" manager="_rm1" iconPosition="right"/>
			<qx:radioButton value="rb7" location="20,280" manager="_rm1"/>
		</qx:widgets>
	</textarea>
</body>
</html>
</body>
</html>

[Qooxdoo-commit] qooxdoo/source/script/core QxBuilder.js,NONE,1.6.2.2

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/script/core
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv2863/source/script/core

Added Files:
      Tag: renderer
	QxBuilder.js 
Log Message:
Re-added QxBuilder

--- NEW FILE: QxBuilder.js ---
/*!
  A class to generate a widget hierarchy from XML

  QxBuilder is not thread safe by design
  	- state information is stored at the instance level
  	- only use it from a single thread
*/
function QxBuilder(flags)
{
  QxTarget.call(this);

	// map<className, map<propertyName, function>>
	this._propertyEditors = {};

	this._registerDefaultPropertyEditors();

	// keep track of where we are up to within the XML document - to assist in debugging messages
	this._debugContext = [];

	this._flags = flags || {};

	// ensure the default flags are setup
	if (this._flags.strict == null) {
		// strick mode throws exceptions when
		//	* widget setters don't exist
		this._flags.strict = true;
	};

};

QxBuilder.extend(QxTarget, "QxBuilder");

/*
------------------------------------------------------------------------------------
  BUILD
------------------------------------------------------------------------------------
*/

/*!
	Asynchronous method - fetches XML data from the URL then delegates to build to process the xml
	Dispatches a QxEvent("done") after the hierarchy is built
*/
proto.buildFromUrl = function(parent, url) {
	var loader = new QxXmlHttpLoader();
	var self = this;
	loader.addEventListener("complete", function(e) {
		self.build(parent, e.getNewValue());
		e.preventDefault();
		self.dispatchEvent(new QxEvent("done"), true);
	});
	loader.load(url);
};

/*!
	parse the children of the xml and appending all widgets to the parent widget
	@param parent can either be the application instance, or a widget to append the xml toplevel widgets to
	@param node can be either a xml string, or a xml dom document or fragment
*/
proto.build = function(parent, node) {

		if (parent instanceof QxApplication) {
			parent = parent.getClientWindow().getClientDocument();
		};

		// support embedding of an XML string within a textarea
		if (typeof node == "object" && node.nodeName == 'TEXTAREA') {
			node = node.value;
		};

		// parse strings in to XML DOM
		if (typeof node == "string") {
			var parser = new DOMParser();
			node = parser.parseFromString(node, "text/xml");
			// TODO handle parse errors
		};
		this._buildNodes(parent, node.childNodes);
};

proto._buildNodes = function(parent, nodes) {
		var x = 0;
		for (var i = 0; i < nodes.length; i++) {
			var n = nodes[i];
			// 1 = ELEMENT_NODE
			if (n.nodeType == 1) {
					this._debugContext.push(n.nodeName+'['+(x++)+']');
					this._buildWidgetFromNode(parent, n);
					this._debugContext.pop();
			};
		};
};

proto._buildEventListener = function(widget, args, text) {
	if (QxUtil.isInvalidString(args.type)) {
		throw this._newBuildError('eventListener requires a string type attribute');
	};

	var self = this;

	// are we delegating ?
	if (QxUtil.isValidString(args.delegate)) {

		// remember the build context to be able to display it after built time
		var dc = this._formatDebugContext();

		if (args.delegate.indexOf('.') > -1) {
			// delegation to a global method
			var p = args.delegate.split('.');
			var o = p[0];
			var m = p[1];
			widget.addEventListener(args.type, function(e) {

					if (!window[o]) {
						throw self._newError(dc, 'delegate not found', {delegate:args.delegate});
					};

					if (!window[o][m]) {
						throw self._newError(dc, 'delegate not found', {delegate:args.delegate});
					};

					window[o][m].apply(window[o], [e]);
			});
		}
		else {

			// delegation to a global method
			widget.addEventListener(args.type, function(e) {

				if (!window[args.delegate]) {
					throw self._newError(dc, 'delegate not found', {delegate:args.delegate});
				};

				window[args.delegate].apply(null, [e]);
			});
		};
	}
	else {

		// build a function object using text as the function body
		//
		// the args attribute indicates the name of the event argument
		// if not provided - use 'event' as the name
		if (!args.args) {
			args.args = "event";
		};

		var f = new Function(args.args, text);
		widget.addEventListener(args.type, f);
	};
};


/*
	a node builder that will be used if no node builder is declared for a nodeName
*/
proto._buildWidgetFromNode = function(parent, node) {

	var className = this._extractClassName(node);

	if (!className) {
		throw this._newBuildError("unrecognised node", {nodeName:node.nodeName});
	};

	if (className == "QxWidgets") {
		// generic container node to allow xml to contain multiple toplevel nodes
		this._buildNodes(parent, node.childNodes);
		return;
	};

	if (className == "QxScript") {
		var e = document.createElement("script");
		var attribs = this._mapXmlAttribToObject(node);
		if (attribs.type) {
			e.type = attribs.type;
		}
		else {
			e.type='text/javascript';
		};
		
		// e.innerHTML = node.firstChild.nodeValue;
		
		// fix for Internet Explorer by Cristian Bica
		if (QxClient.isMshtml())
		{
		  e.innerHTML = eval(node.firstChild.nodeValue);
		}
	  else
	  {
	    e.innerHTML = node.firstChild.nodeValue;
	  };
		
		document.body.appendChild(e);
		return;
	};

	if (className == "QxEventListener") {
		var attribs = this._mapXmlAttribToObject(node);
		var text;
		if (node.firstChild) {
			text = node.firstChild.nodeValue;
		};
		this._buildEventListener(parent, attribs, text);
		return;
	};

	var classConstructor = window[className];
	if (!classConstructor) {
		throw this._newBuildError("constructor not found", {className:className});
	};

	// construct the widget instance - using the default constructor
	var widget = new classConstructor();
	var attribs = this._mapXmlAttribToObject(node, widget);
	delete attribs['qxtype'];
	
	var dummyWidget = attribs.id && attribs.id.indexOf(QxConst.CORE_UNDERLINE) == 0;
	
	if (attribs.id) {
		// register a global refrence for this widget
		window[attribs.id] = widget;
		delete attribs.id;
	};

	// convert any on??  attribs into event listeners
	for (var a in attribs) {

		if (a.toLowerCase().indexOf('on') == 0 && a.length > 2) {

			// there may be issues here for XHTML based attributes - due to their case
			var type = a.substring(2);
			type = type.charAt(0) + type.substring(1);

			this._buildEventListener(widget, {type:type,args:'event'}, attribs[a]);

			delete attribs[a];
		};
	};

	for (var n in attribs) {
		this._debugContext.push("@" + n);
		this._setWidgetProperty(widget, n, attribs[n]);
		this._debugContext.pop();
	};
	
  if(!dummyWidget) {
    parent.add(widget); 
  }

	// recurse to all of the nodes children, using the newly created widget as the parent
	this._buildNodes(widget, node.childNodes);
};

/*
------------------------------------------------------------------------------------
  WIDGET PROPERTIES
------------------------------------------------------------------------------------
*/


/*!
	Set a widget's property using a propertyEditor
*/
proto._setWidgetProperty = function(widget, name, value) {
	var editor = this._findPropertyEditor(widget.classname, name);
	if (!editor) {
		editor = this._coercePropertyEditor;
	};
	editor.set(widget, name, value);
};

proto._findPropertyEditor = function(className, propertyName) {
	// get all defined propertyEditors for this widget's prototype
	var m = this._propertyEditors[className];
	// lookup the converter for this property name
	if (m && m[propertyName]) {
		return m[propertyName];
	};

	// try the widget's superclass
	var w = window[className];
	if (w && w.superclass && w.superclass.prototype.classname) {
		return this._findPropertyEditor(w.superclass.prototype.classname, propertyName);
	};

	return null;
};

proto.registerPropertyEditor = function(className, propertyName, editor) {
	if (!this._propertyEditors[className]) this._propertyEditors[className] = {};
	this._propertyEditors[className][propertyName] = editor;
};

proto._registerDefaultPropertyEditors = function() {
	var self = this;

	// a property editor that splits the values on a comma and coerces each one into a suitable type
	var commaDelimitedPropertyEditor = {};
	commaDelimitedPropertyEditor.set = function(widget, name, value) {
			if (value == null || value == "") {
				self._setProperty(widget, name, null);
				return;
			};

			var s = value.split(",");
			var v = [];
			for (var i = 0; i < s.length; i++) {
				v[i] = self._coerce(s[i]);
			};

			self._setProperties(widget, name, v);
	};

	var evalPropertyEditor = {};
	evalPropertyEditor.set = function(widget, name, value) {
			if (value == null || value == "") {
				self._setProperty(widget, name, null);
				return;
			};

			self._setProperty(widget, name, eval(value));
	};
	
	var referencePropertyEditor = {};
	referencePropertyEditor.set = function(widget, name, value) {
		self._setProperty(widget, name, window[value]);
	};
	
	this.registerPropertyEditor('QxWidget', 'location', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'dimension', commaDelimitedPropertyEditor);
	
	this.registerPropertyEditor('QxWidget', 'space', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'edge', commaDelimitedPropertyEditor);
	
	this.registerPropertyEditor('QxWidget', 'padding', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'margin', commaDelimitedPropertyEditor);
	
	this.registerPropertyEditor('QxWidget', 'heights', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'widths', commaDelimitedPropertyEditor);
	
	this.registerPropertyEditor('QxWidget', 'align', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'stretch', commaDelimitedPropertyEditor);
	
	this.registerPropertyEditor('QxWidget', 'clipLocation', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'clipDimension', commaDelimitedPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'clip', commaDelimitedPropertyEditor);
	
	this.registerPropertyEditor('QxWidget', 'backgroundColor', evalPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'color', evalPropertyEditor);
	this.registerPropertyEditor('QxWidget', 'border', evalPropertyEditor);

	
	this.registerPropertyEditor('QxMenuButton', 'menu', referencePropertyEditor);
	this.registerPropertyEditor('QxRadioButton', 'manager', referencePropertyEditor);
	this.registerPropertyEditor('QxMenuRadioButton', 'group', referencePropertyEditor);


	// a property editor that just tries to coerce the string value into a suitable type
	this._coercePropertyEditor = {};
	this._coercePropertyEditor.set = function(widget, name, value) {
			self._setProperty(widget, name, self._coerce(value));
	};

};


proto._coerce = function(value) {

	// don't really care if its null
	if (value == null) return value;

	// is it alreay a javascript type
	if (typeof value == 'object') return value;
	if (typeof value == 'function') return value;
	if (typeof value == 'number') return value;
	if (typeof value == 'boolean') return value;
	if (typeof value == 'date') return value;
	if (typeof value == 'array') return value;

	// is it a number ?
	var n = new Number(value);
	if (!isNaN(n)) return n.valueOf();

	// is it a boolean ?
	if (value == "true") return true;
	if (value == "false") return false;

	// is it a date ?
	var d = Date.parse(value);
	if (d != null && !isNaN(d)) return d;

	// leave it as a string
	if (typeof value == 'string') {
		// convert empty string into null
		if (value == "") return null;
	};

	return value;
};

proto._setProperty = function(widget, name, value) {
	this._setProperties(widget, name, [value]);
};

proto._setProperties = function(widget, name, value) {

	// TODO : find a cheaper way to find the setter
	// NOTE : the name is LOWERCASE - hence we iterate all properties of the widget
	// 				to try and find a matching one
	var n = "set" + name;
	for (var a in widget) {
		if (n == a.toLowerCase()) {
			var setter = widget[a];
			break;
		};
	};
	if (!setter && this._flags.strict) throw this._newBuildError('no setter defined on widget instance', {widget:widget, property:name});
	setter.apply(widget, value);
};


/*
------------------------------------------------------------------------------------
  UTILS
------------------------------------------------------------------------------------
*/

/*
3 format
1. <qx:atom/>
2. <atom/>
3. <div qxtype="QxAtom"/>
*/
proto._extractClassName = function(node) {
  var n;
	if (node.nodeName.toUpperCase() == "DIV") {
		if (!node.attributes['qxtype'])
			return null;
		n = node.attributes['qxtype'].value;
  } else {
		n = node.nodeName;
		var nameParts = n.split(":");
    if (nameParts.length == 2)
	   return nameParts[0].toFirstUp() + nameParts[1].toFirstUp();
	}
	return "Qx" + n.toFirstUp();
};

proto._mapXmlAttribToObject = function(node) {
  var r = {};
  var c = node.attributes;
  for (var i=0; i<c.length; i++) {
		r[c[i].name.toLowerCase()] = c[i].value;
  };
  return r;
};

/*
------------------------------------------------------------------------------------
  EXCEPTION HANDLING / DEBUGGING
------------------------------------------------------------------------------------
*/

/*!
	the debugContext is only correct at build time
*/
proto._newBuildError = function(message, data, exception) {
	return this._newError(this._formatDebugContext(), message, data, exception);
};

proto._newError = function(debugContext, message, data, exception) {
	var m = message;
	var joiner = "";
	var d = "";
	if (data) {
		for (var p in data) {
			d += joiner + p + "=" + data[p] + '';
			joiner = " ";
		};
		m += " " + d + " ";
	};
	m += " context: " + debugContext + " ";
	if (exception) {
		m+= " error: " + exception + " ";
	};
	return new Error(m);
};

proto._formatDebugContext = function() {
	var s = "";
	for (var i = 0; i < this._debugContext.length; i++) {
		var v = this._debugContext[i];
		s += '/'+v;
	};
	return s;
};

[Qooxdoo-commit] qooxdoo TODO,1.1.2.49,1.1.2.50

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv32755

Modified Files:
      Tag: renderer
	TODO 
Log Message:
Updated

Index: TODO
===================================================================
RCS file: /cvsroot/qooxdoo/qooxdoo/TODO,v
retrieving revision 1.1.2.49
retrieving revision 1.1.2.50
diff -u -d -r1.1.2.49 -r1.1.2.50
--- TODO	23 Jan 2006 17:02:19 -0000	1.1.2.49
+++ TODO	24 Jan 2006 13:07:36 -0000	1.1.2.50
@@ -9,6 +9,17 @@
 * Optimize unit detection and unit handling and storage for dimension and location properties. Try to remove all these boolean flags.
 * Rework and cleanup disposer code - do we really need to dispose all this stuff?
 
+h4. AJAX Layer
+
+# Implement QxRequestQueue
+## queuing
+## timeouts
+# Implement QxIFrameTransport
+# Implement Data Provider
+## json
+## xml  
+# Implement Widget Binding
+
 h4. Layouter Rework
 
 * Discuss if it is useful to also cache hasPercentX, hasAutoX, ...
@@ -19,10 +30,10 @@
 h4. Later
 
 * Support for images from custom path (resource like: application/...)
-
 * Add generated debug console (which does not need a "div" inside the document)
 
 * Add behaviour support
+* Add Mac OS X Theme
 
 * Add QxHiddenField widget (should be not a real widget)
 * Add QxAccordionWidget (naming?)
@@ -46,20 +57,15 @@
 * Support horizontal scrolling in QxListView
 * After this: Support horizontal virtual scrolling in QxListView
 
-* Add Mac OS X Theme
-
 * Move all layout depending properties from widgets to the used layout implementation like in Qt or SWT.
 
 * Compiler (mass recreation of an complete initialized application)
 * Add Property Compiler (only compiles the property methods)
 * Complete new python script to compile source and create documentation
-
 * qooxdoo class tree (documentation) as QxTree
 
 * Add Encoders/Decoders section (md5, blowfish, ...)
-
 * Add Transformers (QxTextile, ...) section
-
 * Remove "virtual qooxdoo mode" from QxNativeWindow
 
 * Some rounded borners like nifty corners or these ones:

[Qooxdoo-commit] qooxdoo CHANGELOG,1.1.2.36,1.1.2.37

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv25950

Modified Files:
      Tag: renderer
	CHANGELOG 
Log Message:
Updated

Index: CHANGELOG
===================================================================
RCS file: /cvsroot/qooxdoo/qooxdoo/Attic/CHANGELOG,v
retrieving revision 1.1.2.36
retrieving revision 1.1.2.37
diff -u -d -r1.1.2.36 -r1.1.2.37
--- CHANGELOG	24 Jan 2006 08:45:31 -0000	1.1.2.36
+++ CHANGELOG	24 Jan 2006 12:52:34 -0000	1.1.2.37
@@ -1,3 +1,36 @@
+2006-01-24 13:46  wpbasti
+
+	* source/script/: core/QxConst.js, gui/QxNativeWindow.js: Use
+	  string buffer like system to build window configuration
+
+2006-01-24 13:26  wpbasti
+
+	* source/test/user/Native_Window_1.html: cleaned up example from
+	  virtual mode
+
+2006-01-24 13:23  wpbasti
+
+	* source/script/gui/QxNativeWindow.js: Minor improvements
+
+2006-01-24 13:21  wpbasti
+
+	* source/: script/core/QxConst.js, script/gui/QxNativeWindow.js,
+	  script/widgets/QxClientDocument.js,
+	  test/user/Native_Window_1.html: Fixed modal handling, many
+	  improvements
+
+2006-01-24 10:55  wpbasti
+
+	* source/script/widgets/QxClientDocument.js: Minor fix
+
+2006-01-24 10:40  wpbasti
+
+	* source/script/transport/QxXmlHttpTransport.js: Minor improvement
+
+2006-01-24 09:45  wpbasti
+
+	* CHANGELOG: Updated
+
 2006-01-24 09:39  wpbasti
 
 	* source/script/gui/QxNativeWindow.js: Fixed ugly bug

[Qooxdoo-commit] qooxdoo/source/script/gui QxNativeWindow.js,1.1.2.19,1.1.2.20

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/script/gui
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv23870/source/script/gui

Modified Files:
      Tag: renderer
	QxNativeWindow.js 
Log Message:
Use string buffer like system to build window configuration

Index: QxNativeWindow.js
===================================================================
RCS file: /cvsroot/qooxdoo/qooxdoo/source/script/gui/Attic/QxNativeWindow.js,v
retrieving revision 1.1.2.19
retrieving revision 1.1.2.20
diff -u -d -r1.1.2.19 -r1.1.2.20
--- QxNativeWindow.js	24 Jan 2006 12:23:53 -0000	1.1.2.19
+++ QxNativeWindow.js	24 Jan 2006 12:46:05 -0000	1.1.2.20
@@ -58,6 +58,36 @@
 
 QxNativeWindow.extend(QxTarget, "QxNativeWindow");
 
+
+
+/*
+---------------------------------------------------------------------------
+  DATA
+---------------------------------------------------------------------------
+*/
+
+QxNativeWindow.PROPERTY_DEPENDENT = "dependent";
+QxNativeWindow.PROPERTY_WIDTH = "width";
+QxNativeWindow.PROPERTY_HEIGHT = "height";
+QxNativeWindow.PROPERTY_LEFT = "left";
+QxNativeWindow.PROPERTY_TOP = "top";
+QxNativeWindow.PROPERTY_RESIZABLE = "resizable";
+QxNativeWindow.PROPERTY_STATUS = "status";
+QxNativeWindow.PROPERTY_LOCATION = "location";
+QxNativeWindow.PROPERTY_MENUBAR = "menubar";
+QxNativeWindow.PROPERTY_TOOLBAR = "toolbar";
+QxNativeWindow.PROPERTY_SCROLLBARS = "scrollbars";
+QxNativeWindow.PROPERTY_MODAL = "modal";
+
+
+
+
+/*
+---------------------------------------------------------------------------
+  PROPERTIES
+---------------------------------------------------------------------------
+*/
+
 /*!
   If the window is open or closed
 */
@@ -139,7 +169,7 @@
 
 /*
 ---------------------------------------------------------------------------
-  GROUPS
+  PROPERTY GROUPS
 ---------------------------------------------------------------------------
 */
 
@@ -285,43 +315,50 @@
 
 proto._open = function()
 { 
+  var vConf = [];
+  
+  
   /*
   ------------------------------------------------------------------------------
     PRE CONFIGURE WINDOW
   ------------------------------------------------------------------------------
   */
 
-  var conf = "dependent=yes,";
+  vConf.push(QxNativeWindow.PROPERTY_DEPENDENT);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(QxConst.CORE_YES);
+  vConf.push(QxConst.CORE_COMMA);
 
-  if (QxUtil.isValidNumber(this.getWidth())) {
-      conf += "width=" + this.getWidth() + ",";
-    };
+  if (QxUtil.isValidNumber(this.getWidth())) 
+  {
+    vConf.push(QxNativeWindow.PROPERTY_WIDTH);
+    vConf.push(QxConst.CORE_EQUAL);
+    vConf.push(this.getWidth());
+    vConf.push(QxConst.CORE_COMMA);
+  };
 
-  if (QxUtil.isValidNumber(this.getHeight()))
+  if (QxUtil.isValidNumber(this.getHeight())) 
   {
-    if (QxClient.isMshtml())
-    {
-      if (this.getShowMenubar())
-      {
-        conf += "height=" + (this.getHeight() + (this.getAllowScrollbars() ? -20 : -8)) + ",";
-      }
-      else
-      {
-      conf += "height=" + this.getHeight() + ",";
-    };
-    }
-    else
-    {
-      conf += "height=" + this.getHeight() + ",";
-    };
+    vConf.push(QxNativeWindow.PROPERTY_HEIGHT);
+    vConf.push(QxConst.CORE_EQUAL);
+    vConf.push(this.getHeight());
+    vConf.push(QxConst.CORE_COMMA);
   };
 
-  if (QxUtil.isValidNumber(this.getLeft())) {
-    conf += "left=" + this.getLeft() + ",";
+  if (QxUtil.isValidNumber(this.getLeft())) 
+  {
+    vConf.push(QxNativeWindow.PROPERTY_LEFT);
+    vConf.push(QxConst.CORE_EQUAL);
+    vConf.push(this.getLeft());
+    vConf.push(QxConst.CORE_COMMA);
   };
 
-  if (QxUtil.isValidNumber(this.getTop())) {
-    conf += "top=" + this.getTop() + ",";
+  if (QxUtil.isValidNumber(this.getTop())) 
+  {
+    vConf.push(QxNativeWindow.PROPERTY_TOP);
+    vConf.push(QxConst.CORE_EQUAL);
+    vConf.push(this.getTop());
+    vConf.push(QxConst.CORE_COMMA);
   };
 
   /*
@@ -333,14 +370,42 @@
     Code: 2102
   */
 
-
-  conf += "resizable=" + (this.getResizeable() ? "yes" : "no") + ",";
-  conf += "status=" + (this.getShowStatusbar() ? "yes" : "no") + ",";
-  conf += "location=" + (this.getShowLocation() ? "yes" : "no") + ",";
-  conf += "menubar=" + (this.getShowMenubar() ? "yes" : "no") + ",";
-  conf += "toolbar=" + (this.getShowToolbar() ? "yes" : "no") + ",";
-  conf += "scrollbars=" + (this.getAllowScrollbars() ? "yes" : "no") + ",";
-  conf += "modal=" + (this.getModal() ? "yes" : "no") + ",";
+  vConf.push(QxNativeWindow.PROPERTY_RESIZABLE);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getResizeable() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  vConf.push(QxNativeWindow.PROPERTY_STATUS);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getShowStatusbar() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  vConf.push(QxNativeWindow.PROPERTY_LOCATION);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getShowLocation() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  vConf.push(QxNativeWindow.PROPERTY_MENUBAR);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getShowMenubar() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  vConf.push(QxNativeWindow.PROPERTY_TOOLBAR);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getShowToolbar() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  vConf.push(QxNativeWindow.PROPERTY_SCROLLBARS);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getAllowScrollbars() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  vConf.push(QxNativeWindow.PROPERTY_MODAL);
+  vConf.push(QxConst.CORE_EQUAL);
+  vConf.push(this.getModal() ? QxConst.CORE_YES : QxConst.CORE_NO);
+  vConf.push(QxConst.CORE_COMMA);
+  
+  
 
 
 
@@ -352,10 +417,10 @@
   */
 
   if (QxUtil.isInvalidString(this.getName())) {
-    this.setName("w" + this.toHashCode());
+    this.setName(this.classname + this.toHashCode());
   };
 
-  this._window = window.open(this.getUrl(), this.getName(), conf);
+  this._window = window.open(this.getUrl(), this.getName(), vConf.join(QxConst.CORE_EMPTY));
 
   if (this.isClosed())
   {

[Qooxdoo-commit] qooxdoo/source/script/core QxConst.js,1.1.2.24,1.1.2.25

[Sebastian W. <wp...@us...>]

Update of /cvsroot/qooxdoo/qooxdoo/source/script/core
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv23870/source/script/core

Modified Files:
      Tag: renderer
	QxConst.js 
Log Message:
Use string buffer like system to build window configuration

Index: QxConst.js
===================================================================
RCS file: /cvsroot/qooxdoo/qooxdoo/source/script/core/Attic/QxConst.js,v
retrieving revision 1.1.2.24
retrieving revision 1.1.2.25
diff -u -d -r1.1.2.24 -r1.1.2.25
--- QxConst.js	24 Jan 2006 12:21:40 -0000	1.1.2.24
+++ QxConst.js	24 Jan 2006 12:46:05 -0000	1.1.2.25
@@ -72,6 +72,8 @@
   CORE_DIV : "div",
   CORE_DISABLED : "disabled",
   CORE_EVENTPREFIX : "evt",
+  CORE_YES : "yes",
+  CORE_NO : "no",
   
   HTML_AMPERSAND : "&",
   HTML_SMALLER : "<",