tags MUST have a unique id attribute (duh!). * - Clip routines REQUIRE the clip rect property to be explicitly defined in the style. * - Style properties should be defined when using methods that return those properties. * - MakeBox does not set the clip automatically you may need to manually set the clip. * - To enable scrollBars the layer must contain an iFrame child and the content area's * bounds must exceed the layers visible region (except Nav4 doesn't support iFrames). * - Nav4 doesn't support iFrames, getIFrameXX() functions will return null ("") and * setIFrameXX() calls just return. * - To make an iFrame move with it's parent layer set the iFrame's style property to * "position:relative;" applies to functions makeBox, moveLayer, setTop, and setLeft. * - ScrollLayers expects a layers clip rect to be a subset of the layers visible region. * - Function loadContent() has been replaced by loadDocument() for loading a new page * into an iFrame. LoadContent is supported for backward compatibility see prototypes. * *****************************************************************************************/ function LayerRef(windowRef,layerName) { this.layer = "" // pointer to actual layer object if (is.ie) this.style = "" // pointer to style information if (windowRef && layerName) { if (is.nav6up || is.ie5up) { var start = layerName.lastIndexOf(".") // check for nested layerName if(start != -1) { layerName = layerName.substr(start+1) } this.layer = document.getElementById(layerName) this.style = this.layer.style } else if (is.nav4) { this.layer = eval("windowRef.document."+layerName) } else if (is.ie4) { var start = layerName.lastIndexOf(".") // check for nested layerName if(start != -1) { layerName = layerName.substr(start+1) } this.layer = eval("windowRef.document.all."+layerName) this.style = this.layer.style } } return } function hideLayer() { if (is.nav6up || is.ie5up) this.layer.style.visibility = "hidden" else if (is.nav4) this.layer.visibility = "hide" else if (is.ie4) this.layer.style.visibility = "hidden" } function showLayer() { if (is.nav6up || is.ie5up) this.layer.style.visibility = "visible" else if (is.nav4) this.layer.visibility = "show" else if (is.ie4) this.layer.style.visibility = "visible" } function isVisible() { var retVal = false if (is.nav6up || is.ie5up) { if (this.layer.style.visibility==""){ this.layer.style.visibility = getStyleById(this.layer.id,'visibility') } if(this.layer.style.visibility=="visible") retVal = true } else if (is.nav4 && this.layer.visibility=="show") retVal = true else if (is.ie4) { if (this.layer.style.visibility==""){ this.layer.style.visibility = getStyleById(this.layer.id,'visibility') } if(this.layer.style.visibility=="visible") retVal = true } return (retVal) } function moveLayer(x,y) { if (is.nav6up || is.ie5up) { this.layer.style.left = x+"px" this.layer.style.top = y+"px" } else if (is.nav4) this.layer.moveTo(x,y) else if (is.ie4) { this.layer.style.left = x+"px" this.layer.style.top = y+"px" } } function clipLayer(clipLeft, clipTop, clipRight, clipBottom) { if(is.nav6up || is.ie5up) { this.layer.style.clip = 'rect('+clipTop+'px '+clipRight+'px '+clipBottom+'px '+clipLeft+'px)' } else if (is.nav4) { this.layer.clip.left = clipLeft this.layer.clip.top = clipTop this.layer.clip.right = clipRight this.layer.clip.bottom = clipBottom } else if (is.ie4) { // Force a screen update if visible if (this.isVisible()) { this.hideLayer() this.layer.style.clip = 'rect('+clipTop+'px '+clipRight+'px '+clipBottom+'px '+clipLeft+'px)' this.showLayer() } else this.layer.style.clip = 'rect('+clipTop+'px '+clipRight+'px '+clipBottom+'px '+clipLeft+'px)' } } function scrollLayer(dx, dy, checkBounds) { var clipLeft = this.getClipLeft(this.layer) var clipTop = this.getClipTop(this.layer) var clipRight = this.getClipRight(this.layer) var clipBottom = this.getClipBottom(this.layer) var left = this.getLeft(this.layer) var top = this.getTop(this.layer) // If scrolling the given amounts would move past the edges of the layer, // adjust the values so we stop right at the edge. if (checkBounds==true || arguments.length!=3) { if (clipLeft+dx < 0) dx = (-clipLeft) else if (clipRight+dx > this.getWidth()) dx = this.getWidth() - clipRight if (clipTop+dy < 0) dy = (-clipTop) else if (clipBottom+dy > this.getHeight()) dy = this.getHeight() - clipBottom } // Move both the clipping region and the layer so that the contents move // but the viewable region of the layer appears fixed relative to the page. this.clipLayer(clipLeft+dx, clipTop+dy, clipRight+dx, clipBottom+dy) this.moveLayer(left-dx, top-dy) } function getBgColor() { if (is.nav6up || is.ie5up){ if (this.layer.style.backgroundColor==""){ this.layer.style.backgroundColor = getStyleById(this.layer.id,'backgroundColor') } return this.layer.style.backgroundColor } else if (is.nav4) { var str = this.layer.bgColor if (isNaN(str)) { return str } else return str.toString(16).toUpperCase() } else if (is.ie4) { if (this.layer.style.backgroundColor==""){ this.layer.style.backgroundColor = getStyleById(this.layer.id,'backgroundColor') } return this.layer.style.backgroundColor } } function setBgColor(color) { if (is.nav6up || is.ie5up) { this.layer.style.backgroundColor = color } else if (is.nav4) { this.layer.bgColor = color } else if (is.ie4) { this.layer.style.backgroundColor = color } } // Gets the background color of an IFrame's document function getIFrameColor(color) { var retVal = "" if (is.nav6up || is.ie5up) { var iFrame = getIFrameChild(this.layer.id) // If an iFrame exists update it's documents background color if (iFrame != "") { // Gecko (nav6) if (iFrame.contentDocument) { var bodyElement = iFrame.contentDocument.getElementsByTagName("body") if (bodyElement) { retVal = bodyElement[0].getAttribute("bgColor") } } // Win (ie5.5 and ie6) else if (iFrame.contentWindow) { var bodyElement = iFrame.contentWindow.document.getElementsByTagName("body") if (bodyElement) { retVal = bodyElement[0].getAttribute("bgColor") } } // Mac (ie5) else if (document.frames) { retVal = this.layer.document.frames[0].document.body.style.backgroundColor } } } else if (is.ie4) { if (this.isIFrame()==true) { retVal = this.layer.document.frames[0].document.body.style.backgroundColor } } return retVal } // Sets the background color of an IFrame's document function setIFrameColor(color) { if (is.nav6up || is.ie5up) { var iFrame = getIFrameChild(this.layer.id) // If an iFrame exists update it's documents background color if (iFrame != "") { // Gecko (nav6) if (iFrame.contentDocument) { var bodyElement = iFrame.contentDocument.getElementsByTagName("body") if (bodyElement) { bodyElement[0].setAttribute("bgColor",color) } } // Win (ie5.5 and ie6) else if (iFrame.contentWindow) { var bodyElement = iFrame.contentWindow.document.getElementsByTagName("body") if (bodyElement) { bodyElement[0].setAttribute("bgColor",color) } } // Mac (ie5) else if (document.frames) { this.layer.document.frames[0].document.body.style.backgroundColor = color } } } else if (is.ie4) { if (this.isIFrame()==true) { this.layer.document.frames[0].document.body.style.backgroundColor = color } } } function setBgImage(imagesrc) { if (is.nav6up || is.ie5up) { this.layer.style.backgroundImage = 'url('+imagesrc+')' } else if (is.nav4) { this.layer.background.src = imagesrc } else if (is.ie4) { this.layer.style.backgroundImage = 'url('+imagesrc+')' } } function setIFrameImage(imagesrc) { if (is.nav6up || is.ie5up) { var iFrame = getIFrameChild(this.layer.id) // If an iFrame exists update it's documents background image if (iFrame != "") { // Gecko (nav6) if (iFrame.contentDocument) { var bodyElement = iFrame.contentDocument.getElementsByTagName("body") if (bodyElement) { bodyElement[0].setAttribute("background",imagesrc) } } // Win (ie5.5 and ie6) else if (iFrame.contentWindow) { var bodyElement = iFrame.contentWindow.document.getElementsByTagName("body") if (bodyElement) { bodyElement[0].setAttribute("background",imagesrc) } } // Mac (ie5) else if (document.frames) { this.layer.document.frames[0].document.body.style.backgroundImage = 'url('+imagesrc+')' } } } else if (is.ie4) { if (this.isIFrame()==true) this.layer.document.frames[0].document.body.style.backgroundImage = 'url('+imagesrc+')' else this.layer.style.backgroundImage = 'url('+imagesrc+')' } } // NOTE: For newer browsers replaceContent() expects a layer