diff options
Diffstat (limited to 'SPPC.dcproj/project/widget.wdgt/Parts/ScrollArea.js')
| -rw-r--r-- | SPPC.dcproj/project/widget.wdgt/Parts/ScrollArea.js | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/SPPC.dcproj/project/widget.wdgt/Parts/ScrollArea.js b/SPPC.dcproj/project/widget.wdgt/Parts/ScrollArea.js new file mode 100644 index 0000000..2131e21 --- /dev/null +++ b/SPPC.dcproj/project/widget.wdgt/Parts/ScrollArea.js @@ -0,0 +1,131 @@ +/* + This file was generated by Dashcode and is covered by the + license.txt included in the project. You may edit this file, + however it is recommended to first turn off the Dashcode + code generator otherwise the changes will be lost. + */ + +function CreateScrollArea(elementOrID, spec) +{ + var scrollAreaElement = elementOrID; + if (elementOrID.nodeType != Node.ELEMENT_NODE) { + scrollAreaElement = document.getElementById(elementOrID); + } + + if (!scrollAreaElement.loaded) { + var element = null; + var style = null; + var contentElement = null; + var verticalScrollbar = null; + var horizontalScrollbar = null; + var hasVerticalScrollbar = spec.hasVerticalScrollbar == undefined ? false : spec.hasVerticalScrollbar; + var hasHorizontalScrollbar = spec.hasHorizontalScrollbar == undefined ? false : spec.hasHorizontalScrollbar; + var autoHideScrollbars = spec.autoHideScrollbars == undefined ? false : spec.autoHideScrollbars; + var leftMargin = spec.leftMargin == undefined ? 0 : spec.leftMargin; + var rightMargin = spec.rightMargin == undefined ? 0 : spec.rightMargin; + var topMargin = spec.topMargin == undefined ? 0 : spec.topMargin; + var bottomMargin = spec.bottomMargin == undefined ? 0 : spec.bottomMargin; + var scrollbarMargin = spec.scrollbarMargin == undefined ? 0 : spec.scrollbarMargin;; + var leftScrollbarMargin = leftMargin + scrollbarMargin; + var rightScrollbarMargin = rightMargin + scrollbarMargin; + var topScrollbarMargin = topMargin + scrollbarMargin; + var bottomScrollbarMargin = bottomMargin + scrollbarMargin; + var spacing = spec.spacing == undefined ? 0 : spec.spacing; + var scrollbarSize = spec.scrollbarDivSize == undefined ? 0 : spec.scrollbarDivSize;; + + // Associate or create the content area element + var contentElement = scrollAreaElement.children[0] || document.createElement("div"); + + // Remove all other child elements + while (scrollAreaElement.children.length > 1) + scrollAreaElement.removeChild(scrollAreaElement.lastChild); + + style = contentElement.style; + style.position = "absolute"; + style.left = leftMargin + "px"; + style.top = topMargin + "px"; + + if (hasVerticalScrollbar && hasHorizontalScrollbar) { + style.right = rightMargin + scrollbarSize + spacing + "px"; + style.bottom = bottomMargin + scrollbarSize + spacing + "px"; + } else if (hasVerticalScrollbar) { + style.right = rightMargin + scrollbarSize + spacing + "px"; + style.bottom = bottomMargin + "px"; + } else if (hasHorizontalScrollbar) { + style.right = rightMargin + "px"; + style.bottom = bottomMargin + scrollbarSize + spacing + "px"; + } else { + style.right = rightMargin + "px"; + style.bottom = bottomMargin + "px"; + } + scrollAreaElement.appendChild(contentElement); + scrollAreaElement.contentElement = contentElement; + scrollAreaElement.content = contentElement; + + // Create the vertical scroll bar + if (hasVerticalScrollbar) { + element = document.createElement("div"); + element.className = "apple-no-children apple-remove apple-hidden"; + style = element.style; + style.position = "absolute"; + style.width = scrollbarSize + "px"; + style.height = "auto"; + style.right = rightMargin + "px"; + style.top = topScrollbarMargin + "px"; + style.bottom = hasHorizontalScrollbar ? bottomScrollbarMargin + scrollbarSize + "px" : bottomScrollbarMargin + "px"; + style.appleDashboardRegion = "none"; + scrollAreaElement.appendChild(element); + verticalScrollbar = new AppleVerticalScrollbar(element); + scrollAreaElement.verticalScrollbarElement = element; + } + + // Create the horizontal scroll bar + if (hasHorizontalScrollbar) { + element = document.createElement("div"); + element.className = "apple-no-children apple-remove apple-hidden"; + style = element.style; + style.position = "absolute"; + style.width = "auto"; + style.height = scrollbarSize + "px"; + style.left = leftScrollbarMargin + "px"; + style.right = hasVerticalScrollbar ? rightScrollbarMargin + scrollbarSize + "px" : rightScrollbarMargin + "px"; + style.bottom = bottomMargin + "px"; + style.appleDashboardRegion = "none"; + scrollAreaElement.appendChild(element); + horizontalScrollbar = new AppleHorizontalScrollbar(element); + scrollAreaElement.horizontalScrollbarElement = element; + } + + // Create the scroll area + if (hasVerticalScrollbar && hasHorizontalScrollbar) { + scrollAreaElement.object = new AppleScrollArea(contentElement, verticalScrollbar, horizontalScrollbar); + } else if (hasVerticalScrollbar) { + scrollAreaElement.object = new AppleScrollArea(contentElement, verticalScrollbar); + } else if (hasHorizontalScrollbar) { + scrollAreaElement.object = new AppleScrollArea(contentElement, horizontalScrollbar); + } else { + scrollAreaElement.object = new AppleScrollArea(contentElement); + } + scrollAreaElement.object.element = scrollAreaElement; + + // Adjust the auto hide setting + if (verticalScrollbar) { + verticalScrollbar.setAutohide(autoHideScrollbars); + } + if (horizontalScrollbar) { + horizontalScrollbar.setAutohide(autoHideScrollbars); + } + + scrollAreaElement.object.contentElement = contentElement; + scrollAreaElement.object.content = contentElement; + if (spec.originalID) { + // when cloning template, refresh shortly after initialized + var self = scrollAreaElement; + window.setTimeout(function() {self.object.refresh();}, 0); + } else { + scrollAreaElement.object.refresh(); + } + } + + return scrollAreaElement.object; +} |