alvinalexander.com | career | drupal | java | mac | mysql | perl | scala | uml | unix  

Struts example source code file (FloatingPane.js)

This example Struts source code file (FloatingPane.js) is included in the DevDaily.com "Java Source Code Warehouse" project. The intent of this project is to help you "Learn Java by Example" TM.

Java - Struts tags/keywords

area, bar, client, css, css, resizehandle, resizehandle, threedhighlight, threedhighlight, threedshadow, threedshadow, title, unable, verdana

The Struts FloatingPane.js source code

/*
	Copyright (c) 2004-2006, The Dojo Foundation
	All Rights Reserved.

	Licensed under the Academic Free License version 2.1 or above OR the
	modified BSD license. For more information on Dojo licensing, see:

		http://dojotoolkit.org/community/licensing.shtml
*/



dojo.provide("dojo.widget.FloatingPane");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Manager");
dojo.require("dojo.html.*");
dojo.require("dojo.html.layout");
dojo.require("dojo.html.iframe");
dojo.require("dojo.html.selection");
dojo.require("dojo.lfx.shadow");
dojo.require("dojo.widget.html.layout");
dojo.require("dojo.widget.ContentPane");
dojo.require("dojo.dnd.HtmlDragMove");
dojo.require("dojo.widget.Dialog");
dojo.require("dojo.widget.ResizeHandle");
dojo.declare("dojo.widget.FloatingPaneBase", null, {title:"", iconSrc:"", hasShadow:false, constrainToContainer:false, taskBarId:"", resizable:true, titleBarDisplay:true, windowState:"normal", displayCloseAction:false, displayMinimizeAction:false, displayMaximizeAction:false, _max_taskBarConnectAttempts:5, _taskBarConnectAttempts:0, templateString:"<div id=\"${this.widgetId}\" dojoAttachEvent=\"onMouseDown\" class=\"dojoFloatingPane\">\n\t
\n\t \t\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t \t
${this.title}
\n\t
\n\n\t
\n\n\t
\n
\n", templateCssString:"\n/********** Outer Window ***************/\n\n.dojoFloatingPane {\n\t/* essential css */\n\tposition: absolute;\n\toverflow: visible;\t\t/* so drop shadow is displayed */\n\tz-index: 10;\n\n\t/* styling css */\n\tborder: 1px solid;\n\tborder-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;\n\tbackground-color: ThreeDFace;\n}\n\n\n/********** Title Bar ****************/\n\n.dojoFloatingPaneTitleBar {\n\tvertical-align: top;\n\tmargin: 2px 2px 2px 2px;\n\tz-index: 10;\n\tbackground-color: #7596c6;\n\tcursor: default;\n\toverflow: hidden;\n\tborder-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;\n\tvertical-align: middle;\n}\n\n.dojoFloatingPaneTitleText {\n\tfloat: left;\n\tpadding: 2px 4px 2px 2px;\n\twhite-space: nowrap;\n\tcolor: CaptionText;\n\tfont: small-caption;\n}\n\n.dojoTitleBarIcon {\n\tfloat: left;\n\theight: 22px;\n\twidth: 22px;\n\tvertical-align: middle;\n\tmargin-right: 5px;\n\tmargin-left: 5px;\n}\n\n.dojoFloatingPaneActions{\n\tfloat: right;\n\tposition: absolute;\n\tright: 2px;\n\ttop: 2px;\n\tvertical-align: middle;\n}\n\n\n.dojoFloatingPaneActionItem {\n\tvertical-align: middle;\n\tmargin-right: 1px;\n\theight: 22px;\n\twidth: 22px;\n}\n\n\n.dojoFloatingPaneTitleBarIcon {\n\t/* essential css */\n\tfloat: left;\n\n\t/* styling css */\n\tmargin-left: 2px;\n\tmargin-right: 4px;\n\theight: 22px;\n}\n\n/* minimize/maximize icons are specified by CSS only */\n.dojoFloatingPaneMinimizeIcon,\n.dojoFloatingPaneMaximizeIcon,\n.dojoFloatingPaneRestoreIcon,\n.dojoFloatingPaneCloseIcon {\n\tvertical-align: middle;\n\theight: 22px;\n\twidth: 22px;\n\tfloat: right;\n}\n.dojoFloatingPaneMinimizeIcon {\n\tbackground-image: url(images/floatingPaneMinimize.gif);\n}\n.dojoFloatingPaneMaximizeIcon {\n\tbackground-image: url(images/floatingPaneMaximize.gif);\n}\n.dojoFloatingPaneRestoreIcon {\n\tbackground-image: url(images/floatingPaneRestore.gif);\n}\n.dojoFloatingPaneCloseIcon {\n\tbackground-image: url(images/floatingPaneClose.gif);\n}\n\n/* bar at bottom of window that holds resize handle */\n.dojoFloatingPaneResizebar {\n\tz-index: 10;\n\theight: 13px;\n\tbackground-color: ThreeDFace;\n}\n\n/************* Client Area ***************/\n\n.dojoFloatingPaneClient {\n\tposition: relative;\n\tz-index: 10;\n\tborder: 1px solid;\n\tborder-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;\n\tmargin: 2px;\n\tbackground-color: ThreeDFace;\n\tpadding: 8px;\n\tfont-family: Verdana, Helvetica, Garamond, sans-serif;\n\tfont-size: 12px;\n\toverflow: auto;\n}\n\n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/FloatingPane.css"), fillInFloatingPaneTemplate:function (args, frag) { var source = this.getFragNodeRef(frag); dojo.html.copyStyle(this.domNode, source); dojo.body().appendChild(this.domNode); if (!this.isShowing()) { this.windowState = "minimized"; } if (this.iconSrc == "") { dojo.html.removeNode(this.titleBarIcon); } else { this.titleBarIcon.src = this.iconSrc.toString(); } if (this.titleBarDisplay) { this.titleBar.style.display = ""; dojo.html.disableSelection(this.titleBar); this.titleBarIcon.style.display = (this.iconSrc == "" ? "none" : ""); this.minimizeAction.style.display = (this.displayMinimizeAction ? "" : "none"); this.maximizeAction.style.display = (this.displayMaximizeAction && this.windowState != "maximized" ? "" : "none"); this.restoreAction.style.display = (this.displayMaximizeAction && this.windowState == "maximized" ? "" : "none"); this.closeAction.style.display = (this.displayCloseAction ? "" : "none"); this.drag = new dojo.dnd.HtmlDragMoveSource(this.domNode); if (this.constrainToContainer) { this.drag.constrainTo(); } this.drag.setDragHandle(this.titleBar); var self = this; dojo.event.topic.subscribe("dragMove", function (info) { if (info.source.domNode == self.domNode) { dojo.event.topic.publish("floatingPaneMove", {source:self}); } }); } if (this.resizable) { this.resizeBar.style.display = ""; this.resizeHandle = dojo.widget.createWidget("ResizeHandle", {targetElmId:this.widgetId, id:this.widgetId + "_resize"}); this.resizeBar.appendChild(this.resizeHandle.domNode); } if (this.hasShadow) { this.shadow = new dojo.lfx.shadow(this.domNode); } this.bgIframe = new dojo.html.BackgroundIframe(this.domNode); if (this.taskBarId) { this._taskBarSetup(); } dojo.body().removeChild(this.domNode); }, postCreate:function () { if (dojo.hostenv.post_load_) { this._setInitialWindowState(); } else { dojo.addOnLoad(this, "_setInitialWindowState"); } }, maximizeWindow:function (evt) { var mb = dojo.html.getMarginBox(this.domNode); this.previous = {width:mb.width || this.width, height:mb.height || this.height, left:this.domNode.style.left, top:this.domNode.style.top, bottom:this.domNode.style.bottom, right:this.domNode.style.right}; if (this.domNode.parentNode.style.overflow.toLowerCase() != "hidden") { this.parentPrevious = {overflow:this.domNode.parentNode.style.overflow}; dojo.debug(this.domNode.parentNode.style.overflow); this.domNode.parentNode.style.overflow = "hidden"; } this.domNode.style.left = dojo.html.getPixelValue(this.domNode.parentNode, "padding-left", true) + "px"; this.domNode.style.top = dojo.html.getPixelValue(this.domNode.parentNode, "padding-top", true) + "px"; if ((this.domNode.parentNode.nodeName.toLowerCase() == "body")) { var viewport = dojo.html.getViewport(); var padding = dojo.html.getPadding(dojo.body()); this.resizeTo(viewport.width - padding.width, viewport.height - padding.height); } else { var content = dojo.html.getContentBox(this.domNode.parentNode); this.resizeTo(content.width, content.height); } this.maximizeAction.style.display = "none"; this.restoreAction.style.display = ""; if (this.resizeHandle) { this.resizeHandle.domNode.style.display = "none"; } this.drag.setDragHandle(null); this.windowState = "maximized"; }, minimizeWindow:function (evt) { this.hide(); for (var attr in this.parentPrevious) { this.domNode.parentNode.style[attr] = this.parentPrevious[attr]; } this.lastWindowState = this.windowState; this.windowState = "minimized"; }, restoreWindow:function (evt) { if (this.windowState == "minimized") { this.show(); if (this.lastWindowState == "maximized") { this.domNode.parentNode.style.overflow = "hidden"; this.windowState = "maximized"; } else { this.windowState = "normal"; } } else { if (this.windowState == "maximized") { for (var attr in this.previous) { this.domNode.style[attr] = this.previous[attr]; } for (var attr in this.parentPrevious) { this.domNode.parentNode.style[attr] = this.parentPrevious[attr]; } this.resizeTo(this.previous.width, this.previous.height); this.previous = null; this.parentPrevious = null; this.restoreAction.style.display = "none"; this.maximizeAction.style.display = this.displayMaximizeAction ? "" : "none"; if (this.resizeHandle) { this.resizeHandle.domNode.style.display = ""; } this.drag.setDragHandle(this.titleBar); this.windowState = "normal"; } else { } } }, toggleDisplay:function () { if (this.windowState == "minimized") { this.restoreWindow(); } else { this.minimizeWindow(); } }, closeWindow:function (evt) { dojo.html.removeNode(this.domNode); this.destroy(); }, onMouseDown:function (evt) { this.bringToTop(); }, bringToTop:function () { var floatingPanes = dojo.widget.manager.getWidgetsByType(this.widgetType); var windows = []; for (var x = 0; x < floatingPanes.length; x++) { if (this.widgetId != floatingPanes[x].widgetId) { windows.push(floatingPanes[x]); } } windows.sort(function (a, b) { return a.domNode.style.zIndex - b.domNode.style.zIndex; }); windows.push(this); var floatingPaneStartingZ = 100; for (x = 0; x < windows.length; x++) { windows[x].domNode.style.zIndex = floatingPaneStartingZ + x * 2; } }, _setInitialWindowState:function () { if (this.isShowing()) { this.width = -1; var mb = dojo.html.getMarginBox(this.domNode); this.resizeTo(mb.width, mb.height); } if (this.windowState == "maximized") { this.maximizeWindow(); this.show(); return; } if (this.windowState == "normal") { this.show(); return; } if (this.windowState == "minimized") { this.hide(); return; } this.windowState = "minimized"; }, _taskBarSetup:function () { var taskbar = dojo.widget.getWidgetById(this.taskBarId); if (!taskbar) { if (this._taskBarConnectAttempts < this._max_taskBarConnectAttempts) { dojo.lang.setTimeout(this, this._taskBarSetup, 50); this._taskBarConnectAttempts++; } else { dojo.debug("Unable to connect to the taskBar"); } return; } taskbar.addChild(this); }, showFloatingPane:function () { this.bringToTop(); }, onFloatingPaneShow:function () { var mb = dojo.html.getMarginBox(this.domNode); this.resizeTo(mb.width, mb.height); }, resizeTo:function (width, height) { dojo.html.setMarginBox(this.domNode, {width:width, height:height}); dojo.widget.html.layout(this.domNode, [{domNode:this.titleBar, layoutAlign:"top"}, {domNode:this.resizeBar, layoutAlign:"bottom"}, {domNode:this.containerNode, layoutAlign:"client"}]); dojo.widget.html.layout(this.containerNode, this.children, "top-bottom"); this.bgIframe.onResized(); if (this.shadow) { this.shadow.size(width, height); } this.onResized(); }, checkSize:function () { }, destroyFloatingPane:function () { if (this.resizeHandle) { this.resizeHandle.destroy(); this.resizeHandle = null; } }}); dojo.widget.defineWidget("dojo.widget.FloatingPane", [dojo.widget.ContentPane, dojo.widget.FloatingPaneBase], {fillInTemplate:function (args, frag) { this.fillInFloatingPaneTemplate(args, frag); dojo.widget.FloatingPane.superclass.fillInTemplate.call(this, args, frag); }, postCreate:function () { dojo.widget.FloatingPaneBase.prototype.postCreate.apply(this, arguments); dojo.widget.FloatingPane.superclass.postCreate.apply(this, arguments); }, show:function () { dojo.widget.FloatingPane.superclass.show.apply(this, arguments); this.showFloatingPane(); }, onShow:function () { dojo.widget.FloatingPane.superclass.onShow.call(this); this.onFloatingPaneShow(); }, destroy:function () { this.destroyFloatingPane(); dojo.widget.FloatingPane.superclass.destroy.apply(this, arguments); }}); dojo.widget.defineWidget("dojo.widget.ModalFloatingPane", [dojo.widget.FloatingPane, dojo.widget.ModalDialogBase], {windowState:"minimized", displayCloseAction:true, postCreate:function () { dojo.widget.ModalDialogBase.prototype.postCreate.call(this); dojo.widget.ModalFloatingPane.superclass.postCreate.call(this); }, show:function () { this.showModalDialog(); dojo.widget.ModalFloatingPane.superclass.show.apply(this, arguments); this.bg.style.zIndex = this.domNode.style.zIndex - 1; }, hide:function () { this.hideModalDialog(); dojo.widget.ModalFloatingPane.superclass.hide.apply(this, arguments); }, closeWindow:function () { this.hide(); dojo.widget.ModalFloatingPane.superclass.closeWindow.apply(this, arguments); }});

Other Struts examples (source code examples)

Here is a short list of links related to this Struts FloatingPane.js source code file:

... this post is sponsored by my books ...

#1 New Release!

FP Best Seller

 

new blog posts

 

Copyright 1998-2021 Alvin Alexander, alvinalexander.com
All Rights Reserved.

A percentage of advertising revenue from
pages under the /java/jwarehouse URI on this website is
paid back to open source projects.