QuickWMS-Extension/WMSquick.js

/*
* Project quickWMS: Generic JavaScript WMS Client 
* File : WMSquick.js
* Author : Pedro Pereira Gonçalves
* email : pedro.goncalves@esa.int or pedro@inovagis.org
* Version : 0.1
* Description: Adds mouse events for selection and zoom to the mapWMS class
*                    Please read coderules.txt before making any change
* Tested on : Netscape 7.0, IE 5.5, IE 6.0
* Last Change : 2003-05-02
* Dependencies : WMSbrowsers.js, WMSmap.js, WMSlayers.js, WMStools.js
* Future Developments : 
* License : OpenSource (check license.txt in the same directory)
* History :
    2003-04-23 : Documentation added
    2003-03-20 : File Created
* Objects : dynamicWMS 
* Functions : none
*/
  
function quickWMS(x1, y1, x2, y2, srs) {
  this.inheritFrom = mapWMS;
  this.inheritFrom(x1, y1, x2, y2, srs);  
  this.toolMode="";
  this.slBox=new Array(0, 0, 0, 0);   // array variable for the selected area 
  this.zBox=new Array(0, 0, 0, 0);  // private zoom array variable
  this.prevBBox = new Array;  
  this.prevBBox[this.prevBBox.length]=new Array(this.BBox[0], this.BBox[1], this.BBox[2], this.BBox[3]);    

  this.indexBBox=0;
    
  /// events   
  this.onMouseMove=null;
  this.onMouseClick=null;
  this.onMouseUp=null;
  this.onMouseDown=null;  
    
  // write the html for the selection
  this.writeHTML[this.writeHTML.length]= function (objRef){    
    openLayer(objRef.name+"Selection","selectionLayer","visibility:inherit;",0, 0, objRef.width, objRef.height, true);
    if (browser.isOldNS) document.write('<table border="2" width="100%" height="100%"><tr height=5 bgcolor="black"><td colspan="3"></td></tr><tr><td bgcolor="black" width="5"></td><td></td><td bgcolor="black" width="5"></td></tr></table>');
    closeLayer();
    hideLayer(objRef.name+"Selection");    
    
    openLayer(objRef.name+"zoom","zoomSelectionLayer","visibility:inherit;",0, 0, objRef.width, objRef.height, true);
    if (browser.isOldNS) document.write('<table border="2" width="100%" height="100%"><tr height=5 bgcolor="black"><td colspan="3">ola</td></tr><tr><td bgcolor="black" width="5"></td><td></td><td bgcolor="black" width="5"></td></tr></table>');
    closeLayer();
    hideLayer(objRef.name+"zoom");      
    }

  // functions 
  // this function is called from the writeDOM function in its parent (mapWMS)
  this.initialize = function () {
      assignMouseEvent(this.name,"mousemove",WMS_mouseMove, true);
      assignMouseEvent(this.name,"mouseup",WMS_mouseUp, true);
      assignMouseEvent(this.name,"mousedown",WMS_mouseDown, true);      
    }

  this.mouseToolManager=WMS_mouseToolManager;
  
  this.setSelectionXY= function(x1, y1, x2, y2){
    if (x1)  this.slBox[0]=x1;
    if (y1) this.slBox[1]=y1;
    if (x2) this.slBox[2]=x2;
    if (y2) this.slBox[3]=y2;
    var pX1=geo2MouseX(this,this.slBox[0]);    
    var pY1=geo2MouseY(this,this.slBox[3]);    
    var pX2=geo2MouseX(this,this.slBox[2]);      
    var pY2=geo2MouseY(this,this.slBox[1]);
    if (browser.isOldNS) layer = getLayer(this.name+"Selection").clip;//style
    else layer = getLayer(this.name+"Selection").style;
    if (pX1>pX2){layer.left=pX2;layer.width=pX1-pX2;}
    else {layer.left=pX1;layer.width=pX2-pX1;}
    if (pY1>pY2){layer.top=pY2;layer.height=pY1-pY2;}
    else {layer.top=pY1;layer.height=pY2-pY1;}
    if (parseInt(layer.width)>this.width) layer.width=this.width;
    if (parseInt(layer.left)<0) layer.left=0;
    if (parseInt(layer.height)>this.height) layer.height=this.height;
    if (parseInt(layer.top)<0) layer.top=0;
    }
    
  this.setSelection = function (x1, y1, x2, y2){
    if (x1)  {var pX1=x1;this.slBox[0]=mouse2GeoX(this,x1)} 
    else var pX1=geo2MouseX(this,this.slBox[0]);
    if (y1)  {var pY1=y1;this.slBox[3]=mouse2GeoY(this,y1)}
    else var pY1=geo2MouseY(this,this.slBox[3]);
    if (x2)  {var pX2=x2;this.slBox[2]=mouse2GeoX(this,x2)}
    else var pX2=geo2MouseX(this,this.slBox[2]);  
    if (y2)  {var pY2=y2;this.slBox[1]=mouse2GeoY(this,y2)}
    else var pY2=geo2MouseY(this,this.slBox[1]);
        
    if (browser.isOldNS) {layer = getLayer(this.name+"Selection").clip;}//style
    else layer = getLayer(this.name+"Selection").style;
    
    // check the correct position in the slBox array 
    if (this.slBox[1]>this.slBox[3]){
      var tVal=this.slBox[1];
      this.slBox[1]=this.slBox[3];
      this.slBox[3]=tVal;
      tVal=pY1;
      pY1=pY2;
      pY2=tVal;
    }
    if (this.slBox[0]>this.slBox[2]){
      var tVal=this.slBox[0];
      this.slBox[0]=this.slBox[2];
      this.slBox[2]=tVal;
      tVal=pX1;
      pX1=pX2;
      pX2=tVal;      
    }
    
    //getLayer(this.name+"Selection").bgColor="#CC00EE";    
    if (pX1>pX2){layer.left=pX2;layer.width=pX1-pX2;}
    else {layer.left=pX1;layer.width=pX2-pX1;}
    if (pY1>pY2){layer.top=pY2;layer.height=pY1-pY2;}
    else {layer.top=pY1;layer.height=pY2-pY1;}
    if (parseInt(layer.width)>this.width) layer.width=this.width;
    if (parseInt(layer.left)<0) layer.left=0;
    if (parseInt(layer.height)>this.height) layer.height=this.height;
    if (parseInt(layer.top)<0) layer.top=0;    
    }  

  this.setZoomBox = function (x1, y1, x2, y2){
    if (x1)  {var pX1=x1;this.zBox[0]=mouse2GeoX(this,x1)} 
    else var pX1=geo2MouseX(this,this.zBox[0]);
    if (y1)  {var pY1=y1;this.zBox[3]=mouse2GeoY(this,y1)}
    else var pY1=geo2MouseY(this,this.zBox[3]);
    if (x2)  {var pX2=x2;this.zBox[2]=mouse2GeoX(this,x2)}
    else var pX2=geo2MouseX(this,this.zBox[2]);  
    if (y2)  {var pY2=y2;this.zBox[1]=mouse2GeoY(this,y2)}
    else var pY2=geo2MouseY(this,this.zBox[1]);
        
    if (browser.isOldNS){ layer = getLayer(this.name+"zoom").clip;}//alert(layer)}//style
    else layer = getLayer(this.name+"zoom").style;
    
    if (pX1>pX2){layer.left=pX2;layer.width=pX1-pX2;}
    else {layer.left=pX1;layer.width=pX2-pX1;}
    
    if (pY1>pY2){layer.top=pY2;layer.height=pY1-pY2;}
    else {layer.top=pY1;layer.height=pY2-pY1;}    
    }  
    
  // this class will not use the inherited updateBBox method because it keeps a list of previous requests
  this.updateBBox = function (x1, y1, x2, y2){        
    if (this.onBeforeChange){this.onBeforeChange(this,x1,y1,x2,y2);}
    copy(this.BBox,this.lastBBox);
    var nI=this.prevBBox.length;
    for (var i=this.indexBBox+1;i<nI;i++) {this.prevBBox.length--}      
    this.BBox[0]=x1/1;this.BBox[2]=x2/1;
    this.BBox[1]=y1/1;this.BBox[3]=y2/1;
    this.indexBBox+=1;
    geoConstraints(this);
    this.prevBBox[this.prevBBox.length]=new Array(this.BBox[0],this.BBox[1],this.BBox[2],this.BBox[3]);      
    this.refresh();
    }
  // this function is also overrided
  this.cancelRequest = function(){    
    hideLayer(this.name+"Status");
    clearInterval(this.waitFunction);    
    if (this.indexBBox>0) {      
      this.prevBBox.length--
      this.indexBBox--;      
      }
    copy(this.lastBBox,this.BBox);
    this.refresh();
    }
  this.back=function(){
    if (this.indexBBox>0){
      this.indexBBox-=1;
      this.BBox[0]=this.prevBBox[this.indexBBox][0];
      this.BBox[1]=this.prevBBox[this.indexBBox][1];
      this.BBox[2]=this.prevBBox[this.indexBBox][2];
      this.BBox[3]=this.prevBBox[this.indexBBox][3];
      this.refresh();
      return true;
      }
    else return false;
    }
  this.home=function(){
    this.updateBBox(this.initBBox[0], this.initBBox[1],this.initBBox[2],this.initBBox[3]);      
    }
  
  this.forward=function(){
    if (this.indexBBox<this.prevBBox.length-1){    
      this.indexBBox+=1;
      this.BBox[0]=this.prevBBox[this.indexBBox][0];
      this.BBox[1]=this.prevBBox[this.indexBBox][1];
      this.BBox[2]=this.prevBBox[this.indexBBox][2];
      this.BBox[3]=this.prevBBox[this.indexBBox][3];
      this.refresh();
      }
    }
      
  }