Forums

/**
* Moves a YAHOO.widget.Dialog object into the viewport.
* The method takes one of these steps (in this order):
* 1) If the context element is specified and it's reference corner corner is
*      inside the view port, the dialog will be moved such that its reference
*      corner alings with the contexts reference corner
* 2) If at least some parts of the dialog are currently visible, no move takes
*    place
* 3) The dialog will be moved such that its top left corner is 10 pixels from
*    the left and the top of the view port
* @namespace YAHOO.widget
* @class Dialog
* @method moveToViewport
*/
YAHOO.widget.Dialog.prototype.moveToViewport = function()
{
   var _LFT = 0,
         _TOP = 1,
         _RGT = 2,
         _BTM = 3,
         rectVP = [],
         rectDLG = [],
         context = this.cfg.getProperty('context');

   rectVP[_LFT] = YAHOO.util.Dom.getDocumentScrollLeft();
   rectVP[_TOP] = YAHOO.util.Dom.getDocumentScrollTop();
   rectVP[_RGT] = rectVP[_LFT] + YAHOO.util.Dom.getViewportWidth(),
   rectVP[_BTM] = rectVP[_TOP] + YAHOO.util.Dom.getViewportHeight()

   if (context)
   {
      rectDLG = YAHOO.util.Dom.getXY(context[0]);

      // determine reference point
      switch(context[2])
      {
         case 'tr':
            rectDLG[_LFT] = rectDLG[_LFT] + context[0].clientWidth;
            break;
         case 'bl':
            rectDLG[_TOP] = rectDLG[_TOP] + context[0].clientHeight;
            break;
         case 'br':
            rectDLG[_TOP] = rectDLG[_TOP] + context[0].clientHeight;
            rectDLG[_LFT] = rectDLG[_LFT] + context[0].clientWidth;
            break;
      }

      if (rectDLG[_LFT] >= rectVP[_LFT] && rectDLG[_LFT] <= rectVP[_RGT] &&
            rectDLG[_TOP] >= rectVP[_TOP] && rectDLG[_TOP] <= rectVP[_BTM])
      {
         switch(context[1])
         {
            case 'tr':
               rectDLG[_LFT] -= this.element.clientWidth;
               break;
            case 'bl':
               rectDLG[_TOP] -= this.element.clientHeight;
               break;
            case 'br':
               rectDLG[_LFT] -= this.element.clientWidth;
               rectDLG[_TOP] -= this.element.clientHeight;
               break;
         }

         this.moveTo(rectDLG[_LFT], rectDLG[_TOP]);
         return;
      }
   }

   rectDLG = YAHOO.util.Dom.getXY(this.element),
   rectDLG[_RGT] = rectDLG[_LFT] + this.element.clientWidth;
   rectDLG[_BTM] = rectDLG[_TOP] + this.element.clientHeight;

   // No overlap?
   if (rectDLG[_LFT] > rectVP[_RGT] || rectDLG[_RGT] < rectVP[_LFT] ||
         rectDLG[_TOP] > rectVP[_BTM] || rectDLG[_BTM] < rectVP[_TOP])
   {
      this.moveTo(rectVP[_LFT] + 10, rectVP[_TOP] + 10);
   }
};