includes/clientside/static/fadefilter.js
changeset 1056 f21d6e75b469
parent 1053 bdbb49cf6f1b
child 1227 bdac73ed481e
equal deleted inserted replaced
1055:15ef8d2147c2 1056:f21d6e75b469
     3  * @param bool Controls whether the fade should be disabled or not. aclDisableTransitionFX will override this if set to true, and fades are never fired on IE.
     3  * @param bool Controls whether the fade should be disabled or not. aclDisableTransitionFX will override this if set to true, and fades are never fired on IE.
     4  * @param int When specified, represents the numeric opacity value to set the fade layer to. 1-100.
     4  * @param int When specified, represents the numeric opacity value to set the fade layer to. 1-100.
     5  */
     5  */
     6 
     6 
     7 var darkener_index = [];
     7 var darkener_index = [];
       
     8 var FADE_TIME = 500; // in ms
     8 
     9 
     9 function darken(nofade, opacVal, layerid)
    10 function darken(nofade, opacVal, layerid)
    10 {
    11 {
    11   layerid = ( layerid ) ? layerid : 'specialLayer_darkener';
    12   layerid = ( layerid ) ? layerid : 'specialLayer_darkener';
    12   if(IE)
    13   if(IE)
    26     else
    27     else
    27     {
    28     {
    28       if ( document.getElementById(layerid).style.display != 'none' )
    29       if ( document.getElementById(layerid).style.display != 'none' )
    29       {
    30       {
    30         var currentOpac = document.getElementById(layerid).myOpacVal;
    31         var currentOpac = document.getElementById(layerid).myOpacVal;
    31         opacity(layerid, currentOpac, opacVal, 1000);
    32         opacity(layerid, currentOpac, opacVal, FADE_TIME);
    32         document.getElementById(layerid).myOpacVal = opacVal;
    33         document.getElementById(layerid).myOpacVal = opacVal;
    33       }
    34       }
    34       else
    35       else
    35       {
    36       {
    36         document.getElementById(layerid).style.display = 'block';
    37         document.getElementById(layerid).style.display = 'block';
    37         document.getElementById(layerid).myOpacVal = opacVal;
    38         document.getElementById(layerid).myOpacVal = opacVal;
    38         opacity(layerid, 0, opacVal, 1000);
    39         opacity(layerid, 0, opacVal, FADE_TIME);
    39       }
    40       }
    40     }
    41     }
    41   }
    42   }
    42   else if(document.getElementById(layerid) && document.getElementById(layerid).destroying)
    43   else if(document.getElementById(layerid) && document.getElementById(layerid).destroying)
    43   {
    44   {
    84       body.appendChild(thediv);
    85       body.appendChild(thediv);
    85     } else {
    86     } else {
    86       body = document.getElementsByTagName('body');
    87       body = document.getElementsByTagName('body');
    87       body = body[0];
    88       body = body[0];
    88       body.appendChild(thediv);
    89       body.appendChild(thediv);
    89       opacity(layerid, 0, opacVal, 1000);
    90       opacity(layerid, 0, opacVal, FADE_TIME);
    90     }
    91     }
    91   }
    92   }
    92   return document.getElementById(layerid);
    93   return document.getElementById(layerid);
    93 }
    94 }
    94 
    95 
   114     }
   115     }
   115     else
   116     else
   116     {
   117     {
   117       document.getElementById(layerid).destroying = true;
   118       document.getElementById(layerid).destroying = true;
   118       var from = document.getElementById(layerid).myOpacVal;
   119       var from = document.getElementById(layerid).myOpacVal;
   119       opacity(layerid, from, 0, 1000);
   120       opacity(layerid, from, 0, FADE_TIME);
   120       setTimeout("var l = document.getElementById('" + layerid + "'); var b = document.getElementsByTagName('body')[0]; b.removeChild(l);", 1000);
   121       setTimeout("var l = document.getElementById('" + layerid + "'); var b = document.getElementsByTagName('body')[0]; b.removeChild(l);", 1000);
   121     }
   122     }
   122   }
   123   }
   123   return document.getElementById(layerid);
   124   return document.getElementById(layerid);
   124 }
   125 }