Beiträge von Dicker1

function fnc_anfassen()
    {
        var apy;
        var apx;
        var sy = 600;
        var sx = 980;
        //getMousePos()
        while (pruefen = true)
            {
                getMousePos() 
                apy = sy + (moY - hy) + "px";
                apx = sx + (moX - wx) + "px";
                parent.document.getElementById('divzwei').style.height = apy;
                parent.document.getElementById('divzwei').style.width = apx;

                if (abbruch = true)
                    {
                        break;
                    }
            }
    }

var pruefen;
function fnc_pruefen()
{
    if (hy != moY || wx != moX)
        {
            pruefen = true;
        }
    return pruefen;
}        


var abbruch;    
function fnc_abbruch()
{
    if (parent.document.onMouseup = true)
        {
            abbruch = true;
        }
    return abbruch;
}

var pruefen;
function fnc_pruefen()
{
    if (hy != moY || wx != moX)
        {
            pruefen=true;
        }
    return true;
}        

var abbruch;
function fnc_abbruch()
{
    if (parent.document.onMouseup = true)
        {
            abbruch=true;
        }
    return true;
}

function init()
                {             
                if(IE)
                    ieBody = getBody(); 
                  hy = window.event.clientY;
                  wx = window.event.clientX;
                  parent.document.onmousemove = getMousePos;
                }


//Variablen für die Mausposition
var moX = 0; 
var moY = 0; 
var hy;
var wx;
var mhy;
var mwx;




function getBody()
{
  return (window.document.compatMode == "CSS1Compat") ?
          window.document.documentElement : window.document.body || null;
}


var ieBody = null;
/*
function fnc_groesse()
{
  document.onmousemove = getMousePos;
  if(IE)
    ieBody = getBody(); 
}
*/


// Funktion zum Ermitteln der Mausposition
function getMousePos(ereignis)
{
  // Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
  moX = (IE) ? window.event.clientX : ereignis.pageX;
  //moY = (IE) ? (window.event.clientY + ieBody.scrollTop) : ereignis.pageY;
  moY = (IE) ? window.event.clientY : ereignis.pageY;
  //mhy = window.event.clientY;
  //mwx = window.event.clientX;
  window.status = "Mauskoordinaten (x, y): (" + moX + ", " + moY +")";

}


function fnc_anfassen()
    {
        getMousePos()
        if (hy != moY || wx != moX)
            {
                getMousePos() 
                parent.document.onmousemove = fnc_anpassen;
                parent.document.onmousedown = fnc_anpassen;
            }
        //alert ( hy + " , " + moY);
    }




function fnc_anpassen()
{
    var apy;
    var apx;
    var sy = 600;
    var sx = 980;
    apy = sy + (moY - hy) + "px";
    apx = sx + (moX - wx) + "px";
    //alert (apx + "," + apy);
    //alert (wx + "," + hy + " , " + moX + " , " + moY);
    parent.document.getElementById('divzwei').style.height = apy;
    parent.document.getElementById('divzwei').style.width = apx;
}

.layerOptions             {
                            position         : absolute;
                            top              : 150px;
                            left             : 150px;
                            width            : 980px;
                            height           : 600px;
                            border           : 1px solid #000000;
                            background-color : #cccccc;
                            z-index          : 1;
                            visibility       : hidden;
                            cursor           : default;
                        }

.layerOptions_zwei            {
                            position         : absolute;
                            top              : 250px;
                            left             : 200px;
                            width            : 980px;
                            height           : 600px;
                            border           : 1px solid #000000;
                            background-color : #cccccc;
                            z-index          : 2;
                            visibility       : hidden;
                            cursor           : default;
                        }


.iframeAll                {
                            position         : relative;  
                            bottom           : 0px;
                            left             : 0px;
                            width            : 980;
                            height           : 100%;
                            border           : 1px solid #000000;
                            visibility       : hidden;
                        }

.layer_td_table            {
                           color             :#FFFFFF;
                           font-family       : Verdana;
                           font-size         : 10px;
                           font-weight       : bold;
                           text-decoration   : none;
                           background-image     :url(../images/layer_leiste.jpg);
                        }    

.layer_tab                {
                           color             :#FFFFFF;
                           font-family       : Tahoma;
                           font-size         : 11px;
                           font-weight       : bold;
                           text-decoration   : none;
                        }


.frame_ueberlauf
                        {
                            overflow          :hidden;
                        }

/Bewegung der Layer durch Maus                
                var objDrag = null;     
                var mouseX = 0;       
                var mouseY = 0;      
                var offX = 0;           
                var offY = 0;         

                IE = document.all&&!window.opera;
                DOM = document.getElementById&&!IE;

//initialisierung der Funktion
        function init()
                {
                    document.onmousemove = doDrag; 
                    document.onmouseover = doDrag;
                    document.onmouseout = doDrag;
                    document.onmouseup = stopDrag;  
                }
//start Element
        function startDrag(objElem)
                {
                    objDrag = objElem;
                    offX = mouseX - objDrag.offsetLeft;
                    offY = mouseY - objDrag.offsetTop;
                }


//Bewegung des Layers 
        function doDrag(ereignis)
                {
                    mouseX = (IE) ? window.event.clientX : ereignis.pageX;
                    mouseY = (IE) ? window.event.clientY : ereignis.pageY;

                          if (objDrag != null) 
                            {
                            objDrag.style.left = (mouseX - offX) + "px";
                            objDrag.style.top = (mouseY - offY) + "px";
                            window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
                                if (objDrag.style.left < 1 || objDrag.style.top < 1)
                                    {
                                        objDrag = null;
                                    }
                            }
                }
//Stoppen der Bewegung
        function stopDrag(ereignis) 
                {
                    objDrag = null;
                }

//Bewegung der Layer durch Maus                
                var objDrag = null;     
                var mouseX = 0;       
                var mouseY = 0;      
                var offX = 0;           
                var offY = 0;         

                IE = document.all&&!window.opera;
                DOM = document.getElementById&&!IE;

//initialisierung der Funktion
        function init()
                {
                    document.onmousemove = doDrag; 
                    document.onmouseover = doDrag;
                    document.onmouseout = doDrag;
                    document.onmouseup = stopDrag;  
                }
//start Element
        function startDrag(objElem)
                {
                    objDrag = objElem;
                    offX = mouseX - objDrag.offsetLeft;
                    offY = mouseY - objDrag.offsetTop;
                }


//Bewegung des Layers 
        function doDrag(ereignis)
                {
                    mouseX = (IE) ? window.event.clientX : ereignis.pageX;
                    mouseY = (IE) ? window.event.clientY : ereignis.pageY;


                        if (objDrag != null) 
                        {
                            objDrag.style.left = (mouseX - offX) + "px";
                            objDrag.style.top = (mouseY - offY) + "px";
                        }
                }
//Stoppen der Bewegung
        function stopDrag(ereignis) 
                {
                    objDrag = null;
                }

function resize_div (element_id, timeout, size_x, size_y, start_size_x, start_size_y) 
{
     var element = document.getElementById (element_id);
         if (!proc) 
              {
                 if (start_size_x)
                      element.style.width = start_size_x;
             if (start_size_y)
                      element.style.height = start_size_y;
                 if (!element.style.width ¦¦ !element.style.height)
                       if (window.getComputedStyle)
                  {
  var style = document.defaultView.getComputedStyle (element, null);
          element.style.width = style.getPropertyValue ('width');
          element.style.height = style.getPropertyValue ('height');
        }
        else if (element.currentStyle)
           {
             element.style.width = element.currentStyle.width;
     element.style.height = element.currentStyle.height;
           }
        else 
          {
            element.style.width = '0px';
            element.style.height = '0px';
  }
    start_size_x = parseFloat (element.style.width);
    start_size_y = parseFloat (element.style.height);


    proc = window.setInterval ('resize_div (\'' + element_id + '\', ' + timeout + ', ' + size_x + ', ' + size_y + ', ' + start_size_x + ', ' + start_size_y + ')');
    return;
    }


  element.style.width.match (/[0-9.]+(.+)/);
  var ex = RegExp.$1 ¦¦ 'px';
  element.style.height.match (/[0-9.]+(.+)/);
  var ey = RegExp.$1 ¦¦ 'px';
  var delta_x, delta_y;
     if (start_size_x != size_x) 
      {
          delta_x = (ex == 'px' ¦¦ ex == 'pt') ? 5 : 0.05;
      var steps = (start_size_x < size_x ? size_x - start_size_x : start_size_x - size_x) / delta_x;
      delta_y = (start_size_y < size_y ? size_y - start_size_y : start_size_y - size_y) / steps;
      }
     else 
      {
          delta_x = 0;
          delta_y = (ey == 'px' ¦¦ ey == 'pt') ? 15 : 0.15;
      }


    if (parseFloat (element.style.width) != size_x ¦¦parseFloat (element.style.height) != size_y)
          {
            var width = parseFloat (element.style.width) + (start_size_x < size_x ? delta_x : -delta_x);
            width = (width > size_x ? width - size_x : size_x - width) < delta_x ? size_x : width;
            element.style.width = width + ex;
            var height = parseFloat (element.style.height) + (start_size_y < size_y ? delta_y : -delta_y);
            height = (height > size_y ? height - size_y : size_y - height) < delta_y ? size_y : height;
            element.style.height = height + ey;
      }
    else 
     {
            window.clearInterval (proc);
            proc = null;
     }
}


var proc;
function init_div_size (element_id, width, height) 
  {
       var element = document.getElementById (element_id);
         if (element)
        {
                element.style.width = width;
                element.style.height = height;
        }
}
</script>