@qooxdoo/framework/apps/demobrowser/script/qxl.demobrowser.demo.bom.Clip.src.js

The JS Framework for Coders

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

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2004-2008 1&1 Internet AG, Germany, http://www.1und1.de

   License:
     MIT: https://opensource.org/licenses/MIT
     See the LICENSE file in the project's top-level directory for details.

   Authors:
     * Sebastian Werner (wpbasti)
     * Fabian Jakobs (fjakobs)

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

/**
 * @tag noPlayground
 */
qx.Class.define("qxl.demobrowser.demo.bom.Clip",
{
  extend : qx.application.Native,

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

      window.APPLICATION = this;

      var el = document.getElementById("test1");

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip init: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    },

    set0 : function()
    {
      var el = document.getElementById("test1");

      qx.log.Logger.debug("Setting to: 20,20  120,40");
      qx.bom.element.Clip.set(el, {left:20, top:20, width:120, height:40});

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip after: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    },

    set1 : function()
    {
      var el = document.getElementById("test1");

      qx.log.Logger.debug("Setting to: 20,20  null,40");
      qx.bom.element.Clip.set(el, {left:20, top:20, height:40});

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip after: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    },

    set2 : function()
    {
      var el = document.getElementById("test1");

      qx.log.Logger.debug("Setting to: 20,20  120,null");
      qx.bom.element.Clip.set(el, {left:20, top:20, width:120});

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip after: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    },

    set3 : function()
    {
      var el = document.getElementById("test1");

      qx.log.Logger.debug("Setting to: null,20  120,40");
      qx.bom.element.Clip.set(el, {top:20, width:120, height:40});

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip after: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    },

    set4 : function()
    {
      var el = document.getElementById("test1");

      qx.log.Logger.debug("Setting to: 20,null  120,40");
      qx.bom.element.Clip.set(el, {left:20, width:120, height:40});

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip after: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    },

    reset : function()
    {
      var el = document.getElementById("test1");

      qx.log.Logger.debug("Resetting");
      qx.bom.element.Clip.reset(el);

      var clip = qx.bom.element.Clip.get(el) || {};
      qx.log.Logger.debug("Clip after: " + clip.left + "," + clip.top + "  " + clip.width + "," + clip.height);
    }
  }
});