Javascript HTML DIV Tag over Select Tag

   Tweet

// Function for hiding dropdown over div Start Here

   function HideCoveredDDLs(sDiv)

   {
      var oDiv = document.getElementById(sDiv);
      var colS = document.all.tags("SELECT");
      if (colS!=null)
      {
         for (i=0; i<colS.length; i++) 
         {
            if (OBJIsUnderDiv(colS[i], oDiv)) {  colS[i].style.visibility="hidden"; }
         }
      }
   }

   function OBJIsUnderDiv(oOBJ, oDiv)
   {
      var oX1 = findPosX(oOBJ); //oLeft1
      //alert(oX1);
      var oX2 = oX1 + oOBJ.offsetWidth; //oLeft2
      //alert(oX2);
      var oY1 = findPosY(oOBJ); //oTop1
      //alert(oY1);
      var oY2 = oY1 + oOBJ.offsetHeight; //oTop2
      //alert(oY2);
      var dX1 = findPosX(oDiv); //dLeft1
      //alert(dX1);
      var dX2 = dX1 + oDiv.offsetWidth; //dLeft2
      //alert(dX2);
      var dY1 = findPosY(oDiv); //dTop1
      //alert(dY1);
      var dY2 = dY1 + oDiv.offsetHeight; //dTop2
      //alert(dY2);
        
      if (oX1>=dX1 && oX1<=dX2 && oY1>=dY1 && oY1<=dY2)
         return true;
      if (oX2>=dX1 && oX2<=dX2 && oY2>=dY1 && oY2<=dY2)                 
         return true;
      return false;
   }

   function findPosX(obj)
   {
	   var curleft = 0;
	   if (obj.offsetParent)
	   {
		   while (obj.offsetParent)
		   {
			   curleft += obj.offsetLeft
			   obj = obj.offsetParent;
		   }
	   }
	   else if (obj.x)
		   curleft += obj.x;
	   return curleft;
   }

   function findPosY(obj)
   {
	   var curtop = 0;
	   if (obj.offsetParent)
	   {
		   while (obj.offsetParent)
		   {
			   curtop += obj.offsetTop
			   obj = obj.offsetParent;
		   }
	   }
	   else if (obj.y)
		   curtop += obj.y;
	   return curtop;
   }

   function ShowHiddenDDLs()
   {
      var colS = document.all.tags("SELECT");
      if (colS!=null)
      {
         for (i=0; i<colS.length; i++) 
            colS[i].style.visibility="inherit"; 
      }
   }

// Function for hiding dropdown over div Ends Here

   Tweet