mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-24 08:53:37 +01:00
184 lines
4.2 KiB
JavaScript
184 lines
4.2 KiB
JavaScript
/*****************************************************
|
|
* ypSlideOutMenu
|
|
* 3/04/2001
|
|
*
|
|
* a nice little script to create exclusive, slide-out
|
|
* menus for ns4, ns6, mozilla, opera, ie4, ie5 on
|
|
* mac and win32. I've got no linux or unix to test on but
|
|
* it should(?) work...
|
|
*
|
|
* --youngpup--
|
|
*****************************************************/
|
|
|
|
//var isIE = false;
|
|
//var isOther = false;
|
|
//var isNS4 = false;
|
|
//var isNS6 = false;
|
|
// constructor
|
|
function ypSlideOutMenu(id, dir, left, top, width, height,pos)
|
|
{
|
|
|
|
this.ie = document.all ? 1 : 0
|
|
this.ns4 = document.layers ? 1 : 0
|
|
this.dom = document.getElementById ? 1 : 0
|
|
|
|
if (this.ie || this.ns4 || this.dom) {
|
|
this.id = id
|
|
this.dir = dir
|
|
this.orientation = dir == "left" || dir == "right" ? "h" : "v"
|
|
this.dirType = dir == "right" || dir == "down" ? "-" : "+"
|
|
this.dim = this.orientation == "h" ? width : height
|
|
//this.hideTimer = false
|
|
//this.aniTimer = false
|
|
this.open = false
|
|
this.over = false
|
|
//this.startTime = 0
|
|
|
|
// global reference to this object
|
|
//this.gRef = "ypSlideOutMenu_"+id
|
|
//eval(this.gRef+"=this")
|
|
|
|
// add this menu object to an internal list of all menus
|
|
//ypSlideOutMenu.Registry[id] = this
|
|
|
|
var d = document
|
|
|
|
var strCSS = '<style type="text/css">';
|
|
strCSS += '#' + this.id + 'Container { visibility:hidden; '
|
|
if(pos)
|
|
{
|
|
strCSS += pos+':' + left + 'px; '
|
|
}
|
|
else
|
|
{
|
|
strCSS += 'left:' + left + 'px; '
|
|
}
|
|
strCSS += 'top:' + top + 'px; '
|
|
strCSS += 'overflow:visible; z-index:10000; }'
|
|
strCSS += '#' + this.id + 'Container, #' + this.id + 'Content { position:absolute; '
|
|
strCSS += 'width:' + width + 'px; '
|
|
// strCSS += 'height:' + height + 'px; '
|
|
// strCSS += 'clip:rect(0 ' + width + ' ' + height + ' 0); '
|
|
strCSS += '}'
|
|
strCSS += '</style>';
|
|
|
|
d.write(strCSS);
|
|
// alert(strCSS);
|
|
// this.load()
|
|
|
|
}
|
|
}
|
|
|
|
ypSlideOutMenu.aLs = function(layerID)
|
|
{
|
|
|
|
this.isIE = false;
|
|
this.isOther = false;
|
|
this.isNS4 = false;
|
|
this.isNS6 = false;
|
|
if(document.getElementById)
|
|
{
|
|
if(!document.all)
|
|
{
|
|
this.isNS6=true;
|
|
}
|
|
if(document.all)
|
|
{
|
|
this.isIE=true;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if(document.layers)
|
|
{
|
|
this.isNS4=true;
|
|
}
|
|
else
|
|
{
|
|
this.isOther=true;
|
|
}
|
|
}
|
|
|
|
var returnLayer;
|
|
if(this.isIE)
|
|
{
|
|
returnLayer = eval("document.all." + layerID + ".style");
|
|
}
|
|
if(this.isNS6)
|
|
{
|
|
returnLayer = eval("document.getElementById('" + layerID + "').style");
|
|
}
|
|
if(this.isNS4)
|
|
{
|
|
returnLayer = eval("document." + layerID);
|
|
}
|
|
if(this.isOther)
|
|
{
|
|
returnLayer = "null";
|
|
alert("Error:\nDue to your browser you will probably not\nbe able to view all of the following page\nas it was designed to be viewed. We regret\nthis error sincerely.");
|
|
}
|
|
return returnLayer;
|
|
}
|
|
// HideShow 1.0 Jim Cummins - http://www.conxiondesigns.com
|
|
|
|
ypSlideOutMenu.ShowL = function(ID)
|
|
{
|
|
ypSlideOutMenu.aLs(ID).visibility = "visible";
|
|
}
|
|
|
|
ypSlideOutMenu.HideL =function(ID)
|
|
{
|
|
ypSlideOutMenu.aLs(ID).visibility = "hidden";
|
|
}
|
|
|
|
ypSlideOutMenu.HideShow = function(ID)
|
|
{
|
|
|
|
if((ypSlideOutMenu.aLs(ID).visibility == "visible") || (ypSlideOutMenu.aLs(ID).visibility == ""))
|
|
{
|
|
ypSlideOutMenu.aLs(ID).visibility = "hidden";
|
|
}
|
|
else if(ypSlideOutMenu.aLs(ID).visibility == "hidden")
|
|
{
|
|
ypSlideOutMenu.aLs(ID).visibility = "visible";
|
|
}
|
|
}
|
|
|
|
|
|
ypSlideOutMenu.showMenu = function(id)
|
|
{
|
|
//temporarly hide all selectboxes to fix IE bug with z-index
|
|
if(document.all)
|
|
{
|
|
for (var i=0; i<document.all.length; i++) {
|
|
o = document.all(i)
|
|
if (o.type == 'select-one' || o.type == 'select-multiple') {
|
|
// todo: add check for select in div?
|
|
if (o.style) o.style.display = 'none';
|
|
}
|
|
}
|
|
}
|
|
ypSlideOutMenu.ShowL(id+'Container');
|
|
|
|
}
|
|
|
|
ypSlideOutMenu.hide = function(id)
|
|
{
|
|
ypSlideOutMenu.HideL(id+'Container');
|
|
//show all selectboxes again to fix IE bug with z-index
|
|
if(document.all)
|
|
{
|
|
for (var i=0; i<document.all.length; i++) {
|
|
o = document.all(i)
|
|
if (o.type == 'select-one' || o.type == 'select-multiple') {
|
|
// todo: add check for select in div?
|
|
if (o.style) o.style.display = 'inline';
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|